mirror of
https://gitee.com/java110/MicroCommunityWeb.git
synced 2026-02-24 05:46:03 +08:00
优化图片方大问题
This commit is contained in:
parent
b51f185e83
commit
b6a9069810
@ -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">
|
||||
|
||||
@ -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)
|
||||
},
|
||||
|
||||
Loading…
Reference in New Issue
Block a user