From 63c3544c68a99355990b58b973b042c411ad2bc8 Mon Sep 17 00:00:00 2001
From: GGJ <357021191@qq.com>
Date: Tue, 25 Mar 2025 20:22:10 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=8F=B0=E8=B4=A6=E5=BD=95?=
 =?UTF-8?q?=E5=85=A5=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pqs/business/terminal/deviceter/index.vue | 299 ++++++++++--------
 src/views/pqs/runManage/runEvaluate/index.vue | 163 ++++++++++
 2 files changed, 333 insertions(+), 129 deletions(-)
 create mode 100644 src/views/pqs/runManage/runEvaluate/index.vue

diff --git a/src/views/pqs/business/terminal/deviceter/index.vue b/src/views/pqs/business/terminal/deviceter/index.vue
index b802ef4e..883afeaf 100644
--- a/src/views/pqs/business/terminal/deviceter/index.vue
+++ b/src/views/pqs/business/terminal/deviceter/index.vue
@@ -1,14 +1,13 @@
 <template>
     <div class="default-main device-manage" :style="{ height: pageHeight.height }" v-loading="loading">
-        {{nodeLevel}}
         <splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
             <pane :size="size">
                 <Terminal ref="TerminalRef" @node-click="nodeClick" @init="nodeClick"></Terminal>
             </pane>
             <pane style="background: #fff">
                 <div class="device-manage-right">
-                    <el-form :inline="true" class="demo-form-inline">
-                        <el-form-item style="position: relative; z-index: 2">
+                    <el-form :inline="true" class="demo-form-inline" style="height: 42px">
+                        <el-form-item style="position: relative; z-index: 2" v-if="plevel != 7">
                             <el-button icon="el-icon-Plus" type="primary" @click="add" v-if="!VITE_FLAG">
                                 {{
                                     nodeLevel == 200
@@ -24,8 +23,12 @@
                                         : '新增'
                                 }}
                             </el-button>
-                            <el-button icon="el-icon-Edit" type="primary" @click="update">修改</el-button>
-                            <el-button icon="el-icon-Close" type="danger" @click="remove">删除</el-button>
+                            <el-button icon="el-icon-Edit" type="primary" @click="update" v-if="plevel != 7">
+                                修改
+                            </el-button>
+                            <el-button icon="el-icon-Close" type="danger" @click="remove" v-if="plevel != 7">
+                                删除
+                            </el-button>
                             <el-button
                                 icon="el-icon-Right"
                                 :disabled="nextfalg"
@@ -1100,6 +1103,7 @@
                                                     v-model="lineItem.powerFlag"
                                                     placeholder="请选择测量点性质"
                                                     :disabled="pageStatus == 1"
+                                                    @change="lineItem.objId = ''"
                                                 >
                                                     <el-option
                                                         v-for="option in lineNatureArr"
@@ -1975,7 +1979,9 @@ const latff: any = ref((rule: any, value: any, callback: any) => {
         callback(new Error('请输入正确纬度'))
     }
 })
+const plevel = ref(0)
 const nodeClick = (e: anyObj, data: any) => {
+    plevel.value = data.data.plevel
     treeClickCount.value++
     if (treeClickCount.value > 2) return
     if (treeClickCount.value > 2) return
@@ -2104,6 +2110,8 @@ const add = () => {
             AddProjectBO.value.subvIndex = busBarId.value
 
             addLine()
+
+            selectChanged(AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale)
             break
     }
 
@@ -2695,6 +2703,7 @@ const handleLineTabsEdit = (targetName: any, action: any) => {
         }
 
         addLine()
+        selectChanged(AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].scale)
     }
     /**删除 */
     if (action === 'remove') {
@@ -2802,150 +2811,180 @@ const evaluate = (node: any) => {
 }
 const selectChanged = (value: any) => {
     if (value === '3d68ceef26a579efe2fe0cdc654911b7') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 10
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            0.38 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 =
-            0.38 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 10
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 10
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 0.38 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 0.38 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 10
 
         //750kv
     } else if (value === '4cf2d844c47a15a1c16a65b4bbfd1b0e') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 7000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            750 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 =
-            750 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 7000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 7000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 750 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 750 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 7000
         //6kv
     } else if (value === '37b81bf8aa0fd54098716da3fc0ee433') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 = 6 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 = 6 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 6 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 6 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 100
         //10kv
     } else if (value === 'e3da890104e3c4ae1f005021411a1fd7') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            10 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 = 10 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 10 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 10 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 100
         //20kv
     } else if (value === '87065e15765e5899114a6d6b9e4fb3cb') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 200
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            20 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 = 20 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 200
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 200
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 20 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 20 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 200
         //35kv
     } else if (value === '8529cfa11356a0666afd3f9fa4da09a4') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 250
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            35 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 = 35 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 250
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 250
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 35 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 35 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 250
         //66kv
     } else if (value === '9ce75596a3368da4adf3374b4fc3b619') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 500
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            66 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 = 66 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 500
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 500
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 66 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 66 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 500
         //110kv
     } else if (value === 'e96d74b79bd50ad0bc00a405246f1e1f') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 750
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            110 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 =
-            110 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 750
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 750
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 110 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 110 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 750
         //220kv
     } else if (value === '1b7b58ed8fcc2992b95334eaa9010c41') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 2000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            220 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            220 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 2000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 2000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 220 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 220 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 2000
         //330kv
     } else if (value === 'c1b37350a67f5e229a1f96ace0ad04dc') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 3000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            330 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 =
