wuye / webui

Commit b6a9069810ed41433837e04d35153337fb4c2b64

Authored by wuxw
1 parent b51f185e

优化图片方大问题

Inline Side-by-side
Showing 2 changed files with 8 additions and 14 deletions
src/components/system/viewImage.vue
  View file @b6a9069
... ... @@ -3,7 +3,7 @@
3 3 <el-dialog
4 4 :visible.sync="visible"
5 5 :fullscreen="true"
6   - :show-close="false"
  6 + :show-close="true"
7 7 custom-class="image-viewer-dialog"
8 8 >
9 9 <div class="image-wrapper">
... ...
src/views/room/listPropertyRightRegistrationDetailList.vue
  View file @b6a9069
... ... @@ -30,7 +30,7 @@
30 30 <template slot-scope="scope">
31 31 <div v-if="scope.row.securities === '001'">
32 32 <div v-for="(item, index) in scope.row.idCardUrlShow" :key="index" class="image-container"
33   - @click="showImg(item)">
  33 + >
34 34 <el-image :src="item" :preview-src-list="scope.row.idCardUrlShow" fit="cover"
35 35 style="width: 50px; height: 50px">
36 36 <div slot="error" class="image-slot">
... ... @@ -42,9 +42,9 @@
42 42 </div>
43 43 <div v-else-if="scope.row.securities === '002'">
44 44 <div v-for="(item, index) in scope.row.housePurchaseUrlShow" :key="index" class="image-container"
45   - @click="showImg(item)">
  45 + >
46 46 <el-image :src="item" :preview-src-list="scope.row.housePurchaseUrlShow" fit="cover"
47   - style="width: 50px; height: 50px">
  47 + style="width: 50px; height: 50px" >
48 48 <div slot="error" class="image-slot">
49 49 <img src="/img/noPhoto.jpg" style="width: 50px; height: 50px">
50 50 </div>
... ... @@ -54,9 +54,9 @@
54 54 </div>
55 55 <div v-else-if="scope.row.securities === '003'">
56 56 <div v-for="(item, index) in scope.row.repairUrlShow" :key="index" class="image-container"
57   - @click="showImg(item)">
  57 + >
58 58 <el-image :src="item" :preview-src-list="scope.row.repairUrlShow" fit="cover"
59   - style="width: 50px; height: 50px">
  59 + style="width: 50px; height: 50px" >
60 60 <div slot="error" class="image-slot">
61 61 <img src="/img/noPhoto.jpg" style="width: 50px; height: 50px">
62 62 </div>
... ... @@ -66,9 +66,9 @@
66 66 </div>
67 67 <div v-else-if="scope.row.securities === '004'">
68 68 <div v-for="(item, index) in scope.row.deedTaxUrlShow" :key="index" class="image-container"
69   - @click="showImg(item)">
  69 + >
70 70 <el-image :src="item" :preview-src-list="scope.row.deedTaxUrlShow" fit="cover"
71   - style="width: 50px; height: 50px">
  71 + style="width: 50px; height: 50px" >
72 72 <div slot="error" class="image-slot">
73 73 <img src="/img/noPhoto.jpg" style="width: 50px; height: 50px">
74 74 </div>
... ... @@ -94,7 +94,6 @@
94 94 </el-card>
95 95  
96 96 <edit-property-right-registration-detail ref="editPropertyRightRegistrationDetail" @success="handleSuccess" />
97   - <view-image ref="viewImage" />
98 97 </div>
99 98 </template>
100 99  
... ... @@ -102,13 +101,11 @@
102 101 import { listPropertyRightRegistrationDetail } from '@/api/room/listPropertyRightRegistrationDetailApi'
103 102 import { getCommunityId } from '@/api/community/communityApi'
104 103 import EditPropertyRightRegistrationDetail from '@/components/room/editPropertyRightRegistrationDetail'
105   -import ViewImage from '@/components/system/viewImage'
106 104  
107 105 export default {
108 106 name: 'ListPropertyRightRegistrationDetail',
109 107 components: {
110 108 EditPropertyRightRegistrationDetail,
111   - ViewImage
112 109 },
113 110 data() {
114 111 return {
... ... @@ -187,9 +184,6 @@ export default {
187 184 _openEditPropertyRightRegistrationDetailModel(row) {
188 185 this.$refs.editPropertyRightRegistrationDetail.open(row)
189 186 },
190   - showImg(url) {
191   - this.$refs.viewImage.open(url)
192   - },
193 187 _goBack() {
194 188 this.$router.go(-1)
195 189 },
... ...