预览图片

src/views/againAssign.vue

@@ -181,7 +181,7 @@
             >
           </p>
           <div class="imgs-container" v-if="imgs.length">
-            <div class="imgs-cont">
+            <div class="imgs-cont" @click="showImgs(imgs)">
               <img
                 v-if="
                   img.suffix == 'jpeg' ||
@@ -354,6 +354,12 @@ export default {
           that.getProgressInfo();
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/closed.vue

@@ -189,7 +189,7 @@
             >
           </p>
           <div class="imgs-container" v-if="imgs.length">
-            <div class="imgs-cont">
+            <div class="imgs-cont" @click="showImgs(imgs)">
               <img
                 v-if="
                   img.suffix == 'jpeg' ||
@@ -390,6 +390,12 @@ export default {
           that.getProgressInfo();
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/grabSheet.vue

@@ -184,7 +184,7 @@
               >
             </p>
             <div class="imgs-container" v-if="imgs.length">
-              <div class="imgs-cont">
+              <div class="imgs-cont" @click="showImgs(imgs)">
                 <img
                   v-if="
                     img.suffix == 'jpeg' ||
@@ -326,6 +326,12 @@ export default {
           that.getProgressInfo();
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/inspectionDoneDetail.vue

@@ -55,7 +55,7 @@
     <div class="label">图片列表</div>
     <div class="imgs-c">
       <div class="imgs-container" v-if="imgs.length">
-        <div class="imgs-cont">
+        <div class="imgs-cont" @click="showImgs(imgs)">
           <img
             v-if="
               img.suffix == 'jpeg' ||
@@ -194,6 +194,12 @@ export default {
         params: { data: this.baseInfo, abnormal: this.abnormal }
       });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/order.vue

@@ -233,7 +233,7 @@
               >
             </p>
             <div class="imgs-container" v-if="imgs.length">
-              <div class="imgs-cont">
+              <div class="imgs-cont" @click="showImgs(imgs)">
                 <img
                   v-if="
                     img.suffix == 'jpeg' ||
@@ -396,6 +396,12 @@ export default {
           that.getProgressInfo();
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/processing.vue

@@ -224,7 +224,7 @@
             >
           </p>
           <div class="imgs-container" v-if="imgs.length">
-            <div class="imgs-cont">
+            <div class="imgs-cont" @click="showImgs(imgs)">
               <img
                 v-if="
                   img.suffix == 'jpeg' ||
@@ -1031,6 +1031,12 @@ export default {
           localStorage.setItem("modelData", JSON.stringify(that.modelData));
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/solved.vue

@@ -189,7 +189,7 @@
             >
           </p>
           <div class="imgs-container" v-if="imgs.length">
-            <div class="imgs-cont">
+            <div class="imgs-cont" @click="showImgs(imgs)">
               <img
                 v-if="
                   img.suffix == 'jpeg' ||
@@ -425,6 +425,12 @@ export default {
           that.getProgressInfo();
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;

src/views/waitConfirm.vue

@@ -158,7 +158,7 @@
             >
           </p>
           <div class="imgs-container" v-if="imgs.length">
-            <div class="imgs-cont">
+            <div class="imgs-cont" @click="showImgs(imgs)">
               <img
                 v-if="
                   img.suffix == 'jpeg' ||
@@ -290,6 +290,12 @@ export default {
           that.model = res.data.model;
         });
     },
+    //展示图片
+    showImgs(imgs){
+      this.$createImagePreview({
+        imgs:imgs.map(v=>v.previewUrl)
+      }).show()
+    },
     // 获取图片
     getImgs() {
       var that = this;