-            330 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 3000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 3000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 330 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 330 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 3000
         //500kv
     } else if (value === '1fa650685c77db1656c70f9db4a2edc6') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 4500
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            500 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 =
-            500 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 4500
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 4500
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 500 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 500 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 4500
         //1000kv
     } else if (value === '674cf02fb3fcfd9f99fd786cfca090df') {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 9000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt1 =
-            1000 * 1000
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].pt2 =
-            1000 * 100
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 9000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 9000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt1 = 1000 * 1000
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].pt2 = 1000 * 100
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 9000
     } else {
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].standardCapacity = 10
-        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[
-            busBarIndex.value
-        ].lineParam[0].shortCapacity = 10
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].standardCapacity = 10
+        AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+            lineIndex.value
+        ].shortCapacity = 10
     }
 
     setvoltageDev(voltageLevelArr.filter(item => item.id == value)[0].value)
@@ -2974,10 +3013,12 @@ const setvoltageDev = (value: any) => {
         uvoltageDev = -10.0
     }
 
-    AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].voltageDev =
-        voltageDev
-    AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[0].uvoltageDev =
-        uvoltageDev
+    AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+        lineIndex.value
+    ].voltageDev = voltageDev
+    AddProjectBO.value.deviceParam[deviceIndex.value].subVoltageParam[busBarIndex.value].lineParam[
+        lineIndex.value
+    ].uvoltageDev = uvoltageDev
 }
 const area = () => {
     areaTree({ id: '', type: 0 }).then((res: any) => {
diff --git a/src/views/pqs/runManage/runEvaluate/index.vue b/src/views/pqs/runManage/runEvaluate/index.vue
new file mode 100644
index 00000000..74be2f8a
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/index.vue
@@ -0,0 +1,163 @@
+<template>
+    <div class="default-main">
+        <TableHeader date-picker>
+            <template v-slot:select>
+                <el-form-item label="对象类型">
+                    <el-select
+                        v-model="tableStore.table.params.supvObjType"
+                        clearable
+                        style="width: 100%"
+                        placeholder="请选择对象类型"
+                    >
+                        <el-option
+                            v-for="item in supvObjTypeList"
+                            :key="item.id"
+                            :label="item.name"
+                            :value="item.id"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
+            </template>
+
+            <template v-slot:operation></template>
+        </TableHeader>
+        <div class="container pt10 pl10" :style="height">
+            <div class="left">
+                <el-card class="box">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+                <el-card class="box">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+                <el-card class="box">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+            </div>
+            <div class="center">
+                <el-card class="box box-2">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+                <el-card class="box">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+            </div>
+            <div class="right">
+                <el-card class="box box-2">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+                <el-card class="box">
+                    <template #header>
+                        <div class="card-header">
+                            <span>Card name</span>
+                        </div>
+                    </template>
+                </el-card>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive } from 'vue'
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+const dictData = useDictData()
+const height = mainHeight(85)
+//字典获取监督对象类型
+const supvObjTypeList = dictData.getBasicData('supv_obj_type')
+const tableStore = new TableStore({
+    url: '/user-boot/user/getAllUserSimpleList',
+    method: 'GET',
+    isWebPaging: true,
+    showPage: false,
+    publicHeight: 480,
+    column: [
+        { title: '序号', width: 80 },
+
+        { title: '监测对象类型', field: 'name3' },
+        { title: '监测对象名称', field: 'name4' },
+        { title: '电压等级', field: 'name5' },
+
+        {
+            title: '操作',
+            width: '120',
+            render: 'buttons',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '工单',
+                    type: 'primary',
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: row => {}
+                }
+            ]
+        }
+    ],
+    loadCallback: () => {
+        tableStore.table.data = []
+    }
+})
+provide('tableStore', tableStore)
+onMounted(() => {
+    // 加载数据
+    tableStore.index()
+})
+</script>
+<style lang="scss" scoped>
+.container {
+    display: flex;
+
+    .left,
+    .center,
+    .right {
+        display: flex;
+        flex-direction: column;
+        flex: 1; /* 平分宽度 */
+    }
+    .center {
+        flex: 1.5;
+    }
+    .box {
+        background: linear-gradient(to right, #d8edfe30, #dbe7ff30, #e1f1ff30);
+        flex: 1; /* 平分高度 */
+        // border: 1px solid #000;
+
+        justify-content: center;
+        margin: 0 10px 10px 0;
+    }
+
+    .box-2 {
+        flex: 2; /* 占2份高度 */
+    }
+}
+:deep(.el-card__header) {
+    padding: 10px;
+    border-bottom: 1px solid #ebebeb;
+}
+</style>