From 43f7c1969109f6d3b46b3e32cdb6513f25b19087 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9Cyu=E2=80=9D?= <“winebunny@163.com”>
Date: Sun, 14 Jul 2024 21:59:32 +0800
Subject: [PATCH] u

---
 src/api/pvPage/pvApi.ts                    |   13 +
 src/assets/images/homePage/tongzhi.png     |  Bin 0 -> 9448 bytes
 src/views/pages/homePage/index.vue         |    4 +-
 src/views/pages/homePage/runListenPage.vue | 1336 ++++++++++++++------
 src/views/pages/pvPage/index.vue           |   52 +-
 5 files changed, 986 insertions(+), 419 deletions(-)
 create mode 100644 src/api/pvPage/pvApi.ts
 create mode 100644 src/assets/images/homePage/tongzhi.png

diff --git a/src/api/pvPage/pvApi.ts b/src/api/pvPage/pvApi.ts
new file mode 100644
index 0000000..7a6ece1
--- /dev/null
+++ b/src/api/pvPage/pvApi.ts
@@ -0,0 +1,13 @@
+
+import request from "@/utils/http/request";
+interface idInfo {
+    orgID: string;
+  }
+//   发电量信息接口
+  export function curpower_api(data: idInfo) {
+    return request({
+      url: "/wwpm/biz/v1/device_all",
+      method: "POST",
+      data,
+    });
+  }
\ No newline at end of file
diff --git a/src/assets/images/homePage/tongzhi.png b/src/assets/images/homePage/tongzhi.png
new file mode 100644
index 0000000000000000000000000000000000000000..df3c4fe257680ce903996556b8a4ad32051c0d0b
GIT binary patch
literal 9448
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
Kt3ksd@_zwj(RFbE

literal 0
HcmV?d00001

diff --git a/src/views/pages/homePage/index.vue b/src/views/pages/homePage/index.vue
index a987e60..35a0db1 100644
--- a/src/views/pages/homePage/index.vue
+++ b/src/views/pages/homePage/index.vue
@@ -487,7 +487,7 @@
                         </div>
                         <div class="photovoltaic_value1">
                           <div class="kw">0 <span>个</span></div>
-                          <div class="hu">9999 <span>kW</span></div>
+                          <div class="hu">0 <span>kW</span></div>
                         </div>
                       </div>
                       <div class="rowbox">
@@ -505,7 +505,7 @@
                         </div>
                         <div class="photovoltaic_value1">
                           <div class="kw">0 <span>个</span></div>
-                          <div class="hu">9999 <span>kW</span></div>
+                          <div class="hu">0 <span>kW</span></div>
                         </div>
                       </div>
                       <div class="rowbox">
diff --git a/src/views/pages/homePage/runListenPage.vue b/src/views/pages/homePage/runListenPage.vue
index 99eae71..662e3cc 100644
--- a/src/views/pages/homePage/runListenPage.vue
+++ b/src/views/pages/homePage/runListenPage.vue
@@ -4,13 +4,19 @@
   <div class="runLisenPage_container" :style="styleVar">
     <div class="runLisenPage">
       <div class="content_left">
-        <div :class="`animated ${hideLeft ? 'fadeInLeftBig' : 'fadeOutLeftBig'}`" :style="{ opacity: hideLeft ? '1' : '0' }">
+        <div
+          :class="`animated ${hideLeft ? 'fadeInLeftBig' : 'fadeOutLeftBig'}`"
+          :style="{ opacity: hideLeft ? '1' : '0' }"
+        >
           <div class="left_box">
             <!-- 源 -->
             <div>
               <div class="common_box source_run" v-if="run_sourceContentFlag">
                 <!-- 左收缩箭头 -->
-                <div class="icon_panel_left_on" @click="run_sourceContentFlag = false"></div>
+                <div
+                  class="icon_panel_left_on"
+                  @click="run_sourceContentFlag = false"
+                ></div>
                 <div class="title">
                   <img src="@/assets/images/mainPage/icon_title1.png" alt="" />
                   <span>源</span>
@@ -19,20 +25,29 @@
                   <div class="title_info margin1">功率曲线</div>
                   <div class="source_echart">
                     <div class="tabDate">
-                      <div :class="[
+                      <div
+                        :class="[
                           sourcetabDateFlagOne === item.id
                             ? 'tab_active'
                             : 'tab_default',
                           'tab',
-                        ]" v-for="(item,index) in sourceEchart" @click="sourcehandleTabDate(item)" :key="index">
+                        ]"
+                        v-for="(item, index) in sourceEchart"
+                        @click="netsourcehandleTabDate(item)"
+                        :key="index"
+                      >
                         {{ item.name }}
                       </div>
                     </div>
                     <div class="source_echart_box">
                       <!--光伏曲线  -->
-                      <source_Photovoltaic_echart v-if="sourcetabDateFlagOne === 1"></source_Photovoltaic_echart>
+                      <source_Photovoltaic_echart
+                        v-if="sourcetabDateFlagOne === 1"
+                      ></source_Photovoltaic_echart>
                       <!-- 厂站曲线 -->
-                      <source_factoryStation_echart v-else></source_factoryStation_echart>
+                      <source_factoryStation_echart
+                        v-else
+                      ></source_factoryStation_echart>
                     </div>
                     <!-- <div class="ratebox">
                     <div class="rate">
@@ -61,7 +76,10 @@
               </div>
               <div class="sourceRunContent source_run" v-else>
                 <div class="showPanel">
-                  <div class="icon_panel_left_off" @click="run_sourceContentFlag = true"></div>
+                  <div
+                    class="icon_panel_left_off"
+                    @click="run_sourceContentFlag = true"
+                  ></div>
                 </div>
               </div>
             </div>
@@ -69,7 +87,10 @@
             <div>
               <div class="load_run common_box" v-if="run_loadContentFlag">
                 <!-- 左收缩箭头 -->
-                <div class="icon_panel_left_on" @click="run_loadContentFlag = false"></div>
+                <div
+                  class="icon_panel_left_on"
+                  @click="run_loadContentFlag = false"
+                ></div>
                 <div class="title">
                   <img src="@/assets/images/mainPage/icon_title2.png" alt="" />
                   <span>荷</span>
@@ -78,12 +99,16 @@
                   <div class="title_info margin2">功率曲线</div>
                   <div class="load_echart">
                     <div class="tabDate">
-                      <div :class="[
+                      <div
+                        :class="[
                           loadtabDateFlag === item.id
                             ? 'tab_active'
                             : 'tab_default',
                           'tab',
-                        ]" v-for="item in loadEchart" @click="handleloadTabDate(item)">
+                        ]"
+                        v-for="item in loadEchart"
+                        @click="handleloadTabDate(item)"
+                      >
                         {{ item.name }}
                       </div>
                     </div>
@@ -119,7 +144,10 @@
               </div>
               <div class="loadRunContent load_run" v-else>
                 <div class="showPanel">
-                  <div class="icon_panel_left_off" @click="run_loadContentFlag = true"></div>
+                  <div
+                    class="icon_panel_left_off"
+                    @click="run_loadContentFlag = true"
+                  ></div>
                 </div>
               </div>
             </div>
@@ -131,25 +159,33 @@
                 <div class="scroll-text box" v-for="item in alertdata.alertArr">
                   <img src="@/assets/images/homePage/gaojing2.png" alt="" />
                   <div>
-                    <span>{{ item.name
-                      }}{{ item.type === "1" ? "线路" : "台区" }}</span>出现重过载，发生时间：{{ item.datetime }}
+                    <span
+                      >{{ item.name
+                      }}{{ item.type === "1" ? "线路" : "台区" }}</span
+                    >出现重过载，发生时间：{{ item.datetime }}
                   </div>
                 </div>
               </div>
-              <div class="b" @click="infolistFlag=true">详情</div>
+              <div class="b" @click="infolistFlag = true">详情</div>
             </div>
           </div>
         </div>
       </div>
       <div class="content_right">
-        <div :class="` animated ${
+        <div
+          :class="` animated ${
             hideRight ? 'fadeInRightBig' : 'fadeOutRightBig'
-          }`" :style="{ opacity: hideRight ? '1' : '0' }">
+          }`"
+          :style="{ opacity: hideRight ? '1' : '0' }"
+        >
           <!-- 网 -->
           <div>
             <div class="run_network common_box" v-if="runNetworkFlag">
               <!-- 左收缩箭头 -->
-              <div class="icon_panel_left_on" @click="runNetworkFlag = false"></div>
+              <div
+                class="icon_panel_left_on"
+                @click="runNetworkFlag = false"
+              ></div>
               <div class="title">
                 <img src="@/assets/images/mainPage/icon_title3.png" alt="" />
                 <span>网</span>
