连续点击后无法显示bug修复

pet_li_6.6
liujun 2024-04-25 14:50:40 +08:00
parent 1149e0f41a
commit 906c10d1f2
1 changed files with 41 additions and 29 deletions

View File

@ -19,7 +19,7 @@
<span v-if="imgUrl != ''"> <span v-if="imgUrl != ''">
<div class="img-flex"> <div class="img-flex">
<viewer> <viewer>
<img :src="imgUrl" width="40" height="40" style="object-fit: cover;"> <el-image :src="imgUrl" :preview-src-list="[imgUrl]" style="object-fit: cover; width: 40px; height: 40px" z-index="8000" />
</viewer> </viewer>
</div> </div>
</span> </span>
@ -47,13 +47,13 @@
<span> <span>
<div class="img-flex"> <div class="img-flex">
<viewer> <viewer>
<img <el-image
v-for="item in userCardIDPhotoFile" v-for="item in userCardIDPhotoFile"
:src="config.fileUrl + item.FILEPATH" :src="config.fileUrl + item.FILEPATH"
:key="item.IMGFILES_ID" :key="item.IMGFILES_ID"
width="40" :preview-src-list="[config.fileUrl + item.FILEPATH]"
height="40" z-index="8000"
style="object-fit: cover;"> style="object-fit: cover; width: 40px; height: 40px"/>
</viewer> </viewer>
</div> </div>
</span> </span>
@ -137,13 +137,13 @@
<td v-if="userDetailForm.ISPAY === '1'"> <td v-if="userDetailForm.ISPAY === '1'">
<span> <span>
<viewer> <viewer>
<img <el-image
v-for="item in insuranceFileList" v-for="item in insuranceFileList"
:src="config.fileUrl + item.FILEPATH" :src="config.fileUrl + item.FILEPATH"
:key="item.IMGFILES_ID" :key="item.IMGFILES_ID"
width="40" :preview-src-list="[config.fileUrl + item.FILEPATH]"
height="40" z-index="8000"
style="object-fit: cover;"> style="object-fit: cover; width: 40px; height: 40px"/>
</viewer> </viewer>
</span> </span>
</td> </td>
@ -159,13 +159,13 @@
<td v-if="userDetailForm.IS_SIGN_LABOR === '1'" colspan="3"> <td v-if="userDetailForm.IS_SIGN_LABOR === '1'" colspan="3">
<span> <span>
<viewer> <viewer>
<img <el-image
v-for="item in contractFileList" v-for="item in contractFileList"
:src="config.fileUrl + item.FILEPATH" :src="config.fileUrl + item.FILEPATH"
:key="item.IMGFILES_ID" :key="item.IMGFILES_ID"
width="40" :preview-src-list="[config.fileUrl + item.FILEPATH]"
height="40" z-index="8000"
style="object-fit: cover;"> style="object-fit: cover; width: 40px; height: 40px"/>
</viewer> </viewer>
</span> </span>
</td> </td>
@ -178,13 +178,13 @@
<span> <span>
<div class="img-flex"> <div class="img-flex">
<viewer> <viewer>
<img <el-image
v-for="item in photosOfLevel" v-for="item in photosOfLevel"
:src="config.fileUrl + item.FILEPATH" :src="config.fileUrl + item.FILEPATH"
:key="item.IMGFILES_ID" :key="item.IMGFILES_ID"
width="40" :preview-src-list="[config.fileUrl + item.FILEPATH]"
height="40" z-index="8000"
style="object-fit: cover;"> style="object-fit: cover; width: 40px; height: 40px"/>
</viewer> </viewer>
</div> </div>
</span> </span>
@ -258,9 +258,9 @@
<table v-for="(item,index) in specialUsersList" :key="index" class="table-ui" style="margin-bottom: 20px;"> <table v-for="(item,index) in specialUsersList" :key="index" class="table-ui" style="margin-bottom: 20px;">
<tr> <tr>
<th style="width: 150px">证书名称</th> <th style="width: 150px">证书名称</th>
<td style="width: 200px">{{ item.CERTIFICATE }}</td> <td style="width: 150px">{{ item.CERTIFICATE }}</td>
<th style="width: 150px">作业类别</th> <th style="width: 150px">作业类别</th>
<td style="width: 200px">{{ item.SPECIAL_TYPE_NAME }}</td> <td style="width: 180px">{{ item.SPECIAL_TYPE_NAME }}</td>
<th style="width: 150px">操作项目</th> <th style="width: 150px">操作项目</th>
<td>{{ item.OPERATION_TYPE_NAME }}</td> <td>{{ item.OPERATION_TYPE_NAME }}</td>
<th style="width: 100px">证书照片</th> <th style="width: 100px">证书照片</th>
@ -268,17 +268,16 @@
<span> <span>
<div class="img-flex"> <div class="img-flex">
<viewer> <viewer>
<img <el-image
:src="config.fileUrl + item.FILEPATH" :src="config.fileUrl + item.FILEPATH"
width="40" :preview-src-list="[config.fileUrl + item.FILEPATH]"
height="40" z-index="8000"
style="object-fit: cover;"> style="object-fit: cover; width: 40px; height: 40px"/>
<img <el-image
v-if="item.FILEPATH_BACK" v-if="item.FILEPATH_BACK"
:src="config.fileUrl + item.FILEPATH_BACK" :preview-src-list="[config.fileUrl + item.FILEPATH_BACK]"
width="40" z-index="8000"
height="40" style="object-fit: cover; width: 40px; height: 40px"/>
style="object-fit: cover;">
</viewer> </viewer>
</div> </div>
</span> </span>
@ -413,7 +412,7 @@
</el-scrollbar> </el-scrollbar>
</div> </div>
<span slot="footer" class="dialog-footer"> <span slot="footer" class="dialog-footer">
<el-button @click="visible = false"> </el-button> <el-button @click="close"> </el-button>
</span> </span>
</el-dialog> </el-dialog>
</div> </div>
@ -511,6 +510,19 @@ export default {
}, },
download(item) { download(item) {
useDownloadFile(item) useDownloadFile(item)
},
close() {
this.visible = false
this.userDetailForm = {}
this.userCardIDPhotoFile = [] //
this.trainRecordList = []
this.photosOfLevel = [] //
this.specialUsersList = {}
this.insuranceFileList = [] //
this.contractFileList = []
this.socialPhotoFile = []
this.gongshangbaoxianFile = []
this.applyList = []
} }
} }
} }