From 1cc3b32ad8754996cb3f32f4c46f5edbf2d2146b Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Fri, 25 Apr 2025 15:15:25 +0800
Subject: [PATCH] =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../area/SteadyState/index.vue                |  95 +++++---
 .../area/getIntegrityData/index.vue           |   2 +-
 .../area/harmonicDistortionRate/index.vue     | 100 ++++++---
 .../area/onlinerate/index.vue                 |   2 +-
 .../area/qualifiedRate/index.vue              | 204 ++++++++++++++----
 .../area/terminalonlinerate/index.vue         |   2 +-
 .../embed/lntegruty/components/table.vue      | 143 ++++++++----
 .../embed/onlinerate/components/table.vue     |   2 +-
 src/views/system/auth/department/index.vue    |   1 +
 9 files changed, 408 insertions(+), 143 deletions(-)

diff --git a/src/views/pqs/harmonicMonitoring/area/SteadyState/index.vue b/src/views/pqs/harmonicMonitoring/area/SteadyState/index.vue
index 76f40002..009aa274 100644
--- a/src/views/pqs/harmonicMonitoring/area/SteadyState/index.vue
+++ b/src/views/pqs/harmonicMonitoring/area/SteadyState/index.vue
@@ -4,32 +4,73 @@
             <TableHeader date-picker area ref="tableHeaderRef">
                 <template #select>
                     <el-form-item label="统计类型:">
-                        <el-select v-model="tableStore.table.params.statisticalType" placeholder="请选择统计类型"
-                            value-key="id" style="width: 100%">
-                            <el-option v-for="item in classificationData" :key="item.id" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.statisticalType"
+                            placeholder="请选择统计类型"
+                            value-key="id"
+                            style="width: 100%"
+                        >
+                            <el-option
+                                v-for="item in classificationData"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
 
                     <el-form-item label="电压等级:">
-                        <el-select v-model="tableStore.table.params.scale" multiple collapse-tags clearable
-                            placeholder="请选择电压等级" style="width: 100%" value-key="id">
-                            <el-option v-for="item in voltageleveloption" :key="item.id" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.scale"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择电压等级"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="item in voltageleveloption"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="终端厂家:">
-                        <el-select v-model="tableStore.table.params.manufacturer" multiple collapse-tags clearable
-                            placeholder="请选择终端厂家" style="width: 100%" value-key="id">
-                            <el-option v-for="(item, index) in terminaloption" :key="index" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.manufacturer"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择终端厂家"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in terminaloption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="干扰源类型:">
-                        <el-select v-model="tableStore.table.params.loadType" multiple collapse-tags clearable
-                            placeholder="请选择干扰源类型" style="width: 100%" value-key="id">
-                            <el-option v-for="(item, index) in interfereoption" :key="index" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.loadType"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择干扰源类型"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in interfereoption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                 </template>
@@ -38,8 +79,12 @@
         <div class="online_main">
             <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
                 <el-tab-pane :name="0" :lazy="true" label="稳态指标符合性占比表格">
-                    <Table ref="tableRef" :tree-config="{ transform: true, parentField: 'pid' }"
-                        :scroll-y="{ enabled: true }" v-if="activeName == 0" />
+                    <Table
+                        ref="tableRef"
+                        :tree-config="{ transform: true, parentField: 'pid' }"
+                        :scroll-y="{ enabled: true }"
+                        v-if="activeName == 0"
+                    />
                 </el-tab-pane>
                 <el-tab-pane :name="1" :lazy="true" label="稳态指标符合性占比图">
                     <charts v-if="activeName == 1" ref="chartsRef" />
@@ -86,8 +131,6 @@ const getTreeData = async () => {
 }
 getTreeData()
 
