From 98e0f9de02397b15ed4595f25a12a8378eac5e84 Mon Sep 17 00:00:00 2001
From: guanj <guan0550>
Date: Thu, 28 May 2026 19:28:12 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E5=85=B3=E9=94=AE=E5=AD=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                                     |  156 +-
 index.html                                    |    2 +-
 src/components/cockpit/integrity/index.vue    |    2 +-
 src/components/cockpit/onlineRate/index.vue   |    2 +-
 .../cockpit/terminalEvaluation/index.vue      |    2 +-
 src/utils/constantRequest.ts                  |   26 +-
 .../pqs/business/terminal/deviceter/index.vue |    8 +-
 .../pqs/database/case/components/drawer.vue   |    2 +-
 .../embed/lntegruty/index_JB.vue              |    2 +-
 .../embed/onlinerate/index_JB.vue             |    2 +-
 .../monitoringPoint/online/index.vue          |    2 +-
 .../pqs/panorama/components/cityMapL.vue      | 1248 +++++++--------
 src/views/pqs/panorama/components/mapL.vue    | 1350 ++++++++---------
 .../panorama/components/cityMapL.vue          |    2 +-
 .../panorama/components/mapL.vue              |    2 +-
 .../pqs/runManage/runEvaluate/index_JB.vue    |    2 +-
 .../harmonicSurvey/components/planAdd.vue     |   23 +-
 17 files changed, 1425 insertions(+), 1408 deletions(-)

diff --git a/README.md b/README.md
index 04bf15e6..cae0b682 100644
--- a/README.md
+++ b/README.md
@@ -1,78 +1,78 @@
-#### 介绍
-
-```
-Vue 3 + TypeScript + Vite这个模板可以帮助您开始使用Vue 3和TypeScript在Vite中进行开发。该模板使用了Vue 3的<script setup>单文件组件，请查看script setup文档了解更多信息。
-```
-
-#### 安装依赖&运行项目
-
-> node version:^18.17.0 || >=20.5.0"
-
-```shell
-#项目使用pnpm包管理器
-npm i pnpm -g
-
-#安装依赖
-pnpm i
-
-#运行项目
-npm run dev
-
-#冀北现场启动命令 区分是否加载现场电网一张图内网api
-npm run dev:jibei
-
-#去除后台所有模块名 如除/xxxx-boot
-npm run dev:removeMode
-
-
-
-#因海南和冀北技术监督不同 通过修改文件的方式来区分
-#海南打包   需要吧pqs目录下supervise_hn 文件夹改成supervise 原文件改成supervise_jb
-#冀北打包   需要吧pqs目录下supervise_jb 文件夹改成supervise  原文件改成supervise_hn
-```
-
-#### 页面编写-示例
-
-```
-基础页面写法请查看`src/template`下的readme.md
-```
-
-#### 开发规范
-
-> 初衷：养成合理的习惯，精力留在技术调研、业务开发中。
->
-> 常见点如下描述，更多的规范待前端开发人员有时间后，慢慢丰富。
-
--   命名风格：所有的包（文件夹）、文件名以小驼峰的风格命名，比如 xxxAaa，禁止 XxxAaa 或者 xxx-aaa。
--   命名语义：禁止中文命名或拼音，英文命名借用下工具，稍微准确一点，不要与实际业务相差太远。
--   功能组件创建风格：以**功能名称**命名文件夹，每个功能下以**index.vue**作为该功能的组件入口。正确示例参考：/src/views/auth/menu/index.vue。
-
-![组件层级图](./src/assets/readme/moduleLevel.png)
-
--   todo...：待后续补充。
-
-#### 开发助手
-
-##### 1、表格系列
-
--   页面表格以及表格页面按钮的弹出等功能参考：/views/pqs/voltageSags/sagGovern/index.vue
--   表格中需要替换数据：
-
-```js
-// 通过formatter函数返回实际需要返回的值
-    {
-        title: '数据来源', field: 'dataSource', minWidth: '130',
-        formatter: (row: any) => {
-            return row.dataSource == 0 ? '离线导入' : '监测点同步'
-        }
-    }****
-```
-
-##### 2、样式系列
-
--   获取当前主体的高度：import { mainHeight } from '@/utils/layout'
--   弹框内输入框长度设置 1 行 1 个 class="form-one" 1 行 2 个 class="form-two"
-
-#### 依赖变更记录
-
--   2024-04-25 新增 vform3，by 洪圣文，用于页面表单设计保存为 json，命令：pnpm i vform3-builds
+#### 介绍
+
+```
+Vue 3 + TypeScript + Vite这个模板可以帮助您开始使用Vue 3和TypeScript在Vite中进行开发。该模板使用了Vue 3的<script setup>单文件组件，请查看script setup文档了解更多信息。
+```
+
+#### 安装依赖&运行项目
+
+> node version:^18.17.0 || >=20.5.0"
+
+```shell
+#项目使用pnpm包管理器
+npm i pnpm -g
+
+#安装依赖
+pnpm i
+
+#运行项目
+npm run dev
+
+#jb现场启动命令 区分是否加载现场电网一张图内网api
+npm run dev:jibei
+
+#去除后台所有模块名 如除/xxxx-boot
+npm run dev:removeMode
+
+
+
+#因海南和jb技术监督不同 通过修改文件的方式来区分
+#海南打包   需要吧pqs目录下supervise_hn 文件夹改成supervise 原文件改成supervise_jb
+#jb打包   需要吧pqs目录下supervise_jb 文件夹改成supervise  原文件改成supervise_hn
+```
+
+#### 页面编写-示例
+
+```
+基础页面写法请查看`src/template`下的readme.md
+```
+
+#### 开发规范
+
+> 初衷：养成合理的习惯，精力留在技术调研、业务开发中。
+>
+> 常见点如下描述，更多的规范待前端开发人员有时间后，慢慢丰富。
+
+-   命名风格：所有的包（文件夹）、文件名以小驼峰的风格命名，比如 xxxAaa，禁止 XxxAaa 或者 xxx-aaa。
+-   命名语义：禁止中文命名或拼音，英文命名借用下工具，稍微准确一点，不要与实际业务相差太远。
+-   功能组件创建风格：以**功能名称**命名文件夹，每个功能下以**index.vue**作为该功能的组件入口。正确示例参考：/src/views/auth/menu/index.vue。
+
+![组件层级图](./src/assets/readme/moduleLevel.png)
+
+-   todo...：待后续补充。
+
+#### 开发助手
+
+##### 1、表格系列
+
+-   页面表格以及表格页面按钮的弹出等功能参考：/views/pqs/voltageSags/sagGovern/index.vue
+-   表格中需要替换数据：
+
+```js
+// 通过formatter函数返回实际需要返回的值
+    {
+        title: '数据来源', field: 'dataSource', minWidth: '130',
+        formatter: (row: any) => {
+            return row.dataSource == 0 ? '离线导入' : '监测点同步'
+        }
+    }****
+```
+
+##### 2、样式系列
+
+-   获取当前主体的高度：import { mainHeight } from '@/utils/layout'
+-   弹框内输入框长度设置 1 行 1 个 class="form-one" 1 行 2 个 class="form-two"
+
+#### 依赖变更记录
+
+-   2024-04-25 新增 vform3，by 洪圣文，用于页面表单设计保存为 json，命令：pnpm i vform3-builds
diff --git a/index.html b/index.html
index abe247f2..3565fd26 100644
--- a/index.html
+++ b/index.html
@@ -15,7 +15,7 @@
     <script src="/static/luckysheet/plugin.js"></script>
     <script src="/static/luckysheet/luckysheet.umd.js"></script>
 
-    <!-- 冀北地图 -->
+    <!-- jb地图 -->
     <!--引入样式文件-->
     <script src="%VITE_NARIMAP%"></script>
     <!-- <script src="%VITE_NRGISCOMMON%"></script> -->
diff --git a/src/components/cockpit/integrity/index.vue b/src/components/cockpit/integrity/index.vue
index 0e886df3..0a4c2b48 100644
--- a/src/components/cockpit/integrity/index.vue
+++ b/src/components/cockpit/integrity/index.vue
@@ -183,7 +183,7 @@ const tableStore: any = new TableStore({
             if (tableStore.table.params.statisticalType.name == '终端厂家') {
                 return k.citTotalNum != 0
             } else {
-                return k.citName != '上送国网' && k.citName != '非上送国网'
+                return  !k.citName.includes('上送')
             }
         })
     }
diff --git a/src/components/cockpit/onlineRate/index.vue b/src/components/cockpit/onlineRate/index.vue
index 67e5c632..3dc256ab 100644
--- a/src/components/cockpit/onlineRate/index.vue
+++ b/src/components/cockpit/onlineRate/index.vue
@@ -181,7 +181,7 @@ const tableStore: any = new TableStore({
             if (tableStore.table.params.statisticalType.name == '终端厂家') {
                 return k.citTotalNum != 0
             } else {
-                return k.citName != '上送国网' && k.citName != '非上送国网'
+                return  !k.citName.includes('上送')
             }
         })
         
diff --git a/src/components/cockpit/terminalEvaluation/index.vue b/src/components/cockpit/terminalEvaluation/index.vue
index e8d7b813..c9eb2d3a 100644
--- a/src/components/cockpit/terminalEvaluation/index.vue
+++ b/src/components/cockpit/terminalEvaluation/index.vue
@@ -233,7 +233,7 @@ const tableStore: any = new TableStore({
             if (tableStore.table.params.statisticalType.name == '终端厂家') {
                 return k.count != 0
             } else {
-                return k.name != '上送国网' && k.name != '非上送国网'
+                return !k.citName.includes('上送')
             }
         })
     }
