列表图片点击放大

src/views/modules/visual/shundeju/screen-table.vue

@@ -31,12 +31,17 @@
             :style="tableContentStyle[indexs]"
           >
             <div v-if="item.coulmn == 'faceImg'">
-              <img
+              <!-- <img
                 :src= "value[item.coulmn]"
                 alt=""
                 srcset=""
                 style="width: 40px;height: 40px;"
-              />
+              /> -->
+              <el-image style="width: 40px;height: 40px;"
+                        :src="value[item.coulmn]"
+                        :preview-src-list="previewImgList"
+                        @click="clickImg(value[item.coulmn])">
+              </el-image>
             </div>
             <div v-else>
               {{ value[item.coulmn] }}
@@ -181,6 +186,7 @@ export default {
         false,
         false,
       ],
+      previewImgList: []
     };
   },
   watch: {
@@ -215,6 +221,10 @@ export default {
     },
     handleClickRow(val) {
       this.$emit('row', val)
+    },
+    clickImg (url) {
+      this.previewImgList = []
+      this.previewImgList.push(url)
     }
   },
 };