待检验业务单据详情界面

src/api/inout/orderDetailBiz.js

@@ -8,4 +8,14 @@ export function getBizDetailList(params) {
   });
 }
 
+export function getCheckDetailList(params) {
+  return axios({
+    url: "/udiwms/inout/wditCheck/filterList",
+    method: "get",
+    params: params
+  });
+}
+
+
+
 

src/views/inout/IoDealOrder.vue

@@ -83,11 +83,12 @@
           >查询
           </el-button
           >
-          <!--          <el-button type="primary" icon="el-icon-plus" @click="addOrders">新增单据</el-button>-->
         </el-button-group>
       </div>
       <el-divider style="margin: 15px"></el-divider>
-      <el-table v-loading="loading" :data="list" style="width: 100%" highlight-current-row
+      <el-table v-loading="loading" :data="list" style="width: 100%"
+                highlight-current-row
+                @current-change="handleSelectionChange"
                 border
       >
         <el-table-column type="selection" width="55"></el-table-column>
@@ -185,6 +186,120 @@
         @pagination="getList"
       />
     </el-card>
+
+
+    <el-tabs type="border-card" style="margin: 15px">
+      <!--单据业务详情-->
+      <el-tab-pane>
+        <span slot="label">单据 {{ currentRow.billNo }}-业务详情</span>
+        <el-form :inline="true" :model="bizQuery" class="query-form" size="mini">
+          <el-form-item class="query-form-item" label="产品名称:">
+            <el-input
+              v-model="bizQuery.productName"
+              placeholder="请输入产品名称"
+              clearable
+            >
+            </el-input>
+          </el-form-item>
+          <el-form-item>
+            <el-button-group>
+              <el-button
+                type="primary"
+                icon="el-icon-refresh"
+                @click="onBizReset"
+              >重置
+              </el-button>
+              <el-button type="primary" @click="onBizSubmit"
+                         icon="el-icon-search"
+              >查询
+              </el-button>
+            </el-button-group>
+          </el-form-item>
+        </el-form>
+        <el-table v-loading="bizDetailLoading" :data="bizDetailList" style="width: 100%" border
+                  :row-style="rowStyle"
+                  row-key="id"
+        >
+          <el-table-column label="序号" type="index"></el-table-column>
+          <el-table-column
+            label="产品通用名称"
+            prop="coName"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            label="规格型号"
+            prop="spec"
+          ></el-table-column>
+          <el-table-column label="批次号" header-align="center">
+            <el-table-column header-align="center"
+                             label="手录"
+                             prop="bbatchNo"
+                             show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column header-align="center"
+                             label="扫码"
+                             prop="sbatchNo"
+                             show-overflow-tooltip
+            ></el-table-column>
+          </el-table-column>
+
+          <el-table-column label="生产日期" header-align="center">
+            <el-table-column header-align="center"
+                             label="手录"
+                             prop="bproductDate"
+                             show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column header-align="center"
+                             label="扫码"
+                             prop="sproductDate"
+                             show-overflow-tooltip
+            ></el-table-column>
+          </el-table-column>
+
+          <el-table-column label="失效日期" header-align="center">
+            <el-table-column header-align="center"
+                             label="手录"
+                             prop="bexpireDate"
+                             show-overflow-tooltip
+            ></el-table-column>
+            <el-table-column header-align="center"
+                             label="扫码"
+                             prop="sexpireDate"
+                             show-overflow-tooltip
+            ></el-table-column>
+          </el-table-column>
+          <el-table-column label="数量" header-align="center">
+            <el-table-column
+              header-align="center"
+              label="单据数量"
+              prop="count"
+            ></el-table-column>
+            <el-table-column
+              header-align="center"
+              label="扫码数量"
+              prop="scanCount"
+            ></el-table-column>
+          </el-table-column>
+
+          <el-table-column
+            label="价格"
+            prop="price"
+          ></el-table-column>
+          <el-table-column
+            label="生产厂家"
+            prop="manufacturer"
+            show-overflow-tooltip
+          ></el-table-column>
+          <el-table-column
+            label="注册/备案凭证号"
+            prop="certCode"
+            show-overflow-tooltip
+          ></el-table-column>
+        </el-table>
+      </el-tab-pane>
+    </el-tabs>
+
+
   </div>
 </template>
 
@@ -202,6 +317,8 @@ import store from "../../store";
 import {getInvListByUser} from "@/api/system/invWarehouse";
 import {getLocalJoinByUser} from "@/api/basic/busType";
 import {selectSysParamByKey} from "@/api/param/systemParamConfig";
+import {isBlank} from "@/utils/strUtil";
+import {getBizDetailList, getCheckDetailList} from "@/api/inout/orderDetailBiz";
 
 
 export default {
@@ -220,7 +337,6 @@ export default {
         startTime: null,
         endTime: null,
         invCode: this.$store.getters.locInvCode,
-
       },
       viewType: 3,
       checkStatus: {
@@ -306,6 +422,19 @@ export default {
           },
         ],
       },
+      currentRow: {
+        billNo: ""
+      },
+      bizQuery: {
+        productName: null,
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      },
+      bizTotal: 0,
+      bizDetailLoading: false,
+      bizDetailList: [],
+
     };
   },
   components: {
@@ -474,6 +603,60 @@ export default {
       return statusMap[status];
     },
 
+    rowStyle({row, rowIndex}) {
+      let rowBackground = {};
+      if (!this.$isNotBlank(row.supId) || !this.$isNotBlank(row.bindRlFk)) {
+        rowBackground.color = '#f60303';
+        return rowBackground;
+      }
+      if (!row.checkSuccess) {
+        rowBackground.color = '#f60303';
+      }
+      return rowBackground;
+    },
+
+
+    onBizReset() {
+      this.bizQuery = {
+        productName: null,
+        orderIdFk: null,
+        page: 1,
+        limit: 10
+      };
+      this.getBizDetailList();
+    },
+    onBizSubmit() {
+      this.bizQuery.page = 1;
+      this.getBizDetailList();
+    },
+
+    handleSelectionChange(val) {
+      this.currentRow = val;
+      this.getBizDetailList();
+    },
+    getBizDetailList() {
+      if (isBlank(this.currentRow.billNo)) {
+        this.$message.error("请先选择需要查询的单据！")
+        return;
+      }
+      this.bizDetailLoading = true;
+      this.bizQuery.orderIdFk = this.currentRow.billNo;
+      getCheckDetailList(this.bizQuery).then((res) => {
+        this.bizDetailLoading = false;
+        if (res.code === 20000) {
+          this.bizDetailList = res.data || [];
+        } else {
+          this.$message.error(res.message);
+          this.bizDetailList = [];
+        }
+      }).catch((error) => {
+        this.bizDetailLoading = false;
+        this.$message.error(error.message);
+        this.bizDetailList = [];
+        this.bizTotal = 0;
+      })
+    },
+
   },
   mounted() {
     document.body.ondrop = function (event) {