优化图片方大问题

This commit is contained in:
wuxw 2025-08-05 11:26:37 +08:00
parent b51f185e83
commit b6a9069810
2 changed files with 8 additions and 14 deletions

View File

@ -3,7 +3,7 @@
<el-dialog
:visible.sync="visible"
:fullscreen="true"
:show-close="false"
:show-close="true"
custom-class="image-viewer-dialog"
>
<div class="image-wrapper">

View File

@ -30,7 +30,7 @@
<template slot-scope="scope">
<div v-if="scope.row.securities === '001'">
<div v-for="(item, index) in scope.row.idCardUrlShow" :key="index" class="image-container"
@click="showImg(item)">
>
<el-image :src="item" :preview-src-list="scope.row.idCardUrlShow" fit="cover"
style="width: 50px; height: 50px">
<div slot="error" class="image-slot">
@ -42,9 +42,9 @@
</div>
<div v-else-if="scope.row.securities === '002'">
<div v-for="(item, index) in scope.row.housePurchaseUrlShow" :key="index" class="image-container"
@click="showImg(item)">
>
<el-image :src="item" :preview-src-list="scope.row.housePurchaseUrlShow" fit="cover"
style="width: 50px; height: 50px">
style="width: 50px; height: 50px" >
<div slot="error" class="image-slot">
<img src="/img/noPhoto.jpg" style="width: 50px; height: 50px">
</div>
@ -54,9 +54,9 @@
</div>
<div v-else-if="scope.row.securities === '003'">
<div v-for="(item, index) in scope.row.repairUrlShow" :key="index" class="image-container"
@click="showImg(item)">
>
<el-image :src="item" :preview-src-list="scope.row.repairUrlShow" fit="cover"
style="width: 50px; height: 50px">
style="width: 50px; height: 50px" >
<div slot="error" class="image-slot">
<img src="/img/noPhoto.jpg" style="width: 50px; height: 50px">
</div>
@ -66,9 +66,9 @@
</div>
<div v-else-if="scope.row.securities === '004'">
<div v-for="(item, index) in scope.row.deedTaxUrlShow" :key="index" class="image-container"
@click="showImg(item)">
>
<el-image :src="item" :preview-src-list="scope.row.deedTaxUrlShow" fit="cover"
style="width: 50px; height: 50px">
style="width: 50px; height: 50px" >
<div slot="error" class="image-slot">
<img src="/img/noPhoto.jpg" style="width: 50px; height: 50px">
</div>
@ -94,7 +94,6 @@
</el-card>
<edit-property-right-registration-detail ref="editPropertyRightRegistrationDetail" @success="handleSuccess" />
<view-image ref="viewImage" />
</div>
</template>
@ -102,13 +101,11 @@
import { listPropertyRightRegistrationDetail } from '@/api/room/listPropertyRightRegistrationDetailApi'
import { getCommunityId } from '@/api/community/communityApi'
import EditPropertyRightRegistrationDetail from '@/components/room/editPropertyRightRegistrationDetail'
import ViewImage from '@/components/system/viewImage'
export default {
name: 'ListPropertyRightRegistrationDetail',
components: {
EditPropertyRightRegistrationDetail,
ViewImage
},
data() {
return {
@ -187,9 +184,6 @@ export default {
_openEditPropertyRightRegistrationDetailModel(row) {
this.$refs.editPropertyRightRegistrationDetail.open(row)
},
showImg(url) {
this.$refs.viewImage.open(url)
},
_goBack() {
this.$router.go(-1)
},