查询出入库 加上检验报告预览

src/views/inout/IoSupSearchOrder.vue

@@ -301,6 +301,28 @@
             prop="certCode"
             show-overflow-tooltip
           ></el-table-column>
+          <el-table-column
+            label="检验报告"
+            width="160"
+            prop="checkFileName"
+            show-overflow-tooltip
+          >
+            <template slot-scope="scope">
+              <div style="color: #1890ff;" @click="showImgViewer(scope.row)">{{ scope.row.checkFileName }}</div>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="160" fixed="right">
+            <template slot-scope="scope">
+              <el-button
+                type="text"
+                size="small"
+                @click.native.stop="upload(scope.row)"
+                v-if="scope.row.checkFileName != null"
+              >检验报告
+              </el-button
+              >
+            </template>
+          </el-table-column>
         </el-table>
         <pagination
           v-show="bizTotal>0"
@@ -392,6 +414,24 @@
       </el-tab-pane>
     </el-tabs>
 
+    <el-image-viewer v-if="imgViewerVisible" style="z-index:9999" :on-close="closeImgViewer" :url-list="imgList"/>
+
+
+    <el-dialog
+      title="编辑"
+      :visible.sync="Upinvoice"
+      :before-close="freshen"
+      width="60%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="false"
+      v-if="Upinvoice"
+    >
+      <DialogCheck
+        :closeDialog="closeCheckDialog"
+        :inputQuery="currentManufacturer"
+      ></DialogCheck>
+    </el-dialog>
+
     <el-dialog
       title="送货单审核"
       :visible.sync="acceptOrderVisible"
@@ -423,7 +463,12 @@ import {getCodeDetailList} from "@/api/inout/orderDetailCode";
 import {getCodeList} from "@/api/inout/code";
 import {inspectionOrderPDFFromTemplateFile, orderPDFFromTemplateFile} from "@/api/itextpdf/orderPrint"
 import AcceptOrder from "@/views/inout/DialogReviewOrder";
+import DialogCheck from "@/views/inout/DialogCheck";
 import {getDeptListByUser} from "@/api/auth/authDept";
+import { previewImage } from '@/api/purchase/supCompany'
+import { getBizDetailList } from '@/api/inout/orderDetailBiz'
+import ElImageViewer from "element-ui/packages/image/src/image-viewer";
+
 
 const formJson = {
   site_id: "",
@@ -436,7 +481,12 @@ export default {
   name: "IoSupSearchOrder",
   data() {
     return {
+      BASE_URL: process.env.VUE_APP_BASE_API,
+      imgViewerVisible:false,
+      imgList:[],
       showSearch: true,
+      currentManufacturer:{},
+      Upinvoice:false,
       filterQuery: {
         id: "",
         billNo: null,
@@ -563,7 +613,7 @@ export default {
       acceptOrderVisible: false,
     };
   },
-  components: {AcceptOrder},
+  components: {AcceptOrder,DialogCheck,ElImageViewer},
   methods: {
     onReset() {
       this.$router.push({
@@ -607,6 +657,45 @@ export default {
       this.filterQuery.page = 1;
       this.getList();
     },
+
+    showImgViewer(row){
+      this.certFileUrl = this.BASE_URL + "/udiwms/image/register/file/getImage?type=image2&name=";
+      console.log(this.certFileUrl+"========");
+      this.imgList=[];
+      previewImage({imageUrl:row.filePath,certFileUrl:this.certFileUrl}).then(response => {
+        if (response.code === 20000) {
+          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);
+    },
+
+
+    upload(row){
+      this.currentManufacturer = row;
+      this.Upinvoice = true;
+    },
+
+    closeCheckDialog(){
+      this.Upinvoice = false;
+      this.getOrderDetails();
+    },
+
+    freshen(){
+      this.Upinvoice = false;
+      this.getOrderDetails();
+    },
     hideSearch() {
       this.showSearch = !this.showSearch;
     },
@@ -744,7 +833,7 @@ export default {
       }
       this.bizDetailLoading = true;
       this.bizQuery.orderIdFk = this.currentRow.billNo;
-      getResultDetailList(this.bizQuery).then((res) => {
+      getBizDetailList(this.bizQuery).then((res) => {
         this.bizDetailLoading = false;
         if (res.code === 20000) {
           this.bizDetailList = res.data.list || [];