ERP相关_物料分拣暂存

applications/dee-mes/src/privateComponents/components/ERP_MaterialSorting/index.vue

+<!--
+ * @Author: gjn
+ * @Date: 2024-07-02 15:07:29
+ * @Description:物料分拣
+-->
+<template>
+  <div class="materialSorting">
+    <!-- <dee-as-com
+      ref="search"
+      :lay-config="{ typeName: 'InStorageRequestItem', layKey: 'warehouse_search'}"
+      @searchEvent="searchEvent"
+    /> -->
+    <!-- tab页签 -->
+    <el-tabs v-model="active" type="border-card" class="detailTabs">
+      <el-tab-pane label="未分拣" name="noSort">
+        <dee-as-com
+          ref="noSortTable"
+          class="list-table"
+          :lay-config="{ typeName: 'ErpInventory', layKey: 'noSortTable'}"
+        />
+      </el-tab-pane>
+      <el-tab-pane label="已分拣" name="sorted">
+        <dee-as-com
+          ref="sortedTable"
+          class="list-table"
+          :lay-config="{ typeName: 'ErpSorting', layKey: 'defaultResult'}"
+        />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'ERPMaterialSorting',
+  componentName: 'ERP_物料分拣单',
+  components: {},
+  props: {},
+  data() {
+    return {
+      active: 'noSort',
+      searchItems: [],
+      tabNames: [
+        'noSort',
+        'sorted'
+      ]
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {},
+  // 组件方法
+  methods: {
+    searchEvent(val) {
+      this.searchItems = val.items
+      this.getTableData()
+    },
+    getTableData() {
+      this.tabNames.forEach(item => {
+        this['loading' + item] = true
+        const el = this.$refs[item + 'Table']
+        if (el && el.$refs.asCom) {
+          el.$refs.asCom.getData(this.searchItems)
+        }
+      })
+    }
+  }
+}
+</script>
+
+<style  lang='scss'>
+.materialSorting{
+  width: 100%;
+  // height: calc(100% - 50px);
+  height: 100%;
+  box-sizing: border-box;
+  // padding:0 4px;
+  // .search-form-box-com .search-box-col{
+  //   width: 100%!important;
+  // }
+  .detailTabs {
+    height: calc(100% - 0px);
+    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>