退库入库批量签审检验界面修改

applications/dee-task-center/src/views/workflow/task-center/myPlanTask/inStorageUseOutBackInTest/index.vue

@@ -6,18 +6,50 @@
 <template>
   <div class="inStorageUseOutBackInTest">
     <dee-as-com
-      ref="applyTable"
-      class="list-table"
-      :basic-data=" { selectData,selectionRows }"
-      :lay-config="{ typeName: 'InStorageBackItem', layKey: 'batchSign_InStorageMatchBackInTest'}"
-      @selectionChange="selectionChange"
+      ref="search"
+      :lay-config="{ typeName: 'JobResponseInStorage', layKey: 'batchSign_jobResExp_search'}"
+      :basic-data="defaultData"
+      @searchEvent="searchEvent"
     />
+    <!-- tab页签 -->
+    <el-tabs v-model="active" type="border-card" class="detailTabs" @tab-click="tabClick">
+      <el-tab-pane :label="'器材验收单(' + totals.MaterialTotal + ')'" name="Material">
+        <dee-as-com
+          ref="MaterialTable"
+          class="list-table"
+          :basic-data=" {...basicData,tableType:'Material'}"
+          :lay-config="{ typeName: 'InStorageBackItem', layKey: 'Material_batchSign_InStorageBackInTest'}"
+          @requestSuccess="onRequestSuccess($event,'Material')"
+          @selectionChange="selectionChange($event,'Material')"
+        />
+      </el-tab-pane>
+      <el-tab-pane :label="'机载系统设备验收单(' + totals.AirEquipmentTotal + ')'" name="AirEquipment">
+        <dee-as-com
+          ref="AirEquipmentTable"
+          class="list-table"
+          :lay-config="{ typeName: 'InStorageBackItem', layKey: 'AirEquipment_batchSign_InStorageBackItem'}"
+          :basic-data=" {...basicData,tableType:'AirEquipment'}"
+          @requestSuccess="onRequestSuccess($event,'AirEquipment')"
+          @selectionChange="selectionChange($event,'AirEquipment')"
+        />
+      </el-tab-pane>
+      <el-tab-pane :label="'外包产品验收单(' + totals.OutSourceTotal + ')'" name="OutSource">
+        <dee-as-com
+          ref="OutSourceTable"
+          class="list-table"
+          :lay-config="{ typeName: 'InStorageBackItem', layKey: 'OutSource_batchSign_InStorageBackItem'}"
+          :basic-data="{...basicData,tableType:'OutSource'}"
+          @requestSuccess="onRequestSuccess($event,'OutSource')"
+          @selectionChange="selectionChange($event,'OutSource')"
+        />
+      </el-tab-pane>
+    </el-tabs>
   </div>
 </template>
 
 <script>
 export default {
-  name: 'InStorageUseOutBackInTest',
+  name: 'WarehouseExamine',
   components: {},
   props: {
     selectData: {
@@ -26,30 +58,111 @@ export default {
     }
   },
   data() {
+    const _that = this
     return {
-      selectionRows: []
+      active: 'Material',
+      defaultData: {},
+      totals: {
+        MaterialTotal: 0,
+        AirEquipmentTotal: 0,
+        OutSourceTotal: 0
+      },
+      billTypeList: [],
+      searchItems: [],
+      tabNames: [
+        'Material',
+        'AirEquipment',
+        'OutSource'
+      ],
+      selectionRows: {},
+      basicData: { selectData: _that.selectData, selectionRows: [] }
     }
   },
-  computed: {},
-  watch: {},
-  created() {},
+  computed: {
+  },
+  watch: {
+    selectData: {
+      immediate: true,
+      deep: true,
+      handler(val) {
+        if (val && val.taskKey) {
+          this.$nextTick(() => {
+            this.getTableData()
+          })
+        }
+      }
+    }
+  },
+  created() {
+  },
   mounted() {
+    // this.$bus.$on('refreshBackItem', () => {
+    //   this.$nextTick(() => {
+    //     if (this.$refs[this.active + 'Table']) {
+    //       (this.$refs[this.active + 'Table'].$refs.asCom.selfDrawerShow = false)
+    //       this.$refs[this.active + 'Table'].$refs.asCom.getData(this.searchItems)
+    //     }
+    //   })
+    // })
   },
   // 组件方法
   methods: {
-    selectionChange(val) {
-      this.selectionRows = val
+    onRequestSuccess(res, tabName) {
+      this.$set(this.totals, tabName + 'Total', res.items.totalElements)
+    },
+    searchEvent(val) {
+      this.searchItems = val.items
+      this.getTableData()
+    },
+    getTableData() {
+      this.tabNames.forEach(item => {
+        const el = this.$refs[item + 'Table']
+        if (el && el.$refs.asCom) {
+          el.$refs.asCom.getData(this.searchItems)
+        }
+      })
+    },
+    selectionChange(val, tabName) {
+      this.$set(this.basicData, 'selectionRows', val)
+    },
+    tabClick() {
+      this.$set(this.basicData, 'selectionRows', [])
     }
   }
 }
 </script>
 
-<style  lang='scss'>
-.inStorageUseOutBackInTest{
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  padding:0 4px;
+  <style  lang='scss'>
+  .inStorageUseOutBackInTest{
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding:0 4px;
+    .detailTabs {
+      height: calc(100% - 40px);
+      border: 0;
+      .dee-table-header{
+        padding: 0px 10px;
+        .dee-tools{
+         margin: 4px 0;
+       }
+      }
+    }
+    .el-tabs--border-card > .el-tabs__content {
+      padding: 0px;
+      height: calc(100% - 70px);
+      .el-tab-pane{
+        height: 100%;
+      }
+    }
+    .el-tabs--border-card > .el-tabs__header {
+      .el-tabs__nav-wrap {
+        margin: 0px;
+      }
+      .el-tabs__item.is-active {
+        color: #409eff;
+      }
+    }
+  }
+  </style>
 
-}
-</style>

applications/dee-task-center/src/views/workflow/task-center/myPlanTask/inStorageUseOutBackInTest/index_old.vue

+<!--
+ * @Author: gjn
+ * @Date: 2024-1-9 16:49:39
+ * @Description:领用/供外退库入库检验
+-->
+<template>
+  <div class="inStorageUseOutBackInTest">
+    <dee-as-com
+      ref="applyTable"
+      class="list-table"
+      :basic-data=" { selectData,selectionRows }"
+      :lay-config="{ typeName: 'InStorageBackItem', layKey: 'batchSign_InStorageMatchBackInTest'}"
+      @selectionChange="selectionChange"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'InStorageUseOutBackInTest',
+  components: {},
+  props: {
+    selectData: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      selectionRows: []
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {
+  },
+  // 组件方法
+  methods: {
+    selectionChange(val) {
+      this.selectionRows = val
+    }
+  }
+}
+</script>
+
+<style  lang='scss'>
+.inStorageUseOutBackInTest{
+  width: 100%;
+  height: 100%;
+  box-sizing: border-box;
+  padding:0 4px;
+
+}
+</style>