@@ -164,7 +200,9 @@
                       <div class="key">&nbsp;线路重过载&nbsp;:&nbsp;</div>
                     </div>
                     <div class="val">
-                      <div class="ratekw">&nbsp;{{networkSonData.lineData.length|| 0}}</div>
+                      <div class="ratekw">
+                        &nbsp;{{ networkSonData.lineData.length || 0 }}
+                      </div>
                       <span></span>
                     </div>
                   </div>
@@ -174,27 +212,39 @@
                       <div class="key">&nbsp;台区重过载&nbsp;:&nbsp;</div>
                     </div>
                     <div class="val">
-                      <div class="ratekw">&nbsp;{{networkSonData.zoneAreaData.length|| 0}}</div>
+                      <div class="ratekw">
+                        &nbsp;{{ networkSonData.zoneAreaData.length || 0 }}
+                      </div>
                       <span></span>
                     </div>
                   </div>
                 </div>
                 <div class="network_info">
                   <div class="tabDate networktab">
-                    <div :class="[
+                    <div
+                      :class="[
                         networktabDateFlag === item.id
                           ? 'tab_active'
                           : 'tab_default',
                         'tab',
-                      ]" v-for="item in networkEchart" @click="sourcehandleTabDate(item)">
+                      ]"
+                      v-for="item in networkEchart"
+                      @click="sourcehandleTabDate(item)"
+                    >
                       {{ item.name }}
                     </div>
                   </div>
                   <div class="source_echart_box">
                     <!--光伏曲线  -->
-                    <source_Photovoltaic_echart_Line :paramsData="networkSonData.lineData" v-if="sourcetabDateFlag === 1"></source_Photovoltaic_echart_Line>
+                    <source_Photovoltaic_echart_Line
+                      :paramsData="networkSonData.lineData"
+                      v-if="sourcetabDateFlag === 1"
+                    ></source_Photovoltaic_echart_Line>
                     <!-- 厂站曲线 -->
-                    <source_Photovoltaic_echart_Line :paramsData="networkSonData.zoneAreaData" v-else></source_Photovoltaic_echart_Line>
+                    <source_Photovoltaic_echart_Line
+                      :paramsData="networkSonData.zoneAreaData"
+                      v-else
+                    ></source_Photovoltaic_echart_Line>
                   </div>
                   <!-- <div class="line">
                     <img
@@ -239,7 +289,10 @@
             </div>
             <div class="runNetworkContent run_network" v-else>
               <div class="showPanel">
-                <div class="icon_panel_left_off" @click="runNetworkFlag = true"></div>
+                <div
+                  class="icon_panel_left_off"
+                  @click="runNetworkFlag = true"
+                ></div>
               </div>
             </div>
           </div>
@@ -247,7 +300,10 @@
           <div>
             <div class="run_storage common_box" v-if="runStorageFlag">
               <!-- 左收缩箭头 -->
-              <div class="icon_panel_left_on" @click="runStorageFlag = false"></div>
+              <div
+                class="icon_panel_left_on"
+                @click="runStorageFlag = false"
+              ></div>
               <div class="title">
                 <img src="@/assets/images/mainPage/icon_title4.png" alt="" />
                 <span>储</span>
@@ -268,7 +324,10 @@
             </div>
             <div class="runStorageContent run_storage">
               <div class="showPanel">
-                <div class="icon_panel_left_off" @click="runStorageFlag = true"></div>
+                <div
+                  class="icon_panel_left_off"
+                  @click="runStorageFlag = true"
+                ></div>
               </div>
             </div>
           </div>
@@ -329,95 +388,155 @@
           </div>
         </div>
       </div>
+      <!-- 告警消息 -->
+      <!-- <div class="content_center_alert" v-if="true">
+        <div class="run_detail" v-if="true">
+          <div class="tip">
+            <img src="@/assets/images/mainPage/icon_alert_pv.png" alt="" />
+            <span class="jianbian">告警信息</span>
+            <div class="closebtn" @click="alert_pvFlag = false"></div>
+          </div>
+
+          <div class="content">
+            <div class="box">
+              <img src="@/assets/images/homePage/jinggao.png" alt="" />
+
+              <div class="gaobottom">
+                <span>通知</span>
+                <div class="gao">
+            
+                  接到10kV线路556调节需求30kW，时间17:00-18:00，待处理
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
+      <!-- 通知消息 -->
+      <!-- <div class="content_center_alert" v-if="true">
+        <div class="run_detail" v-if="true">
+          <div class="tip">
+            <img src="@/assets/images/mainPage/icon_alert_pv.png" alt="" />
+            <span class="jianbian">通知</span>
+            <div class="closebtn" @click="alert_pvFlag = false"></div>
+          </div>
+          <div class="content">
+            <div class="box">
+              <img src="@/assets/images/homePage/tongzhi.png" alt="" />
+              <div class="gaobottom">
+                <div class="gao">
+                  接到10kV线路556调节需求30kW，时间17:00-18:00，待处理
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div> -->
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
-import { ElCheckbox } from 'element-plus'
-import { ref, computed, watch, onMounted, reactive, onUnmounted, nextTick, Ref, getCurrentInstance, inject, defineComponent } from 'vue'
-import { ArrowDown } from '@element-plus/icons-vue'
-import { ElMessage } from 'element-plus'
-import { getColorFun } from '@/hooks/getColorFun/index'
-import { app_load, api_send, api_register } from '@/ue4Player/app'
-import threeDPie from '@/views/commonPage/3DPie.vue'
-import { id } from 'element-plus/es/locale/index.mjs'
-import { ITEM_RENDER_EVT } from 'element-plus/es/components/virtual-list/src/defaults.mjs'
-import source_Photovoltaic_echart from './threeLine.vue'
-import source_Photovoltaic_echart_Line from './threeLine_Line.vue'
+import { ElCheckbox } from "element-plus";
+import {
+  ref,
+  computed,
+  watch,
+  onMounted,
+  reactive,
+  onUnmounted,
+  nextTick,
+  Ref,
+  getCurrentInstance,
+  inject,
+  defineComponent,
+} from "vue";
+import { ArrowDown } from "@element-plus/icons-vue";
+import { ElMessage } from "element-plus";
+import { getColorFun } from "@/hooks/getColorFun/index";
+import { app_load, api_send, api_register } from "@/ue4Player/app";
+import threeDPie from "@/views/commonPage/3DPie.vue";
+import { id } from "element-plus/es/locale/index.mjs";
+import { ITEM_RENDER_EVT } from "element-plus/es/components/virtual-list/src/defaults.mjs";
+import source_Photovoltaic_echart from "./threeLine.vue";
+import source_Photovoltaic_echart_Line from "./threeLine_Line.vue";
 
-import source_factoryStation_echart from './twoLine.vue'
+import source_factoryStation_echart from "./twoLine.vue";
 
-import oneLine_load from './oneLine_load.vue'
+import oneLine_load from "./oneLine_load.vue";
 
-import load_echart from './oneLine.vue'
-import storage_echart from './oneLine.vue'
-import threeEchart from './3Dechart.vue'
+import load_echart from "./oneLine.vue";
+import storage_echart from "./oneLine.vue";
+import threeEchart from "./3Dechart.vue";
 
-import { alert_api, statInfo_api, runAlarm_api } from '@/api/homePage/SoureceApi'
-import { handleEchartsData } from '@/hooks/handleFun'
+import {
+  alert_api,
+  statInfo_api,
+  runAlarm_api,
+} from "@/api/homePage/SoureceApi";
+import { handleEchartsData } from "@/hooks/handleFun";
 
 onMounted(() => {
-  getStatInfo()
-  alertInfo()
+  getStatInfo();
+  alertInfo();
   // 定时获取接口数据
   // setInterval(() => {
   //   getStatInfo();
   // }, 3000);
-  handeleTable()
+  handeleTable();
   // 获取运行监视---重过载告警统计
-  getRunAlarm()
-})
+  getRunAlarm();
+});
 
 // 源页面标识
-let sourceFlag = ref(true)
+let sourceFlag = ref(true);
 // 荷页面标识
-let loadFlag = ref(true)
+let loadFlag = ref(true);
 // tabPage  页面默认显示资源总览
