admingit/MicroCommunityWeb
1
0
Fork 0
mirror of https://gitee.com/java110/MicroCommunityWeb.git synced 2026-06-12 10:00:56 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

优化图片方大问题

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/system/viewImage.vue
View File

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

14
src/views/room/listPropertyRightRegistrationDetailList.vue
View File

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