离线数据补招文件夹层级展示

src/views/govern/device/control/supplementaryRecruitment.vue

@@ -2,7 +2,8 @@
     <div class="default-main">
         <el-tabs v-model="activeName" type="border-card">
             <el-tab-pane label="当前设备补招" name="0">
-                <current v-if="activeName == '0'" />
+                <!-- <current v-if="activeName == '0'" /> -->
+                <currentDevice v-if="activeName == '0'" ref="currentDeviceRef"/>
             </el-tab-pane>
             <el-tab-pane label="历史设备补招" name="1">
                 <history v-if="activeName == '1'" />
@@ -10,14 +11,33 @@
         </el-tabs>
     </div>
 </template>
-<script lang='ts' setup>
-import {ref,onMounted} from 'vue';
-import current from './supplementaryRecruitment/current.vue'
+<script lang="ts" setup>
+import { ref, onMounted,watch ,nextTick} from 'vue'
+// import current from './supplementaryRecruitment/current.vue'
+import currentDevice from './supplementaryRecruitment/currentDevice.vue'
 import history from './supplementaryRecruitment/history.vue'
-const activeName=ref('0')
-onMounted(()=>{
-console.log()
+import { useRoute } from 'vue-router'
+const route = useRoute()
+const activeName = ref('0')
+const currentDeviceRef=ref()
+watch(
+    ()=>activeName.value,
+    (val,oldVal)=>{
+        if(val=='0'){
+            nextTick(()=>{
+                currentDeviceRef.value&&currentDeviceRef.value.getMakeUpDataList(route.query)
+            })
+           
+        }
+    },
+    {
+        immediate:true,
+        deep:true
+    }
+)
+onMounted(() => {
+    console.log()
+    currentDeviceRef.value&&currentDeviceRef.value.getMakeUpDataList(route.query)
 })
 </script>
-<style lang='scss' scoped>
-</style>
+<style lang="scss" scoped></style>