-let tabPageFlag = ref(1)
+let tabPageFlag = ref(1);
 
 const tabPage = reactive([
   {
     id: 1,
-    pageName: '资源汇聚'
+    pageName: "资源汇聚",
   },
   {
     id: 2,
-    pageName: '运行监视'
-  }
-])
+    pageName: "运行监视",
+  },
+]);
 const handleTabPage = (val: number) => {
-  tabPageFlag.value = val
+  tabPageFlag.value = val;
 
   // 当前页面为不显示的时候
   // hideLeft.value = false;
   // hideRight.value = false;
-}
+};
 
-let infolistFlag = ref(false) //告警信息详情
+let infolistFlag = ref(false); //告警信息详情
 // lengendDate
 let lengendDate = reactive([
   {
     id: 1,
-    lengendName: '源',
-    checkFlag: false
+    lengendName: "源",
+    checkFlag: false,
   },
   {
     id: 2,
-    lengendName: '网',
-    checkFlag: false
+    lengendName: "网",
+    checkFlag: false,
   },
   {
     id: 3,
-    lengendName: '荷',
-    checkFlag: false
+    lengendName: "荷",
+    checkFlag: false,
   },
   {
     id: 4,
-    lengendName: '储',
-    checkFlag: false
-  }
-])
+    lengendName: "储",
+    checkFlag: false,
+  },
+]);
 // const handleLegend = (val: number) => {
 //   lengendFlag.value = val + 1;
 //   val = 0;
@@ -425,7 +544,7 @@ let lengendDate = reactive([
 // 右下角三维选中和取消勾选
 let handleSelectCheck = (datas: any) => {
   // 让选中的项样式发生变化
-  datas.checkFlag = !datas.checkFlag
+  datas.checkFlag = !datas.checkFlag;
   // if (data.lengendName === "中压光伏" || data.lengendName === "低压光伏" || data.lengendName === "充电站" || data.lengendName === "储能站") {
   //     // bottomconterListtest.includes(props.gettreeprovidecityname)
   //     bottomconterListtest.forEach(item => {
@@ -451,505 +570,517 @@ let handleSelectCheck = (datas: any) => {
   //         console.log("SwitchStationstatus", "Switchstationstatus");
   //     });
   // }
-}
+};
 // 左-源 -光伏
 interface lenCoutInfoItem {
-  length: number
-  count: number
+  length: number;
+  count: number;
 }
 interface lenCoutInfo {
-  [key: string]: lenCoutInfoItem
+  [key: string]: lenCoutInfoItem;
 }
-let SourcePv_unit: Ref<lenCoutInfo | null> = ref(null) // 使用 ref 来创建一个响应式引用
-let unit10: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }) //10kv光伏
-let unit35: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }) //35kv光伏
-let unit380lowarr = reactive<any>([]) //380v一下光伏
-let unit380lowarrLength = ref(1010) //380v一下光伏的长度
-let unit380lowarrCount = ref(1010) //380v一下光伏的户数
+let SourcePv_unit: Ref<lenCoutInfo | null> = ref(null); // 使用 ref 来创建一个响应式引用
+let unit10: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }); //10kv光伏
+let unit35: Ref<lenCoutInfoItem | null> = ref({ length: 1010, count: 1010 }); //35kv光伏
+let unit380lowarr = reactive<any>([]); //380v一下光伏
+let unit380lowarrLength = ref(1010); //380v一下光伏的长度
+let unit380lowarrCount = ref(1010); //380v一下光伏的户数
 // 左-源-充电站
 interface InfoItem {
-  name?: number
-  ratedS?: number | undefined
-  length?: number | undefined
-  count?: number
+  name?: number;
+  ratedS?: number | undefined;
+  length?: number | undefined;
+  count?: number;
 }
 interface Info {
-  [key: string]: InfoItem
+  [key: string]: InfoItem;
 }
 // let SourcePvstation: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
 let SourcePvstation: Ref<Info | null> = ref([
   {
-    name: '**厂站',
-    ratedS: 1015
+    name: "**厂站",
+    ratedS: 1015,
   },
   {
-    name: '**厂站',
-    ratedS: 1015
-  }
-]) // 使用 ref 来创建一个响应式引用
+    name: "**厂站",
+    ratedS: 1015,
+  },
+]); // 使用 ref 来创建一个响应式引用
 
 // 左 -荷-充电桩
-let sumLoadrateds = ref<any>(0) //额定电压总功率
-let loadchargingPile: Ref<Info | null> = ref(null) // 使用 ref 来创建一个响应式引用
-let loadchargingPileratedS = ref<any>(10) //充电桩功率
-let loadchargingPilecount = ref<any>(10) //充电桩户数
+let sumLoadrateds = ref<any>(0); //额定电压总功率
+let loadchargingPile: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
+let loadchargingPileratedS = ref<any>(10); //充电桩功率
+let loadchargingPilecount = ref<any>(10); //充电桩户数
 
 // 左-荷-空调
-let loadAirconditioner: Ref<Info | null> = ref(null) // 使用 ref 来创建一个响应式引用
-let loadAirconditionerratedS = ref<any>(10) //空调得功率
-let loadAirconditionercount = ref<any>(0) //空调得户数
+let loadAirconditioner: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
+let loadAirconditionerratedS = ref<any>(10); //空调得功率
+let loadAirconditionercount = ref<any>(0); //空调得户数
 // 左-荷-微网
 // let loadMicrogrid: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
-let loadMicrogridrratedS = ref<any>(0) //空调得功率
-let loadMicrogridcount = ref<any>(0) //空调得户数
+let loadMicrogridrratedS = ref<any>(0); //空调得功率
+let loadMicrogridcount = ref<any>(0); //空调得户数
 
 // 右-储-用户侧
-let storedUserPart: Ref<Info | null> = ref(null) // 使用 ref 来创建一个响应式引用
-let storedUserPartAreaRatedS = ref<any>(10) //西小站得功率
-let storedUserPartAreaCount = ref<any>(10) //西小站得户数
+let storedUserPart: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
+let storedUserPartAreaRatedS = ref<any>(10); //西小站得功率
+let storedUserPartAreaCount = ref<any>(10); //西小站得户数
 
-let storedUserPartuserRatedS = ref<any>(10) //用户侧得功率
-let storedUserPartuserCount = ref<any>(10) //用户侧得户数
+let storedUserPartuserRatedS = ref<any>(10); //用户侧得功率
+let storedUserPartuserCount = ref<any>(10); //用户侧得户数
 
 // 右 网 主配网
 //  主网
-let networkLine: Ref<Info | null> = ref(null) // 使用 ref 来创建一个响应式引用
-let networkLine110RatedS = ref<any>(0) //主网110得功率
-let networkLine110Count = ref<any>(0) //主网110得条数
-let networkLine35RatedS = ref<any>(0) //主网110功率
-let networkLine35Count = ref<any>(0) //主网110条数
+let networkLine: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
+let networkLine110RatedS = ref<any>(0); //主网110得功率
+let networkLine110Count = ref<any>(0); //主网110得条数
+let networkLine35RatedS = ref<any>(0); //主网110功率
+let networkLine35Count = ref<any>(0); //主网110条数
 
 //  配网
-let networkFeer: Ref<Info | null> = ref(null) // 使用 ref 来创建一个响应式引用
-let networkFeer10RatedS = ref<any>(0) //配网10得功率
-let networkFeer10Count = ref<any>(0) //配网10得条数
-let networkFeer35RatedS = ref<any>(0) //配网35得功率
-let networkFeer35Count = ref<any>(0) //配网35得条数
+let networkFeer: Ref<Info | null> = ref(null); // 使用 ref 来创建一个响应式引用
+let networkFeer10RatedS = ref<any>(0); //配网10得功率
+let networkFeer10Count = ref<any>(0); //配网10得条数
+let networkFeer35RatedS = ref<any>(0); //配网35得功率
+let networkFeer35Count = ref<any>(0); //配网35得条数
 
