模型库

src/views/pqs/database/model/index.vue

@@ -1,11 +1,11 @@
 <template>
     <div class="default-main">
-        <el-tabs v-model="activeName" type="border-card">
-            <el-tab-pane label="谐波阻抗数据库" name="1">
-                <HarmonicImpedanceTable />
+        <el-tabs v-model="activeName" type="border-card" @tab-change="handleTabChange">
+            <el-tab-pane label="谐波阻抗" name="1">
+                <HarmonicImpedanceTable ref="harmonicImpedanceRef" />
             </el-tab-pane>
-            <el-tab-pane label="谐波源数据库" name="2">
-                <HarmonicSourcesTable />
+            <el-tab-pane label="谐波源" name="2">
+                <HarmonicSourcesTable ref="harmonicSourcesRef" />
             </el-tab-pane>
         </el-tabs>
     </div>
@@ -22,16 +22,26 @@ defineOptions({
 })
 const activeName = ref('1')
 
-const layout = mainHeight(63) as any
-</script>
+// 获取子组件引用
+const harmonicImpedanceRef = ref<InstanceType<typeof HarmonicImpedanceTable>>()
+const harmonicSourcesRef = ref<InstanceType<typeof HarmonicSourcesTable>>()
 
-<style lang="scss" scoped>
-.bars_w {
-    width: 100%;
-    height: 500px;
+const layout = mainHeight(63) as any
+
+// 添加 tab 切换处理函数
+const handleTabChange = (tabName: string) => {
+    if (tabName === '1') {
+        // 调用谐波阻抗数据库查询接口
+        harmonicImpedanceRef.value?.queryData()
+    } else if (tabName === '2') {
+        // 调用谐波源数据库查询接口
+        harmonicSourcesRef.value?.queryData()
+    }
 }
-:deep(.el-tabs__content) {
-    height: v-bind('layout.height');
-    overflow-y: auto;
-}
-</style>
+
+// 组件挂载时初始化数据
+onMounted(() => {
+    // 默认加载第一个 tab 的数据
+    handleTabChange(activeName.value)
+})
+</script>