修改预览

src/views/inout/DialogCheck.vue

@@ -154,11 +154,6 @@
                 </el-button>
                 <div>只能上传 jpg,png,pdf,doc 文件，且不超过 10 MB</div>
               </el-upload>
-              <!--                            <el-button type="primary" size="mini" icon="search" @click="toViewCompanyCert"-->
-              <!--                                       style="text-align:right"-->
-              <!--                            >文件预览-->
-              <!--                            </el-button-->
-              <!--                            >-->
 
             </el-form-item>
           </el-col>
@@ -167,12 +162,13 @@
               <span>预览：</span>
             </div>
           </el-col>
-          <!--<el-col :span="8">-->
-          <!--  <el-button type="primary" size="mini" icon="search" v-if="this.inputQuery.filePath!=null"-->
-          <!--             style="text-align:right" @click="toViewCompanyCert" >-->
-          <!--                          文件预览-->
-          <!--  </el-button>-->
-          <!--</el-col>-->
+          <el-col :span="8">
+            <el-button type="primary" size="mini" icon="search" v-if="this.inputQuery.filePath!=null"
+                       style="text-align:right" @click="showImgViewer" >
+                                    文件预览
+            </el-button>
+            <el-image-viewer v-if="imgViewerVisible" style="z-index:9999" :on-close="closeImgViewer" :url-list="imgList"/>
+          </el-col>
 
 
         </el-row>
@@ -187,6 +183,9 @@ import draggable from "vuedraggable";
 import store from "@/store";
 import {updateById} from '@/api/inout/orderDetailBiz'
 import {updateOrderDetailBiz} from '@/api/inout/order'
+import { previewImage } from '@/api/purchase/supCompany'
+import ElImageViewer from "element-ui/packages/image/src/image-viewer";
+
 
 
 export default {
@@ -205,6 +204,8 @@ export default {
   },
   data() {
     return {
+      imgList:[],
+      imgViewerVisible:false,
       BASE_URL: process.env.VUE_APP_BASE_API,
       code: "",
       formData: {
@@ -234,7 +235,7 @@ export default {
     };
   },
   components: {
-    draggable,
+    draggable,ElImageViewer
   },
   methods: {
     submitUpload() {
@@ -341,10 +342,30 @@ export default {
 
     },
 
-    // toViewCompanyCert() {
-    //   this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
-    //   window.open(this.certFileUrl +  this.inputQuery.filePath);
-    // },
+    showImgViewer(row){
+      this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
+      this.imgList=[];
+      previewImage({imageUrl:this.inputQuery.filePath,certFileUrl:this.certFileUrl}).then(response => {
+        if (response.code === 20000) {
+          debugger
+          this.imgList=response.data;
+        }
+        console.log(this.imgList)
+        this.imgViewerVisible = true;
+      });
+      const m = (e) => { e.preventDefault() };
+      document.body.style.overflow = 'hidden';
+      document.addEventListener("touchmove", m, false); // 禁止页面滑动
+    },
+
+    closeImgViewer(){
+      this.imgViewerVisible = false;
+      const m = (e) => { e.preventDefault() };
+      document.body.style.overflow = 'auto';
+      document.removeEventListener("touchmove", m, true);
+    },
+
+
   },
   filters: {},
   mounted() {