-let networkFeer380RatedS = ref<any>(1010) //配网380得功率
-let networkFeer380Count = ref<any>(0) //配网380得条数
+let networkFeer380RatedS = ref<any>(1010); //配网380得功率
+let networkFeer380Count = ref<any>(0); //配网380得条数
 
 // getStatInfo接口数据
 const getStatInfo = async () => {
   try {
-    let resPonse = await statInfo_api({})
+    let resPonse = await statInfo_api({});
 
     nextTick(() => {
       if (resPonse) {
         // 成功获取到数据，进行后续处理
-        let statInfo: any = JSON.parse(JSON.stringify(resPonse))
+        let statInfo: any = JSON.parse(JSON.stringify(resPonse));
         // SourcePv_unit  分布式光伏数据
-        SourcePv_unit.value = statInfo.data.photo_voltaic_unit as any
+        SourcePv_unit.value = statInfo.data.photo_voltaic_unit as any;
         for (const key in SourcePv_unit.value) {
           if (SourcePv_unit.value.hasOwnProperty(key)) {
-            const item = SourcePv_unit.value[key]
-            if (key === 'BV-AC00101') {
-              unit10.value = item //10kv数据
+            const item = SourcePv_unit.value[key];
+            if (key === "BV-AC00101") {
+              unit10.value = item; //10kv数据
               // console.log(key,item,'10');
-            } else if (key === 'BV-AC00351') {
-              unit35.value = item //35kv数据
-            } else if (key === 'BV-AC03802') {
-              unit380lowarr.push(item) //380v数据
-            } else if (key === 'BV-AC02202') {
-              unit380lowarr.push(item) //220v数据
+            } else if (key === "BV-AC00351") {
+              unit35.value = item; //35kv数据
+            } else if (key === "BV-AC03802") {
+              unit380lowarr.push(item); //380v数据
+            } else if (key === "BV-AC02202") {
+              unit380lowarr.push(item); //220v数据
             }
-            unit380lowarrLength.value = unit380lowarr[0]?.length + unit380lowarr[1]?.length //380v及其以下长度
-            unit380lowarrCount.value = unit380lowarr[0]?.count + unit380lowarr[1]?.count //380v及其以下户数
+            unit380lowarrLength.value =
+              unit380lowarr[0]?.length + unit380lowarr[1]?.length; //380v及其以下长度
+            unit380lowarrCount.value =
+              unit380lowarr[0]?.count + unit380lowarr[1]?.count; //380v及其以下户数
           }
         }
         // SourcePvstation  光伏电站
-        SourcePvstation.value = statInfo.data.photo_voltaic_station as any
+        SourcePvstation.value = statInfo.data.photo_voltaic_station as any;
         // loadchargingPile 充电桩
 
-        loadchargingPile.value = statInfo.data.charging_pile as Info
+        loadchargingPile.value = statInfo.data.charging_pile as Info;
         //  荷 充电桩  功率
-        loadchargingPileratedS.value = Object?.values(loadchargingPile.value).reduce((sum, ite) => sum + ite.ratedS, 0)
+        loadchargingPileratedS.value = Object?.values(
+          loadchargingPile.value
+        ).reduce((sum, ite) => sum + ite.ratedS, 0);
         //  荷 充电桩  户数
-        loadchargingPilecount.value = Object.values(loadchargingPile.value).reduce((sum, ite) => sum + ite.count, 0)
+        loadchargingPilecount.value = Object.values(
+          loadchargingPile.value
+        ).reduce((sum, ite) => sum + ite.count, 0);
 
         // 功率 荷 空调 loadAirconditioner
-        loadAirconditioner.value = statInfo.data.air_conditioner as Info
+        loadAirconditioner.value = statInfo.data.air_conditioner as Info;
         for (const key in loadAirconditioner.value) {
           if (loadAirconditioner.value.hasOwnProperty(key)) {
-            const item = loadAirconditioner.value[key]
-            if (key === 'BV-AC02202') {
-              console.log(item)
-              loadAirconditionerratedS.value = item.ratedS //空调功率
-              loadAirconditionercount.value = item.count //空调户数
-            } else if (key === 'micro_grid') {
-              loadMicrogridrratedS.value = 0 //微网功率
-              loadMicrogridcount.value = item.count //微网户数
+            const item = loadAirconditioner.value[key];
+            if (key === "BV-AC02202") {
+              console.log(item);
+              loadAirconditionerratedS.value = item.ratedS; //空调功率
+              loadAirconditionercount.value = item.count; //空调户数
+            } else if (key === "micro_grid") {
+              loadMicrogridrratedS.value = 0; //微网功率
+              loadMicrogridcount.value = item.count; //微网户数
             }
           }
         }
         //  荷 空调  功率
         // loadAirconditionerratedS.value = 0
         //  荷 充电桩  户数
-        sumLoadrateds.value = loadMicrogridrratedS.value + loadAirconditionerratedS.value + loadchargingPileratedS.value
+        sumLoadrateds.value =
+          loadMicrogridrratedS.value +
+          loadAirconditionerratedS.value +
+          loadchargingPileratedS.value;
         //储 西小站
         //储  用户侧 storedUserPart
-        storedUserPart.value = statInfo.data.battery_unit as Info
+        storedUserPart.value = statInfo.data.battery_unit as Info;
         for (const key in storedUserPart.value) {
           if (storedUserPart.value.hasOwnProperty(key)) {
-            const item = storedUserPart.value[key]
-            if (key === 'area_109283') {
-              storedUserPartAreaRatedS.value = item.ratedS //西小站储能功率
-              storedUserPartAreaCount.value = item.count //西小站储能户数
-            } else if (key === 'user_part') {
-              storedUserPartuserRatedS.value = item.ratedS //西小站储能功率
-              storedUserPartuserCount.value = item.count //西小站储能户数
+            const item = storedUserPart.value[key];
+            if (key === "area_109283") {
+              storedUserPartAreaRatedS.value = item.ratedS; //西小站储能功率
+              storedUserPartAreaCount.value = item.count; //西小站储能户数
+            } else if (key === "user_part") {
+              storedUserPartuserRatedS.value = item.ratedS; //西小站储能功率
+              storedUserPartuserCount.value = item.count; //西小站储能户数
             }
           }
         }
 
         // 网 主配网信息
         // networkLine 主网
-        networkLine.value = statInfo.data.line as Info
+        networkLine.value = statInfo.data.line as Info;
         for (const key in networkLine.value) {
           if (networkLine.value.hasOwnProperty(key)) {
-            const item = networkLine.value[key]
-            if (key === 'BV-AC01101') {
-              networkLine110RatedS.value = item.length //主网110得功率
-              networkLine110Count.value = item.count //主网110得条数
-            } else if (key === 'BV-AC00351') {
-              networkLine35RatedS.value = item.length //主网110功率
-              networkLine35Count.value = item.count //主网110条数
+            const item = networkLine.value[key];
+            if (key === "BV-AC01101") {
+              networkLine110RatedS.value = item.length; //主网110得功率
+              networkLine110Count.value = item.count; //主网110得条数
+            } else if (key === "BV-AC00351") {
+              networkLine35RatedS.value = item.length; //主网110功率
+              networkLine35Count.value = item.count; //主网110条数
             }
           }
         }
         // networkFeer 配网
-        networkFeer.value = statInfo.data.feeder as Info
+        networkFeer.value = statInfo.data.feeder as Info;
         for (const key in networkFeer.value) {
           if (networkFeer.value.hasOwnProperty(key)) {
-            const item = networkFeer.value[key]
-            if (key === 'BV-AC00101') {
-              networkFeer10RatedS.value = item.length //主网110得功率
-              networkFeer10Count.value = item.count //主网110得条数
-            } else if (key === 'BV-AC00351') {
-              networkFeer35RatedS.value = item.length //主网110功率
-              networkFeer35Count.value = item.count //主网110条数
-            } else if (key === 'BV-AC03802') {
-              networkFeer380RatedS.value = item.length //主网110功率
-              networkFeer380Count.value = item.count //主网110条数
+            const item = networkFeer.value[key];
+            if (key === "BV-AC00101") {
+              networkFeer10RatedS.value = item.length; //主网110得功率
+              networkFeer10Count.value = item.count; //主网110得条数
+            } else if (key === "BV-AC00351") {
+              networkFeer35RatedS.value = item.length; //主网110功率
+              networkFeer35Count.value = item.count; //主网110条数
+            } else if (key === "BV-AC03802") {
+              networkFeer380RatedS.value = item.length; //主网110功率
+              networkFeer380Count.value = item.count; //主网110条数
             }
           }
         }
       } else {
         // 获取数据失败，进行相应处理
-        console.log('无法获取接口数据')
+        console.log("无法获取接口数据");
       }
-    })
+    });
   } catch (error) {
     // 处理错误
-    console.error('An error occurred in statInfo_api:', error)
+    console.error("An error occurred in statInfo_api:", error);
   }
-}
+};
 interface AlertArr {
-  datetime: string
-  loadRate: string
-  mrid: string
-  name: string
-  type: string
+  datetime: string;
+  loadRate: string;
+  mrid: string;
+  name: string;
+  type: string;
 }
 interface Alertdata {
-  alertArr: AlertArr[]
+  alertArr: AlertArr[];
 }
 let alertdata = reactive<Alertdata>({
-  alertArr: []
-})
+  alertArr: [],
+});
 // 告警信息
 const alertInfo = () => {
   alert_api({
-    orgID: '8af8470a47aad8e20147aad92e400335'
-  }).then(res => {
+    orgID: "8af8470a47aad8e20147aad92e400335",
+  }).then((res) => {
     if (res?.data.length > 0) {
-      alertdata.alertArr = res.data
-      tableData.tdate = res.data
+      alertdata.alertArr = res.data;
+      tableData.tdate = res.data;
     } else {
-      console.log('没有数据')
+      console.log("没有数据");
     }
-  })
-}
+  });
+};
 // 资源总览
 // 荷
 let leftData = reactive({
   PVGenerationData: [
     {
-      name: '总发电量：',
-      value: '10728.8',
-      unit: 'kWh'
+      name: "总发电量：",
+      value: "10728.8",
+      unit: "kWh",
     },
     {
-      name: '月发电量：',
-      value: '1629.3',
-      unit: 'kWh'
+      name: "月发电量：",
+      value: "1629.3",
+      unit: "kWh",
     },
     {
-      name: '周发电量：',
-      value: '409.2',
-      unit: 'kWh'
+      name: "周发电量：",
+      value: "409.2",
+      unit: "kWh",
     },
     {
-      name: '日发电量：',
-      value: '62.5',
-      unit: 'kWh'
-    }
+      name: "日发电量：",
+      value: "62.5",
+      unit: "kWh",
+    },
   ],
   carbonEmissionData: [
     {
-      name: '总碳排放：',
-      value: '34071.2',
-      unit: 'kg'
+      name: "总碳排放：",
+      value: "34071.2",
+      unit: "kg",
     },
     {
-      name: '月碳排放：',
-      value: '5162.3',
-      unit: 'kg'
+      name: "月碳排放：",
+      value: "5162.3",
+      unit: "kg",
     },
     {
-      name: '周碳排放：',
-      value: '1304.1',
-      unit: 'kg'
+      name: "周碳排放：",
+      value: "1304.1",
+      unit: "kg",
     },
     {
-      name: '日碳排放：',
-      value: '183.5',
-      unit: 'kg'
-    }
+      name: "日碳排放：",
+      value: "183.5",
+      unit: "kg",
+    },
   ],
   threeDPieData: {
     pieData: [
       {
-        name: '可再生能源', //名称
+        name: "可再生能源", //名称
         value: 78, //值
         itemStyle: {
-          color: '#6BFF82' //半透明
-        }
+          color: "#6BFF82", //半透明
+        },
       },
       {
-        name: '其他能源',
+        name: "其他能源",
         value: 22,
         itemStyle: {
-          color: '#00AAF3'
-        }
-      }
+          color: "#00AAF3",
+        },
+      },
     ],
     total: 100,
     center: 0,
     legend: {
-      orient: 'horizontal',
-      right: 'center',
-      top: '2%',
-      itemGap: 30
+      orient: "horizontal",
+      right: "center",
+      top: "2%",
+      itemGap: 30,
     },
     grid3D: {
       viewControl: {
         distance: 500,
-        alpha: 35
-      }
+        alpha: 35,
+      },
     },
