解决开启虚拟DOM之后页签下的表格初次渲染树形结构无法展开的问题

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

@@ -81,7 +81,10 @@ export default {
       basicData: { selectData: _that.selectData, selectionRows: [] },
       loadingMaterial: false,
       loadingAirEquipment: false,
-      loadingOutSource: false
+      loadingOutSource: false,
+      firstMaterialClick: true,
+      firstOutSourceClick: false,
+      firstAirEquipmentClick: false
     }
   },
   computed: {
@@ -135,6 +138,16 @@ export default {
     },
     tabClick() {
       this.$set(this.basicData, 'selectionRows', [])
+      if (this['first' + this.active + 'Click']) return
+      this['first' + this.active + 'Click'] = true
+      if (['AirEquipment', 'OutSource'].includes(this.active)) {
+        this.$nextTick(() => {
+          const com = this.$utils._get(this.$refs[this.active + 'Table'], '$refs.asCom')
+          if (com && com.showData) {
+            com.showData = [...com.showData]
+          }
+        })
+      }
     }
   }
 }

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

-<!--
- * @Author: gjn
- * @Date: 2023-08-04 10:29:39
- * @Description:批量签审_理化实验入库响应
--->
-<template>
-  <div class="jobResponseInExperiment">
-    <dee-as-com
-      ref="applyTable"
-      class="list-table"
-      :basic-data=" { selectData,selectionRows }"
-      :lay-config="{ typeName: 'JobResponseInStorage', layKey: 'batchSign_jobResponseInExperiment'}"
-      @selectionChange="selectionChange"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'JobResponseInExperiment',
-  components: {},
-  props: {
-    selectData: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      selectionRows: []
-    }
-  },
-  computed: {},
-  watch: {},
-  created() {},
-  mounted() {},
-  // 组件方法
-  methods: {
-    selectionChange(val) {
-      this.selectionRows = val
-    }
-  }
-}
-</script>
-
-<style  lang='scss'>
-.jobResponseInExperiment{
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  padding:0 4px;
-
-}
-</style>

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

@@ -12,7 +12,7 @@
       @searchEvent="searchEvent"
     />
     <!-- tab页签 -->
-    <el-tabs v-model="active" type="border-card" class="detailTabs">
+    <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"
@@ -75,7 +75,10 @@ export default {
       ],
       loadingMaterial: false,
       loadingAirEquipment: false,
-      loadingOutSource: false
+      loadingOutSource: false,
+      firstMaterialClick: true,
+      firstOutSourceClick: false,
+      firstAirEquipmentClick: false
     }
   },
   computed: {
@@ -122,6 +125,18 @@ export default {
           el.$refs.asCom.getData(this.searchItems)
         }
       })
+    },
+    tabClick(val) {
+      if (this['first' + this.active + 'Click']) return
+      this['first' + this.active + 'Click'] = true
+      if (['AirEquipment', 'OutSource'].includes(this.active)) {
+        this.$nextTick(() => {
+          const com = this.$utils._get(this.$refs[this.active + 'Table'], '$refs.asCom')
+          if (com && com.showData) {
+            com.showData = [...com.showData]
+          }
+        })
+      }
     }
   }
 }

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

@@ -81,7 +81,10 @@ export default {
       basicData: { selectData: _that.selectData, selectionRows: [] },
       loadingMaterial: false,
       loadingAirEquipment: false,
-      loadingOutSource: false
+      loadingOutSource: false,
+      firstMaterialClick: true,
+      firstOutSourceClick: false,
+      firstAirEquipmentClick: false
     }
   },
   computed: {
@@ -127,6 +130,16 @@ export default {
     },
     tabClick() {
       this.$set(this.basicData, 'selectionRows', [])
+      if (this['first' + this.active + 'Click']) return
+      this['first' + this.active + 'Click'] = true
+      if (['AirEquipment', 'OutSource'].includes(this.active)) {
+        this.$nextTick(() => {
+          const com = this.$utils._get(this.$refs[this.active + 'Table'], '$refs.asCom')
+          if (com && com.showData) {
+            com.showData = [...com.showData]
+          }
+        })
+      }
     }
   }
 }

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

@@ -81,7 +81,10 @@ export default {
       basicData: { selectData: _that.selectData, selectionRows: [] },
       loadingMaterial: false,
       loadingAirEquipment: false,
-      loadingOutSource: false
+      loadingOutSource: false,
+      firstMaterialClick: true,
+      firstOutSourceClick: false,
+      firstAirEquipmentClick: false
     }
   },
   computed: {
@@ -135,6 +138,16 @@ export default {
     },
     tabClick() {
       this.$set(this.basicData, 'selectionRows', [])
+      if (this['first' + this.active + 'Click']) return
+      this['first' + this.active + 'Click'] = true
+      if (['AirEquipment', 'OutSource'].includes(this.active)) {
+        this.$nextTick(() => {
+          const com = this.$utils._get(this.$refs[this.active + 'Table'], '$refs.asCom')
+          if (com && com.showData) {
+            com.showData = [...com.showData]
+          }
+        })
+      }
     }
   }
 }

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

-<!--
- * @Author: gjn
- * @Date: 2023-11-10 10:29:39
- * @Description:批量签审_检验入库响应
--->
-<template>
-  <div class="warehouseInTest">
-    <dee-as-com
-      :key="refreshKey"
-      ref="applyTable"
-      class="list-table"
-      :basic-data=" { selectData,selectionRows }"
-      :lay-config="{ typeName: 'JobResponseInStorage', layKey: 'batchSign_jobResponseInTest'}"
-      @selectionChange="selectionChange"
-    />
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'WarehouseInTest',
-  components: {},
-  props: {
-    selectData: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data() {
-    return {
-      selectionRows: [],
-      refreshKey: 1
-    }
-  },
-  computed: {},
-  watch: {},
-  created() {},
-  mounted() {
-    this.$bus.$on('refreshBackItem', () => {
-      this.$nextTick(() => {
-        this.refreshKey++
-      })
-    })
-  },
-  // 组件方法
-  methods: {
-    selectionChange(val) {
-      this.selectionRows = val
-    }
-  }
-}
-</script>
-
-<style  lang='scss'>
-.warehouseInTest{
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-  padding:0 4px;
-
-}
-</style>