添加预览

src/views/purchase/company/supCompanyAduditDialog.vue

@@ -168,12 +168,24 @@
                          @click.native="printSupCert(scope.row)">打印
               </el-button>
               <el-button type="text" size="small" v-if="editType==2" @click.native="auditCert(scope.row)">编辑</el-button>
+              <el-button
+                type="text"
+                size="small"
+                @click.native="showImgViewer(scope.row)"
+              >预览
+              </el-button>
               <el-button type="text" size="small" v-if="scope.row.auditStatus==1" @click.native="revoke(scope.row)">
                 撤回
               </el-button>
             </template>
           </el-table-column>
         </el-table>
+        <el-image-viewer
+          v-if="imgViewer"
+          style="z-index: 9999"
+          :on-close="closeImgViewer"
+          :url-list="imgList"
+        />
         <el-pagination
           :page-size="certQuery.limit"
           @current-change="certHandleCurrentChange"
@@ -336,6 +348,7 @@ export default {
       BASE_URL: process.env.VUE_APP_BASE_API,
       headers: {},
       imgViewerVisible: false,
+      imgViewer: false,
       imgList: [],
       classesDisplay: false,
       selectedOptions: [],
@@ -538,7 +551,7 @@ export default {
           this.imgList = response.data;
         }
       });
-      this.imgViewerVisible = true;
+      this.imgViewer = true;
       const m = (e) => {
         e.preventDefault()
       };
@@ -547,6 +560,7 @@ export default {
     },
     closeImgViewer() {
       this.imgViewerVisible = false;
+      this.imgViewer = false;
       const m = (e) => {
         e.preventDefault()
       };

src/views/purchase/manufacturer/supManufacturerAuditDialog.vue

@@ -203,12 +203,24 @@
               <el-button v-if="editType==1 && auditType!=1" type="text" size="small" @click.native="printSupCert(scope.row)">打印
               </el-button>
               <el-button type="text" size="small" v-if="editType==2" @click.native="auditCert(scope.row)">编辑</el-button>
+              <el-button
+                type="text"
+                size="small"
+                @click.native="showImgViewer(scope.row)"
+              >预览
+              </el-button>
               <el-button type="text" size="small" v-if="scope.row.auditStatus==1" @click.native="revoke(scope.row)">
                 撤回
               </el-button>
             </template>
           </el-table-column>
         </el-table>
+        <el-image-viewer
+          v-if="imgViewer"
+          style="z-index: 9999"
+          :on-close="closeImgViewer"
+          :url-list="imgList"
+        />
         <el-pagination
           :page-size="certQuery.limit"
           @current-change="certHandleCurrentChange"
@@ -362,6 +374,7 @@ export default {
       selectedOptions: [],
       selectedOptions2: [],
       imgViewerVisible: false,
+      imgViewer: false,
       imgList: [],
       options: regionDataPlus,
       rules: {
@@ -558,7 +571,7 @@ export default {
             this.imgList=response.data;
           }
         });
-        this.imgViewerVisible = true;
+        this.imgViewer = true;
         const m = (e) => {
           e.preventDefault()
         };
@@ -567,6 +580,7 @@ export default {
     },
     closeImgViewer() {
       this.imgViewerVisible = false;
+      this.imgViewer = false;
       const m = (e) => {
         e.preventDefault()
       };

src/views/purchase/product/supProductAuditDialog.vue

@@ -240,12 +240,24 @@
                        @click.native="printSupCert(scope.row)">打印
             </el-button>
             <el-button type="text" size="small" v-if="editType==2" @click.native="auditCert(scope.row)">编辑</el-button>
+            <el-button
+              type="text"
+              size="small"
+              @click.native="showImgViewer(scope.row)"
+            >预览
+            </el-button>
             <el-button type="text" size="small" v-if="scope.row.auditStatus==1" @click.native="revoke(scope.row)">
               撤回
             </el-button>
           </template>
         </el-table-column>
       </el-table>
+      <el-image-viewer
+        v-if="imgViewer"
+        style="z-index: 9999"
+        :on-close="closeImgViewer"
+        :url-list="imgList"
+      />
       <el-pagination
         :page-size="certQuery.limit"
         @current-change="certHandleCurrentChange"
@@ -402,6 +414,7 @@ export default {
       fromOptions: [],
       fromPMOptions: [],
       imgViewerVisible: false,
+      imgViewer: false,
       imgList: [],
       pmQuery: {
         customerId: null,
@@ -573,7 +586,7 @@ export default {
           this.imgList = response.data;
         }
       });
-      this.imgViewerVisible = true;
+      this.imgViewer = true;
       const m = (e) => {
         e.preventDefault()
       };
@@ -582,6 +595,7 @@ export default {
     },
     closeImgViewer() {
       this.imgViewerVisible = false;
+      this.imgViewer = false;
       const m = (e) => {
         e.preventDefault()
       };