-    getHeight3D: 60
-  }
-})
+    getHeight3D: 60,
+  },
+});
 // 网
 // 网盒子得标识
-let networkContentFlag = ref(true)
-let networkFlag = ref('1')
+let networkContentFlag = ref(true);
+let networkFlag = ref("1");
 const changeNetWorkTab = (val: string) => {
-  networkFlag.value = val
-}
+  networkFlag.value = val;
+};
 // 运行监测
 // 源运行检测的标识
-let run_sourceContentFlag = ref(true)
+let run_sourceContentFlag = ref(true);
 // 荷运行检测标识
-let run_loadContentFlag = ref(true)
+let run_loadContentFlag = ref(true);
 // 网运行检测标识
-let runNetworkFlag = ref(true)
+let runNetworkFlag = ref(true);
 // 储能运行检测标识
-let runStorageFlag = ref(true)
+let runStorageFlag = ref(true);
 // 源
 // 切换tabDate
-let sourcetabDateFlag = ref(0)
-let sourcetabDateFlagOne = ref(1)
+let sourcetabDateFlag = ref(0);
+let sourcetabDateFlagOne = ref(1);
 let sourceEchart = reactive([
   {
     id: 1,
-    name: '光伏'
+    name: "光伏",
   },
   {
     id: 2,
-    name: '厂站'
-  }
-])
+    name: "厂站",
+  },
+]);
 
 // 网
-let networktabDateFlag = ref(1)
+let networktabDateFlag = ref(1);
 let networkEchart = reactive([
   {
     id: 1,
-    name: '线路'
+    name: "线路",
   },
   {
     id: 2,
-    name: '台区'
-  }
-])
+    name: "台区",
+  },
+]);
+const netsourcehandleTabDate = (val: any) => {
+  sourcetabDateFlagOne.value = val.id;
+};
 const sourcehandleTabDate = (val: any) => {
-  sourcetabDateFlag.value = val.id
-}
+  sourcetabDateFlag.value = val.id;
+};
 // 荷
-let loadtabDateFlag = ref(1)
+let loadtabDateFlag = ref(1);
 let loadEchart = reactive([
   {
     id: 1,
-    name: '充电桩'
+    name: "充电桩",
   },
   {
     id: 2,
-    name: '空调'
-  }
-])
+    name: "空调",
+  },
+]);
 const handleloadTabDate = (val: any) => {
-  loadtabDateFlag.value = val.id
-}
+  loadtabDateFlag.value = val.id;
+};
 // 左
 // 右
 // 储
 // 储能盒子得标识
-let stroedContentFlag = ref(true)
-let storagetabDateFlag = ref(1)
+let stroedContentFlag = ref(true);
+let storagetabDateFlag = ref(1);
 let storageEchart = reactive([
   {
     id: 1,
-    name: '充电'
+    name: "充电",
   },
   {
     id: 2,
-    name: '放电'
-  }
-])
+    name: "放电",
+  },
+]);
 const handlestorageTabDate = (val: any) => {
-  storagetabDateFlag.value = val.id
-}
+  storagetabDateFlag.value = val.id;
+};
 // 充放点量时间选择器
-let selectDateObj = ref(null)
+let selectDateObj = ref(null);
 // 向线型图传参数
 
 // 中1
 // 执行明细
 // 表格
-// let alert_pvFlag = ref(false);
+let alert_pvFlag = ref(false);
 
 interface TableDate {
-  name: string
-  loadRate: string
-  datetime: string
-  type: string
+  name: string;
+  loadRate: string;
+  datetime: string;
+  type: string;
 }
 interface TDATE {
-  tdate: TableDate[]
+  tdate: TableDate[];
 }
 let tableData = reactive<TDATE>({
-  tdate: []
-})
+  tdate: [],
+});
 const handeleTable = () => {
   // tableHeaderColor ({row, column, rowIndex, columnIndex}) {
   // 		return 'text-align: center;'
   // 	}
-}
+};
 
 // 分页
-let currentPage = ref<number>(1)
-let pageSize = ref<number>(6) //每页显示的个数
-let total = ref<number>(40)
+let currentPage = ref<number>(1);
+let pageSize = ref<number>(6); //每页显示的个数
+let total = ref<number>(40);
 
 const handleSizeChange = (size: number) => {
   // console.log(`${size} items per page`);
-  pageSize.value = size
-}
+  pageSize.value = size;
+};
 const handleCurrentChange = (page: number) => {
-  currentPage.value = page
-}
+  currentPage.value = page;
+};
 //选择器
 interface Infokey3 {
-  id: string
-  label: string
+  id: string;
+  label: string;
 }
-const infovalue = ref('')
+const infovalue = ref("");
 let infokeys = reactive<Infokey3[]>([
   {
-    id: '35kV',
-    label: '35kV'
+    id: "35kV",
+    label: "35kV",
   },
   {
-    id: '10kV',
-    label: '10kV'
+    id: "10kV",
+    label: "10kV",
   },
   {
-    id: '380V及以下',
-    label: '380V及以下'
-  }
-])
+    id: "380V及以下",
+    label: "380V及以下",
+  },
+]);
 
-const hideLeft = ref<boolean>(true) //默认页面显示
-const hideRight = ref<boolean>(true) //默认页面显示  右边
+const hideLeft = ref<boolean>(true); //默认页面显示
+const hideRight = ref<boolean>(true); //默认页面显示  右边
 // 组件卸载调用
 onUnmounted(() => {
-  hideLeft.value = false
-  hideRight.value = false
-})
+  hideLeft.value = false;
+  hideRight.value = false;
+});
 
 // 跳转三维
