优化图片方大问题

wuxw
1 parent b51f185e
Showing 2 changed files with 8 additions and 14 deletions
src/components/system/viewImage.vue
src/views/room/listPropertyRightRegistrationDetailList.vue
@@ -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)
     },