-
-
 const chartsRef = ref()
 const handleClick = (tab: any, e: any) => {
     // console.log(tab,e,"??????????");
@@ -109,7 +152,7 @@ const tableStore = new TableStore({
             field: 'name',
             align: 'left',
             treeNode: true,
-            minWidth:'150'
+            width: 350
         },
         {
             title: '电压等级',
@@ -165,7 +208,6 @@ const tableStore = new TableStore({
     }
 })
 
-
 tableStore.table.params.statisticalType = classificationData[0]
 tableStore.table.params.scale = []
 tableStore.table.params.manufacturer = []
@@ -193,9 +235,9 @@ const tree2List = (list: any, pid?: string) => {
     // 返回结果数组
     return arr
 }
-onMounted(() => { tableStore.index() })
-
-
+onMounted(() => {
+    tableStore.index()
+})
 </script>
 <style lang="scss" scoped>
 // .online {
@@ -210,4 +252,5 @@ onMounted(() => { tableStore.index() })
 //     .online_main {
 //         padding: 0 10px;
 //     }
-// }</style>
+// }
+</style>
diff --git a/src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue b/src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue
index 4333ade2..d3eb06c8 100644
--- a/src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue
+++ b/src/views/pqs/harmonicMonitoring/area/getIntegrityData/index.vue
@@ -196,7 +196,7 @@ const tableStore = new TableStore({
             field: 'name',
             align: 'left',
             treeNode: true,
-            minWidth: '150',
+            width: 350,
         },
         {
             title: '网络参数',
diff --git a/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index.vue b/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index.vue
index 95451349..0064d988 100644
--- a/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index.vue
+++ b/src/views/pqs/harmonicMonitoring/area/harmonicDistortionRate/index.vue
@@ -4,32 +4,73 @@
             <TableHeader date-picker area ref="tableHeaderRef">
                 <template #select>
                     <el-form-item label="统计类型:">
-                        <el-select v-model="tableStore.table.params.statisticalType" placeholder="请选择统计类型"
-                            value-key="id" style="width: 100%">
-                            <el-option v-for="item in classificationData" :key="item.id" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.statisticalType"
+                            placeholder="请选择统计类型"
+                            value-key="id"
+                            style="width: 100%"
+                        >
+                            <el-option
+                                v-for="item in classificationData"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
 
                     <el-form-item label="电压等级:">
-                        <el-select v-model="tableStore.table.params.scale" multiple collapse-tags clearable
-                            placeholder="请选择电压等级" style="width: 100%" value-key="id">
-                            <el-option v-for="item in voltageleveloption" :key="item.id" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.scale"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择电压等级"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="item in voltageleveloption"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="终端厂家:">
-                        <el-select v-model="tableStore.table.params.manufacturer" multiple collapse-tags clearable
-                            placeholder="请选择终端厂家" style="width: 100%" value-key="id">
-                            <el-option v-for="(item, index) in terminaloption" :key="index" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.manufacturer"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择终端厂家"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in terminaloption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="干扰源类型:">
-                        <el-select v-model="tableStore.table.params.loadType" multiple collapse-tags clearable
-                            placeholder="请选择干扰源类型" style="width: 100%" value-key="id">
-                            <el-option v-for="(item, index) in interfereoption" :key="index" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.loadType"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择干扰源类型"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in interfereoption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                 </template>
@@ -38,8 +79,12 @@
         <div class="online_main">
             <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
                 <el-tab-pane :name="0" :lazy="true" label="谐波畸变率统计表">
-                    <Table ref="tableRef" :tree-config="{ transform: true, parentField: 'pid' }"
-                        :scroll-y="{ enabled: true }" v-if="activeName == 0" />
+                    <Table
+                        ref="tableRef"
+                        :tree-config="{ transform: true, parentField: 'pid' }"
+                        :scroll-y="{ enabled: true }"
+                        v-if="activeName == 0"
+                    />
                 </el-tab-pane>
                 <el-tab-pane :name="1" :lazy="true" label="谐波畸变率统计图">
                     <charts v-if="activeName == 1" ref="chartsRef" />
@@ -86,8 +131,6 @@ const getTreeData = async () => {
 }
 getTreeData()
 
-
-
 const chartsRef = ref()
 const handleClick = (tab: any, e: any) => {
     // console.log(tab,e,"??????????");
@@ -108,13 +151,14 @@ const tableStore = new TableStore({
             title: '',
             field: 'name',
             align: 'left',
-            treeNode: true
+            treeNode: true,
+            width: 350
         },
         {
             title: '电压等级',
             field: 'voltageLevel',
             align: 'center',
-            formatter: function (row) {
+            formatter: function (row) { 
                 return row.cellValue ? row.cellValue : '/'
             }
         },
@@ -147,7 +191,7 @@ const tableStore = new TableStore({
     loadCallback: () => {
         let treeData = []
         treeData = tree2List(tableStore.table.data)
-        tableStore.table.column[0].title = tableStore.table.params.statisticalType .name
+        tableStore.table.column[0].title = tableStore.table.params.statisticalType.name
         tableStore.table.data = JSON.parse(JSON.stringify(treeData))
         chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
         setTimeout(() => {
@@ -156,7 +200,6 @@ const tableStore = new TableStore({
     }
 })
 
-
 tableStore.table.params.statisticalType = classificationData[0]
 tableStore.table.params.scale = []
 tableStore.table.params.manufacturer = []
@@ -184,9 +227,9 @@ const tree2List = (list: any, pid?: string) => {
     // 返回结果数组
     return arr
 }
-onMounted(() => {  tableStore.index() })
-
-
+onMounted(() => {
+    tableStore.index()
+})
 </script>
 <style lang="scss" scoped>
 // .online {
@@ -201,4 +244,5 @@ onMounted(() => {  tableStore.index() })
 //     .online_main {
 //         padding: 0 10px;
 //     }
-// }</style>
+// }
+</style>
diff --git a/src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue b/src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue
index 2ef96e86..2e0cc06a 100644
--- a/src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue
+++ b/src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue
@@ -193,7 +193,7 @@ const tableStore = new TableStore({
             field: 'name',
             align: 'left',
             treeNode: true,
-            minWidth: '150',
+            width: 350,
         },
         {
             title: '网络参数',
diff --git a/src/views/pqs/harmonicMonitoring/area/qualifiedRate/index.vue b/src/views/pqs/harmonicMonitoring/area/qualifiedRate/index.vue
index 6f35f8e6..849477cd 100644
--- a/src/views/pqs/harmonicMonitoring/area/qualifiedRate/index.vue
+++ b/src/views/pqs/harmonicMonitoring/area/qualifiedRate/index.vue
@@ -4,32 +4,73 @@
             <TableHeader date-picker area ref="tableHeaderRef">
                 <template #select>
                     <el-form-item label="统计类型:">
-                        <el-select v-model="tableStore.table.params.statisticalType" placeholder="请选择统计类型"
-                            value-key="id" style="width: 100%">
-                            <el-option v-for="item in classificationData" :key="item.id" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.statisticalType"
+                            placeholder="请选择统计类型"
+                            value-key="id"
+                            style="width: 100%"
+                        >
+                            <el-option
+                                v-for="item in classificationData"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
 
                     <el-form-item label="电压等级:">
-                        <el-select v-model="tableStore.table.params.scale" multiple collapse-tags clearable
-                            placeholder="请选择电压等级" style="width: 100%" value-key="id">
-                            <el-option v-for="item in voltageleveloption" :key="item.id" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.scale"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择电压等级"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="item in voltageleveloption"
+                                :key="item.id"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="终端厂家:">
-                        <el-select v-model="tableStore.table.params.manufacturer" multiple collapse-tags clearable
-                            placeholder="请选择终端厂家" style="width: 100%" value-key="id">
-                            <el-option v-for="(item, index) in terminaloption" :key="index" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.manufacturer"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择终端厂家"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in terminaloption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                     <el-form-item label="干扰源类型:">
-                        <el-select v-model="tableStore.table.params.loadType" multiple collapse-tags clearable
-                            placeholder="请选择干扰源类型" style="width: 100%" value-key="id">
-                            <el-option v-for="(item, index) in interfereoption" :key="index" :label="item.name"
-                                :value="item"></el-option>
+                        <el-select
+                            v-model="tableStore.table.params.loadType"
+                            multiple
+                            collapse-tags
+                            clearable
+                            placeholder="请选择干扰源类型"
+                            style="width: 100%"
+                            value-key="id"
+                        >
+                            <el-option
+                                v-for="(item, index) in interfereoption"
+                                :key="index"
+                                :label="item.name"
+                                :value="item"
+                            ></el-option>
                         </el-select>
                     </el-form-item>
                 </template>
@@ -38,8 +79,12 @@
         <div class="online_main">
             <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
                 <el-tab-pane :name="0" :lazy="true" label="稳态合格率统计表">
-                    <Table ref="tableRef" :tree-config="{ transform: true, parentField: 'pid' }"
-                        :scroll-y="{ enabled: true }" v-if="activeName == 0" />
+                    <Table
+                        ref="tableRef"
+                        :tree-config="{ transform: true, parentField: 'pid' }"
+                        :scroll-y="{ enabled: true }"
+                        v-if="activeName == 0"
+                    />
                 </el-tab-pane>
                 <el-tab-pane :name="1" :lazy="true" label="稳态合格率统计图">
                     <charts v-if="activeName == 1" ref="chartsRef" />
@@ -86,8 +131,6 @@ const getTreeData = async () => {
 }
 getTreeData()
 
-
-
 const chartsRef = ref()
 const handleClick = (tab: any, e: any) => {
     // console.log(tab,e,"??????????");
@@ -104,20 +147,103 @@ const tableStore = new TableStore({
     url: '/harmonic-boot/steadyQualify/getSteadyQualifyData',
     method: 'POST',
     column: [
-        { title: '', field: 'name', align: 'left', treeNode: true,minWidth: '180', },
-        { title: '电压等级', field: 'voltageLevel', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },
-        { title: '网络参数', field: 'networkParam', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },
-        { title: '监测点名称', field: 'lineName', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },
-        { title: '厂家', field: 'factoryName', align: 'center', formatter: function (row) { return row.cellValue ? row.cellValue : '/' } },
-        { title: '谐波电压(%)', field: 'harmonicVoltage', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '电压偏差(%)', field: 'voltageOffset', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '三相电压不平衡度(%)', field: 'voltageUnbalance', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '间谐波电压含有率(%)', field: 'interHarmonic', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '谐波电流(%)', field: 'harmonicCurrent', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '负序电流(%)', field: 'negativeCurrent', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '频率偏差(%)', field: 'freqOffset', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-        { title: '闪变(%)', field: 'flicker', align: 'center', formatter: function (row) { return row.cellValue !=3.14159 ? row.cellValue : '/' } },
-
+        { title: '', field: 'name', align: 'left', treeNode: true, width: 350 },
+        {
+            title: '电压等级',
+            field: 'voltageLevel',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '网络参数',
+            field: 'networkParam',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '监测点名称',
+            field: 'lineName',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '厂家',
+            field: 'factoryName',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '谐波电压(%)',
+            field: 'harmonicVoltage',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '电压偏差(%)',
+            field: 'voltageOffset',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '三相电压不平衡度(%)',
+            field: 'voltageUnbalance',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '间谐波电压含有率(%)',
+            field: 'interHarmonic',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '谐波电流(%)',
+            field: 'harmonicCurrent',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '负序电流(%)',
+            field: 'negativeCurrent',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '频率偏差(%)',
+            field: 'freqOffset',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        },
+        {
+            title: '闪变(%)',
+            field: 'flicker',
+            align: 'center',
+            formatter: function (row) {
+                return row.cellValue != 3.14159 ? row.cellValue : '/'
+            }
+        }
     ],
 
     loadCallback: () => {
@@ -132,7 +258,6 @@ const tableStore = new TableStore({
     }
 })
 
-
 tableStore.table.params.statisticalType = classificationData[0]
 tableStore.table.params.scale = []
 tableStore.table.params.manufacturer = []
@@ -160,9 +285,9 @@ const tree2List = (list: any, pid?: string) => {
     // 返回结果数组
     return arr
 }
-onMounted(() => { tableStore.index() })
-
-
+onMounted(() => {
+    tableStore.index()
+})
 </script>
 <style lang="scss" scoped>
 // .online {
@@ -177,4 +302,5 @@ onMounted(() => { tableStore.index() })
 //     .online_main {
 //         padding: 0 10px;
 //     }
-// }</style>
+// }
+</style>
diff --git a/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/index.vue b/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/index.vue
index 54ef5f98..3fac1cf9 100644
--- a/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/index.vue
+++ b/src/views/pqs/harmonicMonitoring/area/terminalonlinerate/index.vue
@@ -264,7 +264,7 @@ const tableStore = new TableStore({
             title: formData.value.statisticalType.name,
             field: 'name',
             align: 'left',
-            minWidth: '40',
+            width: 350,
             treeNode: true
         },
         {
diff --git a/src/views/pqs/harmonicMonitoring/embed/lntegruty/components/table.vue b/src/views/pqs/harmonicMonitoring/embed/lntegruty/components/table.vue
index 112e9cb1..e619f584 100644
--- a/src/views/pqs/harmonicMonitoring/embed/lntegruty/components/table.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/lntegruty/components/table.vue
@@ -2,47 +2,96 @@
     <TableHeader area datePicker ref="TableHeaderRef">
         <template #select>
             <el-form-item label="筛选">
-                <el-input v-model="tableStore.table.params.filterName" @keyup="searchEvent" placeholder="输入关键字筛选" />
+                <el-input
+                    v-model="tableStore.table.params.filterName"
+                    @keyup="searchEvent"
+                    placeholder="输入关键字筛选"
+                />
             </el-form-item>
             <el-form-item label="统计类型:">
-                <el-select v-model="tableStore.table.params.statisticalType" value-key="id" placeholder="请选择统计类型">
-                    <el-option v-for="item in classificationData" :key="item.id" :label="item.name"
-                        :value="item"></el-option>
+                <el-select
+                    v-model="tableStore.table.params.statisticalType"
+                    value-key="id"
+                    placeholder="请选择统计类型"
+                >
+                    <el-option
+                        v-for="item in classificationData"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item"
+                    ></el-option>
                 </el-select>
             </el-form-item>
 
             <el-form-item label="电压等级:">
-                <el-select v-model="tableStore.table.params.scale" multiple collapse-tags clearable value-key="id"
-                    placeholder="请选择电压等级">
-                    <el-option v-for="item in voltageleveloption" :key="item.id" :label="item.name"
-                        :value="item"></el-option>
+                <el-select
+                    v-model="tableStore.table.params.scale"
+                    multiple
+                    collapse-tags
+                    clearable
+                    value-key="id"
+                    placeholder="请选择电压等级"
+                >
+                    <el-option
+                        v-for="item in voltageleveloption"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item"
+                    ></el-option>
                 </el-select>
             </el-form-item>
             <el-form-item label="终端厂家:">
-                <el-select v-model="tableStore.table.params.manufacturer" multiple collapse-tags clearable
-                    value-key="id" placeholder="请选择终端厂家">
-                    <el-option v-for="item in terminaloption" :key="item.id" :label="item.name"
-                        :value="item"></el-option>
+                <el-select
+                    v-model="tableStore.table.params.manufacturer"
+                    multiple
+                    collapse-tags
+                    clearable
+                    value-key="id"
+                    placeholder="请选择终端厂家"
+                >
+                    <el-option
+                        v-for="item in terminaloption"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item"
+                    ></el-option>
                 </el-select>
             </el-form-item>
             <el-form-item label="干扰源类型:">
-                <el-select v-model="tableStore.table.params.loadType" multiple collapse-tags clearable value-key="id"
-                    placeholder="请选择干扰源类型">
-                    <el-option v-for="item in interfereoption" :key="item.id" :label="item.name"
-                        :value="item"></el-option>
+                <el-select
+                    v-model="tableStore.table.params.loadType"
+                    multiple
+                    collapse-tags
+                    clearable
+                    value-key="id"
+                    placeholder="请选择干扰源类型"
+                >
+                    <el-option
+                        v-for="item in interfereoption"
+                        :key="item.id"
+                        :label="item.name"
+                        :value="item"
+                    ></el-option>
                 </el-select>
             </el-form-item>
         </template>
         <template #operation>
             <!-- <el-button icon="el-icon-Plus" type="primary" @click="addFormModel">新增</el-button> -->
-            <el-button icon="el-icon-Download" :loading="loading" @click="exportEvent" type="primary">下载报告</el-button>
+            <el-button icon="el-icon-Download" :loading="loading" @click="exportEvent" type="primary">
+                下载报告
+            </el-button>
         </template>
     </TableHeader>
-    <Table ref="tableRef" :radio-config="{
-        labelField: 'name',
-        highlight: true,
-        visibleMethod: row => row.row.level == 6
-    }" :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }" :scroll-y="{ enabled: true }" />
+    <Table
+        ref="tableRef"
+        :radio-config="{
+            labelField: 'name',
+            highlight: true,
+            visibleMethod: row => row.row.level == 6
+        }"
+        :tree-config="{ transform: true, parentField: 'uPid', rowField: 'uId' }"
+        :scroll-y="{ enabled: true }"
+    />
 </template>
 <script setup lang="ts">
 import { ref, onMounted, provide, reactive } from 'vue'
@@ -71,7 +120,7 @@ const tableStore = new TableStore({
     method: 'POST',
     column: [
         // { width: '60', title: '111',  },
-        { field: 'name', title: '电网拓扑', width: '150', type: 'radio', align: 'left', treeNode: true },
+        { field: 'name', title: '电网拓扑', width: 350, type: 'radio', align: 'left', treeNode: true },
         {
             field: 'ip',
             title: '网络参数',
@@ -147,11 +196,11 @@ const tableStore = new TableStore({
         setTimeout(() => {
             tableRef.value.getRef().setAllTreeExpand(true)
         }, 1000)
-      
+
         treeData.value = tree2List(tableStore.table.data, Math.random() * 1000)
         treeDataCopy.value = JSON.parse(JSON.stringify(treeData.value))
         tableStore.table.data = treeData.value
-        tableStore.table.params.filterName=''
+        tableStore.table.params.filterName = ''
         searchEvent()
     }
 })
@@ -169,7 +218,7 @@ const tree2List = (list: any, id: any) => {
     // 遍历 tree 数组
     list.forEach((item: any) => {
         item.uPid = id
-        item.uId = (Math.random() * 1000)
+        item.uId = Math.random() * 1000
         item.comFlag = item.comFlag == null ? 3 : item.comFlag
         item.assess = item.integrityData == 3.14159 ? 0 : item.integrityData < 60 ? 1 : item.integrityData < 90 ? 2 : 3
         // 判断item是否存在children
@@ -200,7 +249,7 @@ const searchEvent = debounce(() => {
             (item: any) => searchProps.some(key => String(item[key]).toLowerCase().indexOf(filterVal) > -1),
             options
         )
-        console.log("🚀 ~ searchEvent ~ rest:", rest)
+        console.log('🚀 ~ searchEvent ~ rest:', rest)
 
         tableStore.table.data = rest
 
@@ -237,26 +286,28 @@ const exportEvent = () => {
         message: '下载报告中,请稍等.....',
         duration: 1000
     })
-    exportModelJB(form).then(async res => {
-        let blob = new Blob([res], {
-            type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
-        })
+    exportModelJB(form)
+        .then(async res => {
+            let blob = new Blob([res], {
+                type: 'application/vnd.openxmlformats-officedocument.wordprocessingml.document'
+            })
 
-        const url = window.URL.createObjectURL(blob)
-        const link = document.createElement('a') // 创建a标签
-        link.href = url
-        link.download =
-            line.name +
-            TableHeaderRef.value.datePickerRef.timeValue[0] +
-            '_' +
-            TableHeaderRef.value.datePickerRef.timeValue[1] // 设置下载的文件名
-        document.body.appendChild(link)
-        link.click() //执行下载
-        document.body.removeChild(link)
-        loading.value = false
-    }).catch(() => {
-        loading.value = false
-    })
+            const url = window.URL.createObjectURL(blob)
+            const link = document.createElement('a') // 创建a标签
+            link.href = url
+            link.download =
+                line.name +
+                TableHeaderRef.value.datePickerRef.timeValue[0] +
+                '_' +
+                TableHeaderRef.value.datePickerRef.timeValue[1] // 设置下载的文件名
+            document.body.appendChild(link)
+            link.click() //执行下载
+            document.body.removeChild(link)
+            loading.value = false
+        })
+        .catch(() => {
+            loading.value = false
+        })
 }
 </script>
 
diff --git a/src/views/pqs/harmonicMonitoring/embed/onlinerate/components/table.vue b/src/views/pqs/harmonicMonitoring/embed/onlinerate/components/table.vue
index 196a3382..ab465ef6 100644
--- a/src/views/pqs/harmonicMonitoring/embed/onlinerate/components/table.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/onlinerate/components/table.vue
@@ -62,7 +62,7 @@ const tableStore = new TableStore({
     showPage: false,
     method: 'POST',
     column: [
-        { field: 'name', title: '电网拓扑', minWidth: '150', align: 'left', treeNode: true },
+        { field: 'name', title: '电网拓扑',     width: 350, align: 'left', treeNode: true },
         {
             field: 'ip',
             title: '网络参数',
diff --git a/src/views/system/auth/department/index.vue b/src/views/system/auth/department/index.vue
index b46b6254..3acbe745 100644
--- a/src/views/system/auth/department/index.vue
+++ b/src/views/system/auth/department/index.vue
@@ -42,6 +42,7 @@ const tableStore = new TableStore({
             title: '名称',
             field: 'name',
             align: 'left',
+            width: 350,
             treeNode: true
         },
         { title: '区域', field: 'areaName', align: 'center' },