|
|
@@ -1,22 +1,22 @@
|
|
|
<template>
|
|
|
<div class="card content-box">
|
|
|
<div class="tip-text">如需更换请联系客服</div>
|
|
|
- <div class="license-container">
|
|
|
+ <div class="license-container" v-if="licenseImage">
|
|
|
<div class="license-display">
|
|
|
- <el-image
|
|
|
- v-if="licenseImage"
|
|
|
- :src="licenseImage"
|
|
|
- fit="contain"
|
|
|
- class="license-image"
|
|
|
- :preview-src-list="[licenseImage]"
|
|
|
- />
|
|
|
- <div v-else class="empty-image-box">
|
|
|
- <el-icon class="empty-icon">
|
|
|
- <Picture />
|
|
|
- </el-icon>
|
|
|
- </div>
|
|
|
+ <el-image :src="licenseImage" fit="contain" class="license-image" :preview-src-list="[licenseImage]">
|
|
|
+ <template #error>
|
|
|
+ <div class="empty-image-box">
|
|
|
+ <el-icon class="empty-icon">
|
|
|
+ <Picture />
|
|
|
+ </el-icon>
|
|
|
+ </div>
|
|
|
+ </template>
|
|
|
+ </el-image>
|
|
|
</div>
|
|
|
</div>
|
|
|
+ <div v-else class="empty-contract">
|
|
|
+ <el-empty description="暂无合同图片" :image-size="100" />
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
@@ -99,4 +99,11 @@ const initData = async () => {
|
|
|
color: var(--el-text-color-placeholder);
|
|
|
}
|
|
|
}
|
|
|
+.empty-contract {
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+ min-height: 570px;
|
|
|
+ padding: 40px 20px;
|
|
|
+}
|
|
|
</style>
|