-const handleThree = val => {
+const handleThree = (val) => {
   const list = {
-    location: '(X=18705617.163,Y=1826842.166,Z=4299675.505)',
-    rotation: 'Pitch=-89.9,Yaw=-90.542,Roll=0'
-  }
-  api_send('CameraMove', list, () => {
-    console.log('CameraMove')
-  })
+    location: "(X=18705617.163,Y=1826842.166,Z=4299675.505)",
+    rotation: "Pitch=-89.9,Yaw=-90.542,Roll=0",
+  };
+  api_send("CameraMove", list, () => {
+    console.log("CameraMove");
+  });
   let _list = {
     CityID: val,
-    status: '1'
-  }
-  api_send('ShowCityEdge', _list, () => {
-    console.log('ShowCityEdge')
-  })
-}
+    status: "1",
+  };
+  api_send("ShowCityEdge", _list, () => {
+    console.log("ShowCityEdge");
+  });
+};
 //
 //
 //
 // 获取运行监视---重过载告警统计
 let networkSonData = reactive<any>({
   lineData: [],
-  zoneAreaData: []
-})
+  zoneAreaData: [],
+});
 let getRunAlarm = () => {
   runAlarm_api({
-    orgID: '8af8470a47aad8e20147aad92e400335'
+    orgID: "8af8470a47aad8e20147aad92e400335",
   }).then((res: any) => {
     // 线
     res?.data?.feeder.forEach((item: any) => {
-      let result = handleEchartsData(item?.loadRate)
+      let result = handleEchartsData(item?.loadRate, 5);
       networkSonData.lineData.push({
         mrid: item.mrid,
         name: item.name,
-        data: result
-      })
-    })
+        data: result,
+      });
+    });
     // 台区
     res?.data?.transformer.forEach((item: any) => {
-      let result = handleEchartsData(item?.loadRate)
+      let result = handleEchartsData(item?.loadRate, 5);
       networkSonData.zoneAreaData.push({
         mrid: item.mrid,
         name: item.name,
-        data: result
-      })
-    })
-    sourcetabDateFlag.value = 1
-    console.log(networkSonData.lineData, networkSonData.zoneAreaData)
-  })
-}
+        data: result,
+      });
+    });
+    sourcetabDateFlag.value = 1;
+    console.log(networkSonData.lineData, networkSonData.zoneAreaData);
+  });
+};
 //
 //
 //
@@ -957,43 +1088,43 @@ let getRunAlarm = () => {
 // 根据不同的屏幕宽度换算字体大小
 const transformFontSize = (fontsize: number) => {
   // 获取屏幕宽度
-  const width = window.screen.width
-  const height = window.screen.height
-  let ratio: any = 0
+  const width = window.screen.width;
+  const height = window.screen.height;
+  let ratio: any = 0;
   if (width > 3000) {
-    ratio = width / 4240
+    ratio = width / 4240;
   } else {
-    ratio = width / 2220
+    ratio = width / 2220;
   }
   // 取下整
-  return parseInt(fontsize * ratio)
-}
+  return parseInt(fontsize * ratio);
+};
 // 动态获取宽高
-let ctwh = ref()
-let ctht = ref()
+let ctwh = ref();
+let ctht = ref();
 const updateCtw = () => {
   if (window.screen.width > 1900) {
-    ctwh.value = Number(window.screen.width)
-    ctht.value = Number(window.screen.height)
+    ctwh.value = Number(window.screen.width);
+    ctht.value = Number(window.screen.height);
   } else {
-    ctwh.value = Number(1920)
-    ctht.value = Number(1080)
+    ctwh.value = Number(1920);
+    ctht.value = Number(1080);
   }
-}
+};
 // 使用watch来监听$route的变化
 watch(
   () => window.location.pathname,
-  newPath => {
-    updateCtw()
+  (newPath) => {
+    updateCtw();
   },
   { immediate: true }
-)
+);
 const styleVar = computed(() => {
   return {
-    '--box-width': ctwh.value + 'px',
-    '--box-height': ctht.value + 'px'
-  }
-})
+    "--box-width": ctwh.value + "px",
+    "--box-height": ctht.value + "px",
+  };
+});
 </script>
 
 <style lang="scss" scoped>