diff --git a/src/utils/constantRequest.ts b/src/utils/constantRequest.ts
index e5e61a52..04060056 100644
--- a/src/utils/constantRequest.ts
+++ b/src/utils/constantRequest.ts
@@ -1,14 +1,14 @@
-// 高级算法
-export const ADVANCE_BOOT = '/advance-boot'
-
-//技术监督
-export const PROCESS_BOOT = '/process-boot'
-
-//工作流模块
-export const BPM_BOOT = '/bpm-boot'
-
-//冀北技术监督
-export const SUPERVISION_BOOT = '/supervision-boot'
-
-//终端模块
+// 高级算法
+export const ADVANCE_BOOT = '/advance-boot'
+
+//技术监督
+export const PROCESS_BOOT = '/process-boot'
+
+//工作流模块
+export const BPM_BOOT = '/bpm-boot'
+
+//网公司技术监督
+export const SUPERVISION_BOOT = '/supervision-boot'
+
+//终端模块
 export const DEVICE_BOOT = '/device-boot'
\ No newline at end of file
diff --git a/src/views/pqs/business/terminal/deviceter/index.vue b/src/views/pqs/business/terminal/deviceter/index.vue
index b92dfca6..425bc9e3 100644
--- a/src/views/pqs/business/terminal/deviceter/index.vue
+++ b/src/views/pqs/business/terminal/deviceter/index.vue
@@ -2911,7 +2911,7 @@ const selectChanged = async (value: any) => {
             capacity = 750
             break
         case '35':
-            capacity = 259
+            capacity = 250
             break
         case '10':
             capacity = 100
@@ -2931,9 +2931,9 @@ const selectChanged = async (value: any) => {
         case '750':
             capacity = 7000
             break
-        case '800':
-            capacity = 7000
-            break
+       // case '800':
+         //   capacity = 7000
+         //   break
         case '1000':
             capacity = 9000
             break
diff --git a/src/views/pqs/database/case/components/drawer.vue b/src/views/pqs/database/case/components/drawer.vue
index d98cfddd..ef027312 100644
--- a/src/views/pqs/database/case/components/drawer.vue
+++ b/src/views/pqs/database/case/components/drawer.vue
@@ -12,7 +12,7 @@
             </div>
             <el-collapse v-model="activeName" accordion>
                 <!-- <el-collapse-item title="典型电能质量干扰源" name="1"></el-collapse-item> -->
-                <el-collapse-item title="国家电网有限公司企业标准" name="2">
+                <el-collapse-item title="电网有限公司企业标准" name="2">
                     <!-- <el-empty description="暂无数据" class="custom-empty iframe" /> -->
                     <div :style="`overflow: auto;`" class="iframe">
                         <vue-office-docx v-if="urlKey.includes('.doc') || urlKey.includes('.docx')" :src="url" />
diff --git a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
index b6282ebe..a8bddf68 100644
--- a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
@@ -277,7 +277,7 @@ const tableStore = new TableStore({
             if (tableStore.table.params.statisticalType.name == '终端厂家') {
                 return k.citTotalNum != 0
             } else {
-                return k.citName != '上送国网' && k.citName != '非上送国网'
+                return !k.citName.includes('上送')
             }
         })
         // 合并子集数据 并去重
diff --git a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
index 0e9108eb..8789693a 100644
--- a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
@@ -270,7 +270,7 @@ const tableStore = new TableStore({
             if (tableStore.table.params.statisticalType.name == '终端厂家') {
                 return k.citTotalNum != 0
             } else {
-                return k.citName != '上送国网' && k.citName != '非上送国网'
+                return !k.citName.includes('上送')
             }
         })
        // console.log(123, tableStore.table.params.statisticalType.name)
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/index.vue
index c3e267ae..f1734246 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/index.vue
@@ -41,7 +41,7 @@
                         <el-tab-pane label="监测点运行状态" name="6" lazy v-if="!isReload">
                             <Yunxingzhuangtai v-if="activeName == '6'" />
                         </el-tab-pane>
-                        <el-tab-pane label="实时数据" name="7" lazy v-if="!isReload && !VITE_FLAG && !VITE_FLAG1">
+                        <el-tab-pane label="实时数据" name="7" lazy v-if="!isReload  && !VITE_FLAG1">
                             <Shishishuju v-if="activeName == '7'" />
                         </el-tab-pane>
                         <el-tab-pane label="统计报表" name="8" lazy v-if="!isReload && VITE_FLAG">
diff --git a/src/views/pqs/panorama/components/cityMapL.vue b/src/views/pqs/panorama/components/cityMapL.vue
index 6fb24724..7f67a84b 100644
--- a/src/views/pqs/panorama/components/cityMapL.vue
+++ b/src/views/pqs/panorama/components/cityMapL.vue
@@ -1,624 +1,624 @@
-<template>
-    <div :class="show ? 'show' : 'noshow'">
-        <div class="boxLeft" :style="height">
-            <!-- 监测规模 -->
-            <div class="mb10" :style="`height:250px);`">
-                <div class="title">
-                    <span>监测规模</span>
-                </div>
-                <div style="display: flex" class="mt2">
-                    <img src="@/assets/img/FGX.png" />
-                </div>
-                <div style="display: flex">
-                    <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
-                        <div class="card">
-                            <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
-                            <span
-                                :style="`color: ${item.color[0]}; cursor:pointer`"
-                                @click="
-                                    LookMap(
-                                        item.list[item.list.length - 1].numOneList,
-                                        item.list[item.list.length - 1].numTwoList,
-                                        0
-                                    )
-                                "
-                            >
-                                {{ item.list[item.list.length - 1]?.numOne }}
-                            </span>
-                        </div>
-                    </div>
-                </div>
-                <!-- 监测规模 列表 -->
-                <div>
-                    <div class="vcl mt5">
-                        <p
-                            v-for="(item, i) in vList"
-                            :style="i == 0 ? 'width: 60px' :  'flex:1'"
-                        >
-                            {{ item }}
-                        </p>
-                    </div>
-
-                    <div v-for="(item, i) in list" class="vcl">
-                        <p style="width: 60px">
-                            {{ item.title }}
-                            <!-- <span style="position: absolute; font-size: 10px; top: -10px; right: -5px; color: #575757">
-                                详情
-                            </span> -->
-                        </p>
-                        <p
-                            v-for="(k, i) in vList?.slice(0, vList.length - 1)"
-                            class="numOne"
-                            @click="LookMap(item.list[i].numOneList, item.list[i].numTwoList, 0)"
-                        >
-                            {{ item.list[i]?.numOne }}
-                        </p>
-                        <!-- <p class="numOne" @click="LookMap(item.list[0].numOneList, item.list[0].numTwoList, 0)">
-                            {{ item.list[0].numOne }}
-                        </p>
-                        <p class="numOne" @click="LookMap(item.list[1].numOneList, item.list[1].numTwoList, 0)">
-                            {{ item.list[1].numOne }}
-                        </p>
-                        <p class="numOne" @click="LookMap(item.list[2].numOneList, item.list[2].numTwoList, 0)">
-                            {{ item.list[2].numOne }}
-                        </p>
-                        <p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
-                            {{ item.list[3].numOne }}
-                        </p> -->
-                        <!-- <p
-                            style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
-                            @click.stop="open(i)"
-                        >
-                            详情
-                        </p> -->
-                    </div>
-                </div>
-            </div>
-            <!-- 监测点指标统计 -->
-            <div :style="`height:calc(${boxHeight.height} + 50px)`">
-                <div class="title">
-                    <span>监测点指标统计</span>
-                </div>
-                <div style="display: flex" class="mt2">
-                    <img src="@/assets/img/FGX.png" />
-                </div>
-                <div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
-                    <div v-for="item in countList">
-                        <div class="title mt5" style="font-weight: 500">
-                            <img src="@/assets/img/TJ.png" />
-                            {{ item.title }}
-                        </div>
-                        <div
-                            class="card-Box"
-                            :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
-                            v-for="val in item.children"
-                        >
-                            <div>
-                                <span class="line"></span>
-                                <span class="vol">{{ val.title }}</span>
-                            </div>
-                            <div class="num">
-                                <div @click="LookMap(val.numList, [], 0)">
-                                    投运:
-                                    <span>{{ val.num }}</span>
-                                </div>
-                                <div @click="LookMap(val.onLineNumList, [], 0)">
-                                    在线:
-                                    <span style="color: #2dcd28">{{ val.onLineNum }}</span>
-                                </div>
-                                <div>
-                                    数据完整性:
-                                    <span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- 监测点指标统计 -->
-            <div :style="`height:calc(${boxHeight.height} - 55px)`">
-                <div class="title">
-                    <span>监测运行统计</span>
-                </div>
-                <div style="display: flex" class="mt2">
-                    <img src="@/assets/img/FGX.png" />
-                </div>
-
-                <div :style="`height:calc(${boxHeight.height} - 100px);overflow-y: auto;`" class="BoxA mt10">
-                    <div class="card-Box" v-for="item in linList">
-                        <div>
-                            <span class="line"></span>
-                            <span class="vol">{{ item.title[0] }}</span>
-                        </div>
-                        <div class="num">
-                            <div>
-                                {{ item.title[1] }}:
-                                <span style="color: #2dcd28" @click="LookMap(item.lineListOne, [], 0)">
-                                    {{ item.lineNumOne || 0 }}
-                                </span>
-                            </div>
-                            <div>
-                                {{ item.title[2] }}:
-                                <span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
-                                    {{ item.lineNumTwo || 0 }}
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <img
-            class="imgL"
-            :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
-            @click="show = !show"
-            src="@/assets/img/QH.png"
-        />
-
-        <!-- 变电站详情 -->
-        <stand ref="standRef" />
-        <!-- 终端 -->
-        <terminal ref="terminalRef" />
-        <!-- 检测点 -->
-        <point ref="pointRef" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive, ref, provide } from 'vue'
-import { useDictData } from '@/stores/dictData'
-import { mainHeight } from '@/utils/layout'
-import { ArrowRight, View } from '@element-plus/icons-vue'
-import stand from './details/stand.vue'
-import terminal from './details/terminal.vue'
-import point from './details/point.vue'
-import {
-    getSubLineGiveAnAlarm,
-    getGridDiagramMonitor,
-    getGridDiagramDev,
-    getGridDiagramStatistics,
-    getGridDiagramRunData
-} from '@/api/device-boot/panorama'
-const emit = defineEmits(['LookMap', 'GridDiagram'])
-const dictData = useDictData()
-const show = ref(false)
-const standRef = ref()
-const terminalRef = ref()
-const pointRef = ref()
-const list: any = ref([
-    {
-        title: '变电站',
-        color: ['#000', '#bd3124'],
-
-        list: [
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            }
-        ]
-    },
-    {
-        title: '监测终端',
-        color: ['#000', '#2dcd28'],
-        list: [
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            }
-        ]
-    },
-    {
-        title: '监测点',
-
-        color: ['#000', '#2dcd28', '#bd3124'],
-        list: [
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            }
-        ]
-    }
-])
-const countList: any = ref([
-    {
-        title: '冀北',
-        children: [
-            {
-                title: '电网侧监测点',
-                num: 0,
-                onLineNum: 0,
-                integrityRate: 0
-            },
-            { title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
-        ]
-    },
-    {
-        title: '上送网公司',
-        children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
-    }
-])
-const linList: any = ref([
-    {
-        title: ['运行状态', '合格', '告警']
-    },
-    {
-        title: ['通讯状态', '在线', '离线']
-    },
-
-    {
-        title: ['数据完整性', '≥90%', '<90%']
-    },
-    {
-        title: ['电能质量指标', '未超标', '超标']
-    }
-])
-const panoramicVoltage: any = dictData.getBasicData('Dev_Voltage_Stand')
-const vList =ref( ['', '500kV', '220kV', '110kV', '35kV'])
-const formRow: any = ref({})
-const height = mainHeight(30)
-const boxHeight = mainHeight(290, 2)
-
-// 详情
-const open = (e: any) => {
-    if (e == 0) {
-        standRef.value.open(formRow.value)
-    } else if (e == 1) {
-        terminalRef.value.open(formRow.value)
-    } else if (e == 2) {
-        pointRef.value.open(formRow.value)
-    }
-}
-const info = async (row: any) => {
-    let form = {
-        ...row,
-        id: row.orgNo,
-        deptIndex: row.orgNo,
-        orgId: row.orgNo,
-        ids: [],
-        statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0],
-        isUpToGrid: row.isUpToGrid,
-        monitorFlag: row.isUpToGrid == 0 ? null : row.isUpToGrid
-    }
-    countList.value[0].title = row.areaName
-    formRow.value = form
-    vList.value = ['']
-    // 变电站
-    getSubLineGiveAnAlarm(form).then(res => {
-        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-        data[0].data.forEach((item: any) => {
-            if (item.columnName) vList.value.push(panoramicVoltage.find((v: any) => v.id == item.columnName).name)
-        })
-     
-        list.value[0].list = data[0].data
-    })
-    // 终端
-    getGridDiagramDev(form).then(res => {
-        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-        list.value[1].list = data[0].data
-    })
-    // 监测点
-    await getGridDiagramMonitor(form).then(res => {
-        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-
-        list.value[2].list = data[0].data.map((item: any) => {
-            return {
-                numOne: item.num,
-                numTwo: item.onLineNum,
-                numOneList: item.numList,
-                numTwoList: item.onLineNumList
-            }
-        })
-
-        // list.value[2].list.push({
-        //     numOne: 0,
-        //     numOneList: []
-        // })
-    })
-    // 监测点指标统计
-    getGridDiagramStatistics(form).then(res => {
-        countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
-        countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
-        countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
-    })
-    // 监测运行统计
-    getGridDiagramRunData(form).then(res => {
-        res.data[0].title = ['运行状态', '合格', '告警']
-        res.data[1].title = ['通讯状态', '在线', '离线']
-        res.data[2].title = ['数据完整性', '≥90%', '<90%']
-        res.data[3].title = ['电能质量指标', '未超标', '超标']
-
-        linList.value = res.data
-    })
-}
-// 点击
-const LookMap = (coutList: object, alarmList: object, key?: any) => {
-    // console.log('🚀 ~ LookMap ~ row:', row)
-    let form = {
-        coutList: coutList,
-        alarmList: alarmList
-    }
-    emit('LookMap', form, key)
-}
-const GridDiagram = (k: any) => {
-    emit('GridDiagram', k, 3)
-}
-onMounted(() => {})
-defineExpose({ info, show })
-</script>
-
-<style lang="scss" scoped>
-.boxLeft {
-    background-color: #fff;
-    width: 100%;
-    // padding: 10px 10px 10px 10px;
-    border-radius: 5px;
-    font-size: 13px;
-    overflow: hidden;
-}
-
-.cardBox {
-    display: flex;
-    flex-wrap: wrap;
-    flex: 1;
-
-    .card {
-        justify-content: center;
-        margin-top: 15px;
-        margin-right: 2%;
-        display: flex;
-        flex: 1;
-        align-items: center;
-        font-size: 16px;
-
-        span:nth-child(2) {
-            font-weight: 550;
-        }
-    }
-}
-
-.vcl {
-    display: flex;
-    border-bottom: 2px solid #fff;
-    background-color: #edededc0;
-    border-radius: 5px;
-    font-size: 14px;
-
-    p {
-        text-align: center;
-        margin: 6px;
-        line-height: 30px;
-    }
-
-    .numOne {
-        flex: 1;
-        font-weight: 550;
-        cursor: pointer;
-    }
-
-    &:nth-child(1) {
-        background-color: #fff;
-    }
-
-    &:nth-child(2) {
-        .numOne {
-            color: #00bff5;
-        }
-    }
-
-    &:nth-child(3) {
-        .numOne {
-            color: #008000;
-        }
-    }
-
-    &:nth-child(4) {
-        .numOne {
-            color: #0000ff;
-        }
-    }
-}
-
-.title {
-    // height: ;
-    // display: flex;
-    // justify-content: space-between;
-    font-size: 15px;
-    line-height: 23px;
-    padding-left: 5px;
-    width: 100%;
-    font-weight: 550;
-    display: flex;
-    align-items: center;
-
-    span:nth-child(1) {
-        cursor: pointer;
-    }
-
-    .info {
-        font-weight: normal;
-        display: flex;
-        font-size: 12px;
-        cursor: pointer;
-        color: #757575;
-    }
-
-    img {
-        height: 1.2rem;
-        width: 1.2rem;
-        margin-right: 5px;
-    }
-}
-
-.card-Box {
-    // display: grid;
-    // grid-template-rows: 1fr 1fr;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-    // align-items: center;
-    margin: 0 5px 5px;
-    padding: 10px;
-    background-color: #edededc0;
-    border-radius: 10px;
-    min-height: 60px;
-    max-height: 120px;
-
-    .line {
-        display: inline-block;
-        width: 0.5rem;
-        height: 0.5rem;
-        border-radius: 0.25rem;
-        background: var(--el-color-primary);
-        margin-right: 5px;
-        margin-bottom: 2px;
-    }
-
-    .num {
-        margin-left: 10px;
-        display: grid;
-        text-align: center;
-        grid-template-columns: 1fr 1fr 1.5fr;
-        font-size: 14px;
-
-        span {
-            cursor: pointer;
-            font-size: 16px;
-            font-weight: 550;
-        }
-    }
-}
-
-.BoxA {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr 1fr;
-
-    // grid-template-rows: 80px;
-    .num {
-        margin-left: 10px;
-        display: grid;
-        text-align: center;
-        grid-template-columns: 1fr 1fr;
-    }
-}
-
-.imgL {
-    position: absolute;
-    padding: 10px;
-    top: calc(50% - 80px);
-    right: -23px;
-
-    transform: rotate(180deg);
-    height: 200px;
-    cursor: pointer;
-}
-
-.show {
-    width: 0px;
-    transition: all 0.3s ease;
-
-    .boxLeft {
-        padding: 0;
-    }
-}
-
-.noshow {
-    width: 25%;
-    transition: all 0.3s ease;
-
-    .boxLeft {
-        padding: 10px 10px 10px 10px;
-    }
-}
-
-:deep(.el-card) {
-    --el-card-padding: 10px !important;
-}
-
-:deep(.el-table thead) {
-    color: #000;
-}
-
-:deep(.el-dialog__body) {
-    max-height: none !important;
-}
-</style>
+<template>
+    <div :class="show ? 'show' : 'noshow'">
+        <div class="boxLeft" :style="height">
+            <!-- 监测规模 -->
+            <div class="mb10" :style="`height:250px);`">
+                <div class="title">
+                    <span>监测规模</span>
+                </div>
+                <div style="display: flex" class="mt2">
+                    <img src="@/assets/img/FGX.png" />
+                </div>
+                <div style="display: flex">
+                    <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
+                        <div class="card">
+                            <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
+                            <span
+                                :style="`color: ${item.color[0]}; cursor:pointer`"
+                                @click="
+                                    LookMap(
+                                        item.list[item.list.length - 1].numOneList,
+                                        item.list[item.list.length - 1].numTwoList,
+                                        0
+                                    )
+                                "
+                            >
+                                {{ item.list[item.list.length - 1]?.numOne }}
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 监测规模 列表 -->
+                <div>
+                    <div class="vcl mt5">
+                        <p
+                            v-for="(item, i) in vList"
+                            :style="i == 0 ? 'width: 60px' :  'flex:1'"
+                        >
+                            {{ item }}
+                        </p>
+                    </div>
+
+                    <div v-for="(item, i) in list" class="vcl">
+                        <p style="width: 60px">
+                            {{ item.title }}
+                            <!-- <span style="position: absolute; font-size: 10px; top: -10px; right: -5px; color: #575757">
+                                详情
+                            </span> -->
+                        </p>
+                        <p
+                            v-for="(k, i) in vList?.slice(0, vList.length - 1)"
+                            class="numOne"
+                            @click="LookMap(item.list[i].numOneList, item.list[i].numTwoList, 0)"
+                        >
+                            {{ item.list[i]?.numOne }}
+                        </p>
+                        <!-- <p class="numOne" @click="LookMap(item.list[0].numOneList, item.list[0].numTwoList, 0)">
+                            {{ item.list[0].numOne }}
+                        </p>
+                        <p class="numOne" @click="LookMap(item.list[1].numOneList, item.list[1].numTwoList, 0)">
+                            {{ item.list[1].numOne }}
+                        </p>
+                        <p class="numOne" @click="LookMap(item.list[2].numOneList, item.list[2].numTwoList, 0)">
+                            {{ item.list[2].numOne }}
+                        </p>
+                        <p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
+                            {{ item.list[3].numOne }}
+                        </p> -->
+                        <!-- <p
+                            style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
+                            @click.stop="open(i)"
+                        >
+                            详情
+                        </p> -->
+                    </div>
+                </div>
+            </div>
+            <!-- 监测点指标统计 -->
+            <div :style="`height:calc(${boxHeight.height} + 50px)`">
+                <div class="title">
+                    <span>监测点指标统计</span>
+                </div>
+                <div style="display: flex" class="mt2">
+                    <img src="@/assets/img/FGX.png" />
+                </div>
+                <div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
+                    <div v-for="item in countList">
+                        <div class="title mt5" style="font-weight: 500">
+                            <img src="@/assets/img/TJ.png" />
+                            {{ item.title }}
+                        </div>
+                        <div
+                            class="card-Box"
+                            :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
+                            v-for="val in item.children"
+                        >
+                            <div>
+                                <span class="line"></span>
+                                <span class="vol">{{ val.title }}</span>
+                            </div>
+                            <div class="num">
+                                <div @click="LookMap(val.numList, [], 0)">
+                                    投运:
+                                    <span>{{ val.num }}</span>
+                                </div>
+                                <div @click="LookMap(val.onLineNumList, [], 0)">
+                                    在线:
+                                    <span style="color: #2dcd28">{{ val.onLineNum }}</span>
+                                </div>
+                                <div>
+                                    数据完整性:
+                                    <span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 监测点指标统计 -->
+            <div :style="`height:calc(${boxHeight.height} - 55px)`">
+                <div class="title">
+                    <span>监测运行统计</span>
+                </div>
+                <div style="display: flex" class="mt2">
+                    <img src="@/assets/img/FGX.png" />
+                </div>
+
+                <div :style="`height:calc(${boxHeight.height} - 100px);overflow-y: auto;`" class="BoxA mt10">
+                    <div class="card-Box" v-for="item in linList">
+                        <div>
+                            <span class="line"></span>
+                            <span class="vol">{{ item.title[0] }}</span>
+                        </div>
+                        <div class="num">
+                            <div>
+                                {{ item.title[1] }}:
+                                <span style="color: #2dcd28" @click="LookMap(item.lineListOne, [], 0)">
+                                    {{ item.lineNumOne || 0 }}
+                                </span>
+                            </div>
+                            <div>
+                                {{ item.title[2] }}:
+                                <span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
+                                    {{ item.lineNumTwo || 0 }}
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <img
+            class="imgL"
+            :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
+            @click="show = !show"
+            src="@/assets/img/QH.png"
+        />
+
+        <!-- 变电站详情 -->
+        <stand ref="standRef" />
+        <!-- 终端 -->
+        <terminal ref="terminalRef" />
+        <!-- 检测点 -->
+        <point ref="pointRef" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive, ref, provide } from 'vue'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+import { ArrowRight, View } from '@element-plus/icons-vue'
+import stand from './details/stand.vue'
+import terminal from './details/terminal.vue'
+import point from './details/point.vue'
+import {
+    getSubLineGiveAnAlarm,
+    getGridDiagramMonitor,
+    getGridDiagramDev,
+    getGridDiagramStatistics,
+    getGridDiagramRunData
+} from '@/api/device-boot/panorama'
+const emit = defineEmits(['LookMap', 'GridDiagram'])
+const dictData = useDictData()
+const show = ref(false)
+const standRef = ref()
+const terminalRef = ref()
+const pointRef = ref()
+const list: any = ref([
+    {
+        title: '变电站',
+        color: ['#000', '#bd3124'],
+
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    },
+    {
+        title: '监测终端',
+        color: ['#000', '#2dcd28'],
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    },
+    {
+        title: '监测点',
+
+        color: ['#000', '#2dcd28', '#bd3124'],
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    }
+])
+const countList: any = ref([
+    {
+        title: '网公司',
+        children: [
+            {
+                title: '电网侧监测点',
+                num: 0,
+                onLineNum: 0,
+                integrityRate: 0
+            },
+            { title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
+        ]
+    },
+    {
+        title: '上送网公司',
+        children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
+    }
+])
+const linList: any = ref([
+    {
+        title: ['运行状态', '合格', '告警']
+    },
+    {
+        title: ['通讯状态', '在线', '离线']
+    },
+
+    {
+        title: ['数据完整性', '≥90%', '<90%']
+    },
+    {
+        title: ['电能质量指标', '未超标', '超标']
+    }
+])
+const panoramicVoltage: any = dictData.getBasicData('Dev_Voltage_Stand')
+const vList =ref( ['', '500kV', '220kV', '110kV', '35kV'])
+const formRow: any = ref({})
+const height = mainHeight(30)
+const boxHeight = mainHeight(290, 2)
+
+// 详情
+const open = (e: any) => {
+    if (e == 0) {
+        standRef.value.open(formRow.value)
+    } else if (e == 1) {
+        terminalRef.value.open(formRow.value)
+    } else if (e == 2) {
+        pointRef.value.open(formRow.value)
+    }
+}
+const info = async (row: any) => {
+    let form = {
+        ...row,
+        id: row.orgNo,
+        deptIndex: row.orgNo,
+        orgId: row.orgNo,
+        ids: [],
+        statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0],
+        isUpToGrid: row.isUpToGrid,
+        monitorFlag: row.isUpToGrid == 0 ? null : row.isUpToGrid
+    }
+    countList.value[0].title = row.areaName
+    formRow.value = form
+    vList.value = ['']
+    // 变电站
+    getSubLineGiveAnAlarm(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+        data[0].data.forEach((item: any) => {
+            if (item.columnName) vList.value.push(panoramicVoltage.find((v: any) => v.id == item.columnName).name)
+        })
+     
+        list.value[0].list = data[0].data
+    })
+    // 终端
+    getGridDiagramDev(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+        list.value[1].list = data[0].data
+    })
+    // 监测点
+    await getGridDiagramMonitor(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+
+        list.value[2].list = data[0].data.map((item: any) => {
+            return {
+                numOne: item.num,
+                numTwo: item.onLineNum,
+                numOneList: item.numList,
+                numTwoList: item.onLineNumList
+            }
+        })
+
+        // list.value[2].list.push({
+        //     numOne: 0,
+        //     numOneList: []
+        // })
+    })
+    // 监测点指标统计
+    getGridDiagramStatistics(form).then(res => {
+        countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
+        countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
+        countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
+    })
+    // 监测运行统计
+    getGridDiagramRunData(form).then(res => {
+        res.data[0].title = ['运行状态', '合格', '告警']
+        res.data[1].title = ['通讯状态', '在线', '离线']
+        res.data[2].title = ['数据完整性', '≥90%', '<90%']
+        res.data[3].title = ['电能质量指标', '未超标', '超标']
+
+        linList.value = res.data
+    })
+}
+// 点击
+const LookMap = (coutList: object, alarmList: object, key?: any) => {
+    // console.log('🚀 ~ LookMap ~ row:', row)
+    let form = {
+        coutList: coutList,
+        alarmList: alarmList
+    }
+    emit('LookMap', form, key)
+}
+const GridDiagram = (k: any) => {
+    emit('GridDiagram', k, 3)
+}
+onMounted(() => {})
+defineExpose({ info, show })
+</script>
+
+<style lang="scss" scoped>
+.boxLeft {
+    background-color: #fff;
+    width: 100%;
+    // padding: 10px 10px 10px 10px;
+    border-radius: 5px;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+.cardBox {
+    display: flex;
+    flex-wrap: wrap;
+    flex: 1;
+
+    .card {
+        justify-content: center;
+        margin-top: 15px;
+        margin-right: 2%;
+        display: flex;
+        flex: 1;
+        align-items: center;
+        font-size: 16px;
+
+        span:nth-child(2) {
+            font-weight: 550;
+        }
+    }
+}
+
+.vcl {
+    display: flex;
+    border-bottom: 2px solid #fff;
+    background-color: #edededc0;
+    border-radius: 5px;
+    font-size: 14px;
+
+    p {
+        text-align: center;
+        margin: 6px;
+        line-height: 30px;
+    }
+
+    .numOne {
+        flex: 1;
+        font-weight: 550;
+        cursor: pointer;
+    }
+
+    &:nth-child(1) {
+        background-color: #fff;
+    }
+
+    &:nth-child(2) {
+        .numOne {
+            color: #00bff5;
+        }
+    }
+
+    &:nth-child(3) {
+        .numOne {
+            color: #008000;
+        }
+    }
+
+    &:nth-child(4) {
+        .numOne {
+            color: #0000ff;
+        }
+    }
+}
+
+.title {
+    // height: ;
+    // display: flex;
+    // justify-content: space-between;
+    font-size: 15px;
+    line-height: 23px;
+    padding-left: 5px;
+    width: 100%;
+    font-weight: 550;
+    display: flex;
+    align-items: center;
+
+    span:nth-child(1) {
+        cursor: pointer;
+    }
+
+    .info {
+        font-weight: normal;
+        display: flex;
+        font-size: 12px;
+        cursor: pointer;
+        color: #757575;
+    }
+
+    img {
+        height: 1.2rem;
+        width: 1.2rem;
+        margin-right: 5px;
+    }
+}
+
+.card-Box {
+    // display: grid;
+    // grid-template-rows: 1fr 1fr;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    // align-items: center;
+    margin: 0 5px 5px;
+    padding: 10px;
+    background-color: #edededc0;
+    border-radius: 10px;
+    min-height: 60px;
+    max-height: 120px;
+
+    .line {
+        display: inline-block;
+        width: 0.5rem;
+        height: 0.5rem;
+        border-radius: 0.25rem;
+        background: var(--el-color-primary);
+        margin-right: 5px;
+        margin-bottom: 2px;
+    }
+
+    .num {
+        margin-left: 10px;
+        display: grid;
+        text-align: center;
+        grid-template-columns: 1fr 1fr 1.5fr;
+        font-size: 14px;
+
+        span {
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 550;
+        }
+    }
+}
+
+.BoxA {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+
+    // grid-template-rows: 80px;
+    .num {
+        margin-left: 10px;
+        display: grid;
+        text-align: center;
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
+.imgL {
+    position: absolute;
+    padding: 10px;
+    top: calc(50% - 80px);
+    right: -23px;
+
+    transform: rotate(180deg);
+    height: 200px;
+    cursor: pointer;
+}
+
+.show {
+    width: 0px;
+    transition: all 0.3s ease;
+
+    .boxLeft {
+        padding: 0;
+    }
+}
+
+.noshow {
+    width: 25%;
+    transition: all 0.3s ease;
+
+    .boxLeft {
+        padding: 10px 10px 10px 10px;
+    }
+}
+
+:deep(.el-card) {
+    --el-card-padding: 10px !important;
+}
+
+:deep(.el-table thead) {
+    color: #000;
+}
+
+:deep(.el-dialog__body) {
+    max-height: none !important;
+}
+</style>
diff --git a/src/views/pqs/panorama/components/mapL.vue b/src/views/pqs/panorama/components/mapL.vue
index 654a8730..9a907eb9 100644
--- a/src/views/pqs/panorama/components/mapL.vue
+++ b/src/views/pqs/panorama/components/mapL.vue
@@ -1,675 +1,675 @@
-<template>
-    <div :class="show ? 'show' : 'noshow'">
-        <div class="boxLeft" :style="height">
-            <!-- 监测规模 -->
-            <div class="mb10" :style="`height:250px);`">
-                <div class="title">
-                    <span>监测规模</span>
-                </div>
-                <div style="display: flex" class="mt2">
-                    <img src="@/assets/img/FGX.png" />
-                </div>
-                <div style="display: flex">
-                    <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
-                        <div class="card">
-                            <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
-                            <span
-                                :style="`color: ${item.color[0]}; cursor:pointer`"
-                                @click="
-                                    LookMap(
-                                        item.list?.[item.list.length - 1]?.numOneList,
-                                        item.list?.[item.list.length - 1]?.numTwoList,
-                                        0
-                                    )
-                                "
-                            >
-                                {{ item.list?.[item.list.length - 1]?.numOne }}
-                            </span>
-                        </div>
-                    </div>
-                </div>
-                <!-- 监测规模 列表 -->
-                <div>
-                    <div class="vcl mt5">
-                        <p
-                            v-for="(item, i) in vList"
-                            :style="i == 0 ? 'width: 60px' : i == vList?.length - 1 ? 'width: 32px' : 'flex:1'"
-                        >
-                            {{ item }}
-                        </p>
-                    </div>
-
-                    <div v-for="(item, i) in list" class="vcl">
-                        <p style="width: 60px">
-                            {{ item.title }}
-                        </p>
-                        <p
-                            v-for="(k, i) in vList?.slice(0, vList.length - 2)"
-                            class="numOne"
-                            @click="LookMap(item.list[i].numOneList, item.list[i].numTwoList, 0)"
-                        >
-                            {{ item.list[i]?.numOne }}
-                        </p>
-                        <!-- <p class="numOne" @click="LookMap(item.list[1].numOneList, item.list[1].numTwoList, 0)">
-                            {{ item.list[1].numOne }}
-                        </p>
-                        <p class="numOne" @click="LookMap(item.list[2].numOneList, item.list[2].numTwoList, 0)">
-                            {{ item.list[2].numOne }}
-                        </p>
-                        <p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
-                            {{ item.list[3].numOne }}
-                        </p> -->
-                        <p
-                            style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
-                            @click.stop="open(i)"
-                        >
-                            详情
-                        </p>
-                    </div>
-                </div>
-            </div>
-            <!-- 监测点指标统计 -->
-            <div :style="`height:calc(${boxHeight.height} + 50px)`">
-                <div class="title">
-                    <span>监测点指标统计</span>
-                </div>
-                <div style="display: flex" class="mt2">
-                    <img src="@/assets/img/FGX.png" />
-                </div>
-                <div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
-                    <div v-for="item in countList">
-                        <div class="title mt5" style="font-weight: 500">
-                            <img src="@/assets/img/TJ.png" />
-                            {{ item.title }}
-                        </div>
-                        <div
-                            class="card-Box"
-                            :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
-                            v-for="val in item.children"
-                        >
-                            <div>
-                                <span class="line"></span>
-                                <span class="vol">{{ val.title }}</span>
-                            </div>
-                            <div class="num">
-                                <div @click="LookMap(val.numList, [], 0)">
-                                    投运:
-                                    <span>{{ val.num }}</span>
-                                </div>
-                                <div @click="LookMap(val.onLineNumList, [], 0)">
-                                    在线:
-                                    <span style="color: #2dcd28">{{ val.onLineNum }}</span>
-                                </div>
-                                <div>
-                                    数据完整性:
-                                    <span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-            <!-- 监测点指标统计 -->
-            <div :style="`height:calc(${boxHeight.height} - 55px)`">
-                <div class="title">
-                    <span>监测运行统计</span>
-                </div>
-                <div style="display: flex" class="mt2">
-                    <img src="@/assets/img/FGX.png" />
-                </div>
-
-                <div :style="`height:calc(${boxHeight.height} - 100px);overflow-y: auto;`" class="BoxA mt10">
-                    <div class="card-Box" v-for="item in linList">
-                        <div>
-                            <span class="line"></span>
-                            <span class="vol">{{ item.title[0] }}</span>
-                        </div>
-                        <div class="num">
-                            <div>
-                                {{ item.title[1] }}:
-                                <span style="color: #2dcd28" @click="LookMap(item.lineListOne, [], 0)">
-                                    {{ item.lineNumOne || 0 }}
-                                </span>
-                            </div>
-                            <div>
-                                {{ item.title[2] }}:
-                                <span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
-                                    {{ item.lineNumTwo || 0 }}
-                                </span>
-                            </div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <img
-            class="imgL"
-            :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
-            @click="show = !show"
-            src="@/assets/img/QH.png"
-        />
-        <div class="legeng">
-            <div v-for="item in legengList">
-                <span :style="`background-color: ${item.color};`"></span>
-                <span>{{ item.title }}</span>
-            </div>
-        </div>
-
-        <!-- 变电站详情 -->
-        <stand ref="standRef" />
-        <!-- 终端 -->
-        <terminal ref="terminalRef" />
-        <!-- 检测点 -->
-        <point ref="pointRef" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive, ref, provide } from 'vue'
-import { useDictData } from '@/stores/dictData'
-import { mainHeight } from '@/utils/layout'
-import { ArrowRight, View } from '@element-plus/icons-vue'
-import stand from './details/stand.vue'
-import terminal from './details/terminal.vue'
-import point from './details/point.vue'
-import {
-    getSubLineGiveAnAlarm,
-    getGridDiagramMonitor,
-    getGridDiagramDev,
-    getGridDiagramStatistics,
-    getGridDiagramRunData
-} from '@/api/device-boot/panorama'
-const emit = defineEmits(['LookMap', 'GridDiagram'])
-const dictData = useDictData()
-const show = ref(false)
-const standRef = ref()
-const terminalRef = ref()
-const pointRef = ref()
-const list: any = ref([
-    {
-        title: '变电站',
-        color: ['#000', '#bd3124'],
-
-        list: [
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            }
-        ]
-    },
-    {
-        title: '监测终端',
-        color: ['#000', '#2dcd28'],
-        list: [
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            }
-        ]
-    },
-    {
-        title: '监测点',
-
-        color: ['#000', '#2dcd28', '#bd3124'],
-        list: [
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            },
-            {
-                numOne: 0,
-                numTwo: 0,
-                numOneList: [],
-                numTwoList: []
-            }
-        ]
-    }
-])
-const countList: any = ref([
-    {
-        title: '冀北',
-        children: [
-            {
-                title: '电网侧监测点',
-                num: 0,
-                onLineNum: 0,
-                integrityRate: 0
-            },
-            { title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
-        ]
-    },
-    {
-        title: '上送网公司',
-        children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
-    }
-])
-const linList: any = ref([
-    {
-        title: ['运行状态', '合格', '告警']
-    },
-    {
-        title: ['通讯状态', '在线', '离线']
-    },
-
-    {
-        title: ['数据完整性', '≥90%', '<90%']
-    },
-    {
-        title: ['电能质量指标', '未超标', '超标']
-    }
-])
-const legengList = [
-    {
-        color: '#00b07d',
-        title: '优质'
-    },
-    {
-        color: '#3399ff',
-        title: '良好'
-    },
-    {
-        color: '#ffcc33',
-        title: '合格'
-    },
-    {
-        color: '#db0887',
-        title: '较差'
-    },
-    {
-        color: '#ff0000',
-        title: '极差'
-    }
-]
-const panoramicVoltage: any = dictData.getBasicData('Dev_Voltage_Stand')
-const vList = ref(['', '500kV', '220kV', '110kV', '35kV', ''])
-const formRow: any = ref({})
-const height = mainHeight(30)
-const boxHeight = mainHeight(290, 2)
-
-// 详情
-const open = (e: any) => {
-    if (e == 0) {
-        standRef.value.open(formRow.value)
-    } else if (e == 1) {
-        terminalRef.value.open(formRow.value)
-    } else if (e == 2) {
-        pointRef.value.open(formRow.value)
-    }
-}
-const info = async (row: any) => {
-    let form = {
-        ...row,
-        id: row.orgNo,
-        deptIndex: row.orgNo,
-        orgId: row.orgNo,
-        ids: [],
-        statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0],
-        isUpToGrid: row.isUpToGrid,
-        monitorFlag: row.isUpToGrid == 0 ? null : row.isUpToGrid
-    }
-    countList.value[0].title = row.areaName
-    formRow.value = form
-    vList.value = ['']
-    // 变电站
-    getSubLineGiveAnAlarm(form).then(res => {
-        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-        data[0].data.forEach((item: any) => {
-            if (item.columnName) vList.value.push(panoramicVoltage.find((v: any) => v.id == item.columnName).name)
-        })
-        vList.value.push('')
-        list.value[0].list = data[0].data
-    })
-    // 终端
-    getGridDiagramDev(form).then(res => {
-        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-        list.value[1].list = data[0].data
-    })
-    // 监测点
-    await getGridDiagramMonitor(form).then(res => {
-        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
-
-        list.value[2].list = data[0].data.map((item: any) => {
-            return {
-                numOne: item.num,
-                numTwo: item.onLineNum,
-                numOneList: item.numList,
-                numTwoList: item.onLineNumList
-            }
-        })
-
-        // list.value[2].list.push({
-        //     numOne: 0,
-        //     numOneList: []
-        // })
-    })
-    // 监测点指标统计
-    getGridDiagramStatistics(form).then(res => {
-        countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
-        countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
-        countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
-    })
-    // 监测运行统计
-    getGridDiagramRunData(form).then(res => {
-        res.data[0].title = ['运行状态', '合格', '告警']
-        res.data[1].title = ['通讯状态', '在线', '离线']
-        res.data[2].title = ['数据完整性', '≥90%', '<90%']
-        res.data[3].title = ['电能质量指标', '未超标', '超标']
-
-        linList.value = res.data
-    })
-}
-// 点击
-const LookMap = (coutList: object, alarmList: object, key?: any) => {
-    // console.log('🚀 ~ LookMap ~ row:', row)
-    let form = {
-        coutList: coutList,
-        alarmList: alarmList
-    }
-    emit('LookMap', form, key)
-}
-const GridDiagram = (k: any) => {
-    emit('GridDiagram', k)
-}
-onMounted(() => {})
-defineExpose({ info, show })
-</script>
-
-<style lang="scss" scoped>
-.boxLeft {
-    background-color: #fff;
-    width: 100%;
-    // padding: 10px 10px 10px 10px;
-    border-radius: 5px;
-    font-size: 13px;
-    overflow: hidden;
-}
-
-.cardBox {
-    display: flex;
-    flex-wrap: wrap;
-    flex: 1;
-
-    .card {
-        justify-content: center;
-        margin-top: 15px;
-        margin-right: 2%;
-        display: flex;
-        flex: 1;
-        align-items: center;
-        font-size: 16px;
-
-        span:nth-child(2) {
-            font-weight: 550;
-        }
-    }
-}
-
-.vcl {
-    display: flex;
-    border-bottom: 2px solid #fff;
-    background-color: #edededc0;
-    border-radius: 5px;
-    font-size: 14px;
-
-    p {
-        text-align: center;
-        margin: 6px;
-        line-height: 30px;
-    }
-
-    .numOne {
-        flex: 1;
-        font-weight: 550;
-        cursor: pointer;
-    }
-
-    &:nth-child(1) {
-        background-color: #fff;
-    }
-
-    &:nth-child(2) {
-        .numOne {
-            color: #00bff5;
-        }
-    }
-
-    &:nth-child(3) {
-        .numOne {
-            color: #008000;
-        }
-    }
-
-    &:nth-child(4) {
-        .numOne {
-            color: #0000ff;
-        }
-    }
-}
-
-.title {
-    // height: ;
-    // display: flex;
-    // justify-content: space-between;
-    font-size: 15px;
-    line-height: 23px;
-    padding-left: 5px;
-    width: 100%;
-    font-weight: 550;
-    display: flex;
-    align-items: center;
-
-    span:nth-child(1) {
-        cursor: pointer;
-    }
-
-    .info {
-        font-weight: normal;
-        display: flex;
-        font-size: 12px;
-        cursor: pointer;
-        color: #757575;
-    }
-
-    img {
-        height: 1.2rem;
-        width: 1.2rem;
-        margin-right: 5px;
-    }
-}
-
-.card-Box {
-    // display: grid;
-    // grid-template-rows: 1fr 1fr;
-    display: flex;
-    flex-direction: column;
-    justify-content: space-evenly;
-    // align-items: center;
-    margin: 0 5px 5px;
-    padding: 10px;
-    background-color: #edededc0;
-    border-radius: 10px;
-    min-height: 60px;
-    max-height: 120px;
-
-    .line {
-        display: inline-block;
-        width: 0.5rem;
-        height: 0.5rem;
-        border-radius: 0.25rem;
-        background: var(--el-color-primary);
-        margin-right: 5px;
-        margin-bottom: 2px;
-    }
-
-    .num {
-        margin-left: 10px;
-        display: grid;
-        text-align: center;
-        grid-template-columns: 1fr 1fr 1.5fr;
-        font-size: 14px;
-
-        span {
-            cursor: pointer;
-            font-size: 16px;
-            font-weight: 550;
-        }
-    }
-}
-
-.BoxA {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    grid-template-rows: 1fr 1fr;
-
-    // grid-template-rows: 80px;
-    .num {
-        margin-left: 10px;
-        display: grid;
-        text-align: center;
-        grid-template-columns: 1fr 1fr;
-    }
-}
-
-.imgL {
-    position: absolute;
-    padding: 10px;
-    top: calc(50% - 80px);
-    right: -23px;
-
-    transform: rotate(180deg);
-    height: 200px;
-    cursor: pointer;
-}
-
-.show {
-    width: 0px;
-    transition: all 0.3s ease;
-
-    .boxLeft {
-        padding: 0;
-    }
-}
-
-.noshow {
-    width: 25%;
-    transition: all 0.3s ease;
-
-    .boxLeft {
-        padding: 10px 10px 10px 10px;
-    }
-}
-
-:deep(.el-card) {
-    --el-card-padding: 10px !important;
-}
-
-:deep(.el-table thead) {
-    color: #000;
-}
-
-:deep(.el-dialog__body) {
-    max-height: none !important;
-}
-
-.legeng {
-    position: absolute;
-    padding: 5px;
-    bottom: 0;
-    right: -75px;
-    width: 70px;
-    font-size: 12px;
-    height: 120px;
-    background: #fff;
-    border-radius: 5px;
-    display: grid;
-    line-height: 22px;
-    grid-template-rows: auto;
-
-    div {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        span:nth-child(1) {
-            display: inline-block;
-            height: 10px;
-            border-radius: 2px;
-            width: 15px;
-            margin-right: 5px;
-        }
-    }
-}
-</style>
+<template>
+    <div :class="show ? 'show' : 'noshow'">
+        <div class="boxLeft" :style="height">
+            <!-- 监测规模 -->
+            <div class="mb10" :style="`height:250px);`">
+                <div class="title">
+                    <span>监测规模</span>
+                </div>
+                <div style="display: flex" class="mt2">
+                    <img src="@/assets/img/FGX.png" />
+                </div>
+                <div style="display: flex">
+                    <div v-for="(item, i) in list" class="cardBox" :style="i == 1 ? 'flex:1.3' : ''">
+                        <div class="card">
+                            <span style="cursor: pointer" @click="GridDiagram(i)">{{ item.title }}：</span>
+                            <span
+                                :style="`color: ${item.color[0]}; cursor:pointer`"
+                                @click="
+                                    LookMap(
+                                        item.list?.[item.list.length - 1]?.numOneList,
+                                        item.list?.[item.list.length - 1]?.numTwoList,
+                                        0
+                                    )
+                                "
+                            >
+                                {{ item.list?.[item.list.length - 1]?.numOne }}
+                            </span>
+                        </div>
+                    </div>
+                </div>
+                <!-- 监测规模 列表 -->
+                <div>
+                    <div class="vcl mt5">
+                        <p
+                            v-for="(item, i) in vList"
+                            :style="i == 0 ? 'width: 60px' : i == vList?.length - 1 ? 'width: 32px' : 'flex:1'"
+                        >
+                            {{ item }}
+                        </p>
+                    </div>
+
+                    <div v-for="(item, i) in list" class="vcl">
+                        <p style="width: 60px">
+                            {{ item.title }}
+                        </p>
+                        <p
+                            v-for="(k, i) in vList?.slice(0, vList.length - 2)"
+                            class="numOne"
+                            @click="LookMap(item.list[i].numOneList, item.list[i].numTwoList, 0)"
+                        >
+                            {{ item.list[i]?.numOne }}
+                        </p>
+                        <!-- <p class="numOne" @click="LookMap(item.list[1].numOneList, item.list[1].numTwoList, 0)">
+                            {{ item.list[1].numOne }}
+                        </p>
+                        <p class="numOne" @click="LookMap(item.list[2].numOneList, item.list[2].numTwoList, 0)">
+                            {{ item.list[2].numOne }}
+                        </p>
+                        <p class="numOne" @click="LookMap(item.list[3].numOneList, item.list[3].numTwoList, 0)">
+                            {{ item.list[3].numOne }}
+                        </p> -->
+                        <p
+                            style="font-size: 12px; width: 32px; cursor: pointer; color: var(--el-color-primary)"
+                            @click.stop="open(i)"
+                        >
+                            详情
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <!-- 监测点指标统计 -->
+            <div :style="`height:calc(${boxHeight.height} + 50px)`">
+                <div class="title">
+                    <span>监测点指标统计</span>
+                </div>
+                <div style="display: flex" class="mt2">
+                    <img src="@/assets/img/FGX.png" />
+                </div>
+                <div :style="`height:calc(${boxHeight.height} + 20px);overflow-y: auto;`">
+                    <div v-for="item in countList">
+                        <div class="title mt5" style="font-weight: 500">
+                            <img src="@/assets/img/TJ.png" />
+                            {{ item.title }}
+                        </div>
+                        <div
+                            class="card-Box"
+                            :style="`height:calc((${boxHeight.height} - 50px )/ 3);`"
+                            v-for="val in item.children"
+                        >
+                            <div>
+                                <span class="line"></span>
+                                <span class="vol">{{ val.title }}</span>
+                            </div>
+                            <div class="num">
+                                <div @click="LookMap(val.numList, [], 0)">
+                                    投运:
+                                    <span>{{ val.num }}</span>
+                                </div>
+                                <div @click="LookMap(val.onLineNumList, [], 0)">
+                                    在线:
+                                    <span style="color: #2dcd28">{{ val.onLineNum }}</span>
+                                </div>
+                                <div>
+                                    数据完整性:
+                                    <span style="color: #2b7fd3; cursor: text">{{ val.integrityRate }}%</span>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+            <!-- 监测点指标统计 -->
+            <div :style="`height:calc(${boxHeight.height} - 55px)`">
+                <div class="title">
+                    <span>监测运行统计</span>
+                </div>
+                <div style="display: flex" class="mt2">
+                    <img src="@/assets/img/FGX.png" />
+                </div>
+
+                <div :style="`height:calc(${boxHeight.height} - 100px);overflow-y: auto;`" class="BoxA mt10">
+                    <div class="card-Box" v-for="item in linList">
+                        <div>
+                            <span class="line"></span>
+                            <span class="vol">{{ item.title[0] }}</span>
+                        </div>
+                        <div class="num">
+                            <div>
+                                {{ item.title[1] }}:
+                                <span style="color: #2dcd28" @click="LookMap(item.lineListOne, [], 0)">
+                                    {{ item.lineNumOne || 0 }}
+                                </span>
+                            </div>
+                            <div>
+                                {{ item.title[2] }}:
+                                <span style="color: #A52a2a" @click="LookMap([], item.lineListTwo, 1)">
+                                    {{ item.lineNumTwo || 0 }}
+                                </span>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+
+        <img
+            class="imgL"
+            :style="show ? 'transform: rotate(0deg);' : 'transform: rotate(180deg);'"
+            @click="show = !show"
+            src="@/assets/img/QH.png"
+        />
+        <div class="legeng">
+            <div v-for="item in legengList">
+                <span :style="`background-color: ${item.color};`"></span>
+                <span>{{ item.title }}</span>
+            </div>
+        </div>
+
+        <!-- 变电站详情 -->
+        <stand ref="standRef" />
+        <!-- 终端 -->
+        <terminal ref="terminalRef" />
+        <!-- 检测点 -->
+        <point ref="pointRef" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive, ref, provide } from 'vue'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+import { ArrowRight, View } from '@element-plus/icons-vue'
+import stand from './details/stand.vue'
+import terminal from './details/terminal.vue'
+import point from './details/point.vue'
+import {
+    getSubLineGiveAnAlarm,
+    getGridDiagramMonitor,
+    getGridDiagramDev,
+    getGridDiagramStatistics,
+    getGridDiagramRunData
+} from '@/api/device-boot/panorama'
+const emit = defineEmits(['LookMap', 'GridDiagram'])
+const dictData = useDictData()
+const show = ref(false)
+const standRef = ref()
+const terminalRef = ref()
+const pointRef = ref()
+const list: any = ref([
+    {
+        title: '变电站',
+        color: ['#000', '#bd3124'],
+
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    },
+    {
+        title: '监测终端',
+        color: ['#000', '#2dcd28'],
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    },
+    {
+        title: '监测点',
+
+        color: ['#000', '#2dcd28', '#bd3124'],
+        list: [
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            },
+            {
+                numOne: 0,
+                numTwo: 0,
+                numOneList: [],
+                numTwoList: []
+            }
+        ]
+    }
+])
+const countList: any = ref([
+    {
+        title: '网公司',
+        children: [
+            {
+                title: '电网侧监测点',
+                num: 0,
+                onLineNum: 0,
+                integrityRate: 0
+            },
+            { title: '非电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }
+        ]
+    },
+    {
+        title: '上送网公司',
+        children: [{ title: '电网侧监测点', num: 0, onLineNum: 0, integrityRate: 0 }]
+    }
+])
+const linList: any = ref([
+    {
+        title: ['运行状态', '合格', '告警']
+    },
+    {
+        title: ['通讯状态', '在线', '离线']
+    },
+
+    {
+        title: ['数据完整性', '≥90%', '<90%']
+    },
+    {
+        title: ['电能质量指标', '未超标', '超标']
+    }
+])
+const legengList = [
+    {
+        color: '#00b07d',
+        title: '优质'
+    },
+    {
+        color: '#3399ff',
+        title: '良好'
+    },
+    {
+        color: '#ffcc33',
+        title: '合格'
+    },
+    {
+        color: '#db0887',
+        title: '较差'
+    },
+    {
+        color: '#ff0000',
+        title: '极差'
+    }
+]
+const panoramicVoltage: any = dictData.getBasicData('Dev_Voltage_Stand')
+const vList = ref(['', '500kV', '220kV', '110kV', '35kV', ''])
+const formRow: any = ref({})
+const height = mainHeight(30)
+const boxHeight = mainHeight(290, 2)
+
+// 详情
+const open = (e: any) => {
+    if (e == 0) {
+        standRef.value.open(formRow.value)
+    } else if (e == 1) {
+        terminalRef.value.open(formRow.value)
+    } else if (e == 2) {
+        pointRef.value.open(formRow.value)
+    }
+}
+const info = async (row: any) => {
+    let form = {
+        ...row,
+        id: row.orgNo,
+        deptIndex: row.orgNo,
+        orgId: row.orgNo,
+        ids: [],
+        statisticalType: dictData.getBasicData('Statistical_Type', ['Report_Type'])[0],
+        isUpToGrid: row.isUpToGrid,
+        monitorFlag: row.isUpToGrid == 0 ? null : row.isUpToGrid
+    }
+    countList.value[0].title = row.areaName
+    formRow.value = form
+    vList.value = ['']
+    // 变电站
+    getSubLineGiveAnAlarm(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+        data[0].data.forEach((item: any) => {
+            if (item.columnName) vList.value.push(panoramicVoltage.find((v: any) => v.id == item.columnName).name)
+        })
+        vList.value.push('')
+        list.value[0].list = data[0].data
+    })
+    // 终端
+    getGridDiagramDev(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+        list.value[1].list = data[0].data
+    })
+    // 监测点
+    await getGridDiagramMonitor(form).then(res => {
+        let data = row.isUpToGrid == 1 ? res.data.gwInfo : res.data.info
+
+        list.value[2].list = data[0].data.map((item: any) => {
+            return {
+                numOne: item.num,
+                numTwo: item.onLineNum,
+                numOneList: item.numList,
+                numTwoList: item.onLineNumList
+            }
+        })
+
+        // list.value[2].list.push({
+        //     numOne: 0,
+        //     numOneList: []
+        // })
+    })
+    // 监测点指标统计
+    getGridDiagramStatistics(form).then(res => {
+        countList.value[0].children[0] = { title: '电网侧监测点', ...res.data.data[0] }
+        countList.value[0].children[1] = { title: '非电网侧监测点', ...res.data.data[1] }
+        countList.value[1].children[0] = { title: '电网侧监测点', ...res.data.gwData[0] }
+    })
+    // 监测运行统计
+    getGridDiagramRunData(form).then(res => {
+        res.data[0].title = ['运行状态', '合格', '告警']
+        res.data[1].title = ['通讯状态', '在线', '离线']
+        res.data[2].title = ['数据完整性', '≥90%', '<90%']
+        res.data[3].title = ['电能质量指标', '未超标', '超标']
+
+        linList.value = res.data
+    })
+}
+// 点击
+const LookMap = (coutList: object, alarmList: object, key?: any) => {
+    // console.log('🚀 ~ LookMap ~ row:', row)
+    let form = {
+        coutList: coutList,
+        alarmList: alarmList
+    }
+    emit('LookMap', form, key)
+}
+const GridDiagram = (k: any) => {
+    emit('GridDiagram', k)
+}
+onMounted(() => {})
+defineExpose({ info, show })
+</script>
+
+<style lang="scss" scoped>
+.boxLeft {
+    background-color: #fff;
+    width: 100%;
+    // padding: 10px 10px 10px 10px;
+    border-radius: 5px;
+    font-size: 13px;
+    overflow: hidden;
+}
+
+.cardBox {
+    display: flex;
+    flex-wrap: wrap;
+    flex: 1;
+
+    .card {
+        justify-content: center;
+        margin-top: 15px;
+        margin-right: 2%;
+        display: flex;
+        flex: 1;
+        align-items: center;
+        font-size: 16px;
+
+        span:nth-child(2) {
+            font-weight: 550;
+        }
+    }
+}
+
+.vcl {
+    display: flex;
+    border-bottom: 2px solid #fff;
+    background-color: #edededc0;
+    border-radius: 5px;
+    font-size: 14px;
+
+    p {
+        text-align: center;
+        margin: 6px;
+        line-height: 30px;
+    }
+
+    .numOne {
+        flex: 1;
+        font-weight: 550;
+        cursor: pointer;
+    }
+
+    &:nth-child(1) {
+        background-color: #fff;
+    }
+
+    &:nth-child(2) {
+        .numOne {
+            color: #00bff5;
+        }
+    }
+
+    &:nth-child(3) {
+        .numOne {
+            color: #008000;
+        }
+    }
+
+    &:nth-child(4) {
+        .numOne {
+            color: #0000ff;
+        }
+    }
+}
+
+.title {
+    // height: ;
+    // display: flex;
+    // justify-content: space-between;
+    font-size: 15px;
+    line-height: 23px;
+    padding-left: 5px;
+    width: 100%;
+    font-weight: 550;
+    display: flex;
+    align-items: center;
+
+    span:nth-child(1) {
+        cursor: pointer;
+    }
+
+    .info {
+        font-weight: normal;
+        display: flex;
+        font-size: 12px;
+        cursor: pointer;
+        color: #757575;
+    }
+
+    img {
+        height: 1.2rem;
+        width: 1.2rem;
+        margin-right: 5px;
+    }
+}
+
+.card-Box {
+    // display: grid;
+    // grid-template-rows: 1fr 1fr;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-evenly;
+    // align-items: center;
+    margin: 0 5px 5px;
+    padding: 10px;
+    background-color: #edededc0;
+    border-radius: 10px;
+    min-height: 60px;
+    max-height: 120px;
+
+    .line {
+        display: inline-block;
+        width: 0.5rem;
+        height: 0.5rem;
+        border-radius: 0.25rem;
+        background: var(--el-color-primary);
+        margin-right: 5px;
+        margin-bottom: 2px;
+    }
+
+    .num {
+        margin-left: 10px;
+        display: grid;
+        text-align: center;
+        grid-template-columns: 1fr 1fr 1.5fr;
+        font-size: 14px;
+
+        span {
+            cursor: pointer;
+            font-size: 16px;
+            font-weight: 550;
+        }
+    }
+}
+
+.BoxA {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    grid-template-rows: 1fr 1fr;
+
+    // grid-template-rows: 80px;
+    .num {
+        margin-left: 10px;
+        display: grid;
+        text-align: center;
+        grid-template-columns: 1fr 1fr;
+    }
+}
+
+.imgL {
+    position: absolute;
+    padding: 10px;
+    top: calc(50% - 80px);
+    right: -23px;
+
+    transform: rotate(180deg);
+    height: 200px;
+    cursor: pointer;
+}
+
+.show {
+    width: 0px;
+    transition: all 0.3s ease;
+
+    .boxLeft {
+        padding: 0;
+    }
+}
+
+.noshow {
+    width: 25%;
+    transition: all 0.3s ease;
+
+    .boxLeft {
+        padding: 10px 10px 10px 10px;
+    }
+}
+
+:deep(.el-card) {
+    --el-card-padding: 10px !important;
+}
+
+:deep(.el-table thead) {
+    color: #000;
+}
+
+:deep(.el-dialog__body) {
+    max-height: none !important;
+}
+
+.legeng {
+    position: absolute;
+    padding: 5px;
+    bottom: 0;
+    right: -75px;
+    width: 70px;
+    font-size: 12px;
+    height: 120px;
+    background: #fff;
+    border-radius: 5px;
+    display: grid;
+    line-height: 22px;
+    grid-template-rows: auto;
+
+    div {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+
+        span:nth-child(1) {
+            display: inline-block;
+            height: 10px;
+            border-radius: 2px;
+            width: 15px;
+            margin-right: 5px;
+        }
+    }
+}
+</style>
diff --git a/src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue b/src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue
index 2c5ebe9e..998cdd93 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/cityMapL.vue
@@ -302,7 +302,7 @@ const list: any = ref([
 ])
 const countList: any = ref([
     {
-        title: '冀北',
+        title: '网公司',
         children: [
             {
                 title: '电网侧监测点',
diff --git a/src/views/pqs/qualityInspeection/panorama/components/mapL.vue b/src/views/pqs/qualityInspeection/panorama/components/mapL.vue
index 16cc450f..42d73a6e 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/mapL.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/mapL.vue
@@ -314,7 +314,7 @@ const list: any = ref([
 ])
 const countList: any = ref([
     {
-        title: '冀北',
+        title: '网公司',
         children: [
             {
                 title: '电网侧监测点',
diff --git a/src/views/pqs/runManage/runEvaluate/index_JB.vue b/src/views/pqs/runManage/runEvaluate/index_JB.vue
index 5ad38e1e..6704fa10 100644
--- a/src/views/pqs/runManage/runEvaluate/index_JB.vue
+++ b/src/views/pqs/runManage/runEvaluate/index_JB.vue
@@ -273,7 +273,7 @@ const tableStore = new TableStore({
             if (tableStore.table.params.statisticalType.name == '终端厂家') {
                 return k.count != 0
             } else {
-                return k.name != '上送国网' && k.name != '非上送国网'
+                return !k.citName.includes('上送')
             }
         })
         // 合并子集数据 并去重
diff --git a/src/views/pqs/supervise/harmonicSurvey/components/planAdd.vue b/src/views/pqs/supervise/harmonicSurvey/components/planAdd.vue
index 2d8158cb..316d6eda 100644
--- a/src/views/pqs/supervise/harmonicSurvey/components/planAdd.vue
+++ b/src/views/pqs/supervise/harmonicSurvey/components/planAdd.vue
@@ -13,7 +13,13 @@
                 <Area v-model="form.deptId" @change="changeArea" />
             </el-form-item>
             <el-form-item for="-" label="计划名称:" prop="planName">
-                <el-input v-model="form.planName" placeholder="请输入计划名称" clearable maxlength="32" show-word-limit></el-input>
+                <el-input
+                    v-model="form.planName"
+                    placeholder="请输入计划名称"
+                    clearable
+                    maxlength="32"
+                    show-word-limit
+                ></el-input>
             </el-form-item>
             <el-form-item label="监督类型:" prop="supvType">
                 <el-select v-model="form.supvType" placeholder="请选择监督类型" style="width: 100%" @change="++key">
@@ -26,7 +32,13 @@
                 </el-select>
             </el-form-item>
             <el-form-item for="-" label="监督对象名称:" prop="supvObjectName">
-                <el-input v-model="form.supvObjectName" placeholder="请输入监督对象名称" clearable maxlength="32" show-word-limit></el-input>
+                <el-input
+                    v-model="form.supvObjectName"
+                    placeholder="请输入监督对象名称"
+                    clearable
+                    maxlength="32"
+                    show-word-limit
+                ></el-input>
             </el-form-item>
             <el-form-item for="-" label="计划开始时间:" prop="planStartTime">
                 <el-date-picker
@@ -336,7 +348,12 @@ const changeArea = () => {
         treeList.value.forEach((item: any) => {
             if (item.id == form.value.deptId) {
                 list.push(item)
-                if (item.id != treeListCgy.value[0].id && item.name != '冀北电力有限公司' && item.name != '超高压') {
+                if (
+                    item.id != treeListCgy.value[0].id &&
+                    !item.name.includes('电力有限公司') &&
+                 
+                    item.name != '超高压'
+                ) {
                     list.push(...treeListCgy.value)
                 }
             } else {