模型库

2025-09-11 13:14:36 +08:00
parent db6594cdf4
commit 8b23cea38d
4 changed files with 120 additions and 106 deletions
--- a/src/views/pqs/database/model/components/harmonicImpedance.vue
+++ b/src/views/pqs/database/model/components/harmonicImpedance.vue
@@ -1,17 +1,17 @@
+
 <template>
    <div class="default-main">
-        <TableHeader>
+        <TableHeader ref="TableHeaderRef">
            <template v-slot:select>
-                <el-form-item label="筛选数据">
-                    <el-input
-                        v-model="tableStore.table.params.searchValue"
-                        placeholder="根据名称，容量查询"
-                    />
+               <el-form-item label="名称">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable
+                        placeholder="请输入搜索名称" maxlength="32" show-word-limit/>
                </el-form-item>
            </template>

        </TableHeader>
-        <Table ref="tableRef" />
+        
+        <Table ref="tableRef" isGroup/>
    </div>
 </template>
 <script setup lang="tsx">
@@ -23,37 +23,51 @@ import { useDictData } from '@/stores/dictData'

 const tableRef = ref()
 const tableStore = new TableStore({
-    url: '/event-boot/report/getEventReport',
+    url: '/supervision-boot/libModel/pageLibModelQuery',
    method: 'POST',
+    showPage: true, // 确保启用分页
    column: [
-        // 第一层：主标题（跨列）
        {
            title: '典型设备',
-            width: 300,
            children: [
-                { field: 'gdName', title: '名称' },
-                { field: 'subName', title: '电压等级' },
-                { field: 'ip', title: '容量' }
+                { field: 'name', title: '名称',minWidth: 200 },
+                { field: 'voltage', title: '电压等级',minWidth: 100  },
+                { field: 'capacity', title: '容量',minWidth: 100  }
            ]
        },
        {
            title: '各次谐波阻抗 (Ω)',
-            width: 1800, // 根据实际列数调整
+            width: 1800,
            children: Array.from({ length: 24 }, (_, i) => ({
-                field: `harm${i + 2}`,
-                title: `${i + 2}次`
+                field: `i${i + 2}`,
+                title: `${i + 2}次`,
+                minWidth: 100
            }))
        }
    ],
-     resetCallback: () => {
-        
-    }
+    // 在请求发送前处理参数
+    beforeSearchFun: () => {
+            tableStore.table.params.pageSize = 100
+    },
+    resetCallback: () => {
+        tableStore.table.params.searchValue = ''
+    },
 })

-
+tableStore.table.params.type = 0
 provide('tableStore', tableStore)

-onMounted(() => {
+
+// 暴露查询方法给父组件调用
+const queryData = () => {
    tableStore.index()
+}
+
+defineExpose({
+    queryData
 })
+
+
 </script>
+
+
--- a/src/views/pqs/database/model/components/harmonicSources.vue
+++ b/src/views/pqs/database/model/components/harmonicSources.vue
@@ -2,16 +2,14 @@
    <div class="default-main">
        <TableHeader>
            <template v-slot:select>
-                <el-form-item label="筛选数据">
-                    <el-input
-                        v-model="tableStore.table.params.searchValue"
-                        placeholder="根据名称，容量查询"
-                    />
+                <el-form-item label="名称">
+                    <el-input v-model="tableStore.table.params.searchValue" clearable
+                        placeholder="请输入搜索名称" maxlength="32" show-word-limit/>
                </el-form-item>
            </template>

        </TableHeader>
-        <Table ref="tableRef" />
+        <Table ref="tableRef" isGroup/>
    </div>
 </template>
 <script setup lang="tsx">
@@ -23,58 +21,46 @@ import { useDictData } from '@/stores/dictData'

 const tableRef = ref()
 const tableStore = new TableStore({
-    url: '',
+    url: '/supervision-boot/libModel/pageLibModelQuery',
    method: 'POST',
-    column: [
-        // 第一层：主标题（跨列）
+        column: [
        {
            title: '谐波源',
-            width: 300,
            children: [
-                { field: 'gdName', title: '名称' },
-                { field: 'subName', title: '电压等级' },
-                { field: 'ip', title: '容量' }
+                { field: 'name', title: '名称',minWidth: 200 },
+                { field: 'voltage', title: '电压等级',minWidth: 200  },
+                { field: 'capacity', title: '容量',minWidth: 200  }
            ]
        },
        {
            title: '各次谐波电流含量（%）',
-            width: 1800, // 根据实际列数调整
+            width: 1800,
            children: Array.from({ length: 24 }, (_, i) => ({
-                field: `harm${i + 2}`,
-                title: `${i + 2}次`
+                field: `i${i + 2}`,
+                title: `${i + 2}次`,
+                minWidth: 100
            }))
        }
    ],
+     // 在请求发送前处理参数
+    beforeSearchFun: () => {
+            tableStore.table.params.pageSize = 100
+    },
+     resetCallback: () => {
+        tableStore.table.params.searchValue = ''
+    },
 })

-
+tableStore.table.params.type = 1
 provide('tableStore', tableStore)

-const mockData = [
-  {
-    gdName: '变压器A',
-    subName: '10kV',
-    ip: '1000kVA',
-    ...Array.from({ length: 24 }, (_, i) => ({ [`harm${i + 2}`]: (Math.random() * 10).toFixed(2) }))
-      .reduce((acc, cur) => ({ ...acc, ...cur }), {})
-  },
-  {
-    gdName: '电机B',
-    subName: '35kV',
-    ip: '2000kVA',
-    ...Array.from({ length: 24 }, (_, i) => ({ [`harm${i + 2}`]: (Math.random() * 10).toFixed(2) }))
-      .reduce((acc, cur) => ({ ...acc, ...cur }), {})
-  },
-  {
-    gdName: '整流器C',
-    subName: '110kV',
-    ip: '5000kVA',
-    ...Array.from({ length: 24 }, (_, i) => ({ [`harm${i + 2}`]: (Math.random() * 10).toFixed(2) }))
-      .reduce((acc, cur) => ({ ...acc, ...cur }), {})
-  }
-]
-
-onMounted(() => {
+// 暴露查询方法给父组件调用
+const queryData = () => {
    tableStore.index()
+}
+
+defineExpose({
+    queryData
 })
+
 </script>
--- a/src/views/pqs/database/model/index.vue
+++ b/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>