配套出库审核批量流程界面修改

applications/dee-task-center/src/views/workflow/task-center/myPlanTask/outStorageMatchExamine/components/right.vue

-<template>
-  <div class="outStorageMatchExamineRight">
-    <split-pane
-      ref="splitPane"
-      :min-percent="30"
-      :default-percent="60"
-      split="horizontal"
-      :class="['detail-pane','collapse']"
-    >
-      <template slot="paneL">
-        <div class="table-box">
-          <dee-as-com
-            :basic-data=" {...(currentAo&&currentAo.joExecutePlan&&currentAo.joExecutePlan[0]||{})}"
-            :lay-config="{ typeName: 'JoExecutePlan', layKey: 'batchSign_proPreConfirm_aoInfo'}"
-          />
-          <dee-as-com
-            ref="outStorageMatch"
-            :basic-data=" { selectData: selectData }"
-            :lay-config="{ typeName: 'ExtSupportingItem', layKey: 'batchSign_proPreConfirm_rightTop'}"
-            :table-height="autoTopHeight"
-          />
-        </div>
-      </template>
-      <template slot="paneR">
-        <div class="detail">
-          <dee-as-com
-            ref="outStorageMatchItem"
-            :lay-config="{ typeName: 'OutStorageMatchItem', layKey: 'batchSign_outStorageMatchExamine_rightBottom'}"
-            :table-height="autoBottomHeight"
-            :basic-data=" { selectData,selectionRows }"
-            @selectionChange="selectionChange"
-          />
-        </div>
-      </template>
-    </split-pane>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'OutStorageMatchExamineRight',
-  components: {},
-  props: {
-    selectData: {
-      type: Object,
-      default: () => {}
-    },
-    currentAo: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      selectionRows: [],
-      autoBottomHeight: '100%',
-      autoTopHeight: '480px'
-    }
-  },
-  computed: {},
-  watch: {},
-  created() {},
-  mounted() {
-    this.$bus.$on('reloadModuleList', (hasFlag) => {
-      this.$nextTick(() => {
-        this.init()
-      })
-    })
-    this.$nextTick(function() {
-      const splitPane = this.$refs.splitPane
-      const height = document.getElementById('app').offsetHeight - 120
-      if (splitPane) {
-        this.$watch(
-          function() {
-            return splitPane.percent
-          },
-          (val, oval) => {
-            this.autoTopHeight = val / 100 * height - 80 + 'px'
-            // this.autoBottomHeight = (100 - val) / 100 * height - 270 + 'px'
-          }
-        )
-      }
-    })
-  },
-  // 组件方法
-  methods: {
-    selectionChange(val) {
-      this.selectionRows = val
-    },
-    init(currentAo) {
-      setTimeout(() => {
-        this.$refs.outStorageMatch && this.$refs.outStorageMatch.$refs.asCom.getData(currentAo && currentAo.id || 0)
-        this.$refs.outStorageMatchItem && this.$refs.outStorageMatchItem.$refs.asCom.getData(currentAo && currentAo.id || 0)
-      }, 100)
-    }
-  }
-}
-</script>
-
-  <style  lang='scss'>
-  .outStorageMatchExamineRight{
-    overflow: auto;
-    width: 100%;
-    height: 100%;
-    box-sizing: border-box;
-    padding-left: 8px;
-    // .sub-title{
-        // padding-top: 10px!important;
-    // }
-    .splitter-pane-resizer.horizontal {
-     opacity: 1;
-     background-color: #F1F4F5;
-     height: 8px;
-     border-bottom: 1px solid #e0e0e0;
-     border-top: 1px solid #e0e0e0;
-   }
-   .detail{
-     height: 100%;
-     background-color: #fff;
-   }
-    .dee-table{
-        .dee-tools {
-            margin: 2px 0!important;
-        }
-        .dee-table-config-bar{
-            margin: 2px 0!important;
-        }
-        .dee-table-pagination {
-            margin-top: 12px!important;
-        }
-     }
-
-  }
-  </style>
-
+<template>
+  <div class="outStorageMatchExamineRight">
+    <dee-as-com
+      ref="outStorageMatch"
+      table-height="auto"
+      :basic-data=" { selectData,selectionRows }"
+      :lay-config="{ typeName: 'OutStorageMatch', layKey: 'batchSign_0utStorageMatchExamine'}"
+      @selectionChange="selectionChange"
+    />
+    <dee-as-com
+      ref="outStorageMatchItem"
+      :lay-config="{ typeName: 'OutStorageMatchItem', layKey: 'batchSign_outStorageMatchExamine_top'}"
+      table-height="auto"
+      @selectionChange="selectionChange_item"
+    />
+    <dee-as-com
+      ref="jobResponseOutStorageMatch"
+      table-height="auto"
+      :lay-config="{ typeName: 'JobResponseOutStorageMatch', layKey: 'batchSign_JobResOutStorageMatch_Examine'}"
+      @selectionChange="selectionChange_jobRes"
+    />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'OutStorageMatchExamineRight',
+  components: {},
+  props: {
+    selectData: {
+      type: Object,
+      default: () => {}
+    },
+    currentAo: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  data() {
+    return {
+      selectionRows: [],
+      selectionItemRows: [],
+      selectionJobResRows: []
+    }
+  },
+  computed: {},
+  watch: {},
+  created() {},
+  mounted() {
+    this.$bus.$on('reloadModuleList', (hasFlag) => {
+      this.$nextTick(() => {
+        this.init()
+      })
+    })
+  },
+  // 组件方法
+  methods: {
+    selectionChange(val) {
+      this.selectionRows = val
+      const requestIds = val && val.map(item => item.id)
+      this.$refs.outStorageMatchItem.$refs.asCom.getData(requestIds)
+    },
+    selectionChange_item(val) {
+      this.selectionItemRows = val
+      const itemIds = val && val.map(item => item.id)
+      this.$refs.jobResponseOutStorageMatch.$refs.asCom.getData(itemIds)
+    },
+    selectionChange_jobRes(val) {
+      this.selectionJobResRows = val
+    },
+    init(currentAo) {
+      setTimeout(() => {
+        this.$refs.outStorageMatch && this.$refs.outStorageMatch.$refs.asCom.getData(currentAo && currentAo.id || 0)
+      }, 100)
+    }
+  }
+}
+</script>
+
+  <style  lang='scss'>
+  .outStorageMatchExamineRight{
+    overflow: auto;
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    padding-left: 8px;
+    .sub-title{
+        padding-top: 0px!important;
+    }
+    .dee-table{
+        .dee-tools {
+            margin: 2px 0!important;
+        }
+        .dee-table-config-bar{
+            margin: 2px 0!important;
+        }
+        .dee-table-pagination {
+            margin-top: 12px!important;
+        }
+     }
+
+  }
+  </style>
+