@@ -1047,7 +1178,7 @@ const styleVar = computed(() => {
   top: changeHeight(25);
   width: changeHeight(46.51);
   height: changeHeight(46.51);
-  background-image: url('@/assets/images/common/closebtn.png');
+  background-image: url("@/assets/images/common/closebtn.png");
   background-repeat: no-repeat;
   background-size: 100% 100%;
   z-index: 6;
@@ -1092,7 +1223,7 @@ const styleVar = computed(() => {
     height: changeHeight(38);
     width: changeHeight(45);
     height: changeHeight(45);
-    background: url('@/assets/images/common/title_yuanicon.png') no-repeat;
+    background: url("@/assets/images/common/title_yuanicon.png") no-repeat;
     background-size: 100% 100%;
   }
   // background: url("@/assets/images/common/common_title.png") no-repeat;
@@ -1106,7 +1237,7 @@ const styleVar = computed(() => {
     margin-top: changeHeight(5);
     width: changeHeight(580);
     height: changeHeight(20);
-    background: url('@/assets/images/common/title_lineicon.png') no-repeat;
+    background: url("@/assets/images/common/title_lineicon.png") no-repeat;
     background-size: 100% 100%;
   }
 }
@@ -1117,7 +1248,7 @@ const styleVar = computed(() => {
   flex-direction: column;
   .title {
     height: changeHeight(112.72);
-    background: url('@/assets/images/mainPage/common_titlebg.png') no-repeat;
+    background: url("@/assets/images/mainPage/common_titlebg.png") no-repeat;
     background-size: 100% 100%;
     margin-bottom: changeHeight(21);
     display: flex;
@@ -1138,7 +1269,7 @@ const styleVar = computed(() => {
   }
   .content {
     flex: 1;
-    background: url('@/assets/images/mainPage/common_contentbg.png') no-repeat;
+    background: url("@/assets/images/mainPage/common_contentbg.png") no-repeat;
     background-size: 100% 100%;
     display: flex;
     flex-direction: column;
@@ -1153,7 +1284,7 @@ const styleVar = computed(() => {
       height: changeHeight(50.11);
       font-size: changeHeight(40);
       padding-left: changeWidth(77);
-      background: url('@/assets/images/mainPage/bg_title.png') no-repeat;
+      background: url("@/assets/images/mainPage/bg_title.png") no-repeat;
       background-size: 100% 100%;
     }
     .title_info1 {
@@ -1185,7 +1316,7 @@ const styleVar = computed(() => {
   height: 100%;
   display: flex;
   //   margin-top: changeHeight(17);
-  font-family: 'PingFang SC';
+  font-family: "PingFang SC";
   font-style: normal;
   font-weight: 400;
   color: #ffffff;
@@ -1231,6 +1362,7 @@ const styleVar = computed(() => {
             margin-right: 1%;
           }
         }
+
         .scrolling-text {
           overflow: hidden;
           white-space: nowrap;
@@ -1271,7 +1403,7 @@ const styleVar = computed(() => {
 
   // 运行检测
   .runLisenPage {
-    font-family: 'PingFang SC';
+    font-family: "PingFang SC";
     font-style: normal;
     // 切换
     .tabDate {
@@ -1389,7 +1521,7 @@ const styleVar = computed(() => {
       position: relative;
       .icon_panel_left_on {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_left.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_left.png") no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -1415,7 +1547,7 @@ const styleVar = computed(() => {
       height: changeHeight(1014.74);
       .icon_panel_left_on {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_left.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_left.png") no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -1444,7 +1576,8 @@ const styleVar = computed(() => {
       position: relative;
       .icon_panel_left_on {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_right.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_right.png")
+          no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -1511,7 +1644,8 @@ const styleVar = computed(() => {
                     // position: absolute;
                     // box-sizing: content-box;
                     // display: flex;
-                    background: url('@/assets/images/btnType/fontbg.png') no-repeat;
+                    background: url("@/assets/images/btnType/fontbg.png")
+                      no-repeat;
                     background-size: 100% 100%;
                     padding-left: changeWidth(82);
                     padding-right: changeWidth(82);
@@ -1532,7 +1666,8 @@ const styleVar = computed(() => {
               line-height: changeHeight(80.31);
               display: flex;
               justify-content: space-between;
-              background: url('@/assets/images/mainPage/runlisten/network_bg.png') no-repeat;
+              background: url("@/assets/images/mainPage/runlisten/network_bg.png")
+                no-repeat;
 
               background-size: 100% 110%;
               .val {
@@ -1565,7 +1700,8 @@ const styleVar = computed(() => {
       position: relative;
       .icon_panel_left_on {
         position: absolute;
-        background: url('@/assets/images/btnType/icon_panel_right.png') no-repeat;
+        background: url("@/assets/images/btnType/icon_panel_right.png")
+          no-repeat;
         background-size: 100% 100%;
         width: changeHeight(42.28);
         height: changeHeight(52.02);
@@ -1631,7 +1767,8 @@ const styleVar = computed(() => {
         top: 50%;
         .icon_panel_left_off {
           position: absolute;
-          background: url('@/assets/images/btnType/icon_panel_right.png') no-repeat;
+          background: url("@/assets/images/btnType/icon_panel_right.png")
+            no-repeat;
           background-size: 100% 100%;
           width: changeHeight(42.28);
           height: changeHeight(52.02);
@@ -1651,7 +1788,8 @@ const styleVar = computed(() => {
         top: 50%;
         .icon_panel_left_off {
           position: absolute;
-          background: url('@/assets/images/btnType/icon_panel_left.png') no-repeat;
+          background: url("@/assets/images/btnType/icon_panel_left.png")
+            no-repeat;
           background-size: 100% 100%;
           width: changeHeight(42.28);
           height: changeHeight(52.02);
@@ -1672,15 +1810,44 @@ const styleVar = computed(() => {
 
   .run_detail {
     box-sizing: border-box;
-    width: changeHeight(1338.06);
+    // width: changeHeight(938);
+    // height: changeHeight(476.7);
+    width:changeHeight(1338.06);
     height: changeHeight(1218.37);
     background: url('@/assets/images/osPage/run_detail_bg.png') no-repeat;
+    // background: url("@/assets/images/homePage/jinggaobg.png") no-repeat;
+
+    // background: url("@/assets/images/homePage/jinggaobg.png") no-repeat;
     background-size: 100% 100%;
     padding-top: 1%;
     padding-left: changeHeight(27);
 
+    .box {
+      display: flex;
+      align-items: center;
+      // height: 100%;
+      img {
+        width: changeHeight(185);
+        height: changeHeight(185);
+      }
+      .gaobottom {
+        padding-left: 2%;
+        display: flex;
+        flex-direction: column;
+        font-size: changeHeight(43);
+
+        span,
+        .gao {
+          display: flex;
+          text-align: left;
+          flex-direction: flex-start;
+        }
+      }
+    }
     .tip {
+      // height: 14%;
       height: 7%;
+
       display: flex;
       align-items: center;
 
@@ -1703,7 +1870,8 @@ const styleVar = computed(() => {
       .titlebg {
         width: 100%;
         height: changeHeight(82.15);
-        background: url('@/assets/images/osPage/run_detail_titlebg.png') no-repeat;
+        background: url("@/assets/images/osPage/run_detail_titlebg.png")
+          no-repeat;
         background-size: 100% 100%;
         display: flex;
         align-items: center;
@@ -1832,7 +2000,11 @@ const styleVar = computed(() => {
         .el-table {
           border: transparent !important;
 
-          background: linear-gradient(180deg, #01233c 0%, rgba(8, 150, 255, 0.42) 100%);
+          background: linear-gradient(
+            180deg,
+            #01233c 0%,
+            rgba(8, 150, 255, 0.42) 100%
+          );
         }
       }
     }
@@ -1922,7 +2094,7 @@ const styleVar = computed(() => {
     width: changeHeight(1156.86);
     height: changeHeight(620.62);
     box-sizing: border-box;
-    background: url('@/assets/images/osPage/area_load_bg.png') no-repeat;
+    background: url("@/assets/images/osPage/area_load_bg.png") no-repeat;
     background-size: 100% 100%;
     padding-top: 1%;
     padding-left: changeHeight(27);
@@ -1948,7 +2120,8 @@ const styleVar = computed(() => {
       .titlebg {
         width: changeHeight(842.04);
         height: changeHeight(57.23);
-        background: url('@/assets/images/osPage/run_detail_titlebg.png') no-repeat;
+        background: url("@/assets/images/osPage/run_detail_titlebg.png")
+          no-repeat;
         background-size: 100% 100%;
         display: flex;
         align-items: center;
@@ -2028,11 +2201,426 @@ const styleVar = computed(() => {
             width: changeHeight(100.8);
           }
           .bg1 {
-            background: url('@/assets/images/btnType/btnblue.png') no-repeat;
+            background: url("@/assets/images/btnType/btnblue.png") no-repeat;
             background-size: 100% 100%;
           }
           .bg2 {
-            background: url('@/assets/images/btnType/btngreen.png') no-repeat;
+            background: url("@/assets/images/btnType/btngreen.png") no-repeat;
+            background-size: 100% 100%;
+          }
+          .beforeEchart {
+            height: changeHeight(400);
+            width: changeHeight(550);
+          }
+        }
+      }
+      .right {
+      }
+    }
+  }
+}
+.content_center_alert1 {
+  z-index: 1001;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+
+  .run_detail {
+    box-sizing: border-box;
+    width: changeHeight(938);
+    height: changeHeight(476.7);
+    width:changeHeight(1338.06);
+    height: changeHeight(1218.37);
+    background: url("@/assets/images/homePage/jinggaobg.png") no-repeat;
+    background-size: 100% 100%;
+    padding-top: 1%;
+    padding-left: changeHeight(27);
+
+    .box {
+      display: flex;
+      align-items: center;
+      height: 100%;
+      img {
+        width: changeHeight(185);
+        height: changeHeight(185);
+      }
+      .gaobottom {
+        padding-left: 2%;
+        display: flex;
+        flex-direction: column;
+        font-size: changeHeight(43);
+
+        span,
+        .gao {
+          display: flex;
+          text-align: left;
+          flex-direction: flex-start;
+        }
+      }
+    }
+    .tip {
+      // height: 14%;
+      height: 7%;
+
+      display: flex;
+      align-items: center;
+
+      img {
+        height: changeHeight(49);
+        margin-right: changeHeight(14);
+      }
+
+      /* 精品可视化素材店 */
+
+      font-weight: 600;
+      font-size: changeHeight(45);
+    }
+
+    .title {
+      height: changeHeight(152);
+      display: flex;
+      align-items: center;
+
+      .titlebg {
+        width: 100%;
+        height: changeHeight(82.15);
+        background: url("@/assets/images/osPage/run_detail_titlebg.png")
+          no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+
+        span {
+          margin-left: changeHeight(35);
+          font-weight: 400;
+          font-size: changeHeight(35);
+        }
+      }
+    }
+
+    .content {
+      height: 68%;
+      margin-top: 1%;
+
+      :deep(.table_box) {
+        width: 100%;
+        height: 100%;
+        font-size: changeHeight(40) !important;
+
+        // 表格样式
+        .el-table,
+        tr,
+        th,
+        td {
+          background-color: transparent !important;
+        }
+
+        .el-table__body-wrapper {
+          color: #ffffff;
+        }
+
+        // 设置header的字体和高度
+        .el-table__header-wrapper {
+          .cell {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: changeHeight(40);
+            font-weight: 400;
+            height: changeHeight(93);
+            line-height: changeHeight(93);
+          }
+        }
+
+        // 设置行的字体和高度
+        .el-table__body-wrapper {
+          td {
+            // border-top: 1px solid rgba(255, 255, 255, 0.5);
+            // border-bottom: none;
+          }
+
+          //  控制每行的高度
+          .cell {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            height: changeHeight(100);
+            line-height: changeHeight(40);
+            font-size: changeHeight(38);
+            // font-weight: 400;
+          }
+        }
+
+        // el-table出现小白线 伪类
+        .el-table__inner-wrapper:before {
+          height: 0;
+        }
+
+        // 设置第一列单独样式
+        .el-table td:nth-child(1) {
+          color: #6ffbf7;
+          font-size: changeHeight(45) !important;
+        }
+
+        // 设置第一列单独样式
+        .el-table td:nth-child(2) {
+          font-size: changeHeight(50) !important;
+        }
+
+        // 设置第一列单独样式
+        .el-table td:nth-child(3) {
+          font-size: changeHeight(35) !important;
+        }
+
+        // 设置第一列单独样式
+        .el-table td:nth-child(4) {
+          color: #43fb55;
+          font-size: changeHeight(45) !important;
+        }
+
+        // 去除表格得所有边框
+        .el-table thead tr > th {
+          width: 90% !important;
+          background-color: rgba(0, 100, 156, 0.8) !important;
+          border: 0px 0px 10px #50ffff !important;
+          color: #fff;
+        }
+
+        // 更改表格每行背景颜色
+        .el-table tbody tr > td {
+          // background-color: rgb(26,28,119);
+          color: #fff;
+          border: transparent !important;
+        }
+
+        // 鼠标滑过每行的颜色
+        .el-table--enable-row-hover .el-table__body tr:hover > td {
+          background-color: rgba(145, 245, 255, 0.1) !important;
+        }
+
+        // 去除表格上边框
+        .el-table th.el-table__cell.is-leaf {
+          border: transparent !important;
+        }
+
+        //  去除表格下边框
+        .el-table::before,
+        .el-table--group::after,
+        .el-table--border::after {
+          background-color: unset !important;
+          border: transparent !important;
+        }
+
+        .el-table {
+          border: transparent !important;
+
+          background: linear-gradient(
+            180deg,
+            #01233c 0%,
+            rgba(8, 150, 255, 0.42) 100%
+          );
+        }
+      }
+    }
+
+    // 分页样式
+    :deep(.bottom) {
+      //
+      margin-right: changeHeight(27);
+      height: 8%;
+      display: flex;
+      justify-content: center;
+
+      // align-items: flex-start;
+      // 分页
+      .el-pagination {
+        .el-pagination__total {
+          border: 1px solid #fff;
+          border-radius: changeHeight(4);
+          padding: changeHeight(5) changeHeight(10);
+          color: rgba(255, 255, 255, 0.6);
+        }
+
+        .btn-prev,
+        .btn-next,
+        .el-pager li {
+          background-color: transparent;
+          color: rgba(87, 223, 242, 0.6);
+          border: 1px solid #57dff2;
+          border-radius: changeHeight(4);
+          margin: 0 changeHeight(5);
+          font-size: changeHeight(30);
+          padding: changeHeight(25) changeHeight(23); //图标大小
+        }
+
+        .el-icon {
+          font-size: changeHeight(25); //》 《箭头大小
+        }
+
+        .el-pager {
+          .is-active {
+            color: #6ffbf7;
+          }
+        }
+
+        .el-pagination__sizes {
+          margin-left: changeHeight(15);
+
+          .el-input {
+            width: changeHeight(100);
+            border: 1px solid #fff;
+            border-radius: changeHeight(4);
+
+            .el-input__wrapper {
+              background-color: transparent;
+              box-shadow: none !important;
+
+              .el-input__inner {
+                color: rgba(255, 255, 255, 0.6);
+              }
+            }
+          }
+        }
+
+        .el-pagination__jump {
+          .el-input {
+            border: 1px solid #fff;
+            border-radius: changeHeight(4);
+
+            .el-input__wrapper {
+              box-shadow: none;
+              background-color: transparent;
+
+              .el-input__inner {
+                color: rgba(255, 255, 255, 0.6);
+              }
+            }
+          }
+
+          span {
+            color: rgba(255, 255, 255, 0.6);
+          }
+        }
+      }
+    }
+  }
+  .area_load {
+    width: changeHeight(1156.86);
+    height: changeHeight(620.62);
+    box-sizing: border-box;
+    background: url("@/assets/images/osPage/area_load_bg.png") no-repeat;
+    background-size: 100% 100%;
+    padding-top: 1%;
+    padding-left: changeHeight(27);
+    .tip {
+      height: 7%;
+      display: flex;
+      align-items: center;
+
+      img {
+        height: changeHeight(32.46);
+        margin-right: changeHeight(14);
+      }
+
+      /* 精品可视化素材店 */
+
+      font-weight: 600;
+      font-size: changeHeight(35);
+    }
+    .title {
+      height: changeHeight(105.88);
+      display: flex;
+      align-items: center;
+      .titlebg {
+        width: changeHeight(842.04);
+        height: changeHeight(57.23);
+        background: url("@/assets/images/osPage/run_detail_titlebg.png")
+          no-repeat;
+        background-size: 100% 100%;
+        display: flex;
+        align-items: center;
+        position: relative;
+        span {
+          margin-left: changeHeight(24);
+          font-weight: 400;
+        }
+        // 下拉菜单
+        :deep(.selectbox) {
+          position: absolute;
+          .example-showcase .el-dropdown-link {
+            cursor: pointer;
+            color: red !important;
+            display: flex;
+            align-items: center;
+          }
+        }
+      }
+    }
+    .content {
+      height: 75%;
+      display: flex;
+
+      .left,
+      .right {
+        flex: 1;
+        .number {
+          height: changeHeight(50);
+          display: flex;
+          justify-content: center;
+        }
+        .rate {
+          display: flex;
+          align-items: center;
+
+          .box {
+            display: flex;
+            align-items: center;
+
+            .yuan {
+              background: #50ffff;
+              width: changeHeight(8);
+              height: changeHeight(8);
+              border-radius: changeHeight(8);
+            }
+            .key {
+              font-size: changeHeight(18);
+            }
+          }
+          .val {
+            display: flex;
+            align-items: center;
+
+            .ratekw {
+              /* 9999 */
+              font-weight: 600;
+              font-size: changeHeight(25);
+
+              // color: #12e7e3;
+            }
+            span {
+              margin-top: changeHeight(5);
+              font-size: changeHeight(18);
+              // background-color: #00f0ff;
+              margin-left: changeHeight(5);
+            }
+          }
+        }
+        .numberBefore {
+          position: relative;
+          .Btn1 {
+            position: absolute;
+            height: changeHeight(39.59);
+            line-height: changeHeight(39.59);
+
+            width: changeHeight(100.8);
+          }
+          .bg1 {
+            background: url("@/assets/images/btnType/btnblue.png") no-repeat;
+            background-size: 100% 100%;
+          }
+          .bg2 {
+            background: url("@/assets/images/btnType/btngreen.png") no-repeat;
             background-size: 100% 100%;
           }
           .beforeEchart {
diff --git a/src/views/pages/pvPage/index.vue b/src/views/pages/pvPage/index.vue
index bd9268e..29c4faa 100644
--- a/src/views/pages/pvPage/index.vue
+++ b/src/views/pages/pvPage/index.vue
@@ -217,52 +217,18 @@ import rateLine from "./rateLine.vue";
 import timePvLine from "./timePvLine.vue";
 import { useNow, useDateFormat } from "@vueuse/core";
 import { id } from "element-plus/es/locale/index.mjs";
-onMounted(() => {});
+import { getCurves } from "crypto";
+onMounted(() => {
+  // 获取光伏实时发电量
+  getCurves()
+});
+
+
 
 const HMS = useDateFormat(useNow(), "HH:mm:ss"); //当前时间
 const YMD = useDateFormat(useNow(), "YYYY-MM-DD"); //当前日期
-// 地图标识
-let lengendDate = reactive([
-  {
-    id: 1,
-    lengendName: "光伏渗透率",
-    checkFlag: false,
-  },
-  {
-    id: 2,
-    lengendName: "光伏分布热力图",
-    checkFlag: false,
-  },
-]);
-let handleSelectCheck = (datas: any) => {
-  // 让选中的项样式发生变化
-  datas.checkFlag = !datas.checkFlag;
-  // if (data.lengendName === "中压光伏" || data.lengendName === "低压光伏" || data.lengendName === "充电站" || data.lengendName === "储能站") {
-  //     // bottomconterListtest.includes(props.gettreeprovidecityname)
-  //     bottomconterListtest.forEach(item => {
-  //         if (item.name === props.gettreeprovidecityname) {
-  //             let _list = {
-  //                 type: data.value,
-  //                 status: data.checkFlag ? '2' : '0',//
-  //                 CityID: item.id,
-  //             };
-  //             api_send("showCityElement", _list, () => {
-  //                 console.log("showCityElement", "Switchstationstatus");
-  //             });
-  //         }
-  //     })
-  // } else {
-  //     let _list = {
-  //         type: "BD", //类型 BD:变电站 PD:配电站 KG:开关站
-  //         Voltage_Level: data.value, //电压等级:0:全电压等级 22:10KV  24:20kV 32:110kV 33:220kV 35:500kV
-  //         region: "315800", //区域id:城市ID(邮政编码)315000:宁波全市 315001:宁波市区(显示江北区、海曙区、镇海区边界) 315800:宁波北仑区 315100:宁波鄞州区 315500:宁波奉化区 315700:宁波象山县 //315600:宁波宁海县 315400:宁波余姚市315300:宁波
-  //         status: data.checkFlag ? '1' : '0',// 是否显示0:不显示1:显示
-  //     };
-  //     api_send("SwitchStationstatus", _list, () => {
-  //         console.log("SwitchStationstatus", "Switchstationstatus");
-  //     });
-  // }
-};
+
+
 
 // 左侧------------------------------------------------