From 8c41a8fc77458af6b28c7a0c07b5119b802894f6 Mon Sep 17 00:00:00 2001
From: guanj <guan0550>
Date: Mon, 8 Dec 2025 16:28:34 +0800
Subject: [PATCH] =?UTF-8?q?=E5=86=80=E5=8C=97=E9=97=AE=E9=A2=98=E4=BF=AE?=
 =?UTF-8?q?=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/font/demo_index.html               |   75 +-
 src/assets/font/iconfont.css                  |   21 +-
 src/assets/font/iconfont.js                   |    2 +-
 src/assets/font/iconfont.json                 |   21 +
 src/assets/font/iconfont.ttf                  |  Bin 8324 -> 9068 bytes
 src/assets/font/iconfont.woff                 |  Bin 5352 -> 5800 bytes
 src/assets/font/iconfont.woff2                |  Bin 4424 -> 4816 bytes
 src/assets/img/view.vue                       |    2 +-
 .../penal/listeners/UserTaskListeners.vue     |  982 ++---
 src/components/cockpit/dataCleaning/index.vue |    1 +
 src/components/cockpit/integrity/index.vue    |    1 +
 src/components/cockpit/onlineRate/index.vue   |    5 +-
 .../cockpit/terminalEvaluation/index.vue      |  128 +-
 src/components/table/header/index.vue         |    4 +-
 src/utils/formatTime.ts                       |    1 +
 .../components/photovoltaic.vue               |    2 +-
 src/views/pqs/cockpit/homePage/index.vue      |    2 +-
 .../pqs/cockpit/setUp/components/view.vue     |    2 +-
 .../embed/dataOverview_JB/index.vue           |    2 +-
 .../embed/lntegruty/index_JB.vue              |    3 +-
 .../embed/onlinerate/index_JB.vue             |   15 +-
 .../online/gaojingshujutongji/index.vue       |  860 ++---
 .../online/wentaishujufenxi/index.vue         |    2 +-
 .../online/wentaishujufenxi/index1.vue        | 3432 ++++++++---------
 .../online/wentaizhibiaohegelv/index.vue      |  630 +--
 .../online/wentaizonghepinggu/index.vue       |  424 +-
 .../online/xiebopingpu/index.vue              |  272 +-
 .../online/yunxingzhuangtai/index.vue         |    2 +-
 .../pqs/panorama/components/line/info.vue     | 1486 +++----
 .../panorama/components/line/info.vue         | 1508 ++++----
 .../pqs/qualityInspeection/panorama/index.vue |  554 +--
 .../alarmCleaning/components/alarm.vue        |    1 +
 .../cleaning/components/abnormal.vue          |    1 +
 .../cleaning/components/anomalyDetails.vue    |  307 +-
 .../runEvaluate/components/statistics_JB.vue  |  121 +
 .../pqs/runManage/runEvaluate/index_JB.vue    |   18 +-
 .../Region/transientList/index.vue            |   20 +-
 .../eventStatistics/ITICquxianfenxi/index.vue |  664 ++--
 .../eventStatistics/SEMIF47fenxi/index.vue    |  640 +--
 .../chixushijiangailvfenbu/index.vue          |  342 +-
 .../dianyazanjiangbiaojimidu/index.vue        |  608 +--
 .../online/eventStatistics/index.vue          |  110 +-
 .../zanjiangfuzhigailvfenbu/index.vue         |  344 +-
 .../online/eventStudy/index.vue               |  333 +-
 .../monitoringPoint/online/index.vue          |    1 -
 .../monitoringPoint/online/index_JB.vue       |  130 +
 .../online/runningCondition/index.vue         |    2 +-
 .../online/transientReport/index.vue          |   68 +-
 .../report/weekly/components/overviewTab.vue  |  268 +-
 .../weekly/components/overviewTabEch.vue      |  584 +--
 50 files changed, 7714 insertions(+), 7287 deletions(-)
 create mode 100644 src/views/pqs/runManage/runEvaluate/components/statistics_JB.vue
 create mode 100644 src/views/pqs/voltageSags/monitoringPoint/online/index_JB.vue

diff --git a/src/assets/font/demo_index.html b/src/assets/font/demo_index.html
index 5902a2a8..f542b12c 100644
--- a/src/assets/font/demo_index.html
+++ b/src/assets/font/demo_index.html
@@ -54,6 +54,24 @@
       <div class="content unicode" style="display: block;">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+              <span class="icon iconfont">&#xe65d;</span>
+                <div class="name">停运事件管理</div>
+                <div class="code-name">&amp;#xe65d;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe604;</span>
+                <div class="name">在运设备</div>
+                <div class="code-name">&amp;#xe604;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe666;</span>
+                <div class="name">异常类_14非智能表在运异常</div>
+                <div class="code-name">&amp;#xe666;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe82f;</span>
                 <div class="name">综合评价</div>
@@ -234,9 +252,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1744179175277') format('woff2'),
-       url('iconfont.woff?t=1744179175277') format('woff'),
-       url('iconfont.ttf?t=1744179175277') format('truetype');
+  src: url('iconfont.woff2?t=1764826411334') format('woff2'),
+       url('iconfont.woff?t=1764826411334') format('woff'),
+       url('iconfont.ttf?t=1764826411334') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -262,6 +280,33 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-tingyunshijianguanli"></span>
+            <div class="name">
+              停运事件管理
+            </div>
+            <div class="code-name">.icon-tingyunshijianguanli
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zaiyunshebei"></span>
+            <div class="name">
+              在运设备
+            </div>
+            <div class="code-name">.icon-zaiyunshebei
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-yichanglei_14feizhinengbiaozaiyunyichang"></span>
+            <div class="name">
+              异常类_14非智能表在运异常
+            </div>
+            <div class="code-name">.icon-yichanglei_14feizhinengbiaozaiyunyichang
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-zonghepingjia1"></span>
             <div class="name">
@@ -532,6 +577,30 @@
       <div class="content symbol">
           <ul class="icon_lists dib-box">
           
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-tingyunshijianguanli"></use>
+                </svg>
+                <div class="name">停运事件管理</div>
+                <div class="code-name">#icon-tingyunshijianguanli</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zaiyunshebei"></use>
+                </svg>
+                <div class="name">在运设备</div>
+                <div class="code-name">#icon-zaiyunshebei</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-yichanglei_14feizhinengbiaozaiyunyichang"></use>
+                </svg>
+                <div class="name">异常类_14非智能表在运异常</div>
+                <div class="code-name">#icon-yichanglei_14feizhinengbiaozaiyunyichang</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-zonghepingjia1"></use>
diff --git a/src/assets/font/iconfont.css b/src/assets/font/iconfont.css
index c8ed38f1..b4656ebd 100644
--- a/src/assets/font/iconfont.css
+++ b/src/assets/font/iconfont.css
@@ -1,10 +1,9 @@
 @font-face {
-  font-family: "iconfont"; /* Project id 3482754 */
-  src: url('iconfont.woff2?t=1744179175277') format('woff2'),
-       url('iconfont.woff?t=1744179175277') format('woff'),
-       url('iconfont.ttf?t=1744179175277') format('truetype');
+  font-family: 'iconfont';
+  src: url('/src/assets/font/iconfont.woff2?t=1764826411334') format('woff2'),
+       url('/src/assets/font/iconfont.woff?t=1764826411334') format('woff'),
+       url('/src/assets/font/iconfont.ttf?t=1764826411334') format('truetype');
 }
-
 .iconfont {
   font-family: "iconfont" !important;
   font-size: 16px;
@@ -13,6 +12,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-tingyunshijianguanli:before {
+  content: "\e65d";
+}
+
+.icon-zaiyunshebei:before {
+  content: "\e604";
+}
+
+.icon-yichanglei_14feizhinengbiaozaiyunyichang:before {
+  content: "\e666";
+}
+
 .icon-zonghepingjia1:before {
   content: "\e82f";
 }
diff --git a/src/assets/font/iconfont.js b/src/assets/font/iconfont.js
index 9ebc1031..81a898ae 100644
--- a/src/assets/font/iconfont.js
+++ b/src/assets/font/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_3482754='<svg><symbol id="icon-zonghepingjia1" viewBox="0 0 1183 1024"><path d="M330.651823 623.776178c-25.702343 0.591643-46.182297 19.046358-46.182297 41.608441s20.479954 41.016798 46.193675 41.608441c12.492772 0.045511 24.484923-4.369057 33.223037-12.231084 8.726736-7.850649 13.459881-18.47747 13.107171-29.445623 1.297064-11.172953-3.128882-22.277639-12.083173-30.298955-8.954291-8.021316-21.503952-12.140062-34.247035-11.24122zM1003.441084 77.882991H179.794203c-24.792123-0.193422-48.594381 8.510559-65.899942 24.086702-17.590005 15.780943-27.295228 37.05734-26.953896 59.13018v706.990785c-0.364088 22.038707 9.329757 43.28097 26.953896 58.993646 17.260051 15.633032 41.096442 24.34839 65.899942 24.086702h823.646881c24.8035 0.261688 48.639892-8.45367 65.899942-24.086702 17.510361-15.758187 27.147317-36.977696 26.794607-58.993646V161.111251c0.318577-22.038707-9.307002-43.292348-26.794607-59.13018-17.294184-15.576143-41.10782-24.280124-65.899942-24.086702zM330.651823 790.073409c-55.364144 1.001242-105.915498-27.48865-127.885938-72.08944-21.993196-44.60079-11.03642-96.449208 27.716205-131.162731 38.741247-34.713523 97.575605-45.397232 148.843759-27.044918 51.268153 18.363693 84.764256 62.133906 84.764256 110.728288 0.978487 31.53913-12.674816 62.077018-37.831027 84.616345-25.144833 22.52795-59.653556 35.157255-95.607255 34.952456z m179.779868-478.252449L353.828305 452.15416c-17.419339 5.188255-17.419339 10.37651-34.838678 10.37651-12.720327 0.671287-25.224477-3.060615-34.838678-10.37651l-92.69455-83.080349c-17.407961-10.37651-17.407961-36.488452 0-52.064595 7.247628-7.44105 17.851694-11.730463 29.013269-11.730463 11.150197 0 21.754263 4.289413 29.001891 11.730463l58.01516 52.064595 127.52185-114.369168c17.407961-10.37651 40.584443-10.37651 75.434499 5.199633 17.248673 10.37651 17.248673 36.340541 0 51.916684z m458.182093 387.674161H568.435473c-44.373235 0-50.119-79.758045 0-79.758045h400.155555c44.213946 0 49.959711 79.758045 0 79.758045z m0-330.125488H568.435473c-50.448955 0-55.705476-75.150055 0-75.150056h400.155555c50.448955 0 55.546188 75.150055 0 75.150056z m214.618545 493.532769c0.500621 87.859005-79.678401 159.709512-179.791245 161.097598H179.794203C79.692737 1022.611914-0.486285 950.761407 0.002958 862.891025V161.111251C-0.554552 73.206735 79.658603 1.333473 179.794203 0.002276h823.646881c48.423715-0.227555 94.879078 16.793563 128.750647 47.149406 33.882947 30.355844 52.29215 71.475041 51.040598 113.948191v701.802529z" fill="#383838" ></path></symbol><symbol id="icon-zonghepingjia" viewBox="0 0 1024 1024"><path d="M966.4 204.8l-435.2 460.8c-6.4 6.4-12.8 6.4-19.2 6.4H384c-12.8 0-25.6-12.8-25.6-25.6v-128c0-6.4 0-12.8 6.4-19.2L806.4 38.4c12.8-12.8 32-12.8 44.8 0l115.2 115.2c12.8 19.2 12.8 38.4 0 51.2z m-102.4-70.4c-12.8-12.8-38.4-12.8-57.6 0l-384 409.6v64h64l390.4-409.6c12.8-12.8 12.8-38.4 0-51.2l-12.8-12.8z"  ></path><path d="M889.6 992H102.4c-32 0-51.2-25.6-51.2-51.2V121.6c0-32 25.6-51.2 51.2-51.2h499.2c19.2 0 32 12.8 32 32s-19.2 32-32 32H108.8v793.6h768V396.8c0-19.2 12.8-32 32-32s32 12.8 32 32v544c0 25.6-19.2 51.2-51.2 51.2z"  ></path></symbol><symbol id="icon-dianyahegeshuai" viewBox="0 0 1024 1024"><path d="M128 64h768c38.4 0 64 25.6 64 64v640c0 38.4-25.6 64-64 64H128c-38.4 0-64-25.6-64-64V128c0-38.4 25.6-64 64-64z m0 51.2c-6.4 0-12.8 6.4-12.8 12.8v640c0 6.4 6.4 12.8 12.8 12.8h768c6.4 0 12.8-6.4 12.8-12.8V128c0-6.4-6.4-12.8-12.8-12.8H128zM800 902.4h-576c-12.8 0-25.6 12.8-25.6 25.6s12.8 25.6 25.6 25.6h576c12.8 0 25.6-12.8 25.6-25.6s-12.8-25.6-25.6-25.6z" fill="#333333" ></path><path d="M313.6 428.8c-6.4-12.8-25.6-12.8-38.4 0s-12.8 25.6 0 38.4l121.6 134.4c12.8 12.8 32 12.8 44.8 6.4l339.2-281.6c12.8-6.4 12.8-25.6 6.4-38.4s-25.6-12.8-38.4-6.4L416 556.8l-102.4-128z" fill="#333333" ></path></symbol><symbol id="icon-zaixianshuaibaobiao0" viewBox="0 0 1024 1024"><path d="M700.634813 565.894737a53.894737 53.894737 0 0 0-53.894737 53.894737v350.315789a53.894737 53.894737 0 0 0 107.789473 0V619.789474a53.894737 53.894737 0 0 0-53.894736-53.894737zM970.108497 431.157895a53.894737 53.894737 0 0 0-53.894737 53.894737v485.052631a53.894737 53.894737 0 0 0 107.789474 0V485.052632a53.894737 53.894737 0 0 0-53.894737-53.894737zM377.266392 646.736842a53.894737 53.894737 0 0 0-53.894737 53.894737v269.473684a53.894737 53.894737 0 0 0 107.789473 0V700.631579a53.894737 53.894737 0 0 0-53.894736-53.894737zM53.897971 727.578947a53.894737 53.894737 0 0 0-53.894737 53.894737v188.631579a53.894737 53.894737 0 0 0 107.789473 0v-188.631579a53.894737 53.894737 0 0 0-53.894736-53.894737zM970.108497 0h-215.578948a53.894737 53.894737 0 0 0 0 107.789474h75.452632l-310.433684 248.185263-84.614737-101.322105A80.842105 80.842105 0 0 0 323.371655 242.526316L21.561128 468.884211a53.894737 53.894737 0 0 0 64.673685 86.231578l282.408421-211.806315 85.153684 102.130526A80.842105 80.842105 0 0 0 565.897971 458.105263L916.21376 176.774737V269.473684a53.894737 53.894737 0 0 0 107.789474 0V53.894737a53.894737 53.894737 0 0 0-53.894737-53.894737z"  ></path></symbol><symbol id="icon-wanzhengshuaifenxi2" viewBox="0 0 1024 1024"><path d="M512 0C229.2224 0 0 229.2224 0 512s229.2224 512 512 512 512-229.2224 512-512S794.7776 0 512 0z m0 987.4432C249.4464 987.4432 36.5568 774.6048 36.5568 512 36.5568 249.4464 249.4464 36.5568 512 36.5568c262.5536 0 475.4432 212.8384 475.4432 475.4432S774.5536 987.4432 512 987.4432z" fill="#000000" ></path><path d="M512 210.2784h-2.56V514.56h304.2816V512c0-166.656-135.0656-301.7216-301.7216-301.7216z m45.3632 256v-204.2368a254.0544 254.0544 0 0 1 204.5952 204.8l-204.5952-0.5632z" fill="#000000" ></path><path d="M469.0432 762.5216c-138.3424-23.8592-231.1168-155.392-207.2064-293.6832a254.1312 254.1312 0 0 1 167.168-196.9152V221.7984h-3.2768c-159.744 47.7696-250.4704 216.0128-202.7008 375.7568 47.7696 159.744 216.0128 250.4704 375.7568 202.7008a301.9776 301.9776 0 0 0 202.5472-202.1376v-3.1232l-50.6368 1.6384a254.2848 254.2848 0 0 1-281.6512 165.888z" fill="#000000" ></path></symbol><symbol id="icon-daipingjia" viewBox="0 0 1024 1024"><path d="M865.947826 1024H109.078261c-37.843478 0-66.782609-28.93913-66.782609-66.782609V66.782609c0-37.843478 28.93913-66.782609 66.782609-66.782609h623.304348c13.356522 0 22.26087 8.904348 22.260869 22.26087s-8.904348 22.26087-22.260869 22.260869H109.078261c-13.356522 0-22.26087 8.904348-22.26087 22.26087v890.434782c0 13.356522 8.904348 22.26087 22.26087 22.26087h756.869565c13.356522 0 22.26087-8.904348 22.26087-22.26087V398.469565c0-13.356522 8.904348-22.26087 22.260869-22.260869s22.26087 8.904348 22.26087 22.260869V957.217391c0 37.843478-28.93913 66.782609-66.782609 66.782609z"  ></path><path d="M975.026087 77.913043c8.904348 8.904348 8.904348 22.26087 0 31.165218L601.043478 483.06087c-8.904348 8.904348-22.26087 8.904348-31.165217 0-8.904348-8.904348-8.904348-22.26087 0-31.165218L943.86087 77.913043c8.904348-8.904348 22.26087-8.904348 31.165217 0zM287.165217 267.130435h311.652174c13.356522 0 22.26087 8.904348 22.26087 22.260869s-8.904348 22.26087-22.26087 22.26087H287.165217c-13.356522 0-22.26087-8.904348-22.260869-22.26087s8.904348-22.26087 22.260869-22.260869z m0 200.347826h222.608696c13.356522 0 22.26087 8.904348 22.26087 22.260869s-8.904348 22.26087-22.26087 22.26087H287.165217c-13.356522 0-22.26087-8.904348-22.260869-22.26087s8.904348-22.26087 22.260869-22.260869z"  ></path></symbol><symbol id="icon-zhongduantongji-xian" viewBox="0 0 1024 1024"><path d="M192 96h640a192 192 0 0 1 192 192v320a192 192 0 0 1-192 192H192a192 192 0 0 1-192-192v-320a192 192 0 0 1 192-192z m0 64a128 128 0 0 0-128 128v320a128 128 0 0 0 128 128h640a128 128 0 0 0 128-128v-320a128 128 0 0 0-128-128H192z m32 704h576a32 32 0 1 1 0 64h-576a32 32 0 1 1 0-64zM512 256a32 32 0 0 1 32 32v320a32 32 0 0 1-64 0v-320A32 32 0 0 1 512 256zM320 384a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0v-192A32 32 0 0 1 320 384z m384-64a32 32 0 0 1 32 32v256a32 32 0 1 1-64 0v-256A32 32 0 0 1 704 320z" fill="#969696" ></path></symbol><symbol id="icon-yichangxiangqing-xian" viewBox="0 0 1024 1024"><path d="M985.669939 819.206656L753.570816 426.686079a60.158045 60.158045 0 0 0-51.198336-27.305779 56.147509 56.147509 0 0 0-51.198336 27.305779l-238.925569 392.520577a40.958669 40.958669 0 0 0 3.413223 51.198336 57.427467 57.427467 0 0 0 51.198336 23.892557h464.198247a66.728498 66.728498 0 0 0 51.198336-23.892557 54.014245 54.014245 0 0 0 3.413222-51.198336z m-68.264448 17.066112h-436.892468l218.446234-365.214797z"  ></path><path d="M825.248486 0.033279h-662.165146a126.801212 126.801212 0 0 0-129.702452 126.289229v764.561818A134.907616 134.907616 0 0 0 163.08334 1024h747.495706a37.545446 37.545446 0 1 0 0-75.090893h-740.669261a61.182012 61.182012 0 0 1-61.438004-61.438003V136.562175a61.182012 61.182012 0 0 1 61.438004-61.438003h648.512256a61.182012 61.182012 0 0 1 61.438004 61.438003v157.008231a37.545446 37.545446 0 1 0 75.090892 0V126.322508A126.801212 126.801212 0 0 0 825.248486 0.033279z"  ></path><path d="M664.827033 245.785292h-443.718912a40.958669 40.958669 0 1 0 0 81.917338h443.718912a39.422719 39.422719 0 0 0 40.958669-40.958669 41.470652 41.470652 0 0 0-40.958669-40.958669z m-225.272679 269.64457a39.422719 39.422719 0 0 0-40.958668-40.958669h-177.487565a40.958669 40.958669 0 1 0 0 81.917338h177.487565a41.470652 41.470652 0 0 0 40.958668-40.958669z m-228.685901 191.140454c-17.066112 0-30.719002 17.066112-30.719001 40.958669s13.65289 37.545446 30.719001 37.545447h136.528897c17.066112 0 30.719002-17.066112 30.719001-40.958669s-13.65289-40.958669-30.719001-40.958669h-136.528897z"  ></path><path d="M678.479923 590.520755a25.087185 25.087185 0 0 0-6.826445 20.479334l6.826445 109.223117c0 13.65289 10.239667 20.479334 23.892557 20.479335a25.599168 25.599168 0 0 0 23.892556-20.479335l6.826445-109.223117a36.52148 36.52148 0 0 0-6.826445-20.479334 32.766935 32.766935 0 0 0-47.785113 0z m20.479334 157.00823a27.305779 27.305779 0 1 0 27.305779 27.30578 26.964457 26.964457 0 0 0-27.305779-27.30578z"  ></path></symbol><symbol id="icon-niandu" viewBox="0 0 1024 1024"><path d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464zM449.560976 249.756098h-132.370732L224.780488 429.580488h132.370732l34.965853-67.434147h79.921951V449.560976h-194.809756v167.336585H229.77561v62.439024h242.263414V799.219512h119.882927v-122.380488h197.307317v-62.439024h-197.307317v-102.4h167.336586V449.560976h-167.336586v-87.414635h179.82439V299.707317H424.585366l24.97561-49.951219z m22.478048 262.243902v102.4h-77.42439v-102.4h77.42439z" fill="#0E7EB7" ></path></symbol><symbol id="icon-yuebao" viewBox="0 0 1024 1024"><path d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464z m-59.941464 249.756098h-499.512195v437.07317L249.756098 799.219512h124.878048l37.463415-97.404878V624.390244h257.24878v114.887805h-127.375609l29.970731 59.941463h217.287805V249.756098z m-122.380488 217.287804v94.907318H409.6v-94.907318h257.24878z m0-154.84878v94.907317H409.6v-94.907317h257.24878z" fill="#0E7EB7" ></path></symbol><symbol id="icon-yunhangxiangqing" viewBox="0 0 1024 1024"><path d="M836.738546 117.495612a22.577942 22.577942 0 0 1 22.577942 22.577943v745.418294a22.577942 22.577942 0 0 1-22.577942 22.577943H187.261454a22.577942 22.577942 0 0 1-22.577942-22.577943V139.983243a22.577942 22.577942 0 0 1 22.577942-22.577942H836.738546m0-52.681866H187.261454a75.259808 75.259808 0 0 0-75.259808 75.259808v745.508606a75.259808 75.259808 0 0 0 75.259808 75.259808H836.738546a75.259808 75.259808 0 0 0 75.259808-75.259808V139.983243a75.259808 75.259808 0 0 0-75.259808-75.259808z" fill="#070505" ></path><path d="M310.567124 530.671958l157.60909-157.518778-157.60909-157.624142-40.20379 40.20379 117.375197 117.4053-117.375197 117.345093 40.20379 40.188737zM458.934309 436.928341h294.717409v56.851259H458.934309zM291.165145 675.577193h460.288986v56.851259h-460.288986z"  ></path></symbol><symbol id="icon-yuebao1" viewBox="0 0 1024 1024"><path d="M849.17 0C946.577 0 1024 77.424 1024 174.83v674.34c0 97.406-77.424 174.83-174.83 174.83H174.83C77.423 1024 0 946.576 0 849.17V174.83C0 77.423 77.424 0 174.83 0h674.34z m-59.94 249.756H289.716V686.83l-39.96 112.39h124.877l37.464-97.404V624.39h257.248v114.888H541.971l29.97 59.942H789.23V249.756zM666.848 467.044v94.907H409.6v-94.907h257.249z m0-154.849v94.907H409.6v-94.907h257.249z" fill="#0E7EB7" ></path></symbol><symbol id="icon-a-ziyuan118" viewBox="0 0 1024 1024"><path d="M591.26264 352.787472m-37.569575 0l-298.723937 0q-37.569575 0-37.569575-37.569575l0 0q0-37.569575 37.569575-37.569575l298.723937 0q37.569575 0 37.569575 37.569575l0 0q0 37.569575-37.569575 37.569575Z" fill="#009695" ></path><path d="M483.593736 506.272931m-37.569575 0l-191.513199 0q-37.569575 0-37.569575-37.569575l0 0q0-37.569575 37.569575-37.569575l191.513199 0q37.569575 0 37.569575 37.569575l0 0q0 37.569575-37.569575 37.569575Z" fill="#009695" ></path><path d="M332.399105 64.143177h143.405817v44.900223H332.399105V64.143177z m143.405817 809.120358H68.953915c-12.828635 0-23.366443-11.454139-23.366443-26.115437V90.258613c0-14.203132 10.537808-26.115436 23.366443-26.115436h120.039374v49.481879H90.487696v710.156599h385.317226v49.48188z m313.8434-361.950783h-53.605369V109.0434h-116.374049V64.143177h141.573154c15.577629 0 27.948098 10.537808 27.948099 23.366443v424.261297z m-46.732886 500.774944c-129.66085 0-235.497092-105.836242-235.497091-235.497092s105.836242-235.497092 235.497091-235.497092 235.497092 105.378076 235.497092 235.497092-105.836242 235.497092-235.497092 235.497092z m0-426.09396c-104.919911 0-190.596868 85.676957-190.596868 190.596868s85.676957 190.596868 190.596868 190.596868 190.596868-85.676957 190.596868-190.596868-85.676957-190.596868-190.596868-190.596868z" fill="#009695" ></path><path d="M742.915436 1024c-136.075168 0-246.95123-110.876063-246.95123-246.95123s110.876063-246.95123 246.95123-246.951231 246.95123 110.876063 246.951231 246.951231-110.876063 246.95123-246.951231 246.95123z m0-470.994183a224.042953 224.042953 0 1 0 0.091633 448.177539 224.042953 224.042953 0 0 0-0.091633-448.177539z m0 426.093959c-111.334228 0-202.051007-90.716779-202.051006-202.051006s90.716779-202.051007 202.051006-202.051007 202.051007 90.716779 202.051007 202.051007-90.716779 202.051007-202.051007 202.051006z m0-381.193736a179.142729 179.142729 0 1 0 0 358.285459 179.142729 179.142729 0 1 0 0-358.285459zM487.717226 885.175839H68.953915c-19.242953 0-34.820582-16.952125-34.820582-37.569575V90.258613c0-20.61745 15.577629-37.569575 34.820582-37.569575h131.493512v72.390157H101.941834v687.248322h385.317226v72.390156zM68.953915 75.597315c-6.872483 0-11.912304 6.414318-11.912304 14.661298V847.606264c0 7.788814 5.497987 14.661298 11.912304 14.661298h395.396868v-26.573602H79.033557V102.170917h98.505593v-26.573602H68.953915z m732.148546 447.169575h-76.513647V120.497539h-116.374049V52.689038h153.027293c21.991946 0 39.402237 15.577629 39.402237 34.820582v435.715436z m-53.605369-22.908277h30.697091V87.967785c0-6.414318-7.788814-11.912304-16.493959-11.912304h-130.119016v21.991946h116.374049v402.269352zM487.25906 120.497539H320.944966V52.689038h166.314094v67.808501z m-143.405816-22.908277h120.497539v-21.991947H343.853244v21.991947zM260.92528 152.110962a22.450112 22.450112 0 0 1-22.450112-22.450112V31.613423a22.450112 22.450112 0 0 1 44.900223 0v98.505593c0 12.37047-10.079642 22.450112-22.450111 22.450112z" fill="#009695" ></path><path d="M260.92528 161.732438c-17.410291 0-31.613423-14.203132-31.613423-31.613422V31.613423c0-17.410291 14.203132-31.613423 31.613423-31.613423s31.613423 14.203132 31.613422 31.613423v98.505593c0 17.410291-14.203132 31.613423-31.613422 31.613422z m0-143.405816a13.286801 13.286801 0 0 0-13.286801 13.286801v98.505593a13.286801 13.286801 0 0 0 26.573602 0V31.613423A13.286801 13.286801 0 0 0 260.92528 18.326622z" fill="#009695" ></path><path d="M547.736913 152.110962a22.450112 22.450112 0 0 1-22.450112-22.450112V31.613423a22.450112 22.450112 0 0 1 44.900224 0v98.505593c0 12.37047-10.079642 22.450112-22.450112 22.450112z" fill="#009695" ></path><path d="M547.736913 161.732438c-17.410291 0-31.613423-14.203132-31.613423-31.613422V31.613423c0-17.410291 14.203132-31.613423 31.613423-31.613423s31.613423 14.203132 31.613423 31.613423v98.505593c0 17.410291-14.203132 31.613423-31.613423 31.613422z m0-142.947651a13.286801 13.286801 0 0 0-13.286801 13.286801v98.047428a13.286801 13.286801 0 0 0 26.573602 0V31.613423a13.286801 13.286801 0 0 0-13.286801-13.286801z" fill="#009695" ></path><path d="M829.96689 762.845638l-113.16689-92.091276a17.410291 17.410291 0 0 0-19.242953-2.290827c-6.414318 3.207159-10.537808 9.621477-10.537808 16.493959v184.182551c0 6.872483 4.12349 13.286801 10.537808 16.493959 2.290828 1.374497 5.039821 1.832662 7.788814 1.832663 4.12349 0 8.24698-1.374497 11.454139-4.12349l113.16689-92.091275c4.12349-3.665324 6.872483-8.705145 6.872484-14.203132s-2.290828-10.537808-6.872484-14.203132z m-106.294407 67.808501v-107.210739l65.975839 53.60537-65.975839 53.605369z" fill="#009695" ></path><path d="M705.345861 896.629978a27.306667 27.306667 0 0 1-27.489933-27.489933v-184.182551c0-10.537808 5.956152-20.159284 15.577629-24.740939 9.163311-4.581655 20.61745-3.207159 28.86443 3.665324l113.16689 92.091275c6.414318 5.039821 10.079642 12.828635 10.079642 21.075616s-3.665324 16.035794-10.079642 21.075615l-113.16689 92.091275c-5.039821 4.12349-10.995973 6.414318-17.410291 6.414318z m0-220.835795s-2.748993 0-4.12349 0.916332c-3.207159 1.374497-5.039821 4.581655-5.039821 8.246979v184.182551c0 3.665324 1.832662 6.872483 5.039821 8.24698s6.872483 0.916331 9.621477-1.374497l113.16689-92.091275s3.207159-4.12349 3.207159-6.872483-1.374497-5.497987-3.207159-6.872484-113.16689-92.091275-113.16689-92.091275a9.209128 9.209128 0 0 0-5.956152-1.832662z m9.163311 174.102909v-145.696645l89.342282 72.848323-89.342282 72.848322z m18.326622-107.210739v68.724833l42.151231-34.362416-42.151231-34.362417z" fill="#009695" ></path></symbol><symbol id="icon-a-qushi1" viewBox="0 0 1024 1024"><path d="M455.68 329.386667H324.266667c-13.653333 0-25.6 11.946667-25.6 25.6v539.306666c0 13.653333 11.946667 25.6 25.6 25.6h129.706666c13.653333 0 25.6-11.946667 25.6-25.6V354.986667c1.706667-13.653333-10.24-25.6-23.893333-25.6zM709.973333 580.266667H580.266667c-13.653333 0-25.6 11.946667-25.6 25.6v288.426666c0 13.653333 11.946667 25.6 25.6 25.6h129.706666c13.653333 0 25.6-11.946667 25.6-25.6V605.866667c0-13.653333-11.946667-25.6-25.6-25.6zM964.266667 407.893333h-129.706667c-13.653333 0-25.6 11.946667-25.6 25.6v462.506667c0 13.653333 11.946667 25.6 25.6 25.6h129.706667c13.653333 0 25.6-11.946667 25.6-25.6V431.786667c0-13.653333-11.946667-23.893333-25.6-23.893334zM199.68 496.64H69.973333c-13.653333 0-25.6 11.946667-25.6 25.6v372.053333c0 13.653333 11.946667 25.6 25.6 25.6h129.706667c13.653333 0 25.6-11.946667 25.6-25.6V522.24c0-13.653333-11.946667-25.6-25.6-25.6z" fill="#333333" ></path><path d="M868.693333 245.76l-54.613333-61.44c-8.533333-10.24-3.413333-25.6 10.24-27.306667l68.266667-10.24 75.093333-10.24c11.946667-1.706667 22.186667 8.533333 18.773333 20.48l-18.773333 73.386667-17.066667 68.266667c-3.413333 13.653333-20.48 17.066667-29.013333 6.826666l-52.906667-59.733333z" fill="#333333" ></path><path d="M650.24 447.146667c-8.533333 0-17.066667-3.413333-23.893333-10.24L380.586667 182.613333l-293.546667 221.866667c-15.36 11.946667-35.84 8.533333-47.786667-6.826667-11.946667-15.36-8.533333-35.84 6.826667-47.786666l319.146667-238.933334c11.946667-10.24 32.426667-8.533333 44.373333 3.413334l244.053333 252.586666 221.866667-174.08c15.36-11.946667 35.84-8.533333 47.786667 5.12 11.946667 15.36 8.533333 35.84-5.12 47.786667L670.72 440.32c-5.12 5.12-13.653333 6.826667-20.48 6.826667z" fill="#333333" ></path></symbol><symbol id="icon-zongfadianliang" viewBox="0 0 1024 1024"><path d="M0 0m102.4 0l819.2 0q102.4 0 102.4 102.4l0 819.2q0 102.4-102.4 102.4l-819.2 0q-102.4 0-102.4-102.4l0-819.2q0-102.4 102.4-102.4Z" fill="#D9E7FE" ></path><path d="M272.64 777.216h478.464V819.2H272.64v-41.984z m28.16-516.608h84.224v41.728h-84.224v-41.728z m0-55.808h84.224v41.728h-84.224V204.8z m337.92 55.808h84.48v41.728h-84.48v-41.728z m0-55.808h84.48v41.728h-84.48V204.8z m-169.216 55.808h84.736v41.728h-84.736v-41.728z m0-55.808h84.736v41.728h-84.736V204.8z m301.824 125.44H230.4v397.312c0 6.656 2.048 11.008 6.4 15.104 4.608 4.352 8.96 6.656 15.616 6.656h518.912c6.656 0 11.008-2.304 15.616-6.656 4.352-4.096 6.656-8.448 6.656-15.104V352c0-6.656-2.304-10.752-6.656-15.104a25.4976 25.4976 0 0 0-15.616-6.656zM473.856 665.6l32.512-105.728h-92.928l67.072-159.744h71.424l-49.92 103.424h108.288L473.856 665.6z" fill="#196CF4" ></path></symbol><symbol id="icon-yichang1" viewBox="0 0 1024 1024"><path d="M51.2 0h921.6a51.2 51.2 0 0 1 51.2 51.2v921.6a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V51.2a51.2 51.2 0 0 1 51.2-51.2z m430.2592 192a25.6 25.6 0 0 0-25.5616 27.008l22.7584 409.6A25.6 25.6 0 0 0 504.2176 652.8h15.5648a25.6 25.6 0 0 0 25.5616-24.192l22.7584-409.6A25.6 25.6 0 0 0 542.5408 192h-61.0816zM512 826.88a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z" fill="#FF8016" ></path></symbol><symbol id="icon-igw-f-warning-data" viewBox="0 0 1024 1024"><path d="M677.49 32a64 64 0 0 1 45.255 18.745l186.51 186.51A64 64 0 0 1 928 282.51V896c0 53.02-42.98 96-96 96H192c-53.02 0-96-42.98-96-96V128c0-53.02 42.98-96 96-96h485.49zM511.6 691c-21.208 0-38.4 17.192-38.4 38.4s17.192 38.4 38.4 38.4 38.4-17.192 38.4-38.4-17.192-38.4-38.4-38.4z m1.4-371h-2c-16.95 0-30.722 13.603-30.996 30.487L480 351v258c0 16.95 13.603 30.722 30.487 30.996L511 640h2c16.95 0 30.722-13.603 30.996-30.487L544 609V351c0-16.95-13.603-30.722-30.487-30.996L513 320z m175-213.49V240c0 17.496 14.042 31.713 31.47 32h134.021L688 106.51z" fill="#000000" ></path></symbol><symbol id="icon-shouruzhanbi" viewBox="0 0 1024 1024"><path d="M787.691 0H236.309C106.337 0 0 106.337 0 236.309v551.382C0 917.662 106.337 1024 236.309 1024h551.382C917.662 1024 1024 917.662 1024 787.691V236.309C1024 106.337 917.662 0 787.691 0zM492.362 763.35c-128.029 0-231.712-103.682-231.712-231.712 0-128.032 103.682-231.714 231.712-231.714v231.712h231.714c0 128.031-103.682 231.714-231.714 231.714z m39.274-270.988V260.65c126.852 0.787 230.927 104.859 231.714 231.712H531.636z"  ></path></symbol><symbol id="icon-qiyezongshu" viewBox="0 0 1024 1024"><path d="M85.248 0h852.48c46.912 0 85.312 38.4 85.312 85.248v852.48c0 46.912-38.4 85.312-85.248 85.312H85.248c-46.912 0-85.248-38.4-85.248-85.248V85.248C0 38.336 38.4 0 85.248 0zM213.12 379.968v439.04h132.864v-439.04H213.12z m232.448-156.8v595.84h132.864v-595.84H445.568z m232.448 313.6v282.24h132.8v-282.24h-132.8z" fill="#69C1B7" ></path></symbol><symbol id="icon-yichang" viewBox="0 0 1024 1024"><path d="M893.62 678.73L554.05 90.54a53.2 53.2 0 0 0-46.07-26.6 53.188 53.188 0 0 0-46.07 26.6L122.32 678.73c-9.51 16.46-9.51 36.74 0 53.2s27.07 26.6 46.07 26.6h679.17c19.01 0 36.56-10.14 46.07-26.6s9.5-36.74-0.01-53.2zM514.85 254.86c24.17-0.2 48.13 21.26 48.13 41.16l-11.94 205.81c0 19.9-16.28 36.19-36.18 36.19s-36.18-16.28-36.18-36.19l-11.94-205.81c-0.02-19.9 18.97-40.4 48.11-41.16z m0 432.77c-27.46 0-49.72-22.26-49.72-49.72 0-27.46 22.26-49.72 49.72-49.72 27.46 0 49.72 22.26 49.72 49.72 0 27.46-22.26 49.72-49.72 49.72z"  ></path></symbol><symbol id="icon-sanjiaoright" viewBox="0 0 1024 1024"><path d="M755.974268 512 268.025732 146.975708l0 730.048584L755.974268 512"  ></path></symbol><symbol id="icon-frequency" viewBox="0 0 1024 1024"><path d="M960 112v270h-50V162H114v220H64V112h896z m-50 750H114V642H64v270h896V642h-50v220z m-489-68.6l139.7-240.7L641.4 654 746 423.9l51.7 109.5h92.8v-50h-61.2L745.1 305 629.7 559l-75.4-94.7L434 671.5 290.4 230.6 184.8 483.5h-51.4v50h84.7l66.4-159.2L421 793.4z" fill="" ></path></symbol><symbol id="icon-fanhui" viewBox="0 0 1024 1024"><path d="M468.1 320.3V158.7c0.9-8.1-1.3-16.4-7.5-22.7-10.9-10.8-28.4-10.8-39.3 0L147.6 436.1c-5.8 5.7-8.3 13.4-7.9 20.9-0.4 7.5 2.1 15.1 7.9 20.9l272.2 298.4c10.2 8.7 28.8 13.6 40.8 1.6 6.2-6.2 8.9-11.4 8-19.5V594c180.8 0 344.4 130.2 376.8 301.6 21.9-50.2 34.1-105.6 34.1-163.9 0.1-227.2-184.1-411.4-411.4-411.4z" fill="#070101" ></path></symbol><symbol id="icon-mima" viewBox="0 0 1024 1024"><path d="M860.58 489.4c-0.09-47.06-29.76-88.04-72.49-101.63-16.6-5.3-33.82-6.09-51.12-5.3-7.68 0.35-12.01 0.71-11.12-10.95 2.12-28.52 2.47-57.39 1.23-86.09-4.06-94.48-70.11-174.13-163.18-198.41-88.3-23.04-182.87 15.72-233.64 93.86-40.62 62.34-35.23 130.94-31.97 201.58-11.92 0-22.69-0.26-33.38 0-56.25 1.5-101.1 46-101.37 102.16-0.53 117.88-0.62 235.75 0 353.63 0.35 57.31 44.94 104.2 101.9 104.54 165.29 1.06 330.68 0.97 495.97 0 55.01-0.35 98.9-46.71 99.16-101.89 0.45-117.15 0.36-234.33 0.01-351.5zM566.02 666.18c-8.65 6.53-11.3 12.72-11.04 22.87 0.62 25.78 0.44 51.66 0.18 77.44-0.44 29.76-17.31 47.68-43.97 47.24-25.7-0.35-41.77-18.01-42.21-46.8-0.26-15.1-0.44-30.11 0-45.21 0.8-26.23-0.09-48.39-23.75-69.58-25.52-22.95-25.96-57.83-10.95-89.88 15.54-33.03 42.91-48.39 72.4-50.51 42.12 0.44 75.76 25.34 87.33 59.96 11.47 34.51 1.06 72.48-27.99 94.47z m59.86-283.44c-37.35-0.71-74.7-0.27-112.05-0.27-38.06 0-76.2-0.79-114.26 0.35-14.84 0.45-17.75-4.68-17.22-18.1 1.06-22.96 0.09-46 0.35-68.96 0.8-71.88 57.39-128.65 128.48-129 71.17-0.35 128.65 55.8 130.15 127.68 0.53 24.46-0.71 48.92 0.35 73.29 0.54 12.88-4.23 15.18-15.8 15.01z" fill="#050101" ></path></symbol><symbol id="icon-yonghu" viewBox="0 0 1024 1024"><path d="M502.496 63.136c125.888 0 227.936 100.384 227.936 224.192 0 123.84-102.048 224.224-227.936 224.224-125.888 0-227.936-100.384-227.936-224.224C274.56 163.488 376.64 63.136 502.496 63.136L502.496 63.136zM502.496 63.136c125.888 0 227.936 100.384 227.936 224.192 0 123.84-102.048 224.224-227.936 224.224-125.888 0-227.936-100.384-227.936-224.224C274.56 163.488 376.64 63.136 502.496 63.136L502.496 63.136zM417.024 586.304l189.984 0c162.624 0 294.432 129.632 294.432 289.6l0 18.656c0 63.04-131.84 65.44-294.432 65.44l-189.984 0c-162.624 0-294.432-0.096-294.432-65.44l0-18.656C122.592 715.936 254.4 586.304 417.024 586.304L417.024 586.304zM417.024 586.304" fill="#272636" ></path></symbol><symbol id="icon-back" viewBox="0 0 1024 1024"><path d="M482.7 249.9V106.1c0-37.4-45.3-56.2-71.7-29.7L140.3 347c-16.4 16.4-16.4 43 0 59.4L410.9 677c26.5 26.5 71.7 7.7 71.7-29.7v-155c96.1-0.3 271.5-10.7 271.5 227.7 0 118.1-92.8 216.8-216 239.6 198.1-24.4 326-236 326-361.9 0.1-292.6-309.4-346.3-381.4-347.8z" fill="" ></path></symbol><symbol id="icon-platform-manage" viewBox="0 0 1024 1024"><path d="M186.561 655.343v0.047l282.35 139.201c27.067 13.355 59.018 13.355 86.086 0l282.35-139.154L944.22 708.06c9.678 4.76 15.782 14.445 15.782 25.031 0 10.586-6.104 20.27-15.782 25.03L554.997 950c-27.058 13.335-58.98 13.335-86.04 0L79.738 758.076c-9.627-4.78-15.688-14.435-15.688-24.984 0-10.55 6.061-20.205 15.687-24.985l106.825-52.764zM554.997 74.016L944.22 265.939c9.625 4.774 15.686 14.43 15.686 24.984 0 10.549-6.061 20.205-15.686 24.98L554.997 507.828c-27.058 13.336-58.98 13.336-86.04 0L79.738 315.902c-9.627-4.774-15.688-14.43-15.688-24.979 0-10.554 6.061-20.21 15.687-24.984L468.91 74.016c27.068-13.355 59.02-13.355 86.087 0z"  ></path><path d="M185.891 434.654l283.067 139.529c27.058 13.335 58.981 13.335 86.04 0l283.018-139.529 106.204 52.301c9.678 4.756 15.782 14.44 15.782 25.027 0 10.59-6.104 20.275-15.782 25.03L554.997 728.936c-27.058 13.335-58.98 13.335-86.04 0L79.738 537.013c-9.65-4.766-15.735-14.436-15.735-25.008 0-10.568 6.085-20.238 15.734-25.003l106.155-52.348z"  ></path></symbol></svg>',(c=>{var a=(h=(h=document.getElementsByTagName("script"))[h.length-1]).getAttribute("data-injectcss"),h=h.getAttribute("data-disable-injectsvg");if(!h){var l,i,t,o,v,e=function(a,h){h.parentNode.insertBefore(a,h)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}l=function(){var a,h=document.createElement("div");h.innerHTML=c._iconfont_svg_string_3482754,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(a=document.body).firstChild?e(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),l()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(t=l,o=c.document,v=!1,m(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,n())})}function n(){v||(v=!0,t())}function m(){try{o.documentElement.doScroll("left")}catch(a){return void setTimeout(m,50)}n()}})(window);
\ No newline at end of file
+window._iconfont_svg_string_3482754='<svg><symbol id="icon-tingyunshijianguanli" viewBox="0 0 1024 1024"><path d="M896 1024H128A128.1408 128.1408 0 0 1 0 896V128A128.1536 128.1536 0 0 1 128 0h768a128.1536 128.1536 0 0 1 128 128v768a128.1408 128.1408 0 0 1-128 128zM333.6576 720.128v37.4656h356.6848V720.128h-106.432v-34.56H440.0896v34.56h-106.432zM319.2704 256C285.568 256 256 289.6768 256 328.064v250.8032c0 39.68 28.3776 72.064 63.2704 72.064h385.4464c34.88 0 63.2704-32.32 63.2704-72.064V328.064c0-38.4-29.568-72.064-63.2704-72.064zM512 584.64a125.44 125.44 0 0 1-89.1776-37.4784 125.9136 125.9136 0 0 1-37.3888-89.3568 125.888 125.888 0 0 1 37.3888-89.3568A125.44 125.44 0 0 1 512 330.9696a125.3504 125.3504 0 0 1 89.1648 37.4784 125.9136 125.9136 0 0 1 37.3888 89.3568 125.9392 125.9392 0 0 1-37.3888 89.3568A125.3504 125.3504 0 0 1 512 584.64zM451.456 388.608a83.8528 83.8528 0 0 0-31.7056 69.184A91.264 91.264 0 0 0 512 550.0288a103.4624 103.4624 0 0 0 31.6928-5.76L451.456 388.608z m60.544-23.04a80.1024 80.1024 0 0 0-25.9712 2.8928l92.2496 152.7808a93.9008 93.9008 0 0 0 28.8384-66.304A95.2192 95.2192 0 0 0 512 365.5424z" fill="#F69998" ></path></symbol><symbol id="icon-zaiyunshebei" viewBox="0 0 1024 1024"><path d="M73.159111 0h877.681778A73.159111 73.159111 0 0 1 1024 73.159111v292.579556a73.159111 73.159111 0 0 1-73.159111 73.159111H73.159111A73.159111 73.159111 0 0 1 0 365.738667V73.159111A73.159111 73.159111 0 0 1 73.159111 0z m109.681778 146.261333a36.579556 36.579556 0 0 0 0 73.159111h219.420444a36.579556 36.579556 0 1 0 0-73.159111H182.840889z m-109.681778 438.897778h877.681778A73.159111 73.159111 0 0 1 1024 658.261333v292.579556A73.159111 73.159111 0 0 1 950.840889 1024H73.159111A73.159111 73.159111 0 0 1 0 950.840889v-292.579556a73.159111 73.159111 0 0 1 73.159111-73.159111z m109.738667 146.261333a36.579556 36.579556 0 1 0 0 73.159112h219.363555a36.579556 36.579556 0 1 0 0-73.159112H182.840889z" fill="#058D87" ></path></symbol><symbol id="icon-yichanglei_14feizhinengbiaozaiyunyichang" viewBox="0 0 1024 1024"><path d="M708.117706 146.577556h73.033416v146.577556h-73.033416zM489.017456 146.577556h73.033417v146.577556H489.017456zM342.4399 292.644389V146.577556H269.406484v146.066833z" fill="#0F9083" ></path><path d="M954.797007 0H77.374564C57.456359 0 40.602494 16.343142 40.602494 36.77207v950.45586c0 20.428928 16.343142 36.77207 36.77207 36.77207h877.422443c20.428928 0 36.77207-16.343142 36.77207-36.77207V36.77207c0-20.428928-16.343142-36.77207-36.77207-36.77207z m-387.638902 909.087282a59.039601 59.039601 0 0 1-83.758604 0 59.24389 59.24389 0 1 1 83.758604 0zM467.056359 505.61596c-0.510723-12.76808 9.703741-23.493267 22.471821-23.493267h72.01197c12.76808 0 22.982544 10.725187 21.961097 23.493267l-12.257357 259.447382c-0.510723 15.832419-13.789526 28.089776-29.621945 28.089775h-32.175561c-15.832419 0-28.600499-12.257357-29.621945-28.089775L467.056359 505.61596z m451.479302-139.938155H114.146633V77.119202l804.389028 0.510723v288.04788z" fill="#0F9083" ></path></symbol><symbol id="icon-zonghepingjia1" viewBox="0 0 1183 1024"><path d="M330.651823 623.776178c-25.702343 0.591643-46.182297 19.046358-46.182297 41.608441s20.479954 41.016798 46.193675 41.608441c12.492772 0.045511 24.484923-4.369057 33.223037-12.231084 8.726736-7.850649 13.459881-18.47747 13.107171-29.445623 1.297064-11.172953-3.128882-22.277639-12.083173-30.298955-8.954291-8.021316-21.503952-12.140062-34.247035-11.24122zM1003.441084 77.882991H179.794203c-24.792123-0.193422-48.594381 8.510559-65.899942 24.086702-17.590005 15.780943-27.295228 37.05734-26.953896 59.13018v706.990785c-0.364088 22.038707 9.329757 43.28097 26.953896 58.993646 17.260051 15.633032 41.096442 24.34839 65.899942 24.086702h823.646881c24.8035 0.261688 48.639892-8.45367 65.899942-24.086702 17.510361-15.758187 27.147317-36.977696 26.794607-58.993646V161.111251c0.318577-22.038707-9.307002-43.292348-26.794607-59.13018-17.294184-15.576143-41.10782-24.280124-65.899942-24.086702zM330.651823 790.073409c-55.364144 1.001242-105.915498-27.48865-127.885938-72.08944-21.993196-44.60079-11.03642-96.449208 27.716205-131.162731 38.741247-34.713523 97.575605-45.397232 148.843759-27.044918 51.268153 18.363693 84.764256 62.133906 84.764256 110.728288 0.978487 31.53913-12.674816 62.077018-37.831027 84.616345-25.144833 22.52795-59.653556 35.157255-95.607255 34.952456z m179.779868-478.252449L353.828305 452.15416c-17.419339 5.188255-17.419339 10.37651-34.838678 10.37651-12.720327 0.671287-25.224477-3.060615-34.838678-10.37651l-92.69455-83.080349c-17.407961-10.37651-17.407961-36.488452 0-52.064595 7.247628-7.44105 17.851694-11.730463 29.013269-11.730463 11.150197 0 21.754263 4.289413 29.001891 11.730463l58.01516 52.064595 127.52185-114.369168c17.407961-10.37651 40.584443-10.37651 75.434499 5.199633 17.248673 10.37651 17.248673 36.340541 0 51.916684z m458.182093 387.674161H568.435473c-44.373235 0-50.119-79.758045 0-79.758045h400.155555c44.213946 0 49.959711 79.758045 0 79.758045z m0-330.125488H568.435473c-50.448955 0-55.705476-75.150055 0-75.150056h400.155555c50.448955 0 55.546188 75.150055 0 75.150056z m214.618545 493.532769c0.500621 87.859005-79.678401 159.709512-179.791245 161.097598H179.794203C79.692737 1022.611914-0.486285 950.761407 0.002958 862.891025V161.111251C-0.554552 73.206735 79.658603 1.333473 179.794203 0.002276h823.646881c48.423715-0.227555 94.879078 16.793563 128.750647 47.149406 33.882947 30.355844 52.29215 71.475041 51.040598 113.948191v701.802529z" fill="#383838" ></path></symbol><symbol id="icon-zonghepingjia" viewBox="0 0 1024 1024"><path d="M966.4 204.8l-435.2 460.8c-6.4 6.4-12.8 6.4-19.2 6.4H384c-12.8 0-25.6-12.8-25.6-25.6v-128c0-6.4 0-12.8 6.4-19.2L806.4 38.4c12.8-12.8 32-12.8 44.8 0l115.2 115.2c12.8 19.2 12.8 38.4 0 51.2z m-102.4-70.4c-12.8-12.8-38.4-12.8-57.6 0l-384 409.6v64h64l390.4-409.6c12.8-12.8 12.8-38.4 0-51.2l-12.8-12.8z"  ></path><path d="M889.6 992H102.4c-32 0-51.2-25.6-51.2-51.2V121.6c0-32 25.6-51.2 51.2-51.2h499.2c19.2 0 32 12.8 32 32s-19.2 32-32 32H108.8v793.6h768V396.8c0-19.2 12.8-32 32-32s32 12.8 32 32v544c0 25.6-19.2 51.2-51.2 51.2z"  ></path></symbol><symbol id="icon-dianyahegeshuai" viewBox="0 0 1024 1024"><path d="M128 64h768c38.4 0 64 25.6 64 64v640c0 38.4-25.6 64-64 64H128c-38.4 0-64-25.6-64-64V128c0-38.4 25.6-64 64-64z m0 51.2c-6.4 0-12.8 6.4-12.8 12.8v640c0 6.4 6.4 12.8 12.8 12.8h768c6.4 0 12.8-6.4 12.8-12.8V128c0-6.4-6.4-12.8-12.8-12.8H128zM800 902.4h-576c-12.8 0-25.6 12.8-25.6 25.6s12.8 25.6 25.6 25.6h576c12.8 0 25.6-12.8 25.6-25.6s-12.8-25.6-25.6-25.6z" fill="#333333" ></path><path d="M313.6 428.8c-6.4-12.8-25.6-12.8-38.4 0s-12.8 25.6 0 38.4l121.6 134.4c12.8 12.8 32 12.8 44.8 6.4l339.2-281.6c12.8-6.4 12.8-25.6 6.4-38.4s-25.6-12.8-38.4-6.4L416 556.8l-102.4-128z" fill="#333333" ></path></symbol><symbol id="icon-zaixianshuaibaobiao0" viewBox="0 0 1024 1024"><path d="M700.634813 565.894737a53.894737 53.894737 0 0 0-53.894737 53.894737v350.315789a53.894737 53.894737 0 0 0 107.789473 0V619.789474a53.894737 53.894737 0 0 0-53.894736-53.894737zM970.108497 431.157895a53.894737 53.894737 0 0 0-53.894737 53.894737v485.052631a53.894737 53.894737 0 0 0 107.789474 0V485.052632a53.894737 53.894737 0 0 0-53.894737-53.894737zM377.266392 646.736842a53.894737 53.894737 0 0 0-53.894737 53.894737v269.473684a53.894737 53.894737 0 0 0 107.789473 0V700.631579a53.894737 53.894737 0 0 0-53.894736-53.894737zM53.897971 727.578947a53.894737 53.894737 0 0 0-53.894737 53.894737v188.631579a53.894737 53.894737 0 0 0 107.789473 0v-188.631579a53.894737 53.894737 0 0 0-53.894736-53.894737zM970.108497 0h-215.578948a53.894737 53.894737 0 0 0 0 107.789474h75.452632l-310.433684 248.185263-84.614737-101.322105A80.842105 80.842105 0 0 0 323.371655 242.526316L21.561128 468.884211a53.894737 53.894737 0 0 0 64.673685 86.231578l282.408421-211.806315 85.153684 102.130526A80.842105 80.842105 0 0 0 565.897971 458.105263L916.21376 176.774737V269.473684a53.894737 53.894737 0 0 0 107.789474 0V53.894737a53.894737 53.894737 0 0 0-53.894737-53.894737z"  ></path></symbol><symbol id="icon-wanzhengshuaifenxi2" viewBox="0 0 1024 1024"><path d="M512 0C229.2224 0 0 229.2224 0 512s229.2224 512 512 512 512-229.2224 512-512S794.7776 0 512 0z m0 987.4432C249.4464 987.4432 36.5568 774.6048 36.5568 512 36.5568 249.4464 249.4464 36.5568 512 36.5568c262.5536 0 475.4432 212.8384 475.4432 475.4432S774.5536 987.4432 512 987.4432z" fill="#000000" ></path><path d="M512 210.2784h-2.56V514.56h304.2816V512c0-166.656-135.0656-301.7216-301.7216-301.7216z m45.3632 256v-204.2368a254.0544 254.0544 0 0 1 204.5952 204.8l-204.5952-0.5632z" fill="#000000" ></path><path d="M469.0432 762.5216c-138.3424-23.8592-231.1168-155.392-207.2064-293.6832a254.1312 254.1312 0 0 1 167.168-196.9152V221.7984h-3.2768c-159.744 47.7696-250.4704 216.0128-202.7008 375.7568 47.7696 159.744 216.0128 250.4704 375.7568 202.7008a301.9776 301.9776 0 0 0 202.5472-202.1376v-3.1232l-50.6368 1.6384a254.2848 254.2848 0 0 1-281.6512 165.888z" fill="#000000" ></path></symbol><symbol id="icon-daipingjia" viewBox="0 0 1024 1024"><path d="M865.947826 1024H109.078261c-37.843478 0-66.782609-28.93913-66.782609-66.782609V66.782609c0-37.843478 28.93913-66.782609 66.782609-66.782609h623.304348c13.356522 0 22.26087 8.904348 22.260869 22.26087s-8.904348 22.26087-22.260869 22.260869H109.078261c-13.356522 0-22.26087 8.904348-22.26087 22.26087v890.434782c0 13.356522 8.904348 22.26087 22.26087 22.26087h756.869565c13.356522 0 22.26087-8.904348 22.26087-22.26087V398.469565c0-13.356522 8.904348-22.26087 22.260869-22.260869s22.26087 8.904348 22.26087 22.260869V957.217391c0 37.843478-28.93913 66.782609-66.782609 66.782609z"  ></path><path d="M975.026087 77.913043c8.904348 8.904348 8.904348 22.26087 0 31.165218L601.043478 483.06087c-8.904348 8.904348-22.26087 8.904348-31.165217 0-8.904348-8.904348-8.904348-22.26087 0-31.165218L943.86087 77.913043c8.904348-8.904348 22.26087-8.904348 31.165217 0zM287.165217 267.130435h311.652174c13.356522 0 22.26087 8.904348 22.26087 22.260869s-8.904348 22.26087-22.26087 22.26087H287.165217c-13.356522 0-22.26087-8.904348-22.260869-22.26087s8.904348-22.26087 22.260869-22.260869z m0 200.347826h222.608696c13.356522 0 22.26087 8.904348 22.26087 22.260869s-8.904348 22.26087-22.26087 22.26087H287.165217c-13.356522 0-22.26087-8.904348-22.260869-22.26087s8.904348-22.26087 22.260869-22.260869z"  ></path></symbol><symbol id="icon-zhongduantongji-xian" viewBox="0 0 1024 1024"><path d="M192 96h640a192 192 0 0 1 192 192v320a192 192 0 0 1-192 192H192a192 192 0 0 1-192-192v-320a192 192 0 0 1 192-192z m0 64a128 128 0 0 0-128 128v320a128 128 0 0 0 128 128h640a128 128 0 0 0 128-128v-320a128 128 0 0 0-128-128H192z m32 704h576a32 32 0 1 1 0 64h-576a32 32 0 1 1 0-64zM512 256a32 32 0 0 1 32 32v320a32 32 0 0 1-64 0v-320A32 32 0 0 1 512 256zM320 384a32 32 0 0 1 32 32v192a32 32 0 0 1-64 0v-192A32 32 0 0 1 320 384z m384-64a32 32 0 0 1 32 32v256a32 32 0 1 1-64 0v-256A32 32 0 0 1 704 320z" fill="#969696" ></path></symbol><symbol id="icon-yichangxiangqing-xian" viewBox="0 0 1024 1024"><path d="M985.669939 819.206656L753.570816 426.686079a60.158045 60.158045 0 0 0-51.198336-27.305779 56.147509 56.147509 0 0 0-51.198336 27.305779l-238.925569 392.520577a40.958669 40.958669 0 0 0 3.413223 51.198336 57.427467 57.427467 0 0 0 51.198336 23.892557h464.198247a66.728498 66.728498 0 0 0 51.198336-23.892557 54.014245 54.014245 0 0 0 3.413222-51.198336z m-68.264448 17.066112h-436.892468l218.446234-365.214797z"  ></path><path d="M825.248486 0.033279h-662.165146a126.801212 126.801212 0 0 0-129.702452 126.289229v764.561818A134.907616 134.907616 0 0 0 163.08334 1024h747.495706a37.545446 37.545446 0 1 0 0-75.090893h-740.669261a61.182012 61.182012 0 0 1-61.438004-61.438003V136.562175a61.182012 61.182012 0 0 1 61.438004-61.438003h648.512256a61.182012 61.182012 0 0 1 61.438004 61.438003v157.008231a37.545446 37.545446 0 1 0 75.090892 0V126.322508A126.801212 126.801212 0 0 0 825.248486 0.033279z"  ></path><path d="M664.827033 245.785292h-443.718912a40.958669 40.958669 0 1 0 0 81.917338h443.718912a39.422719 39.422719 0 0 0 40.958669-40.958669 41.470652 41.470652 0 0 0-40.958669-40.958669z m-225.272679 269.64457a39.422719 39.422719 0 0 0-40.958668-40.958669h-177.487565a40.958669 40.958669 0 1 0 0 81.917338h177.487565a41.470652 41.470652 0 0 0 40.958668-40.958669z m-228.685901 191.140454c-17.066112 0-30.719002 17.066112-30.719001 40.958669s13.65289 37.545446 30.719001 37.545447h136.528897c17.066112 0 30.719002-17.066112 30.719001-40.958669s-13.65289-40.958669-30.719001-40.958669h-136.528897z"  ></path><path d="M678.479923 590.520755a25.087185 25.087185 0 0 0-6.826445 20.479334l6.826445 109.223117c0 13.65289 10.239667 20.479334 23.892557 20.479335a25.599168 25.599168 0 0 0 23.892556-20.479335l6.826445-109.223117a36.52148 36.52148 0 0 0-6.826445-20.479334 32.766935 32.766935 0 0 0-47.785113 0z m20.479334 157.00823a27.305779 27.305779 0 1 0 27.305779 27.30578 26.964457 26.964457 0 0 0-27.305779-27.30578z"  ></path></symbol><symbol id="icon-niandu" viewBox="0 0 1024 1024"><path d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464zM449.560976 249.756098h-132.370732L224.780488 429.580488h132.370732l34.965853-67.434147h79.921951V449.560976h-194.809756v167.336585H229.77561v62.439024h242.263414V799.219512h119.882927v-122.380488h197.307317v-62.439024h-197.307317v-102.4h167.336586V449.560976h-167.336586v-87.414635h179.82439V299.707317H424.585366l24.97561-49.951219z m22.478048 262.243902v102.4h-77.42439v-102.4h77.42439z" fill="#0E7EB7" ></path></symbol><symbol id="icon-yuebao" viewBox="0 0 1024 1024"><path d="M849.170732 0c97.404878 0 174.829268 77.42439 174.829268 174.829268v674.341464c0 97.404878-77.42439 174.829268-174.829268 174.829268H174.829268c-97.404878 0-174.829268-77.42439-174.829268-174.829268V174.829268c0-97.404878 77.42439-174.829268 174.829268-174.829268h674.341464z m-59.941464 249.756098h-499.512195v437.07317L249.756098 799.219512h124.878048l37.463415-97.404878V624.390244h257.24878v114.887805h-127.375609l29.970731 59.941463h217.287805V249.756098z m-122.380488 217.287804v94.907318H409.6v-94.907318h257.24878z m0-154.84878v94.907317H409.6v-94.907317h257.24878z" fill="#0E7EB7" ></path></symbol><symbol id="icon-yunhangxiangqing" viewBox="0 0 1024 1024"><path d="M836.738546 117.495612a22.577942 22.577942 0 0 1 22.577942 22.577943v745.418294a22.577942 22.577942 0 0 1-22.577942 22.577943H187.261454a22.577942 22.577942 0 0 1-22.577942-22.577943V139.983243a22.577942 22.577942 0 0 1 22.577942-22.577942H836.738546m0-52.681866H187.261454a75.259808 75.259808 0 0 0-75.259808 75.259808v745.508606a75.259808 75.259808 0 0 0 75.259808 75.259808H836.738546a75.259808 75.259808 0 0 0 75.259808-75.259808V139.983243a75.259808 75.259808 0 0 0-75.259808-75.259808z" fill="#070505" ></path><path d="M310.567124 530.671958l157.60909-157.518778-157.60909-157.624142-40.20379 40.20379 117.375197 117.4053-117.375197 117.345093 40.20379 40.188737zM458.934309 436.928341h294.717409v56.851259H458.934309zM291.165145 675.577193h460.288986v56.851259h-460.288986z"  ></path></symbol><symbol id="icon-yuebao1" viewBox="0 0 1024 1024"><path d="M849.17 0C946.577 0 1024 77.424 1024 174.83v674.34c0 97.406-77.424 174.83-174.83 174.83H174.83C77.423 1024 0 946.576 0 849.17V174.83C0 77.423 77.424 0 174.83 0h674.34z m-59.94 249.756H289.716V686.83l-39.96 112.39h124.877l37.464-97.404V624.39h257.248v114.888H541.971l29.97 59.942H789.23V249.756zM666.848 467.044v94.907H409.6v-94.907h257.249z m0-154.849v94.907H409.6v-94.907h257.249z" fill="#0E7EB7" ></path></symbol><symbol id="icon-a-ziyuan118" viewBox="0 0 1024 1024"><path d="M591.26264 352.787472m-37.569575 0l-298.723937 0q-37.569575 0-37.569575-37.569575l0 0q0-37.569575 37.569575-37.569575l298.723937 0q37.569575 0 37.569575 37.569575l0 0q0 37.569575-37.569575 37.569575Z" fill="#009695" ></path><path d="M483.593736 506.272931m-37.569575 0l-191.513199 0q-37.569575 0-37.569575-37.569575l0 0q0-37.569575 37.569575-37.569575l191.513199 0q37.569575 0 37.569575 37.569575l0 0q0 37.569575-37.569575 37.569575Z" fill="#009695" ></path><path d="M332.399105 64.143177h143.405817v44.900223H332.399105V64.143177z m143.405817 809.120358H68.953915c-12.828635 0-23.366443-11.454139-23.366443-26.115437V90.258613c0-14.203132 10.537808-26.115436 23.366443-26.115436h120.039374v49.481879H90.487696v710.156599h385.317226v49.48188z m313.8434-361.950783h-53.605369V109.0434h-116.374049V64.143177h141.573154c15.577629 0 27.948098 10.537808 27.948099 23.366443v424.261297z m-46.732886 500.774944c-129.66085 0-235.497092-105.836242-235.497091-235.497092s105.836242-235.497092 235.497091-235.497092 235.497092 105.378076 235.497092 235.497092-105.836242 235.497092-235.497092 235.497092z m0-426.09396c-104.919911 0-190.596868 85.676957-190.596868 190.596868s85.676957 190.596868 190.596868 190.596868 190.596868-85.676957 190.596868-190.596868-85.676957-190.596868-190.596868-190.596868z" fill="#009695" ></path><path d="M742.915436 1024c-136.075168 0-246.95123-110.876063-246.95123-246.95123s110.876063-246.95123 246.95123-246.951231 246.95123 110.876063 246.951231 246.951231-110.876063 246.95123-246.951231 246.95123z m0-470.994183a224.042953 224.042953 0 1 0 0.091633 448.177539 224.042953 224.042953 0 0 0-0.091633-448.177539z m0 426.093959c-111.334228 0-202.051007-90.716779-202.051006-202.051006s90.716779-202.051007 202.051006-202.051007 202.051007 90.716779 202.051007 202.051007-90.716779 202.051007-202.051007 202.051006z m0-381.193736a179.142729 179.142729 0 1 0 0 358.285459 179.142729 179.142729 0 1 0 0-358.285459zM487.717226 885.175839H68.953915c-19.242953 0-34.820582-16.952125-34.820582-37.569575V90.258613c0-20.61745 15.577629-37.569575 34.820582-37.569575h131.493512v72.390157H101.941834v687.248322h385.317226v72.390156zM68.953915 75.597315c-6.872483 0-11.912304 6.414318-11.912304 14.661298V847.606264c0 7.788814 5.497987 14.661298 11.912304 14.661298h395.396868v-26.573602H79.033557V102.170917h98.505593v-26.573602H68.953915z m732.148546 447.169575h-76.513647V120.497539h-116.374049V52.689038h153.027293c21.991946 0 39.402237 15.577629 39.402237 34.820582v435.715436z m-53.605369-22.908277h30.697091V87.967785c0-6.414318-7.788814-11.912304-16.493959-11.912304h-130.119016v21.991946h116.374049v402.269352zM487.25906 120.497539H320.944966V52.689038h166.314094v67.808501z m-143.405816-22.908277h120.497539v-21.991947H343.853244v21.991947zM260.92528 152.110962a22.450112 22.450112 0 0 1-22.450112-22.450112V31.613423a22.450112 22.450112 0 0 1 44.900223 0v98.505593c0 12.37047-10.079642 22.450112-22.450111 22.450112z" fill="#009695" ></path><path d="M260.92528 161.732438c-17.410291 0-31.613423-14.203132-31.613423-31.613422V31.613423c0-17.410291 14.203132-31.613423 31.613423-31.613423s31.613423 14.203132 31.613422 31.613423v98.505593c0 17.410291-14.203132 31.613423-31.613422 31.613422z m0-143.405816a13.286801 13.286801 0 0 0-13.286801 13.286801v98.505593a13.286801 13.286801 0 0 0 26.573602 0V31.613423A13.286801 13.286801 0 0 0 260.92528 18.326622z" fill="#009695" ></path><path d="M547.736913 152.110962a22.450112 22.450112 0 0 1-22.450112-22.450112V31.613423a22.450112 22.450112 0 0 1 44.900224 0v98.505593c0 12.37047-10.079642 22.450112-22.450112 22.450112z" fill="#009695" ></path><path d="M547.736913 161.732438c-17.410291 0-31.613423-14.203132-31.613423-31.613422V31.613423c0-17.410291 14.203132-31.613423 31.613423-31.613423s31.613423 14.203132 31.613423 31.613423v98.505593c0 17.410291-14.203132 31.613423-31.613423 31.613422z m0-142.947651a13.286801 13.286801 0 0 0-13.286801 13.286801v98.047428a13.286801 13.286801 0 0 0 26.573602 0V31.613423a13.286801 13.286801 0 0 0-13.286801-13.286801z" fill="#009695" ></path><path d="M829.96689 762.845638l-113.16689-92.091276a17.410291 17.410291 0 0 0-19.242953-2.290827c-6.414318 3.207159-10.537808 9.621477-10.537808 16.493959v184.182551c0 6.872483 4.12349 13.286801 10.537808 16.493959 2.290828 1.374497 5.039821 1.832662 7.788814 1.832663 4.12349 0 8.24698-1.374497 11.454139-4.12349l113.16689-92.091275c4.12349-3.665324 6.872483-8.705145 6.872484-14.203132s-2.290828-10.537808-6.872484-14.203132z m-106.294407 67.808501v-107.210739l65.975839 53.60537-65.975839 53.605369z" fill="#009695" ></path><path d="M705.345861 896.629978a27.306667 27.306667 0 0 1-27.489933-27.489933v-184.182551c0-10.537808 5.956152-20.159284 15.577629-24.740939 9.163311-4.581655 20.61745-3.207159 28.86443 3.665324l113.16689 92.091275c6.414318 5.039821 10.079642 12.828635 10.079642 21.075616s-3.665324 16.035794-10.079642 21.075615l-113.16689 92.091275c-5.039821 4.12349-10.995973 6.414318-17.410291 6.414318z m0-220.835795s-2.748993 0-4.12349 0.916332c-3.207159 1.374497-5.039821 4.581655-5.039821 8.246979v184.182551c0 3.665324 1.832662 6.872483 5.039821 8.24698s6.872483 0.916331 9.621477-1.374497l113.16689-92.091275s3.207159-4.12349 3.207159-6.872483-1.374497-5.497987-3.207159-6.872484-113.16689-92.091275-113.16689-92.091275a9.209128 9.209128 0 0 0-5.956152-1.832662z m9.163311 174.102909v-145.696645l89.342282 72.848323-89.342282 72.848322z m18.326622-107.210739v68.724833l42.151231-34.362416-42.151231-34.362417z" fill="#009695" ></path></symbol><symbol id="icon-a-qushi1" viewBox="0 0 1024 1024"><path d="M455.68 329.386667H324.266667c-13.653333 0-25.6 11.946667-25.6 25.6v539.306666c0 13.653333 11.946667 25.6 25.6 25.6h129.706666c13.653333 0 25.6-11.946667 25.6-25.6V354.986667c1.706667-13.653333-10.24-25.6-23.893333-25.6zM709.973333 580.266667H580.266667c-13.653333 0-25.6 11.946667-25.6 25.6v288.426666c0 13.653333 11.946667 25.6 25.6 25.6h129.706666c13.653333 0 25.6-11.946667 25.6-25.6V605.866667c0-13.653333-11.946667-25.6-25.6-25.6zM964.266667 407.893333h-129.706667c-13.653333 0-25.6 11.946667-25.6 25.6v462.506667c0 13.653333 11.946667 25.6 25.6 25.6h129.706667c13.653333 0 25.6-11.946667 25.6-25.6V431.786667c0-13.653333-11.946667-23.893333-25.6-23.893334zM199.68 496.64H69.973333c-13.653333 0-25.6 11.946667-25.6 25.6v372.053333c0 13.653333 11.946667 25.6 25.6 25.6h129.706667c13.653333 0 25.6-11.946667 25.6-25.6V522.24c0-13.653333-11.946667-25.6-25.6-25.6z" fill="#333333" ></path><path d="M868.693333 245.76l-54.613333-61.44c-8.533333-10.24-3.413333-25.6 10.24-27.306667l68.266667-10.24 75.093333-10.24c11.946667-1.706667 22.186667 8.533333 18.773333 20.48l-18.773333 73.386667-17.066667 68.266667c-3.413333 13.653333-20.48 17.066667-29.013333 6.826666l-52.906667-59.733333z" fill="#333333" ></path><path d="M650.24 447.146667c-8.533333 0-17.066667-3.413333-23.893333-10.24L380.586667 182.613333l-293.546667 221.866667c-15.36 11.946667-35.84 8.533333-47.786667-6.826667-11.946667-15.36-8.533333-35.84 6.826667-47.786666l319.146667-238.933334c11.946667-10.24 32.426667-8.533333 44.373333 3.413334l244.053333 252.586666 221.866667-174.08c15.36-11.946667 35.84-8.533333 47.786667 5.12 11.946667 15.36 8.533333 35.84-5.12 47.786667L670.72 440.32c-5.12 5.12-13.653333 6.826667-20.48 6.826667z" fill="#333333" ></path></symbol><symbol id="icon-zongfadianliang" viewBox="0 0 1024 1024"><path d="M0 0m102.4 0l819.2 0q102.4 0 102.4 102.4l0 819.2q0 102.4-102.4 102.4l-819.2 0q-102.4 0-102.4-102.4l0-819.2q0-102.4 102.4-102.4Z" fill="#D9E7FE" ></path><path d="M272.64 777.216h478.464V819.2H272.64v-41.984z m28.16-516.608h84.224v41.728h-84.224v-41.728z m0-55.808h84.224v41.728h-84.224V204.8z m337.92 55.808h84.48v41.728h-84.48v-41.728z m0-55.808h84.48v41.728h-84.48V204.8z m-169.216 55.808h84.736v41.728h-84.736v-41.728z m0-55.808h84.736v41.728h-84.736V204.8z m301.824 125.44H230.4v397.312c0 6.656 2.048 11.008 6.4 15.104 4.608 4.352 8.96 6.656 15.616 6.656h518.912c6.656 0 11.008-2.304 15.616-6.656 4.352-4.096 6.656-8.448 6.656-15.104V352c0-6.656-2.304-10.752-6.656-15.104a25.4976 25.4976 0 0 0-15.616-6.656zM473.856 665.6l32.512-105.728h-92.928l67.072-159.744h71.424l-49.92 103.424h108.288L473.856 665.6z" fill="#196CF4" ></path></symbol><symbol id="icon-yichang1" viewBox="0 0 1024 1024"><path d="M51.2 0h921.6a51.2 51.2 0 0 1 51.2 51.2v921.6a51.2 51.2 0 0 1-51.2 51.2H51.2a51.2 51.2 0 0 1-51.2-51.2V51.2a51.2 51.2 0 0 1 51.2-51.2z m430.2592 192a25.6 25.6 0 0 0-25.5616 27.008l22.7584 409.6A25.6 25.6 0 0 0 504.2176 652.8h15.5648a25.6 25.6 0 0 0 25.5616-24.192l22.7584-409.6A25.6 25.6 0 0 0 542.5408 192h-61.0816zM512 826.88a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z" fill="#FF8016" ></path></symbol><symbol id="icon-igw-f-warning-data" viewBox="0 0 1024 1024"><path d="M677.49 32a64 64 0 0 1 45.255 18.745l186.51 186.51A64 64 0 0 1 928 282.51V896c0 53.02-42.98 96-96 96H192c-53.02 0-96-42.98-96-96V128c0-53.02 42.98-96 96-96h485.49zM511.6 691c-21.208 0-38.4 17.192-38.4 38.4s17.192 38.4 38.4 38.4 38.4-17.192 38.4-38.4-17.192-38.4-38.4-38.4z m1.4-371h-2c-16.95 0-30.722 13.603-30.996 30.487L480 351v258c0 16.95 13.603 30.722 30.487 30.996L511 640h2c16.95 0 30.722-13.603 30.996-30.487L544 609V351c0-16.95-13.603-30.722-30.487-30.996L513 320z m175-213.49V240c0 17.496 14.042 31.713 31.47 32h134.021L688 106.51z" fill="#000000" ></path></symbol><symbol id="icon-shouruzhanbi" viewBox="0 0 1024 1024"><path d="M787.691 0H236.309C106.337 0 0 106.337 0 236.309v551.382C0 917.662 106.337 1024 236.309 1024h551.382C917.662 1024 1024 917.662 1024 787.691V236.309C1024 106.337 917.662 0 787.691 0zM492.362 763.35c-128.029 0-231.712-103.682-231.712-231.712 0-128.032 103.682-231.714 231.712-231.714v231.712h231.714c0 128.031-103.682 231.714-231.714 231.714z m39.274-270.988V260.65c126.852 0.787 230.927 104.859 231.714 231.712H531.636z"  ></path></symbol><symbol id="icon-qiyezongshu" viewBox="0 0 1024 1024"><path d="M85.248 0h852.48c46.912 0 85.312 38.4 85.312 85.248v852.48c0 46.912-38.4 85.312-85.248 85.312H85.248c-46.912 0-85.248-38.4-85.248-85.248V85.248C0 38.336 38.4 0 85.248 0zM213.12 379.968v439.04h132.864v-439.04H213.12z m232.448-156.8v595.84h132.864v-595.84H445.568z m232.448 313.6v282.24h132.8v-282.24h-132.8z" fill="#69C1B7" ></path></symbol><symbol id="icon-yichang" viewBox="0 0 1024 1024"><path d="M893.62 678.73L554.05 90.54a53.2 53.2 0 0 0-46.07-26.6 53.188 53.188 0 0 0-46.07 26.6L122.32 678.73c-9.51 16.46-9.51 36.74 0 53.2s27.07 26.6 46.07 26.6h679.17c19.01 0 36.56-10.14 46.07-26.6s9.5-36.74-0.01-53.2zM514.85 254.86c24.17-0.2 48.13 21.26 48.13 41.16l-11.94 205.81c0 19.9-16.28 36.19-36.18 36.19s-36.18-16.28-36.18-36.19l-11.94-205.81c-0.02-19.9 18.97-40.4 48.11-41.16z m0 432.77c-27.46 0-49.72-22.26-49.72-49.72 0-27.46 22.26-49.72 49.72-49.72 27.46 0 49.72 22.26 49.72 49.72 0 27.46-22.26 49.72-49.72 49.72z"  ></path></symbol><symbol id="icon-sanjiaoright" viewBox="0 0 1024 1024"><path d="M755.974268 512 268.025732 146.975708l0 730.048584L755.974268 512"  ></path></symbol><symbol id="icon-frequency" viewBox="0 0 1024 1024"><path d="M960 112v270h-50V162H114v220H64V112h896z m-50 750H114V642H64v270h896V642h-50v220z m-489-68.6l139.7-240.7L641.4 654 746 423.9l51.7 109.5h92.8v-50h-61.2L745.1 305 629.7 559l-75.4-94.7L434 671.5 290.4 230.6 184.8 483.5h-51.4v50h84.7l66.4-159.2L421 793.4z" fill="" ></path></symbol><symbol id="icon-fanhui" viewBox="0 0 1024 1024"><path d="M468.1 320.3V158.7c0.9-8.1-1.3-16.4-7.5-22.7-10.9-10.8-28.4-10.8-39.3 0L147.6 436.1c-5.8 5.7-8.3 13.4-7.9 20.9-0.4 7.5 2.1 15.1 7.9 20.9l272.2 298.4c10.2 8.7 28.8 13.6 40.8 1.6 6.2-6.2 8.9-11.4 8-19.5V594c180.8 0 344.4 130.2 376.8 301.6 21.9-50.2 34.1-105.6 34.1-163.9 0.1-227.2-184.1-411.4-411.4-411.4z" fill="#070101" ></path></symbol><symbol id="icon-mima" viewBox="0 0 1024 1024"><path d="M860.58 489.4c-0.09-47.06-29.76-88.04-72.49-101.63-16.6-5.3-33.82-6.09-51.12-5.3-7.68 0.35-12.01 0.71-11.12-10.95 2.12-28.52 2.47-57.39 1.23-86.09-4.06-94.48-70.11-174.13-163.18-198.41-88.3-23.04-182.87 15.72-233.64 93.86-40.62 62.34-35.23 130.94-31.97 201.58-11.92 0-22.69-0.26-33.38 0-56.25 1.5-101.1 46-101.37 102.16-0.53 117.88-0.62 235.75 0 353.63 0.35 57.31 44.94 104.2 101.9 104.54 165.29 1.06 330.68 0.97 495.97 0 55.01-0.35 98.9-46.71 99.16-101.89 0.45-117.15 0.36-234.33 0.01-351.5zM566.02 666.18c-8.65 6.53-11.3 12.72-11.04 22.87 0.62 25.78 0.44 51.66 0.18 77.44-0.44 29.76-17.31 47.68-43.97 47.24-25.7-0.35-41.77-18.01-42.21-46.8-0.26-15.1-0.44-30.11 0-45.21 0.8-26.23-0.09-48.39-23.75-69.58-25.52-22.95-25.96-57.83-10.95-89.88 15.54-33.03 42.91-48.39 72.4-50.51 42.12 0.44 75.76 25.34 87.33 59.96 11.47 34.51 1.06 72.48-27.99 94.47z m59.86-283.44c-37.35-0.71-74.7-0.27-112.05-0.27-38.06 0-76.2-0.79-114.26 0.35-14.84 0.45-17.75-4.68-17.22-18.1 1.06-22.96 0.09-46 0.35-68.96 0.8-71.88 57.39-128.65 128.48-129 71.17-0.35 128.65 55.8 130.15 127.68 0.53 24.46-0.71 48.92 0.35 73.29 0.54 12.88-4.23 15.18-15.8 15.01z" fill="#050101" ></path></symbol><symbol id="icon-yonghu" viewBox="0 0 1024 1024"><path d="M502.496 63.136c125.888 0 227.936 100.384 227.936 224.192 0 123.84-102.048 224.224-227.936 224.224-125.888 0-227.936-100.384-227.936-224.224C274.56 163.488 376.64 63.136 502.496 63.136L502.496 63.136zM502.496 63.136c125.888 0 227.936 100.384 227.936 224.192 0 123.84-102.048 224.224-227.936 224.224-125.888 0-227.936-100.384-227.936-224.224C274.56 163.488 376.64 63.136 502.496 63.136L502.496 63.136zM417.024 586.304l189.984 0c162.624 0 294.432 129.632 294.432 289.6l0 18.656c0 63.04-131.84 65.44-294.432 65.44l-189.984 0c-162.624 0-294.432-0.096-294.432-65.44l0-18.656C122.592 715.936 254.4 586.304 417.024 586.304L417.024 586.304zM417.024 586.304" fill="#272636" ></path></symbol><symbol id="icon-back" viewBox="0 0 1024 1024"><path d="M482.7 249.9V106.1c0-37.4-45.3-56.2-71.7-29.7L140.3 347c-16.4 16.4-16.4 43 0 59.4L410.9 677c26.5 26.5 71.7 7.7 71.7-29.7v-155c96.1-0.3 271.5-10.7 271.5 227.7 0 118.1-92.8 216.8-216 239.6 198.1-24.4 326-236 326-361.9 0.1-292.6-309.4-346.3-381.4-347.8z" fill="" ></path></symbol><symbol id="icon-platform-manage" viewBox="0 0 1024 1024"><path d="M186.561 655.343v0.047l282.35 139.201c27.067 13.355 59.018 13.355 86.086 0l282.35-139.154L944.22 708.06c9.678 4.76 15.782 14.445 15.782 25.031 0 10.586-6.104 20.27-15.782 25.03L554.997 950c-27.058 13.335-58.98 13.335-86.04 0L79.738 758.076c-9.627-4.78-15.688-14.435-15.688-24.984 0-10.55 6.061-20.205 15.687-24.985l106.825-52.764zM554.997 74.016L944.22 265.939c9.625 4.774 15.686 14.43 15.686 24.984 0 10.549-6.061 20.205-15.686 24.98L554.997 507.828c-27.058 13.336-58.98 13.336-86.04 0L79.738 315.902c-9.627-4.774-15.688-14.43-15.688-24.979 0-10.554 6.061-20.21 15.687-24.984L468.91 74.016c27.068-13.355 59.02-13.355 86.087 0z"  ></path><path d="M185.891 434.654l283.067 139.529c27.058 13.335 58.981 13.335 86.04 0l283.018-139.529 106.204 52.301c9.678 4.756 15.782 14.44 15.782 25.027 0 10.59-6.104 20.275-15.782 25.03L554.997 728.936c-27.058 13.335-58.98 13.335-86.04 0L79.738 537.013c-9.65-4.766-15.735-14.436-15.735-25.008 0-10.568 6.085-20.238 15.734-25.003l106.155-52.348z"  ></path></symbol></svg>',(c=>{var a=(h=(h=document.getElementsByTagName("script"))[h.length-1]).getAttribute("data-injectcss"),h=h.getAttribute("data-disable-injectsvg");if(!h){var l,i,t,o,v,z=function(a,h){h.parentNode.insertBefore(a,h)};if(a&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("<style>.svgfont {display: inline-block;width: 1em;height: 1em;fill: currentColor;vertical-align: -0.1em;font-size:16px;}</style>")}catch(a){console&&console.log(a)}}l=function(){var a,h=document.createElement("div");h.innerHTML=c._iconfont_svg_string_3482754,(h=h.getElementsByTagName("svg")[0])&&(h.setAttribute("aria-hidden","true"),h.style.position="absolute",h.style.width=0,h.style.height=0,h.style.overflow="hidden",h=h,(a=document.body).firstChild?z(h,a.firstChild):a.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(i=function(){document.removeEventListener("DOMContentLoaded",i,!1),l()},document.addEventListener("DOMContentLoaded",i,!1)):document.attachEvent&&(t=l,o=c.document,v=!1,e(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,n())})}function n(){v||(v=!0,t())}function e(){try{o.documentElement.doScroll("left")}catch(a){return void setTimeout(e,50)}n()}})(window);
\ No newline at end of file
diff --git a/src/assets/font/iconfont.json b/src/assets/font/iconfont.json
index f9d4bf78..1394bd59 100644
--- a/src/assets/font/iconfont.json
+++ b/src/assets/font/iconfont.json
@@ -5,6 +5,27 @@
   "css_prefix_text": "icon-",
   "description": "",
   "glyphs": [
+    {
+      "icon_id": "25458995",
+      "name": "停运事件管理",
+      "font_class": "tingyunshijianguanli",
+      "unicode": "e65d",
+      "unicode_decimal": 58973
+    },
+    {
+      "icon_id": "35341056",
+      "name": "在运设备",
+      "font_class": "zaiyunshebei",
+      "unicode": "e604",
+      "unicode_decimal": 58884
+    },
+    {
+      "icon_id": "22630860",
+      "name": "异常类_14非智能表在运异常",
+      "font_class": "yichanglei_14feizhinengbiaozaiyunyichang",
+      "unicode": "e666",
+      "unicode_decimal": 58982
+    },
     {
       "icon_id": "32402696",
       "name": "综合评价",
diff --git a/src/assets/font/iconfont.ttf b/src/assets/font/iconfont.ttf
index ccd42b89f27b72481a6446e82651493db68569f4..2ead6d48503081c971173033ad86d10ca6c82e82 100644
GIT binary patch
delta 1601
zcmZ{jUuau(6vxlGH@VHfn}5AGZKA#Dy|+n5qNz)hwzFMaVb(=t;MC!R+swMONomuL
zcG!-NR2?Exa5gVfe388fgP|7e%NQtq7=qY02Nmp#zYgqPL?5JW;<@=%#KC?ypZxCm
zo!_7DIlptSkL-@#Fl%1};0ge|JvLpO{rR0WJAhCI5bsS)EsnpjbSDQOk==Q-Tq<5l
zPyYHE&D|#Y%QWD)W;;&rcZr_z^!&oot>)jf-!9opQ!``5u?Le2wEhU$C#H)Fvv>+$
zC4VQ`-PPiB$$u*{{1rfyY++({W^VqPuP+9m(}9BU$zAh>C?NTW#_Nd(7ktBif!js{
z0Kc96@%F!c^PpL?eIdR}wgUufl$y0JTG#M0+Uqy4*hZ!en$7wyzCSYB@&cX!vGw*0
z^)5Pc6l|!_#0+%P<RG&#2a}n~I#`$`S&kiJ!z|Cvv+?@25UJl6I>d9W_m^tcc^SyU
z;QyZIVVIu$6CMCRsqFwC*hzN;y1)$~cnX~GG<ZM;jrLSXSr9rQ4DFzT1Z||t3js?l
zN~H9#)jt=THOh3WX#h;*&<VgOVHQ?q7_G6OQ-M)REa-e-4h|^+CUZy=FqK2<fLUt@
z(g`fgA;rLwoEnJ-M&)8bVE`NCP(Z+raVRukLmUbc*f58}1(xSf;K0sttm|RtIg|`w
z;~Yv0uw@P<2-rH*tUoGLGXCUH)`0DCD1Wd+5m`_sVaLm%oWjoc9Lg>{?B!6N;o*G_
zWgLDV;ZW}3(Jvh97Ful{e!yf6H-)6|k?0a{+HAHD?Rook`-bF|PCJ5*FP)Ne)Vb>1
zbP2ALt~0I`*FE=1_h;^H&nuRI=CTc_eA_8&DJqy3;WU6<H`163Wb@dkXEam;iWgDU
zb7sy|MMLUBB}9(?<Cu+`qLCJ|wY-qg1jQ>Pyr_wpfkeEmBagW>ipvLJ4jIOfDf0f{
zHeQ;%u^5iWBKTe;77u?H?ll#~?9K4*tS^9a#5DZfviz3UCk!nAx7KX!h0n#~hJl-@
zu01W8)b_ekjrE$+lRn%alkQPAJh8YD@k-yI_^E8P$NT8}Yc}aaMT*o%Mf5CCO|<Ko
z5QQe0x)G;f`#TIt2@PQ;kJ&Vu_yli1#as}pS}LXOuhRdDFBJ0Cwp;-h{Tl0!d$ugM
zxSY}&Th<bcX{ptaraA)(%`QAP913Yv$6(b$b6MObu_C>@>1q-%093lzr<#dAHHCB$
zs2dW=Z{0+V^v6*$5^2mM-Iye1`zex;Dk@S6jd%j}fL+)q6t)V5dO^6ezv@#}pI9Yv
zjp@MApr=jNdNgm_W!ZJgDa!$m?hYWX?{A4Q;nAwqFc$LdzwB34zxb_R-Jc5vWm8ua
z-NX-EUa#zG9C-YG4}Od~!kQud)QQphAKKs<)G&(Opv+gQ6N^`>bLGlprC6P~Qmjr@
wJXedA)>!Fcsd8koGFB$fRH<^|Xm-3*xmvDNOVx>smEsJacQ|1!6@3%`0jj)BbN~PV

delta 855
zcmZ{iPe@cz6vn?h@6GegO#Z3V8OK3PU4#Wmq>MHxLVs2*q6mwa9L;8+8J)<5EpjSa
z#Vm~1BHC5pF3f}iaUs#7Xi=+>a3LXQ1~Q1UO=0$3Z!KDMFTZ#1J@4Fmzw^DfcJx;N
zRBPcWpo#znhjXd?>-pjm;5!Fc#dP-S#hYKheFU5~p#E@XBz0lW`pY-WT_If=2Hb0Q
z59bS{Et4Cc$Uoft!SmL*&S%GlQ)h-wMgV`A>z-U{BCn396MWAYnnzQ)k(x)*#1kNv
z;ic*P*p>0q_Z}|;P4AdAduO4wF9yY2a%d)d{CsudJ3=-Cz-r@S`tP{8v01PmSU0$K
z;nPtzy)Wi9smsdorc}z?P?LS}ttixfSX;Bb9D}?%4qG|Q??5wb)QBanR7#zMr9s-I
zQ@SM~y^{34_@dr>Us&ncu}g~i9XRk$??U{)9jHVtwo#!UVMM8QCn9jrfB;oAVmqo)
zhkDdt2X)z07(x{)Sc>D#TEDzS<@aW6r*KM_$JPjlW#GvWR-oY>5bo0OHi&D`&WO$<
zQ~;?nPz&S_R0U};P#>h-K&6mQLxG|paRcQ;x(zG@a?rq%APIxESb7axqLZ8x77V#=
zVCj(O2ATj_H_#5qPXmoX$wfgwK#x$WGSDrQUKr>b%KHrZ8<$@h=p{b&8|W%N^EcCI
zf7zxL)Sz1Njru-VNxRlQYu~q5{cTRUVzOe{jky_j+Fc4n1G@u5!NA>MG?))Q3$@J6
UyKf^Z=H1>ESD3498Bhwp0czQ}NB{r;

diff --git a/src/assets/font/iconfont.woff b/src/assets/font/iconfont.woff
index 968d148fc8df09090309270301d8045b0ee10a6d..ef13b3af8004537faebdd2feb440c11b60e1af38 100644
GIT binary patch
delta 5329
zcmV;?6fW!NDX1+JcTYw}00961000)K01E&B001LwkrY3Fv14svZ~y=ShyVZqP5=M{
zzSnoN1!rt|W&i*J*Z=?!W&i*fm{okPHE3mFWB>pYKmY&$F#rGnHZE%4Q)p;qVE_OV
zbN~PVAOHXWBnW*3J!oxocmMzslmGw#ApigXe0-z-`D|}vVE_OVxBvhEKmY&$Kx5cy
zcx_>LZ~y={6ZilC03QGV03ZQK0a0#YZDjxe6c_*i0YCr%0%s7TJg{(Yb94Xz6<7cO
z0Zsq_0s?&xGbNJ<0YU*~lS=_Qe?SdPc%0pnzfJ-{7{uoQ;Y2`15b+POCMG0C5)eY9
z@hza_87z4#dMX}*dX9w9(NW+mV?&_{t-JYMZoll_eVLgBa0VbPUPJ~+eIn8uq7PN0
zLp_cBp`M8<TEF61`^wBPW|39aSZ9-McG>5EV@^2bj9c!KI4LFbRcp0ae-Agy{T^VN
z*`qTZ_H<_S*O?PXr2gK}Ihyb2YYu*yz!g%c;ZjP(xW^MNaEk|=;}HcE(a<+5(x8kx
z)Nz9<vdBq+60U<TQTF5>|KBKtNA&fxY6Pc^v;{LpDuY=gy}_K3@?dO28d)?5wW^UX
zV9m%Oux{iP*feqtY#aFpe|C(V1iMC_f;|(uX5S$Eb6^hrk4(4$92=zooS1N9I5kQJ
zI5Wx!xHSkp?u>GSBsNMAl9ExDkj#xzg;mRho48sSB@OGLQRc8&8sxtLqgj){004NL
z#W-n@9MyU6>o?Oq-7`JYJw4Ms$IjV1GppUz9&@g=+TD>>2P-5be<1|IwL&1of-a=B
zK&6NPgNy_L0YdyRhm{g01{_nQ0+hixz&c<GQUogn<`O0(*aTM@8?Z1**ly)}J+nd*
zxGI%D+3oq>^}YAL_r33YgeT-g!$s%~L?dz1Mdp!3<QziWnQRYK)bcQtGQ}i>)sP<`
zoT-=<GfcC50zx_te^iH{oHuE<hbs?r#UvN<a|J&nX|Yzw3&t>1dVn@8Vh(1rgC=d3
z){kK0=7WC`&F5mUH<rsse-`aELm{)b*euQus36D8tdf@HaesiTHNKi_I%`2+KA+9P
z(XPao$<EH?mx(U>$xwSwYksk(J@kSvm(Rxh{9{1xk+WL9e?*Au#EBEvy8zD_APF*?
z%ppX}6m>ipZ)UQ2JZja*@*#Z?io;Ou0TcerXcbR9Mz2hEbtR_{Av_S!^}sPnmGHBl
z{MrBmw9%EckFf#BCA$vk$*`z~5PR&5ZXG{@e*(J``aaT1vF^otDUcc&Bm_!fvrr0m
z0p0>+vOLn~e_R97mj^yu=z(Ft+u~`tij?YM8sfVkn=e2{b#pI_jU5{syK9Vlbox*r
z91hSckv4mq+8^`@a<V<?7ba!tEK!zKU&gBfJUM-g=D3d!u|LS^f$616IIPegE8*##
z!JuqrLZOTa`z60$vMryY_}~u6fI~m>y5YJX=@&^9e`y~iOUP<+1=7!WSgaPRc}BgV
z@_H?!R|_h(d8C~~LDT)5Ch!7p^1YBRSBojARSi7^OdhL_Eb{b}x`uKoWO_J9RBPD9
z32=5O9xt>3*Tx-~ez{Nss1<0<DXlr3i!*`2Rm*!Il<&X$dx9W&LxFX2)b!46#QS7;
z*4`e_e>hErI|CX7ReQUtLs)}5gJB3i-*;|t`sM!BeSNF@X)QNeiUBB*Y&5E>F)rPo
zwT8@ofMS+=KHF~%K*xf!%7M0dIioupg!c|`E;smAd(shK`P-`QN!yb~#)za1SgNOV
zBdOcLuBBZ72)JiiEz&cXX1t^*3rFZtx)Jp=f61g)1V6A#Mb)d;fH6o974lgD!X>Dd
z3tCHDkv%#SUNwV_rX<rB?d2|!Z%7Jt!B3=^xKr98Wde4i4mXLSJpDVPEfs>}{-7?|
z8YOBX*v36>mt348HF(hl|164E`Qt;PXiwDPUNJ3AKb{KFl7V=^=?^(ApsE4u{ZNXy
ze~{)E>CfnV)U}jjQ@%;pP8D7g@04#gQIhdAd<v3KLvii_0UDGfOfz9Q(CzWKDPizp
zYf4fSiK`>D6?a6^v^`?f3#&y=j7aw5w2pHcYz~L8<Z)XKHjP6#{jm~K@PoG{oOP4P
zxgq9?Xq2}<MxMJ*SSY_}x`+?uH&04re~lx%jN&G}wNo4JGaAe|Hcca#O{3vP%@o{z
zcBGua&J~`);GQv3soClD7kWC~olaZ#U^zRLvL9@=>2+`7xN)}qPiw;SWA<x7A>JK?
zIBUQ~3;~v=4Ey_ttiwe{>ZY`A$DPJ+^z>Ue@<*p38>v+({TWt&Mo)2X;l%&Ee=I75
z{$1{F7yPeJ#Dow;$Js`2>P+a|EuYXJ5ww&wyuY>V`~s>PA42*Ky;wtSLuu=QLY`&|
z`9fZ)RcqC>p&Pow)R&rSrc!1Dw1N|$hr<aKlV@W(!(t0m1V6`-E7p(SUg+p3+&;ek
z=vUP%ZrHwcq+TD{x*fQg+6@%?e`j?pTAW+4!*3s3czIvs!Uc3it*U9ggL9X!STVLm
zFNV+GNgHP_)~rtFPG8QpS&fSJFX*|87j?`!L0<7so@2k|yWsl2+GG@sdAR1`fod=m
z(YK6IZqDj<<c-U*&2OM>Gf5wE<}Aloo~ClAiFQl(G(9Ash0d3m%DQI|f6>4hC01t&
zU9Qp%mba}?Xydj^vMgD5N<N>&eU30B7gh;^eT$&_1=uC1)&(%Y2JM#^{MQ-K$S3HY
zL>|$7()503b}xh0za;YXF+pW3_*J&T3y33!d@tb-Ys}8DIN*Jh`3%~b0!n<HEGOS`
z^tR>w&65#<k@d5#Bnu6Oe_2<{Th1H_nn!LjMJVd14}8;J<xU-$;u__(W&EsG*>v$-
zqvh(4aCKSJWNQi`%tjE?w8xtT+}12<8mHM)&FN4_P{*0}RC5KWV`<eHVoc*M)?}M4
zB?B(o&}65MpsvX$h|`ad5YI{98zf;eOqP)g$ppEITuVrf_Mj0Ee<+{i(9={=f`v>R
zGI>82R+F6J*e>%FSvYA2dN?72JZo|ck!U&J1vBA<@Ks#V1v#{PA$=G|0Cgv8G~Fdm
zc;_QAo@(>_!NUdH0&p}C7d^1lUiQv)*5+tmE(9j>?RPBHu;Q`y_850_tR3A-DA)V6
zz0j+9@q>R*BazP{f9hjcsE;X;U(4vjZ*~B@=HYn1hT1KN39naCbVXSXH_HLP-`?#@
z7(Vd%ym1$7gEv8I?~Pj2oR<S!A2<3v+wL&i`Qd19yY_`w(=~4-8?pb0`(z`Lzcb8`
z(QfSU__j%2@QT~KqW598fuS^gThq>HXlMG-#(Z7aN^Vmqf7LMV!T(aYR4HKy+WcjV
zuvww2`d0S#uI#feYL=kw8^6(9`F!tZyMO-khaP&u{z30@+BgM)`#zTc{lvnx4-N0$
zGcqx}cKG#)i5b0a(UL;lF8mp4GAfc&$%IX#L@^%D;qOcuxCvYCxHboHee&%+_6Y#{
z#5a&&pS|Ofe{*)ugJtX2-?x6fV{@OQ2Wj2$nK?2GIYQucr&-FK8S~W&f+5s0;f#Pk
zx(I_e(b~lzcZ;<v)!m)qZb4|hcKGnDUAvxvg8lZx@QPigUcYD=%*b%R75(Mzlx3v5
zyVKlnQ{8sYUmxzc`s&J@9}hS@X~xX|KRih}y7(UMe^1a8%jk;}7)?~j0<waPlTBn7
z`3^Zmj*uUc$H|lAr{rbw2Kj(|N^I~!3=%LK<A?dM5UECLEB$3;Tev?YpzdJ<RSp{z
zC2J;R8iX)<EihG-F2;DwYoP1|)OcRnRN!WE@P8SB({>5N%uQA@YN>K^Q(97)9SE0H
zzzzW=e_d#r&ZZeP!>6_ir^XuY|0SM@E}J#ciH~5wC{&E*4#TL?7)k~J(FF&8gsWD{
z7=;@ZqY$ofD{}TP^LgmXZOK2E$M5cg2M^ktm=Nv06!ya0>Q%S-l%D$5dVOnS>&VE~
zdijEK`GPALD34B#j!y1pV07s6dGjvc!@y8&e_ge@?#l66ZM@chZeQQI8yK*U+Uxw`
zu>U(7;0F65w;;ITR{Q!(x$VoYzDG5xDT&{EmHp*|58knR_iEAa52CO)oq@~?g4g4L
z7?Py5deOY`9uM|nd^ahEz0~WT6ebs}@hTp_!cTg=lOB=d+>(2e13F2C3zu|qseCS%
zf4?V}&*$Lj*_JEdMHj3Tt+_A<4$a0~XRYlU*>?Tb`p7msCj4z_?d5Ar4zQQD&WHfs
zY#kDTeLkMjIqJG9T-!P(0{h?e0QaYWewMXrjL!1#mgE*=+<P&5KHN1L3fLRrdu~Cu
zuY|uGovkmE#SM(t8$`dT$s3r%LU7Q-e{aBJBk=71Mua;&?imEj825O+PkDK8jq~cr
z*6MD>_moE#IQO_G<{1}$1swkr?{<xIlylK>?$JYI*@fAe*x*Cd!>D7MddUdJ1{;}H
zHD#DNuL|aH#%XN~lFw+n&uHfg`6|ko9>9#I;Li4f8<W6lEmzf9(uc_%$|AgUf1?x#
zNP8s(0>}5Zs><;jyn%q1f$9HZZHbL=chz`aT6DJPqb4T4_9wFUbNd}{ThQf$5iu?v
zf6p5aQtuZ6S5qYGH*5tiE-7CslKnnwKw45B2}pK7TM&*){tK~jz!|wp3Vb;%Xdp?P
zEZ#1;Jhw~suSAy-7tte&)}tcTf7`@=6d13(&N~D1Bg|$gB!n?^8%dLP(t(x>Ga;2(
zAvMG-l3E5d+Zvjn3jW-!QkZFHPP6o84b8y>El*5LzcK+Tyk}?I&ci=Am%$%8)!Ehu
zeh(+0TG+3q*DYL9+)5h^olTqmqLb^HbxEhc^;>O!TlC2u*zJ++zu$c1e+rgsp7KVL
zLVCZJwPA8&Xsrv>s+hI0;KWJX=)K`&GCVzj5T5r2zz9f+6fhv*O<`AOGD#b);V?s;
zQoQyAdpUr6y^6Ij*_Fi4@i#~4{qz!|k{DWgCn7+jbea!@lR?oL;$+sstik;tu05>{
zbXbj!fq@RFD~6HA@Pxxqf5%4|cr+;Qrxznm+`5mUP|`7AZPU{X4|WE9w#Bdjaeujw
zMTB3)Da;S1F&`w5`FaQpP0Nol3bXtb<|k>$ddsngb*{rH?Yl=d4-ao1`Dl2Hfdy?~
z?`bHOdwBD8TZTVEGzk0$!c*ds0Pb#(_}6bmQ%h<Mf2>?X*O<kke>wdlgb(c7c;m)>
zw9#ssY{<UR9)l+jTaR$(*)Q53LacQ@1p6>wS4on2`5ZWrF7PuaEVD>Na3c2tZpfm1
z7Vp#R>_>!XTU5ZpAN6w&`y&DSx?s{5PKJH)a5#~el}x_PEtCCz*?Pj4hy((W1UwN7
zyviP+UR9#@ibQ7ue?Md?qk%il{hn~_jYH**+YxBMHY?xc|0i^cDnvjoWDps>C59U+
zWGd)ORnuKFY6kksf>02sfPrF-P8FwrU8LtQ&?wr*ft8!e>xR$Uxor2rP31MCRIxvM
z_g(N?!FTP?!2jJ(F8gp>@iBY-QTT~fJi<tE=%G6(p!O1|e^l8E3nssq!dDBGBFkWn
zYBRxw*SVnKvHu{7pm-udxNz0V>VRU-sjj=2tKaWeJ@)HjM6}=VaH{ujItmLHuUWBX
z$HnVv1J1dAK`)|%$n*J_XApGHg}l(u=WA6bwRX~F40BP~c!S-Ap2N$im2=pk<8@#J
z#!&Ol!(YvLe-C4s1v>Ofb*L4GFjtQ^wQg2AoJ3zrIr^=|3-;z?Jf)e=L4bHq+s8oT
zJu$G~=G_31f&l<7w-R(4`ADia7|6$~^=jNJfH`;ZU^@u#U2{MZ5J%|hUVLRxEf027
z(xW0b*!k=OiQWW2TW|cnkX!P!^&3%$hTGJL91JLZf5j-?R~ftj9x2ckYah&J2F-Mv
zU*ucy_Y~caGAN^r53rZ6Rut9JtNznkwB+0Y9*(gH&&+NDkIY^nO8xMs;Y~wBo33GC
z=#=W3XICy-Q0VB$F6q1M*-hO`vK<|T1&dbF`OHrb4b6D$X3hG%BfnsDg_clc7kWfl
zNop%be;4FC9N9oxFF{&6nQWA2WCIhoA!rh2=wbFUiPT`4*pw5Lln<g=+5Xh$gMgfk
zdMk;d*=58BE*)A@pEJ9&w|~~sIg88O{)54Y53x)HGDL#+QC>5;%d6&Iw#X;WYM)ct
z)i<$hq%*6^Gq&kD=dDdgYU+g4`rUfbd1eane}bFO7IHn#OQHLWj$E|}--!8Bh=qDW
z5ZfY%qF`Txb^97tg=4Vq%&vW*9{T}^GyM4GGX_6BAV~)*$TvTolB6lD$S!VAvpm@`
zCE2&#DoMANPwyuG1CC$UP5=OSoMT{QU|;~^e<A8O;`wd9GH|mnfWXtRv#VkB|G)q1
z5Lp&7Hv+jF3``(V0C&<36_e=^9e+FkyaEToc${NlU|?VY<NyD`^n54{5&Mf^6T%>U
z$a)E50F5;Z5C8xG000000CWJ#0V)B|0xANE0}2C}1Ox<#1wI9Y1;hpp22KbP2&f4L
z2}TK$3D61x3PcK03XBTA3q%W=3*Zb)c${NkWME*BXLMzdX8-{vAm#!>1`3A%U_Ju?
z6)ypsvxgEz0e?+zgD?z+@z&8VTDq3*d+Uz7AdP8<{hP^@ka&YoC{YW)eh%eQX+A{p
z8~gDaI~UF=CeHt{feW~V0bGF#Lm0srCNKpLW-tdI7H|zqSU~`5xPe=^gL`;@M|gr~
zc!3SPIzdfZHb(Ci{SaztP-o<|NS!8PL2nIh6~APHzJH_7R8Xr(3oT>9;#Aic%-cds
zC3XyCR5UwF{e<ZaDj~&Q8Ki()k1TabjD@AWuMVhN#q3T^g+9{9BthyKL8};<u*JHt
zLTCZ&e!9KOk_$W4)qEtzZH!>}f=!;)3{QGA#jxccppK%i5r(DVHAKEOo}x9J*@jU+
zAzG3=gidLAz)IUW3D)TCRbeXA@_S6vk{V%~+5WI^^7g3NdQp*7^*F6WX@uT3Zi-qN
j8swCt+t@{!L5$m9f0tpM7F8bRs8I^X`2&%DplkpDB%ksv

delta 4878
zcmV+p6Y=b*E$Ar}cTYw}00961000!|01E&B001C_krY3FvSV#wZ~y=ShyVZqGynht
zjLEu;*k^2cW&i*JyZ`_W`TzhHM1u13;%H@IWB>pWxBvhEF#rGnHY@bR%V=n2VE_OT
z>;M1&AOHXWBnW*3I%sWlcmMzr3;+NCAOHXWaB!mk`fP7wVE_OUEC2uiIsgCwI$2^<
z7;RyAZ~y={5@-Mb03QGV03ZQH0a0#YZDjxe5{Li*0YCr%0%s7TJg{(Yb94Xz6UYDn
z0UrPW0kKw?t=y9c0YU*|lS=_Qf1M3Yc%0pnJ#NB45QRSjF-`)6{18HDQlm(qC`3je
zB<_%!vv4bVDh@&YYzfiPQIJ^=4Mif+W>=r(UF~?s^WFegK-qXVDo{#^?2YKdcB5jy
z%uTUhiDFw1c(Zd&m6fQjmfGs5r=dogXsWpuT57LDmSl}=mG|@YcDCCbe~(}h@mWNw
z@!t^_jmR<^@Od`BNPnGB=ZP96t3aDq5*~RWro*-UZ<l-SXz@&w2dhBEzJE)Ds$CRc
znAv|EweX0(PpfWF*RiUi*s=PesuLoVI9791cY^=aa!dzw!W2OrhY;6uOeHjQOfQr=
zggZwLA#UuLnrPw#A8YCqe>u+`(;6)tQyncGLSB2voPZ9Fd4eo)%pGJ6C-hOaazZcV
zeJAu$zIMz-Y-f)7iQUGb`U7cRh<A9L#W-7#9MyIA^xf&6?wOvRo}THRo!NQz&O@u!
zKIXa7YIjFkJwQlELdXc$>VXgodLgX=l}ZFO!blJhSl|!yuu{Ure}EH;RDg;x4zLL^
z1u24+0`oFfNU#a6GB#jglCXW1b9;8NR*<SxezH4#?mhROd;6So&pnSO(wQ@7nr#oz
zLqsO+q(BDAa<YzGMF?cYuvw}VYI(?HMN1dWdd933bi~CT7#5NcF$01jiIQlGy^yce
zN-3z<EHjMsJy0uWe@aOZ=~;av8~`cPBUJUuFw}8Kkl=!FJYMJkp+h)2^-`e@P%qHB
z+dA{RmSwcTwX1p{obSKqyON~%!rDf)-S#bL#`{!wmhI6D!O-C@&47^3_UI-=47e*4
zfyncH7nP=7>R;E_x2~VobED-LKrotZZ`bvhknYbqLv}wve<>?GpY3-Bpt$(Fiq^3(
zXLV;oaO$Yg<^lgYZ#wF)d_y<AX*OYHtZ3ST6=uq`k|qnyT`?B`f$%KvMSBL*1pg=@
zXHL+QbQ>{9lFTPWh5*ckY<>tTwK{MGnc+e{D?y|TwMxOrWb>#Dt{yWi+8I5ANXd-o
zVUfPTR<+4ue^Uw4Hu#Yeldn<sDjAJ68*qy(t5d(RI#OXc9SE5UGbqs$p$_2*R&Eo5
zN>h~E;Gbmq+CY3rmf3g%?vvBX)Dx*NEn7$zntER_G+o!6cf%>thCIJO|Bfyq8cC74
zWFa9&rp1Fj&7PGN5jBy^8lrg{&s1!ol{}y{VhWN_e}`e{0STIvBy2n3xX|PEdMM#=
zi!-SNgNo2V$bz1zVi*VHb|0*h1v#p)CujrLH2E3<VcF|(ntYjnaO%TgIEX)ZOTksQ
z$btuAZBc`Y>_gPK=Zu5)3$#i6Xuo+<ChJ|><s7&8t)Go}&Os8u5j>wf*j%bX@DxxC
zPk@V*f3vt;kr@i%87q~Vmrj3XrqkW&v~w@E^HM4HPz$FwzJc@B1?(T!M;67{t05`g
z9fCMVU=t^R6)B5-4~b3KWTkFNn=I}kzcSNr;>_<|M72_DQ|2?g|BRUu-o%CfaYefn
z{x`L|QwqE`9+Se*KE_}4hRKc2gXh<5BPf5Af6OCwJiiTGehIId7)JgrvsB01hSt^t
zg*?p`@`Ze`UaQyAmT8$metoH}XQ~xGL94g`dIVfhwM9N>aw@(-RSF0KxoY#+orPkt
zaOc?OlYi`9b!gA7kw#-=*B%gNdWR_V&nYflmRr3yz<$2u%D(8Oi|Oim%`kcg7pz*n
zfBO8LW-0QuYiRS_&05{5-0bZb<2@>~pVEt#EiKMDLtYL{T*%(^UvltIw_7D^A?|s6
zpcV>8&7J2{Vg9;K)D5@oCVd@!n@##qGv}eY&be~4Ondt78D>}lF`KXOE9;pdL<eV;
zd7oeCN{w!Hd>w^Chp<OcRmHhW@%t6we^Z2EwXjx_*lm&?kYJyrJD0!!pJXp`_%Ab{
znNQFIi9C|~m8m1{>Rt|=e@^7-<C4yI2<Uu=e?S^F?0*p->~TLMqFnEy&1cZh6wu-u
zWEJ_kdvDPx>*!@|?sZ)^Yh?p`C<!RyFdymx8_p65S|YcUB9%<M4`Rz-<<6d&e-xUP
z4Hf)3)2%(2%?{c^v(-8$gobJusxyfY<{^j~#uKdu?r60%jmy|%YdJI!G;k%GZ0!II
zY@G%tj2XffLuGs`6>!_8p}Ktp4MROc+;N12c-`}T7tc3DB4n7XB$twLaxJ-mkR0tn
zCm>NVDPW|jp#@8sIArnxA)+S*f6Mh<_F1;@g&*h<qzvk;r7<L;mHb?2d4^I=n(6St
z9QwVmISeC!cPDGL!X++v`vW<i>hS)~D}*{UIH|>DFRWlI-@eh=(cYH}gN=Iojb@sf
z6OVOv#)MmAofuZax!$MQ5})D2AN;KzjeZi<AIC<2JQ)3@8Vaemx&U7Fe+pv2z}qd!
z37;<*G=sraaI2~X0&KrOVfn%D_r=>_H@pExXK%Yh?S(nO{qaS=<*z%=-~32>Z>RB@
z&oB*NG#h2V$M<BT(Z90nu+?ep_4;=!KJdxAeX{Qn{sJr5ift`FW1yeuM<4TLV=H@X
zsa!8dZ2T`r%GGk!o_;b`f5fiRwS8-Pd)M?in_4XxhsSQV*F4|*$^M`G<l%>(WZ&;y
zMVn_42;al@zn)yO;o;%^2S&z+Hw?cvK0b4=r+G=?-7fqO++=iQr<#e_R+&aJ)f_(O
z@*s>ewRl4g;9&Bt1MCa{JM$GRunYEHcHuP(Vddt{_ix_p`rPN}e=*u{V`h%bL5&cY
z9W=|i*}f%@nT=#g^-Lrq;X{|oswzACI23Mk_NBVJQ^IWsomY<^pR;e@Gf-e}JpwPY
z3iSnK$Kp;#__Z9Ubf+9E-QArQex2%OJ%4t*c-?i?`F}Iu>f|8$ghT&NI!U>A@f5zF
zU?f&C7AG*9sFKBGe>E8++sQuiO>#FmL4H7<AU`BOCNGiK$$R8u!oUwPNWeVI9~Qw9
z<QloH_E%7Ck^ZoRcMlP~a)?m0teKQ)5F!}0z}C^axZ){Fi1MMtC@*bYV03us?*1<`
zFzYQ5m^sO6MlV;tcquLG+z&*`I^ckWmM*niXUmP+k+ZSFf7!W)=YL6OW60(x2JsP0
z7^SM!dc!c@XiOzFKyt~Y9}#NR3TEL})ha~l!s;CRSw0VQb360T<?(mVv17;Bc5X!b
zFNd38LG9W*{K1~au0~^5bJxhou14jOO68KPIH-(HjE+tm;b3&=%7qKBJix(FePgY*
z@#?X9eXQPpe^FoGMO!&wC)vh8Bog@MRyf2qc_hgLx3hzn3wu^xcdu^MQi^!fwe0hU
z9{Se){p;jFAcV%=3I?huNj|R^V#ty)J&Nv4^m=g=^ScQ-;-fy#gfy{uy)Wnu1jPxT
zZ^A1Jf=BU82tX&Obm{UgA(hYN^7rQQ`5Zhw&uP<qe;9&;C1(N5hr8zm6t;o+M|L0F
z)fm~0V!~gPH(a@)>;kr8T1Eu$#<Y+K*w;`>SJaI)xM5mM1ngf;P56Ump69GRpU&}$
zj^dGH!l@Wr1m7MFYit{Q*CUziYWS1UdFD!0-pX~oRSw98x|Ihk1joGMRumh7_sCZg
ze9P;Ze<5(JF|W_}luv}VF;O4cRofr*Kjl>=!87KKdB>z*fFM34dfLVWDzwot;jz2V
z&o0T%<Oc8KJ#2S<Q!g38++Z8ORV^Fl!K;cjoHYx_B>5cNa}J&><ZEbSriK+w!ISL;
z4;F#7dah>jq7REZv_*LFW<}GKo0K4Er*E3>e+Ew<@@blngQ@@IxWZ?IZ`VapS$cu&
zr#20X>?76pDSO-35o+_ph#Z$spYp{+)c2Vr)PsuiE53seSAw4h74|MiAgu%+)fCpx
zH-wW);8H}6x--`*+ULWP0g581@|{YX_fCcVLT<C-GDc+Cc}%8ehy3>v*Od=z--B)(
zf8jnWNWz#ycaSvcBt`UGSPALe3+Z9*k@O0n+cwYzRq^pmx6%xrndRy2I=X{#S{Wao
zdU+glIK{FZ7vmpX#NiLz?mXwcfLD<4TCi8r8<#9E?V?Ri&X-Mn)+O}JxvVQN{j6i(
zko~F`_Ip+K*E>#J#cNHMckb``ITycNf3;z8V;R#2Xw<N3<H?CzxY7F}$z)_|93edK
z)4<Y{prToz`BFI4l}ys+^mK%iP6mB!TnPjexX%}K4kza(@#n^y6Z8Rk8PQ1$J-wR|
zpi`O^1L2FL=p1vh>k*C!-;Wzl8v{kBSsWNBLL+EdX-rQ9Om+N}gU3SZ5xNCwf8x&l
zoP?6%fV107b2_*t<Yx}20;K)fVV)8GF;C%fFpc#ffy|dvU}$-M%u%@Kuktua!_J$o
zKWqp^w`KQ?>=+*2G4jFiP752_#L-zKj%RqsjXQ@wKr+z&9pPDdiH2{tNc_vEV(4YP
zjt_6w)Ae?#WKaDi!Uqp;yLsDTf7+ZzZ9c_rX6M5Xk2{YF7qb`G`w*L!55Zxq*L9NQ
zQ9cK5rVHYXgcY8NNN(m{z!&l?pXdAZM)s)G-q9{$6KD?zj|8F`yD^mXN0JeLJQ7JH
z<|LDE2`kk=Ky{w<C!(4bO~8{e?G-H&(OwC*v(<^N1pZK^oCo2w@LMAAe{USRaGFJ-
z3A>$qOaC9yNg5;)Y9WKf7%ef~&>>UBSgPBex>dI@Ru-g!L?uiV>vXa-^~(~ykb`E4
zSx47wuWTH?_?ngbk8Q84AEiO|$vf{rzzMy>K7qh@KDy%l-KEFb=9BOvr*wj|;_^fH
zQo!3wpjzW!Sg`oT624Zbf0lR!Yt>o>F1#j$EHC?=EJM&64Z)>r*VG1r_Wat$Ekfgg
zfbM0l$x)fT?iF<3pBD>DmaSjCe(#oz^#NC|pVCcq5Oux?>kNY7xsaFo#eBWymey{$
zjA<?!n`rT~Fmreq^-2y0Ogs+Ez&L3hiE-Hd9>yyR4CvL`&~zTce?vW<)W$jKND^Zy
z73kNOExsuq6DiGf4Fbe_Iz9v%?}-6>OY{Il3l;#hd4eI2m5-)+Ls~vwYt-UC3G4;S
z20KB5@7M#1gf!CJ?qyep^vYndnjV#f!LDZ?O!OuII(p;xhdqk7qu*+W_DF{wRYO{^
zuhfp`RRJG>SJ66Rf1QKb%%Gj_2*~1e{yj;Lpbe^M;{*Il*K`&&eXsgwVYKX?0Sd=e
zgfjD!K#}=Zh;l#tVR-w{(Dv&&7&@!F{@FE47Z-}f?DD=Vp55NPJX<Ul7B5{x7x6ef
zG&B>jTRrE~Vt(=HY9kR;+b|-k!KATzbaB4u+6MA^8S>i2e{G{OV;fkw4MB@B%Z%_Z
zlgJI0i7h)pOL?z7tFn*%e$doxyRVuk*>kP<z~w{B8}sLN_4dzMF@IS_IC3l$^&^#y
zK!s@NekvMPcV+E@E0+4@Ii2&X`})RLj&x;pb;dV6=YDH5k(&k~^?r|8az8VLMad&(
z3%MTmOQGkSe}P=B1Yb${V~B-&!Vudj$+E<*$3DBBcj4!7_}rnx;U4xN#5sL@$2pT9
zA61m2Rn%L6PAbYIcGNcEK&$;?U{Yas+^#6MS7r~B{{~f1YC8Y`c${NkWME(bV%zmO
zzVZAvUm3Vr7(n2O^nr93{r~U(dX|OEjX*930~1IT1pq%p3{R7B6CHmH0K5MOzIdEt
zVPIfjng9Pk3y22e|9=r|LKvhESubG>0Hs|C1^@s6005=|00CeD-~w&}+5=t$6a-oX
zngrwpBnIdQeh1tL90+I#rU=*x8VM)~VhNNA8VYa<whJNv0C=2ZU}RumkYRLXkY@k^
zCLrblLI#HaU_Ju?6y5>>n6noYMFD@=a>6hSMI%bXPAG(~^b;~e`qbZ1h-0fIGFd#}
ze0}Y}3p3S&$2!)%y5nFFTx%NqUppAU0}SC2LKwjqCNPB=%wYjbh+qXzu!ar9u!U!M
zfme8gcldxEd<M%-vsB_lEPn{o#a$cagltg>DH>&v;tuKJP~T*zGeW)JoRNP!C0O>f
z5PYGpX^wRBh&$yhbA#M!4-#*%wRBL((%)s}274N^J8~0RBb@ol8orwuU3oggq$BGL
z)AW0cNo5*EY2<?!=mQ_UV0_z<u1TJgA~|Eteou}q&KspoZ94a!(X1jXyx7Gb-9+;S
z*+thiN!3n@T2w~x!G;C0GBh46sl?Fwk21py55Ljrh;5<kGAWT!iXiv{;-i8W0H=*1
A;s5{u

diff --git a/src/assets/font/iconfont.woff2 b/src/assets/font/iconfont.woff2
index 1a8897a5a317cdef9e11677eb5e5c8958f03baa1..2084eed2e02dafca9e6f3740c9a9ad56f5cf7217 100644
GIT binary patch
literal 4816
zcmV;>5-;s{Pew8T0RR91020su3jhEB03&Pw01|=#0RR9100000000000000000000
z0000SR0d!Ghdv6i7^n^bHUcCAd<#GT1Rw>3X9t7=8{Qo=l9E<dvj0N@H-<tr%y$o(
zmY6GJTIOmh(+Jr1sm`}N95-&*5F9v?g<wE$QLn~Qm_KokV}?=^eC@6E{Fx0Yl)pPd
z2pT1>JQj(9@;E_Z^y)_zdIMm1+U7qvVQ?oL^e92nXhfT^z8HyBsF+__;?iT$rHgD<
zjmywgN}B_ow=Z+_{i*rA?~G}#NncB!+F$>ZZ2@u-J`B0w|7)|V4<tSL1%&iQ)>Mv)
zw1|!v7i#BL_4bC0Njg5_9zg)M$-skKuJ9*70NvlOnRd6iEwaSp?<y2o@!uxt++RrY
zHz{n6aFe4=DSJq&461Xgrz*2K%#}7pR7f6Bm<rSJ^)=QN(k;F8J<v9mO`QM8rtw0}
zGa94;GWv1Z?)+9HwB7Vv_4euGd!~O4j%U`2+ujLh({xP=W|~{C5-=lay6V(3mRkC%
zM)kRJ;EVY5>95<VNu`$EF6)DQtY*Hy%s=JM$tRzZYl49*)R1veFkkgPxG=q($riZ~
zVq5ihENP0{j*4-(Y3iBb;_;yoDTY=#3(Q_${TXTf{rGj`xxcUOJf8znr_YEGz0zeJ
zc{_P>+g%UuGah@oGSB}59z&IdftseZosPMUmaVRyy<{pITUwczscR_uM%tu0Y}|$P
zQ7_*U5JwCNH$+7c5euRZVnC1(HG(4WN^Bt31Q)R*c!&<+gP0Q<#D<7Kw1`N=mWW1l
zi5NtW(AtYGm4Ql-%0W#bSwLk-7^pF%y`YwmzCutu=?@SSev+t}kf@;QkWK*6;8!43
zAe{rE&tC&##D8ZkZE!FKe2#CLGuobPPP$fCH0~sW)KF2>HKiHF!PaqbE(yhmG;K!L
zNF@@6Zm7z{j%_Gt=xJ5Wr0Fw;p{6vLzx-4NW6!>-scJf{%8{Os-_kWrPo$q#2875o
z;)>}3brmW)YPXQ2o<K#RVCi+)NXfFn{CW<u;9;({8AhT#k&36axFP@hY1b0+vSsbh
zz4`Q$y8axzlS^mU8T{TQXk(Y})0DV-k;J_Vca{?k5Ri27GlX=OYT`TqJBJ<o)VY0Z
z|M}D6<k`Jm?aT?=uWj2_J}Po{n6{!Fu>Fyn5@(6zok4@21DTz-c*!eMDvDd!<^qlc
z7^|#;YbZgR^Qr1q7`#N{{!9vr6|=Io#NQ6L@2HCMwyj+(B99i34lj?$3)yi)UN@e^
zqZQSsw^Y^`{K0d|)`wrDjy`@qw&T&tBh6;(ajS8WY^t5P(QW!^AM;r|WL1&*+o^sP
zc%v$>Y_C=?zr3l`<#3zh@AT^RUyW<cCd62)^+!rH?jC&79r67PErkFq%8f@NV+Eca
z^7IIykHBh@R95!Ldas0PJQYhNSSE^BsufOQV(LfSe<eZXNQ6`&uGP8EBvlrUC8m|$
zvVx`fqioq+NRO=GB_io3fXph+%Q7?UfQ>NVbFpT>Z@{iJ-yFzq-Fx(nVXNGDXFM>E
zoAr9m_pC-^zHnNt`OI!M)wSF<=my6{|F_iiKl7cC^(bk;F4Tm#JtNHt$EbkyzaE(N
z#@`REMr1wwdZ1okr&o_@gNoz_o{yFCk@yzM>5oLv1U22jOON<GWOeAB(cU8JYi4B8
z-5AunNzrH!sS_Xu04wMJ&F@@r(~EbLqW3Q&c<COlOg42YomW_Onvp24_|vNSVj~Q6
z8$LV?w<|30e7eKmR9?zyqL_=em}+;oUN~{4MwD$A?|zo-lak(6kdpgsvqs-{?v$zW
z{6=rn64eN#WADOY+|}&SqvEiivAm!d<s6m`xz)Y=MsTY%PGMt4I*2B9D8V~J8IY0p
zs#*krtj?;^+6**;AJHzN!Y~uvy5(zJ2y0rS^EyAXCueg{&bv&{EjaeKmg#6jHF<|5
zs9%FB2VfP=C*YYI{sjZrsEZQpRa1gPsG^Odj4(N=)R7!)AbHq$x_ISzjfUWmvu0CC
zMn)!NkWgJs){mYIHBe&|7E>%MlMX7QLnKrhbCsJE&>X9EL_kPBl40N&5~|JpCv*n5
zcSSfz(QwiZ^VdN#fyg-#Gr>w+iGsOcy|n4uJWbW*oLmHKp{ZwqWs@Ho%&$O4fj<f@
znUkQvJvmt3TI2jb;g+1^L_z!(^4S5NwFmq{WlL^2TFO|CX?de>oNY8ENZdn%LmOMC
z5w)KZ1TGH>mnpB-rRfOq>PH-Os7YriQVzMggiBb(Aonw!sRz2F5PNzw-?s}~@s>5G
zX%A56k4RaM>E!%d#424lAMt~qKT~vAKBcbSjX<W2Mt1qF7Q{MJn&{@4lu!YNA!N=z
zWFOd*tkEe^*->arc-^V-s!aG(PDp;81jj^~n3I{Yh0cl3F98-;j47^!U=Wno8Guqs
z#sSA#3n-v%nsk{+s51>wWyy}>dzsN-shR~b%lWL<;uh6qmtHTt3VxW|@%(J~IO{*w
zUfgIAJo13lEpP8h+87q6_dmmie4lK3(JLLRz~*PRWH)CE+Yg_9L!3Rhv%7%EU*#e6
z7v=K(Z&f&CdA{4Lou%#$lDCKE0NyhD^oV%`k$>L&{8(6i39h0r4J^0Ok5>Vxc<t&}
zC*M0rzM}%IKkxr?Ip-#q?0fb#2L_kKLjUuE!1L1sdH(uP7_ulgeZEz$<5zb~t|1K{
z0Wct2$(I2cf2GWNg-n6U8fBw&hP3SpuUPcQ!^j`SH+uXL74wcI^Pb6KL$uOoA<v}R
zkXYHXyp!+T2*(%tOTUS?A3IU9!1;v9HUqcWSc}I74+VFMUpsjwn&)9cAHbv;tQllD
zc~20NXEzMs<a^^R<NcW*<7dwrVY9piO+@$563`aZL<@^1o_Z=Sn10B7?1uctRkL+0
zd<jk_*S&McyQA)&2#V~Prtl2O!hw_|t3%qU+6QR+CyT>XmAI4m%F6J{D()$+^32&8
zi7JVK`rqm-YMS7If*75Ro8Pr~a#i&lB<Njf&RNNL*~Z!J{Z@SY!VXWHi7IJI`o1O=
z%Apx&((|Z^%$bZNO5%wRzJbPUA6hubdHbclM<mQE3c?j}T>nKVh%xWn;ZWO&80>;E
zqL+G~V*!6c{{c${tuYHcU$-yR>&GpeAejhmq_en3SZeNj)>kTBm<@m6111VYG*rSm
z0!WY^h@>KnJB4<FU?X6V0csN=rXF^&T(EJkdhQzgE|f}#jGJIzlfxU$9o2ts8Uq|M
za=W?ZoF0D{r<~jSeO#7|7a{tw5iKoFFPFk``S)-r-0q^RpO<r3jdi`f;ZN`0;r96T
za8oruOf|`R;%vVs!lu=GMEo13TI1`rl=Us;_WJd5?{Hi|0%7&#suJbYsmc;n`PIaY
zPwyqla@AEuWa8)t_7+`}R@<a&!3PdcllJZzzki8IOfnQ44CQzwsuB`ZiC%J-BZJav
zrKHPM@rWfqa3ps^VZDJ90%dTTiWq5(jDRH_bJOS<%nWWayRng-4AGPGa{9|am<0PK
ztQ8Fv)e2kTi!2Ac)r0U*&VFM8J*<mF5Y-ZxJ1lg|ph1?po@(dG2({-B93h8T2gzq2
zF$I3)jttx(2^LzQRu_coL%nx_I#d#Lqlwk8m0?z`ilcgplrN<i*?tui@Sr=|CEGCo
zouY#c03Hp9U6KB3{FE)?!y~%K4-;|@KE8@>oIDgZLc8uYkGMS#`y8+3{lojNk-SIq
z#ChlozM9|7*$LuOkHt=&HvZ}U?}w<*D$Xh&<PhB^wS97zLf>IwBG7Elwoo`SCS}4H
zFXzO0z11clG{g5L_esQNq<)eJ?m%3e`v_bY&@i!}%z%K*pjAPpnE}sc(jN%p*Vyiz
zW2Es}g(o`#wV&JChMv})wsdGa3U_Hs0&ZB+Euk;4_Scu)Z?uk(S7zV_v_H5vB((xp
z0T$`8LUR%FCGs2CL7qf*z;B$eiRww>gW@-m0^yOoA>8lUlBG+Qj2|>`ePa%Vsv=b#
zyB!gZ)Z)o_Ug4`$0)^67p#aLp1<IpJ9Src^*ZKQr_|KUBXFgs=zTp+PEu{L)sK|)0
zSp)s2y8pvY|1bI`t**IU*VLrL`m@rE_2n?#`q2CkbwOR?cGp{B>fQ0yxH#)LVY$b#
zu(;c?mgs29P+_@;vap!-;iVc)X^XJ(T1qrw!U9%(cyM-LV73{I+ibl`fgY==iRkxa
zB6W1Kd8^&Xmw6NFh~H!NgvosS!)kuZk+j)^;uq4ZQO#oU62d&<D9*rHZo}5aubbxA
z#%aq*B|FJx*vW9f=4K}3!DussVd6fWSVuGyEy!R^weiMwM~1n2V3Jry3WobMqK%L+
zcmx9PwY6k?3bGGbD?#Fq)mpk$+icL7Y>3N!A8GjQPbO<g2fxE6gGo+2%|P5ooI@z1
z<MD3NzFtq_=2?ZwNuCKa!P&4ea1Sg%y5Ui9FBOn`zWg5L;v_l=?D|q=FEOsbJ%}CY
zfv>_Jf~-aU`8W{i{d`?FGO%9Etl$6V=gdeTr;zQ3yrfgT)dlEO%KESW6wc0_oTz=;
z?(r)peEHk8xpNiUxAXgP3&1R)mdDxYO!7mYhXQ|-x2ekHW6GwOV>^GpUyf)R`2nd9
z*-2_6IfFCA4Q27m{|l~b29O$C#O`7<dg5pfb)1Fp2bc!XjXj9RP<EGZmk(kApWI4;
zbpL*-pw`Rgg=sAKe%&lut;8b9m*i3V<0*7^NVBl{=2!}YG7bdCV_y0uovumW{2=VE
zmm<{t)-}Y&HjIpIR1Dqg*Sgq-##j#Zm9|0qI3*zDVtF#Uj9<g5VSC5!tzKdpW2%ni
zkL82#$M<qmo2Lq=HY>g+(Vc13PU^^4BKuCpJrucwCU_)hH%#kfZDTup9NtbJC-~C-
zs`);MfoRkar_dQf4Sm|JWnlNK@Os|lp3Iv17wYD+5N+=E{{K?TZC9r6tN$Ask{7oe
z+|aEQ(YQ96?}WY+P;Xm58oZ_`OO>hA#D^!MCTT{VHKJlNe57F&;Xre3zHI!jq^qFv
z7ov{<pIG#NBHci<tBdEG0`YNV&zT#1z+tdTw8bfW5AZ<nU>Uqv$ut>B2;jC=*0T}N
zC&th#&a5i5iXXF{Dc}`h`mhy99ZVJS<vuf$Rz%4pLJGMSh^r0S`sf(T(41Z$Gt6P_
zKROmDESumXSqUnGLTOONWimzW!X)VP=#hr)eNDo44`!w+PH8YG5>#0LJRLiOF<yF+
zN<An$=zH#<jb|)IG$+{7bxo_Yqrz*<2^W({KR4W%6EG;q5|ld4=xtA=#ef4J!D@13
zK;$qshE`9ZO*M}>Dq-MMJf-^n5VM&N&+<$A^Cw-fx80x)8UeJgaP<-{tN_UFnt^r&
z2ifIG`SC2QtkhQIt5A*5pMj1;2G>7TCJw?V;_V>vSax|v0W3V4XF&QUNr?{y`%>g(
zu_u7AtUN0+uBsw91;xOv02&J!kdOZ=b?d>8@-c{}GP6QB09;p~awuB!AA`nGK(|#1
zM~mqE55hp8+oZZ%fyR6zA^&J7d69o<qYl-O+N&1;B!CAu1qX_yrBqoS!1T8C|A8U^
z#BP6#1nzaY1h?Gb?efoQ7vrNei`Guq3z99yCH{?*#S{3x1pxmS$Yp?s#g&<4$Nx}d
zrjv*VeSm;KDo#q=!1*K+00Ke?5nOB{417W2*%815RssQ>8yNtg1f!9N12nKc5f7+f
zKY_rVC2rvEBoY7zydp$!{}N%44-{(%Q2O?}w+Id^Q3OGyVVN!``ud5=w_yFs{-GU+
z5|PEJyYd+sZ5%O%UzIy2g|wy<PwUIWwl$)+rpD66+PVHNNu(-9T$*m?-Xb_7btM#G
zX(|oNo}K*VeWLO$SR(sRwS&&Hz6+UHN?@NwCbd`)<M69;j;T^`Vj1Zy`RS};dk-3+
zSNB(A>0&y9*5653Pm(Ie*~{HXS@j3^R&Hm$3q@jyR3=ya@#_sxs?-{-PH!-p%oeN7
z?r^%?p5S0&6+91`Y64asxTTE|$ZNy`=_pXCm6y~a{m(8W(x{1%RY71V&QA?nqhY17
zj}7A4I@^4u+f~A*0W>Ncv<Er}NB-RQ7k>dJA$__(1s-*>cEunP`H%9oKTve_VAS!E
zDu0SIXCVqLA7;!uR83BH1zq9~UFDa8$C$}Z4x0x{%c^SG`Wuae32>I(th~|0*MX94
z=US1FTcLehUP(M^wnu6j$!H3evoNi|!N#DCw|)!?Eogm00YgIG<>e6h8v}5@uhUpk
q+O0~96OUYmB?+uOEp*huQaD|>_6r4+&34~{lg4&Y2Mh{lW&i-7bXiFN

literal 4424
zcmV-O5x4GlPew8T0RR9101-$43jhEB03d__01)~B0RR9100000000000000000000
z0000SR0d!GhYSj=M5H?bHUcCAa0@yB1Rw>3X9t5Z8+;o@Mum+7K!|)8vj58j+gRFT
zy&zQ3%+{_x;TQE}qpAGP$Vlwuw}&=(IE90A;3yi<-8}bVsW>+G?3mm;l#&PN82-Ck
zWl*(6dKL|27zH-r`2>fNA3tw++U7qwVQ@#qB!s~PqXBJbE3pcU`Ws7}`y0oiOBdO!
z8kZrflm-YOFyH2Y=k5Qm&8j|-boVbHqz9Qb^P?gy<|ABS=T`OhhKx#NOeB)#!07wa
zeeOHMQl0MIs=Mwf4UkGGR{4KFRjK5W7B)qJUD;v<C<VAh{69JCOJA{{$6bH6x@Bj{
zU6~to57Y|_Dzu!n>~yTn%Ev;51!NLj$hq{&V_$_zHsgF4TfPsjnt50-nPSKG^JWC3
z>!pI3`J7urK7sQyT;3js2izUQ3GHvf?|l*j5`)x&WZh{Klfwfn@iICA_x!_$AJAVa
zQBs1(B`xjE?l|@mx(n(L1rlDsMS86;d_)ow&{;Bn90*<?`aw4B<Z8O=S$l_M^b+xw
zdk7v03x|(DO0g2CR6_0b)t})<-ig;?pL?gh%i}>iD{c*9#CP9=2ffd%iq(q}^WuOk
zg@~dgCAjbk^oCQ0AYBC-iXv=ObdW?rhHNRcz<(XK&xEjsiVENzViH-r<0J}!_g)g2
zyyGPz?<9#N-dV{?fOm;<;N3?NhXn!^fGL4W!D67ukHtbkSv*i0SOQQwm<q1)vPz&l
zFcc^UY%dgLVqbxZ!TvxZ7x=)Ve9p)~31BB6k;rEl3Sj3Tk-?8vBAb7%22wz!In4mz
z8c12%18Ea`5AB(%DI<|4Ju4F>OBE6m)!3~b&1OzeBy%FvR9%)0oj#*!a$b2@zx<Se
znP*>BWLei`G14;eEmcv}CjDt?Y$ZvWmX$0I$ZNf%qC&%RY7<J54v|?EwY(^51Xb(n
zY*;G|n%30Zl+Wr)RukXpW~E7NY;1n+&8L^E>T~dprJKX75EOa&=?$e78hiMhwDHjw
z`D0I>&un?TaI{vdKdDzQk#(ES-fXucJ;I%)n}lU<{Oy&$ii1I!l{S~D!i(z)ZLV|u
zU2hF4m0z{%wHjo?di{?)uiiVf+#iS{M3w-AsWqH(!-)eoVfp}}Ps7k$rLht;gt5&*
z0p)BylS$nok%EGs=jXU_7BzN0HT}XzEb=amX`ZL)5?raWNXYRp8G=!G%ZYa-A7#V(
z-TJ^hD-fY}=YSZNJWrMhvBypX@cP&wKZ4R8w^VzxXXnO!$KL37iq&_91Iw9Rsbo^%
zRI5qctJjl4w^rjTnQP)2Ps0BlHU4LZ30sYV0^tp92<;iDO*lsdtmHhjE7iXrIn~%^
z`1N3=vP!L=&;T{j;~>IX`AK#U)htYT+y?diIM4?omV`~{n@~bg*;|x4^k74?pX1dk
z5qbd<0EnXgH@kaL#!L6o!UtCnx_loOa&4VXWu>q@E(pj<{#dp>b|OHZ{?o(r+mhXE
zr`{5+EAFxszQ;;8*m8Tjy8GnWy+qn{>E35KUJgsBb`@mgKG&|%_n$v)%WUV`VBIdN
zXwa5pPE(iivTeyell4c26U2K`%L~nfIsGf|6u(XjBr#K$_M%NaO7JOA0W@R-$__!$
z=999pwE~6UN3@N|&`(sqY2^l2l7=?uw93vN>AAww3zFse8PEOJu|0*zHtUuY>56{g
z0AWpa0)f4gJp{mZZIocAoDrPNk}`}ULI-jpw4?_+NFR2dHdf_9waPi+VXda50}~T+
zaFhdN_2k)B0XaiqHp4AN(n3W{h=dA5QiV+c?Wx*`$AmNo$vDU!6WnFd8+rre1CjLV
z7&z)CJMSZ~Vs3e9XoHiwH;tEqt#mtbnXYTHJS&B8rD@`T<B}g*u(%4H1chnhh)w}Y
z+@FV4t*kr!PqM-CyfjWehMi^)Gu@tOcWHywpYAdo&sbdRYtcaSoMZ#k*zBvjN+EJL
zB?wIG<ps7FP=)yj$(jc|^r%f2C|ZmdDBv1a*~=oMHS=J5nqbF(mWTE_pTFfSX~siT
z*<-EZCv<fA-4K@Aa5<7kzkEgXh)$`m_9JLxwVIz^uS2Fc*+@Sxri3am4k35(k@(P+
zX1!K{ik?I>+~<!?SMNwP=kjxGy&)XpMPkop!BtvkzPtv+I6ox$0)j?RT%`dDc@cX&
zXDy+Cu5Hm~Bca|nq@^`GN)#A_@vgE7e3A1z_0=t^A6|Za_p1;k)|TfN!{=G~aqo+3
z9fC(6l8O`TJ4LG&e&)b4VP6!Hb)ukfyael?*<h|WcW*v&<_&)C(AM_di0oCCz;Fp(
zdBE>o+7t(oKd5sm-4_I32Q7e^kQ7JlqjB}mYo8zA$ZK#lg>eWA8~sEXfb!R_eRb-+
zL*yqaSpW0EFINg~aoN4^UiYAP7hmbWUmORK-m{av-j^g{YK{AOHPYEF9g}Od-jXy5
zvqRh|+XtxoCkvxx)m|qt)z#6}HC`vZs?VIAVU&rq<mA;k<P6>eKU{pS*Zi)<lWQz<
zknnfqd1poAB^zhk2dwz^)jB+FCPhk>()Lx!C~Ru#Oj-fi$e2k_A{kG72ntKh4Wvec
zyucTOjtGQz6h!;!I3bHDAi=zIhg0srp|A%=asKjs&IQ~F0|zbT^-oyP=e2#IMl){V
z1kprrBa_KF!jyB~Gry8){9O107ceM5K&6P7M*tqu0D)M5vK(%lz}m1VG=PRUh@pW!
zOb=|{E%)8j-V4RzVdEw^*5vt&=8PIRH-ioirE<DCm27v2hh53(`997h|3#?5WZe2X
zyN5$!dqUi75~sT)=jUS|Ruf%oPxRBfcR21~Hz!^B!&IB1!OaeS!f#o<N5H*ds!R1=
zO-1i=PET+T=MLKgL=f6oDJzpsohmJpRbEZf<P2OUt(09=M8=JN;OM7rQK?$g{V+ko
z)1tcj#~j~cJc9s5L_m4|Mw!7NGy3=SII~Fot)$GpGCfjX7&ekKp}0}Yj)bz<EhY2}
zdRFL?j=34MEJhY5h1J~5N`Yu81$hG{AWDRO<JSq=1$F%X@I|H*-uxik&cts*n1^|h
z2!c8+V@Ex$e#j8Bt~c*I8Kd?bf+Oq@^C02uBjSZ0$&mpO5}}GBxx7fBQTXs8xk4CA
zEm_HxXe8W~64Y)`byPzVbHyaHB)EzM8MwnP*pC5liW+tRcs3w$MdqvVQ?>{XkLVsh
zoX<Y^_$p=N<aRg}+I6pW#O-<LXT8ejA0}vx=sl%CSU`Efm2<n9I6+<dDaKA8mHz4e
z?}upMD)y>C<Pgm!wtXVXOWR=+B2aD5wvgBo25G`r*q0sW_5L;<wiUiFx{t@TB8`&-
za0lXHKgZ#CfRcfRXNQJnhp!4ZW{1Ap2)`ioUt`;MjuGo~icfZgsXn*0wVzg>uJ2HF
z6z@`%h2E&otdBg;x?f**ztMk0-|8%{LG}mthNV||Re?oxB1JwzxI}mZI|-8rPWX*m
zYodIT@SyOGsDOJ!Z>Sx7ZOPIlOU4fwyuL7p6tY-Z$8KkgGqZTIeEou?Qs5^I^78}I
z<^|HDQVJ$~zNho|&j^_@{m*>7jC{i@a9gD1%&6Fys9A$UrV{^QXUG>#i%Q*USGTmN
z(c$cEMTc@N^?F5Nq`ashNxK{ETJqg`t4?PfCnEPaQcHI`u|7V&zFkD_c2X;0eRR1}
zS>8`X<^9T(Q6d6T^Z$t4u&`V+1h?6Km%@BklZ}+`IU{*=ig~Lel`9FrHsHQz8nKhP
zj)xX*zats5hv*m5EEMHp;S%gT+$i?oS>D6f>DNsQZezFQr4w8PGwh-}VRJiE!f3Rc
z!L%Sw$2H*0xO!x$!EHWc`y=06{V=pddKx-$8qS7w3>^pS^V(WAJ`LH2tQ8^p6KfsK
zs%q6LO*X_s+=u`F_9v6Itb^NOi=lWIhN{Kw!_CpyLc?IZ#eJ=PaGPfprzG_;%minn
z#=vfvhjhcE;2z2&xWD`!B{@YV5$yT0G4xDu1$HA2#0_7CKZILL{B<0R^nAUx8yQ@0
zX4dcj3iD<d2x$bzA%F4I0C^E*Drx=Ke}1mco$R=Ms_yYCCw%$awYhT@E2#7P@p^#P
zE9ze}(-?$@fe(2hrT|loDbSQlvJyIfesG>(8sP!H7r}*Z!@DA~giRIt<;f8ZtpJjv
zi&$MOf+vm^(8OK{e}Jg~TGx&EwzIl|x&ko~2+XhMiTCdp^XmL<{-_~>uUF5a)`{vx
zg`xuTKn#gSgp3$A-yBP#lg5DvJ?gJ%QL9@tEsw&!8X-c%Z*@~*V$;aPW=)`e{aT&a
z)SSpBzfv`+Ugrhae6&D9ld!8;HGJ>by_O}WF(ykacPtk~Kfafr-a3^(wN>%82<}WH
zcalfG5;%6!?@^FT6oaq9xNd4Ea~sPU=nQZLy1*CvtJeD<0iu#4U3^z0S@E>n$VcyY
z;q|=9?(Eve7xLDMNLBv!f&bDgZC9r6Yy7K-EYK|nH`FTyRE~`rG@<tdN`P$u6<$-4
zBg>X5_0dL(Nt{(+jj5Uq?`c$3G*DifFB$(U=_;t!;{tgYW66I;nwIL2m(DkZVRVE(
zGdBc+!(f$Qi;MprU;yvIGI+6+VM@g#fYVmp$U;D`1Z|HnyQbJGe9V022d{|IM6Ey?
zU^1WEH*jXsia3dgPa@O-p+&1|j8CX<&qa+1!?W$9$0q_s%qI9qjzOmNlWJwUY=*$j
zPl7%V9%<U%SH-vcGO}elsaES}kmUgIbnFcJc=1It`Jm*W@4AyZp1v4So?waBwXDvK
zi>@^rE+*lBuDLlUbVzu8c>1)|0Edy901kWvPfd;ujU9EH6_zQ~spc_91p-_)PO;n{
zX0`E=iC#XCJLyKe=O%ej4KRGU=c8v@qtZ&q0f1+PconMU<}=W7NbC8hO7w!zB2>Ih
z>0{B}$NqTfQE>*Op>|?-*dNlDocg30vP%F$p?RfUxDu+-0hQ*UK*Iol#zI=?n6E-N
zLLZ@H5LLykkQbI-fhwW+!eh`l9pLsF<!Bjm{&_qc2-(`28NHq}@;{aSk9pH8uLcVB
zVD|b2rHUTjpj-y3Jn=C==xOg?!)7W6s2=WOyZrrgy97B-n|NJ>EBED<&F%?{B7b1-
z!oPyc@;xl0R-m2zFLSNHO^#Aj&;*sUo+iTCo}45@KTU>nG&x-d<IEWfSV2N!8k&tp
za*%6%a+K|fCct@?Cc=3qIZ3fsG#So+$>|omDX~$n*RS^o5nIu0f}~}Y1(6T-8+97M
z`)&D0ABat&%1gQG3mJV96NFjUF)E?F9mVJN(r_58n7r*!#@xg>y%vR1O^{1F?!EC4
zh-Uhh(AZWclEqa2QT+72AuSmIuPOd>FHo5bUZ~_s4e?85t#(UNH<)R)NVp;x^@NVL
z_Ic%Kc!n%tQV-QZQj{|>jLEBl^rv*yJb!JR9I9d0;bZ#B1Q0=j3}m4J8lmYwKmQ^q
zph6C`@-??CJtH%#<vrEYJ=3#2ha!7tSsR>)bw^NLd*i!p33vm88iPqdPdlJhc3q}!
zz%~T7d|ZHc23g-nP{=FQ7cEeH{<Jg6g|!Jd+P#uRuJ^o=G{D+L?LxT}c)}m1Hl1t<
z6VAWuz8uU>RW+(h$achJz*Y5f2ANC2P<2~quY$rVLul<R^{CYY=_OOy0-p1*Y$3u`
zFgE$L3kq-O($R(yq3GIa1pO)i7yBBmCvD=n^5_z>+)fm*Npv*Q2q)WR{w5tYAp6^C
OfT*k=vk@3H?g0RPO=!jd

diff --git a/src/assets/img/view.vue b/src/assets/img/view.vue
index 60059d27..c99240bc 100644
--- a/src/assets/img/view.vue
+++ b/src/assets/img/view.vue
@@ -6,7 +6,7 @@
         </div> -->
         <TableHeader :showSearch="false">
             <template v-slot:select>
-                <el-form-item label="日期">
+                <el-form-item label="统计时间">
                     <DatePicker ref="datePickerRef" :nextFlag="false" :theCurrentTime="true"></DatePicker>
                 </el-form-item>
             </template>
diff --git a/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue b/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
index 177a47e1..1db16011 100644
--- a/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
+++ b/src/components/bpmnProcessDesigner/package/penal/listeners/UserTaskListeners.vue
@@ -1,491 +1,491 @@
-<template>
-  <div class="panel-tab__content">
-    <el-table :data="elementListenersList" size="small" border>
-      <el-table-column label="序号" width="80px" type="index" />
-      <el-table-column
-        label="事件类型"
-        min-width="80px"
-        show-overflow-tooltip
-        :formatter="(row) => listenerEventTypeObject[row.event]"
-      />
-      <el-table-column label="事件id" min-width="80px" prop="id" show-overflow-tooltip />
-      <el-table-column
-        label="监听器类型"
-        min-width="80px"
-        show-overflow-tooltip
-        :formatter="(row) => listenerTypeObject[row.listenerType]"
-      />
-      <el-table-column label="操作" width="90px">
-        <template #default="scope">
-          <el-button size="small" link @click="openListenerForm(scope.row, scope.$index)"
-            >编辑</el-button
-          >
-          <el-divider direction="vertical" />
-          <el-button
-            size="small"
-            link
-            style="color: #ff4d4f"
-            @click="removeListener(scope.row, scope.$index)"
-            >移除</el-button
-          >
-        </template>
-      </el-table-column>
-    </el-table>
-    <div class="element-drawer__button">
-      <XButton
-        size="small"
-        type="primary"
-        preIcon="ep:plus"
-        title="添加监听器"
-        @click="openListenerForm(null)"
-      />
-      <XButton
-        type="success"
-        preIcon="ep:select"
-        title="选择监听器"
-        size="small"
-        @click="openProcessListenerDialog"
-      />
-    </div>
-
-    <!-- 监听器 编辑/创建 部分 -->
-    <el-drawer
-      v-model="listenerFormModelVisible"
-      title="任务监听器"
-      :size="`${width}px`"
-      append-to-body
-      destroy-on-close
-    >
-      <el-form size="small" :model="listenerForm" label-width="96px" ref="listenerFormRef">
-        <el-form-item
-          label="事件类型"
-          prop="event"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-select v-model="listenerForm.event">
-            <el-option
-              v-for="i in Object.keys(listenerEventTypeObject)"
-              :key="i"
-              :label="listenerEventTypeObject[i]"
-              :value="i"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          label="监听器ID"
-          prop="id"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerForm.id" clearable />
-        </el-form-item>
-        <el-form-item
-          label="监听器类型"
-          prop="listenerType"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-select v-model="listenerForm.listenerType">
-            <el-option
-              v-for="i in Object.keys(listenerTypeObject)"
-              :key="i"
-              :label="listenerTypeObject[i]"
-              :value="i"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-if="listenerForm.listenerType === 'classListener'"
-          label="Java类"
-          prop="class"
-          key="listener-class"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerForm.class" clearable />
-        </el-form-item>
-        <el-form-item
-          v-if="listenerForm.listenerType === 'expressionListener'"
-          label="表达式"
-          prop="expression"
-          key="listener-expression"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerForm.expression" clearable />
-        </el-form-item>
-        <el-form-item
-          v-if="listenerForm.listenerType === 'delegateExpressionListener'"
-          label="代理表达式"
-          prop="delegateExpression"
-          key="listener-delegate"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerForm.delegateExpression" clearable />
-        </el-form-item>
-        <template v-if="listenerForm.listenerType === 'scriptListener'">
-          <el-form-item
-            label="脚本格式"
-            prop="scriptFormat"
-            key="listener-script-format"
-            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写脚本格式' }"
-          >
-            <el-input v-model="listenerForm.scriptFormat" clearable />
-          </el-form-item>
-          <el-form-item
-            label="脚本类型"
-            prop="scriptType"
-            key="listener-script-type"
-            :rules="{ required: true, trigger: ['blur', 'change'], message: '请选择脚本类型' }"
-          >
-            <el-select v-model="listenerForm.scriptType">
-              <el-option label="内联脚本" value="inlineScript" />
-              <el-option label="外部脚本" value="externalScript" />
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            v-if="listenerForm.scriptType === 'inlineScript'"
-            label="脚本内容"
-            prop="value"
-            key="listener-script"
-            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写脚本内容' }"
-          >
-            <el-input v-model="listenerForm.value" clearable />
-          </el-form-item>
-          <el-form-item
-            v-if="listenerForm.scriptType === 'externalScript'"
-            label="资源地址"
-            prop="resource"
-            key="listener-resource"
-            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写资源地址' }"
-          >
-            <el-input v-model="listenerForm.resource" clearable />
-          </el-form-item>
-        </template>
-
-        <template v-if="listenerForm.event === 'timeout'">
-          <el-form-item label="定时器类型" prop="eventDefinitionType" key="eventDefinitionType">
-            <el-select v-model="listenerForm.eventDefinitionType">
-              <el-option label="日期" value="date" />
-              <el-option label="持续时长" value="duration" />
-              <el-option label="循环" value="cycle" />
-              <el-option label="无" value="null" />
-            </el-select>
-          </el-form-item>
-          <el-form-item
-            v-if="!!listenerForm.eventDefinitionType && listenerForm.eventDefinitionType !== 'null'"
-            label="定时器"
-            prop="eventTimeDefinitions"
-            key="eventTimeDefinitions"
-            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写定时器配置' }"
-          >
-            <el-input v-model="listenerForm.eventTimeDefinitions" clearable />
-          </el-form-item>
-        </template>
-      </el-form>
-
-      <el-divider />
-      <p class="listener-filed__title">
-        <span><Icon icon="ep:menu" />注入字段：</span>
-        <el-button size="small" type="primary" @click="openListenerFieldForm(null)"
-          >添加字段</el-button
-        >
-      </p>
-      <el-table
-        :data="fieldsListOfListener"
-        size="small"
-        max-height="240"
-        fit
-        border
-        style="flex: none"
-      >
-        <el-table-column label="序号" width="80px" type="index" />
-        <el-table-column label="字段名称" min-width="100px" prop="name" />
-        <el-table-column
-          label="字段类型"
-          min-width="80px"
-          show-overflow-tooltip
-          :formatter="(row) => fieldTypeObject[row.fieldType]"
-        />
-        <el-table-column
-          label="字段值/表达式"
-          min-width="100px"
-          show-overflow-tooltip
-          :formatter="(row) => row.string || row.expression"
-        />
-        <el-table-column label="操作" width="100px">
-          <template #default="scope">
-            <el-button size="small" link @click="openListenerFieldForm(scope.row, scope.$index)"
-              >编辑</el-button
-            >
-            <el-divider direction="vertical" />
-            <el-button
-              size="small"
-              link
-              style="color: #ff4d4f"
-              @click="removeListenerField(scope.row, scope.$index)"
-              >移除</el-button
-            >
-          </template>
-        </el-table-column>
-      </el-table>
-
-      <div class="element-drawer__button">
-        <el-button size="small" @click="listenerFormModelVisible = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="saveListenerConfig">保 存</el-button>
-      </div>
-    </el-drawer>
-
-    <!-- 注入西段 编辑/创建 部分 -->
-    <el-dialog
-      title="字段配置"
-      v-model="listenerFieldFormModelVisible"
-      width="600px"
-      append-to-body
-      destroy-on-close
-    >
-      <el-form
-        :model="listenerFieldForm"
-        size="small"
-        label-width="96px"
-        ref="listenerFieldFormRef"
-        style="height: 136px"
-      >
-        <el-form-item
-          label="字段名称："
-          prop="name"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerFieldForm.name" clearable />
-        </el-form-item>
-        <el-form-item
-          label="字段类型："
-          prop="fieldType"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-select v-model="listenerFieldForm.fieldType">
-            <el-option
-              v-for="i in Object.keys(fieldTypeObject)"
-              :key="i"
-              :label="fieldTypeObject[i]"
-              :value="i"
-            />
-          </el-select>
-        </el-form-item>
-        <el-form-item
-          v-if="listenerFieldForm.fieldType === 'string'"
-          label="字段值："
-          prop="string"
-          key="field-string"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerFieldForm.string" clearable />
-        </el-form-item>
-        <el-form-item
-          v-if="listenerFieldForm.fieldType === 'expression'"
-          label="表达式："
-          prop="expression"
-          key="field-expression"
-          :rules="{ required: true, trigger: ['blur', 'change'] }"
-        >
-          <el-input v-model="listenerFieldForm.expression" clearable />
-        </el-form-item>
-      </el-form>
-      <template #footer>
-        <el-button size="small" @click="listenerFieldFormModelVisible = false">取 消</el-button>
-        <el-button size="small" type="primary" @click="saveListenerFiled">确 定</el-button>
-      </template>
-    </el-dialog>
-  </div>
-
-  <!-- 选择弹窗 -->
-  <ProcessListenerDialog ref="processListenerDialogRef" @select="selectProcessListener" />
-</template>
-<script lang="ts" setup>
-import { ElMessageBox } from 'element-plus'
-import { createListenerObject, updateElementExtensions } from '../../utils'
-import {
-  initListenerForm,
-  initListenerType,
-  eventType,
-  listenerType,
-  fieldType,
-  initListenerForm2
-} from './utilSelf'
-import ProcessListenerDialog from '@/components/bpmnProcessDesigner/package/penal/listeners/ProcessListenerDialog.vue'
-
-defineOptions({ name: 'UserTaskListeners' })
-
-const props = defineProps({
-  id: String,
-  type: String
-})
-const prefix = inject('prefix')
-const width = inject('width')
-const elementListenersList = ref<any[]>([])
-const listenerEventTypeObject = ref(eventType)
-const listenerTypeObject = ref(listenerType)
-const listenerFormModelVisible = ref(false)
-const listenerForm = ref<any>({})
-const fieldTypeObject = ref(fieldType)
-const fieldsListOfListener = ref<any[]>([])
-const listenerFieldFormModelVisible = ref(false) // 监听器 注入字段表单弹窗 显示状态
-const editingListenerIndex = ref(-1) // 监听器所在下标，-1 为新增
-const editingListenerFieldIndex = ref(-1) // 字段所在下标，-1 为新增
-const listenerFieldForm = ref<any>({}) // 监听器 注入字段 详情表单
-const bpmnElement = ref()
-const bpmnElementListeners = ref()
-const otherExtensionList = ref()
-const listenerFormRef = ref()
-const listenerFieldFormRef = ref()
-const bpmnInstances = () => (window as any)?.bpmnInstances
-
-const resetListenersList = () => {
-  // console.log(
-  //   bpmnInstances().bpmnElement,
-  //   'window.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElement'
-  // )
-  bpmnElement.value = bpmnInstances().bpmnElement
-  otherExtensionList.value = []
-  bpmnElementListeners.value =
-    bpmnElement.value.businessObject?.extensionElements?.values.filter(
-      (ex) => ex.$type === `${prefix}:TaskListener`
-    ) ?? []
-  elementListenersList.value = bpmnElementListeners.value.map((listener) =>
-    initListenerType(listener)
-  )
-}
-const openListenerForm = (listener, index?) => {
-  if (listener) {
-    listenerForm.value = initListenerForm(listener)
-    editingListenerIndex.value = index
-  } else {
-    listenerForm.value = {}
-    editingListenerIndex.value = -1 // 标记为新增
-  }
-  if (listener && listener.fields) {
-    fieldsListOfListener.value = listener.fields.map((field) => ({
-      ...field,
-      fieldType: field.string ? 'string' : 'expression'
-    }))
-  } else {
-    fieldsListOfListener.value = []
-    listenerForm.value['fields'] = []
-  }
-  // 打开侧边栏并清楚验证状态
-  listenerFormModelVisible.value = true
-  nextTick(() => {
-    if (listenerFormRef.value) listenerFormRef.value.clearValidate()
-  })
-}
-// 移除监听器
-const removeListener = (listener, index?) => {
-  console.log(listener, 'listener')
-  ElMessageBox.confirm('确认移除该监听器吗？', '提示', {
-    confirmButtonText: '确 认',
-    cancelButtonText: '取 消'
-  })
-    .then(() => {
-      bpmnElementListeners.value.splice(index, 1)
-      elementListenersList.value.splice(index, 1)
-      updateElementExtensions(
-        bpmnElement.value,
-        otherExtensionList.value.concat(bpmnElementListeners.value)
-      )
-    })
-    .catch(() => console.info('操作取消'))
-}
-// 保存监听器
-const saveListenerConfig = async () => {
-  let validateStatus = await listenerFormRef.value.validate()
-  if (!validateStatus) return // 验证不通过直接返回
-  const listenerObject = createListenerObject(listenerForm.value, true, prefix)
-  if (editingListenerIndex.value === -1) {
-    bpmnElementListeners.value.push(listenerObject)
-    elementListenersList.value.push(listenerForm.value)
-  } else {
-    bpmnElementListeners.value.splice(editingListenerIndex.value, 1, listenerObject)
-    elementListenersList.value.splice(editingListenerIndex.value, 1, listenerForm.value)
-  }
-  // 保存其他配置
-  otherExtensionList.value =
-    bpmnElement.value.businessObject?.extensionElements?.values?.filter(
-      (ex) => ex.$type !== `${prefix}:TaskListener`
-    ) ?? []
-  updateElementExtensions(
-    bpmnElement.value,
-    otherExtensionList.value.concat(bpmnElementListeners.value)
-  )
-  // 4. 隐藏侧边栏
-  listenerFormModelVisible.value = false
-  listenerForm.value = {}
-}
-// 打开监听器字段编辑弹窗
-const openListenerFieldForm = (field, index?) => {
-  listenerFieldForm.value = field ? JSON.parse(JSON.stringify(field)) : {}
-  editingListenerFieldIndex.value = field ? index : -1
-  listenerFieldFormModelVisible.value = true
-  nextTick(() => {
-    if (listenerFieldFormRef.value) listenerFieldFormRef.value.clearValidate()
-  })
-}
-// 保存监听器注入字段
-const saveListenerFiled = async () => {
-  let validateStatus = await listenerFieldFormRef.value.validate()
-  if (!validateStatus) return // 验证不通过直接返回
-  if (editingListenerFieldIndex.value === -1) {
-    fieldsListOfListener.value.push(listenerFieldForm.value)
-    listenerForm.value.fields.push(listenerFieldForm.value)
-  } else {
-    fieldsListOfListener.value.splice(editingListenerFieldIndex.value, 1, listenerFieldForm.value)
-    listenerForm.value.fields.splice(editingListenerFieldIndex.value, 1, listenerFieldForm.value)
-  }
-  listenerFieldFormModelVisible.value = false
-  nextTick(() => {
-    listenerFieldForm.value = {}
-  })
-}
-// 移除监听器字段
-const removeListenerField = (field, index) => {
-  console.log(field, 'field')
-  ElMessageBox.confirm('确认移除该字段吗？', '提示', {
-    confirmButtonText: '确 认',
-    cancelButtonText: '取 消'
-  })
-    .then(() => {
-      fieldsListOfListener.value.splice(index, 1)
-      listenerForm.value.fields.splice(index, 1)
-    })
-    .catch(() => console.info('操作取消'))
-}
-
-// 打开监听器弹窗
-const processListenerDialogRef = ref()
-const openProcessListenerDialog = async () => {
-  processListenerDialogRef.value.open('task')
-}
-const selectProcessListener = (listener) => {
-  const listenerForm = initListenerForm2(listener)
-  const listenerObject = createListenerObject(listenerForm, true, prefix)
-  bpmnElementListeners.value.push(listenerObject)
-  elementListenersList.value.push(listenerForm)
-
-  // 保存其他配置
-  otherExtensionList.value =
-    bpmnElement.value.businessObject?.extensionElements?.values?.filter(
-      (ex) => ex.$type !== `${prefix}:TaskListener`
-    ) ?? []
-  updateElementExtensions(
-    bpmnElement.value,
-    otherExtensionList.value.concat(bpmnElementListeners.value)
-  )
-}
-
-watch(
-  () => props.id,
-  (val) => {
-    val &&
-      val.length &&
-      nextTick(() => {
-        resetListenersList()
-      })
-  },
-  { immediate: true }
-)
-</script>
+<template>
+  <div class="panel-tab__content">
+    <el-table :data="elementListenersList" size="small" border>
+      <el-table-column label="序号" width="80px" type="index" />
+      <el-table-column
+        label="事件类型"
+        min-width="80px"
+        show-overflow-tooltip
+        :formatter="(row) => listenerEventTypeObject[row.event]"
+      />
+      <el-table-column label="事件id" min-width="80px" prop="id" show-overflow-tooltip />
+      <el-table-column
+        label="监听器类型"
+        min-width="80px"
+        show-overflow-tooltip
+        :formatter="(row) => listenerTypeObject[row.listenerType]"
+      />
+      <el-table-column label="操作" width="90px">
+        <template #default="scope">
+          <el-button size="small" link @click="openListenerForm(scope.row, scope.$index)"
+            >编辑</el-button
+          >
+          <el-divider direction="vertical" />
+          <el-button
+            size="small"
+            link
+            style="color: #ff4d4f"
+            @click="removeListener(scope.row, scope.$index)"
+            >移除</el-button
+          >
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="element-drawer__button">
+      <XButton
+        size="small"
+        type="primary"
+        preIcon="ep:plus"
+        title="添加监听器"
+        @click="openListenerForm(null)"
+      />
+      <XButton
+        type="success"
+        preIcon="ep:select"
+        title="选择监听器"
+        size="small"
+        @click="openProcessListenerDialog"
+      />
+    </div>
+
+    <!-- 监听器 编辑/创建 部分 -->
+    <el-drawer
+      v-model="listenerFormModelVisible"
+      title="任务监听器"
+      :size="`${width}px`"
+      append-to-body
+      destroy-on-close
+    >
+      <el-form size="small" :model="listenerForm" label-width="96px" ref="listenerFormRef">
+        <el-form-item
+          label="事件类型"
+          prop="event"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-select v-model="listenerForm.event">
+            <el-option
+              v-for="i in Object.keys(listenerEventTypeObject)"
+              :key="i"
+              :label="listenerEventTypeObject[i]"
+              :value="i"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          label="监听器ID"
+          prop="id"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerForm.id" clearable />
+        </el-form-item>
+        <el-form-item
+          label="监听器类型"
+          prop="listenerType"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-select v-model="listenerForm.listenerType">
+            <el-option
+              v-for="i in Object.keys(listenerTypeObject)"
+              :key="i"
+              :label="listenerTypeObject[i]"
+              :value="i"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          v-if="listenerForm.listenerType === 'classListener'"
+          label="Java类"
+          prop="class"
+          key="listener-class"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerForm.class" clearable />
+        </el-form-item>
+        <el-form-item
+          v-if="listenerForm.listenerType === 'expressionListener'"
+          label="表达式"
+          prop="expression"
+          key="listener-expression"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerForm.expression" clearable />
+        </el-form-item>
+        <el-form-item
+          v-if="listenerForm.listenerType === 'delegateExpressionListener'"
+          label="代理表达式"
+          prop="delegateExpression"
+          key="listener-delegate"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerForm.delegateExpression" clearable />
+        </el-form-item>
+        <template v-if="listenerForm.listenerType === 'scriptListener'">
+          <el-form-item
+            label="脚本格式"
+            prop="scriptFormat"
+            key="listener-script-format"
+            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写脚本格式' }"
+          >
+            <el-input v-model="listenerForm.scriptFormat" clearable />
+          </el-form-item>
+          <el-form-item
+            label="脚本类型"
+            prop="scriptType"
+            key="listener-script-type"
+            :rules="{ required: true, trigger: ['blur', 'change'], message: '请选择脚本类型' }"
+          >
+            <el-select v-model="listenerForm.scriptType">
+              <el-option label="内联脚本" value="inlineScript" />
+              <el-option label="外部脚本" value="externalScript" />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="listenerForm.scriptType === 'inlineScript'"
+            label="脚本内容"
+            prop="value"
+            key="listener-script"
+            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写脚本内容' }"
+          >
+            <el-input v-model="listenerForm.value" clearable />
+          </el-form-item>
+          <el-form-item
+            v-if="listenerForm.scriptType === 'externalScript'"
+            label="资源地址"
+            prop="resource"
+            key="listener-resource"
+            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写资源地址' }"
+          >
+            <el-input v-model="listenerForm.resource" clearable />
+          </el-form-item>
+        </template>
+
+        <template v-if="listenerForm.event === 'timeout'">
+          <el-form-item label="定时器类型" prop="eventDefinitionType" key="eventDefinitionType">
+            <el-select v-model="listenerForm.eventDefinitionType">
+              <el-option label="统计时间" value="date" />
+              <el-option label="持续时长" value="duration" />
+              <el-option label="循环" value="cycle" />
+              <el-option label="无" value="null" />
+            </el-select>
+          </el-form-item>
+          <el-form-item
+            v-if="!!listenerForm.eventDefinitionType && listenerForm.eventDefinitionType !== 'null'"
+            label="定时器"
+            prop="eventTimeDefinitions"
+            key="eventTimeDefinitions"
+            :rules="{ required: true, trigger: ['blur', 'change'], message: '请填写定时器配置' }"
+          >
+            <el-input v-model="listenerForm.eventTimeDefinitions" clearable />
+          </el-form-item>
+        </template>
+      </el-form>
+
+      <el-divider />
+      <p class="listener-filed__title">
+        <span><Icon icon="ep:menu" />注入字段：</span>
+        <el-button size="small" type="primary" @click="openListenerFieldForm(null)"
+          >添加字段</el-button
+        >
+      </p>
+      <el-table
+        :data="fieldsListOfListener"
+        size="small"
+        max-height="240"
+        fit
+        border
+        style="flex: none"
+      >
+        <el-table-column label="序号" width="80px" type="index" />
+        <el-table-column label="字段名称" min-width="100px" prop="name" />
+        <el-table-column
+          label="字段类型"
+          min-width="80px"
+          show-overflow-tooltip
+          :formatter="(row) => fieldTypeObject[row.fieldType]"
+        />
+        <el-table-column
+          label="字段值/表达式"
+          min-width="100px"
+          show-overflow-tooltip
+          :formatter="(row) => row.string || row.expression"
+        />
+        <el-table-column label="操作" width="100px">
+          <template #default="scope">
+            <el-button size="small" link @click="openListenerFieldForm(scope.row, scope.$index)"
+              >编辑</el-button
+            >
+            <el-divider direction="vertical" />
+            <el-button
+              size="small"
+              link
+              style="color: #ff4d4f"
+              @click="removeListenerField(scope.row, scope.$index)"
+              >移除</el-button
+            >
+          </template>
+        </el-table-column>
+      </el-table>
+
+      <div class="element-drawer__button">
+        <el-button size="small" @click="listenerFormModelVisible = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="saveListenerConfig">保 存</el-button>
+      </div>
+    </el-drawer>
+
+    <!-- 注入西段 编辑/创建 部分 -->
+    <el-dialog
+      title="字段配置"
+      v-model="listenerFieldFormModelVisible"
+      width="600px"
+      append-to-body
+      destroy-on-close
+    >
+      <el-form
+        :model="listenerFieldForm"
+        size="small"
+        label-width="96px"
+        ref="listenerFieldFormRef"
+        style="height: 136px"
+      >
+        <el-form-item
+          label="字段名称："
+          prop="name"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerFieldForm.name" clearable />
+        </el-form-item>
+        <el-form-item
+          label="字段类型："
+          prop="fieldType"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-select v-model="listenerFieldForm.fieldType">
+            <el-option
+              v-for="i in Object.keys(fieldTypeObject)"
+              :key="i"
+              :label="fieldTypeObject[i]"
+              :value="i"
+            />
+          </el-select>
+        </el-form-item>
+        <el-form-item
+          v-if="listenerFieldForm.fieldType === 'string'"
+          label="字段值："
+          prop="string"
+          key="field-string"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerFieldForm.string" clearable />
+        </el-form-item>
+        <el-form-item
+          v-if="listenerFieldForm.fieldType === 'expression'"
+          label="表达式："
+          prop="expression"
+          key="field-expression"
+          :rules="{ required: true, trigger: ['blur', 'change'] }"
+        >
+          <el-input v-model="listenerFieldForm.expression" clearable />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button size="small" @click="listenerFieldFormModelVisible = false">取 消</el-button>
+        <el-button size="small" type="primary" @click="saveListenerFiled">确 定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+
+  <!-- 选择弹窗 -->
+  <ProcessListenerDialog ref="processListenerDialogRef" @select="selectProcessListener" />
+</template>
+<script lang="ts" setup>
+import { ElMessageBox } from 'element-plus'
+import { createListenerObject, updateElementExtensions } from '../../utils'
+import {
+  initListenerForm,
+  initListenerType,
+  eventType,
+  listenerType,
+  fieldType,
+  initListenerForm2
+} from './utilSelf'
+import ProcessListenerDialog from '@/components/bpmnProcessDesigner/package/penal/listeners/ProcessListenerDialog.vue'
+
+defineOptions({ name: 'UserTaskListeners' })
+
+const props = defineProps({
+  id: String,
+  type: String
+})
+const prefix = inject('prefix')
+const width = inject('width')
+const elementListenersList = ref<any[]>([])
+const listenerEventTypeObject = ref(eventType)
+const listenerTypeObject = ref(listenerType)
+const listenerFormModelVisible = ref(false)
+const listenerForm = ref<any>({})
+const fieldTypeObject = ref(fieldType)
+const fieldsListOfListener = ref<any[]>([])
+const listenerFieldFormModelVisible = ref(false) // 监听器 注入字段表单弹窗 显示状态
+const editingListenerIndex = ref(-1) // 监听器所在下标，-1 为新增
+const editingListenerFieldIndex = ref(-1) // 字段所在下标，-1 为新增
+const listenerFieldForm = ref<any>({}) // 监听器 注入字段 详情表单
+const bpmnElement = ref()
+const bpmnElementListeners = ref()
+const otherExtensionList = ref()
+const listenerFormRef = ref()
+const listenerFieldFormRef = ref()
+const bpmnInstances = () => (window as any)?.bpmnInstances
+
+const resetListenersList = () => {
+  // console.log(
+  //   bpmnInstances().bpmnElement,
+  //   'window.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElementwindow.bpmnInstances.bpmnElement'
+  // )
+  bpmnElement.value = bpmnInstances().bpmnElement
+  otherExtensionList.value = []
+  bpmnElementListeners.value =
+    bpmnElement.value.businessObject?.extensionElements?.values.filter(
+      (ex) => ex.$type === `${prefix}:TaskListener`
+    ) ?? []
+  elementListenersList.value = bpmnElementListeners.value.map((listener) =>
+    initListenerType(listener)
+  )
+}
+const openListenerForm = (listener, index?) => {
+  if (listener) {
+    listenerForm.value = initListenerForm(listener)
+    editingListenerIndex.value = index
+  } else {
+    listenerForm.value = {}
+    editingListenerIndex.value = -1 // 标记为新增
+  }
+  if (listener && listener.fields) {
+    fieldsListOfListener.value = listener.fields.map((field) => ({
+      ...field,
+      fieldType: field.string ? 'string' : 'expression'
+    }))
+  } else {
+    fieldsListOfListener.value = []
+    listenerForm.value['fields'] = []
+  }
+  // 打开侧边栏并清楚验证状态
+  listenerFormModelVisible.value = true
+  nextTick(() => {
+    if (listenerFormRef.value) listenerFormRef.value.clearValidate()
+  })
+}
+// 移除监听器
+const removeListener = (listener, index?) => {
+  console.log(listener, 'listener')
+  ElMessageBox.confirm('确认移除该监听器吗？', '提示', {
+    confirmButtonText: '确 认',
+    cancelButtonText: '取 消'
+  })
+    .then(() => {
+      bpmnElementListeners.value.splice(index, 1)
+      elementListenersList.value.splice(index, 1)
+      updateElementExtensions(
+        bpmnElement.value,
+        otherExtensionList.value.concat(bpmnElementListeners.value)
+      )
+    })
+    .catch(() => console.info('操作取消'))
+}
+// 保存监听器
+const saveListenerConfig = async () => {
+  let validateStatus = await listenerFormRef.value.validate()
+  if (!validateStatus) return // 验证不通过直接返回
+  const listenerObject = createListenerObject(listenerForm.value, true, prefix)
+  if (editingListenerIndex.value === -1) {
+    bpmnElementListeners.value.push(listenerObject)
+    elementListenersList.value.push(listenerForm.value)
+  } else {
+    bpmnElementListeners.value.splice(editingListenerIndex.value, 1, listenerObject)
+    elementListenersList.value.splice(editingListenerIndex.value, 1, listenerForm.value)
+  }
+  // 保存其他配置
+  otherExtensionList.value =
+    bpmnElement.value.businessObject?.extensionElements?.values?.filter(
+      (ex) => ex.$type !== `${prefix}:TaskListener`
+    ) ?? []
+  updateElementExtensions(
+    bpmnElement.value,
+    otherExtensionList.value.concat(bpmnElementListeners.value)
+  )
+  // 4. 隐藏侧边栏
+  listenerFormModelVisible.value = false
+  listenerForm.value = {}
+}
+// 打开监听器字段编辑弹窗
+const openListenerFieldForm = (field, index?) => {
+  listenerFieldForm.value = field ? JSON.parse(JSON.stringify(field)) : {}
+  editingListenerFieldIndex.value = field ? index : -1
+  listenerFieldFormModelVisible.value = true
+  nextTick(() => {
+    if (listenerFieldFormRef.value) listenerFieldFormRef.value.clearValidate()
+  })
+}
+// 保存监听器注入字段
+const saveListenerFiled = async () => {
+  let validateStatus = await listenerFieldFormRef.value.validate()
+  if (!validateStatus) return // 验证不通过直接返回
+  if (editingListenerFieldIndex.value === -1) {
+    fieldsListOfListener.value.push(listenerFieldForm.value)
+    listenerForm.value.fields.push(listenerFieldForm.value)
+  } else {
+    fieldsListOfListener.value.splice(editingListenerFieldIndex.value, 1, listenerFieldForm.value)
+    listenerForm.value.fields.splice(editingListenerFieldIndex.value, 1, listenerFieldForm.value)
+  }
+  listenerFieldFormModelVisible.value = false
+  nextTick(() => {
+    listenerFieldForm.value = {}
+  })
+}
+// 移除监听器字段
+const removeListenerField = (field, index) => {
+  console.log(field, 'field')
+  ElMessageBox.confirm('确认移除该字段吗？', '提示', {
+    confirmButtonText: '确 认',
+    cancelButtonText: '取 消'
+  })
+    .then(() => {
+      fieldsListOfListener.value.splice(index, 1)
+      listenerForm.value.fields.splice(index, 1)
+    })
+    .catch(() => console.info('操作取消'))
+}
+
+// 打开监听器弹窗
+const processListenerDialogRef = ref()
+const openProcessListenerDialog = async () => {
+  processListenerDialogRef.value.open('task')
+}
+const selectProcessListener = (listener) => {
+  const listenerForm = initListenerForm2(listener)
+  const listenerObject = createListenerObject(listenerForm, true, prefix)
+  bpmnElementListeners.value.push(listenerObject)
+  elementListenersList.value.push(listenerForm)
+
+  // 保存其他配置
+  otherExtensionList.value =
+    bpmnElement.value.businessObject?.extensionElements?.values?.filter(
+      (ex) => ex.$type !== `${prefix}:TaskListener`
+    ) ?? []
+  updateElementExtensions(
+    bpmnElement.value,
+    otherExtensionList.value.concat(bpmnElementListeners.value)
+  )
+}
+
+watch(
+  () => props.id,
+  (val) => {
+    val &&
+      val.length &&
+      nextTick(() => {
+        resetListenersList()
+      })
+  },
+  { immediate: true }
+)
+</script>
diff --git a/src/components/cockpit/dataCleaning/index.vue b/src/components/cockpit/dataCleaning/index.vue
index 048a12da..821cee9c 100644
--- a/src/components/cockpit/dataCleaning/index.vue
+++ b/src/components/cockpit/dataCleaning/index.vue
@@ -364,6 +364,7 @@ watch(
 )
 </script>
 <style lang="scss" scoped>
+     @import '@/assets/font/iconfont.css';
 .monitoringPoints {
     display: flex;
     .statistics {
diff --git a/src/components/cockpit/integrity/index.vue b/src/components/cockpit/integrity/index.vue
index 26a0ce80..1564c1ca 100644
--- a/src/components/cockpit/integrity/index.vue
+++ b/src/components/cockpit/integrity/index.vue
@@ -340,6 +340,7 @@ watch(
 )
 </script>
 <style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
 .monitoringPoints {
     display: flex;
     .statistics {
diff --git a/src/components/cockpit/onlineRate/index.vue b/src/components/cockpit/onlineRate/index.vue
index a516e95d..a6c15d27 100644
--- a/src/components/cockpit/onlineRate/index.vue
+++ b/src/components/cockpit/onlineRate/index.vue
@@ -177,7 +177,9 @@ const tableStore: any = new TableStore({
         monitoringPoints.value.runNum = tableStore.table.data.totalNum
         monitoringPoints.value.abnormalNum = tableStore.table.data.belowNum
         monitoringPoints.value.totalOnlineRate = tableStore.table.data.totalOnlineRate - 0
-        abnormal.value = tableStore.table.data.citDetailList
+        abnormal.value = tableStore.table.data.citDetailList.filter(
+            (k: any) => k.citName != '上送国网' && k.citName != '非上送国网'
+        )
     }
 })
 tableStore.table.params.deptIndex = dictData.state.area[0].id
@@ -338,6 +340,7 @@ watch(
 )
 </script>
 <style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
 .monitoringPoints {
     display: flex;
     .statistics {
diff --git a/src/components/cockpit/terminalEvaluation/index.vue b/src/components/cockpit/terminalEvaluation/index.vue
index 3dfcd265..c8470806 100644
--- a/src/components/cockpit/terminalEvaluation/index.vue
+++ b/src/components/cockpit/terminalEvaluation/index.vue
@@ -18,24 +18,48 @@
         >
             <div style="flex: 1">
                 <div class="title">终端统计</div>
-                <div style="height: 135px" class="box1">
-                    <div class="boxDiv hexagon">
-                        <div style="color: #fff">{{ statisticsList.allNum }}</div>
-                        <div class="mt10 divBot">总数</div>
+                <div
+                    class="box1"
+                    :style="{
+                        height: `calc(${prop.height} - ${headerHeight}px + ${fullscreen ? 0 : 56}px - 30px )`,
+                        overflow: 'auto'
+                    }"
+                >
+                    <div class="statistics">
+                        <div class="divBox div1">
+                            <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
+                            <span class="divBox_title">终端总数</span>
+                            <span class="divBox_num text-style" style="color: #57bc6e">
+                                {{ statisticsList.allNum }}
+                            </span>
+                        </div>
+                        <div class="divBox div2">
+                            <span class="iconfont icon-zaiyunshebei" style="color: #67c23a"></span>
+                            <span class="divBox_title">在运终端数</span>
+                            <span class="divBox_num text-style" style="color: #67c23a">
+                                {{ statisticsList.runNum }}
+                            </span>
+                        </div>
                     </div>
-                    <div class="boxDiv hexagon hexagon1">
-                        <div style="color: #fff">{{ statisticsList.runNum }}</div>
-                        <div class="mt10 divBot">在运</div>
-                    </div>
-                </div>
-                <div style="height: 135px" class="box1">
-                    <div class="boxDiv hexagon hexagon2">
-                        <div style="color: #fff">{{ statisticsList.checkNum }}</div>
-                        <div class="mt10 divBot">调试</div>
-                    </div>
-                    <div class="boxDiv hexagon hexagon3">
-                        <div style="color: #fff">{{ statisticsList.stopRunNum }}</div>
-                        <div class="mt10 divBot">停运</div>
+
+                    <div class="statistics">
+                        <div class="divBox div3">
+                            <span
+                                class="iconfont icon-yichanglei_14feizhinengbiaozaiyunyichang"
+                                style="color: #ffbf00"
+                            ></span>
+                            <span class="divBox_title">调试终端数</span>
+                            <span class="divBox_num text-style" style="color: #ffbf00">
+                                {{ statisticsList.checkNum }}
+                            </span>
+                        </div>
+                        <div class="divBox div4">
+                            <span class="iconfont icon-tingyunshijianguanli" style="color: #f56c6c"></span>
+                            <span class="divBox_title">停运终端数</span>
+                            <span class="divBox_num text-style" style="color: #f56c6c">
+                                {{ statisticsList.stopRunNum }}
+                            </span>
+                        </div>
                     </div>
                 </div>
             </div>
@@ -65,7 +89,7 @@
                     <span style="width: 90px">终端总数</span>
                     <span style="flex: 1">完整性(%)</span>
                     <span style="flex: 1">在线率(%)</span>
-                    <span style="flex: 1">合格率(%)</span>
+                    <span style="flex: 1">异常率(%)</span>
                 </div>
                 <div
                     :style="{
@@ -205,7 +229,7 @@ const tableStore: any = new TableStore({
         statisticsList.value.checkNum = totalData.value.filter(item => item.runFlag === '调试').length
         statisticsList.value.stopRunNum = totalData.value.filter(item => item.runFlag === '停运').length
 
-        abnormal.value = tableStore.table.data
+        abnormal.value = tableStore.table.data.filter((k: any) => k.name != '上送国网' && k.name != '非上送国网')
     }
 })
 tableStore.table.params.deptIndex = dictData.state.area[0].id
@@ -234,6 +258,7 @@ watch(
 )
 </script>
 <style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
 .monitoringPoints {
     display: flex;
 }
@@ -344,32 +369,7 @@ watch(
     color: #fff;
     border-radius: 8px;
 }
-.box1 {
-    display: flex;
-    align-items: center;
-    justify-content: space-around;
-    .boxDiv {
-        // flex: 1;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        position: relative;
-        margin: 0 5px;
 
-        div:nth-child(1) {
-            position: absolute;
-            font-size: 30px;
-            top: -10px;
-            font-weight: 700;
-        }
-        .divBot {
-            font-size: 16px;
-            position: absolute;
-            top: 20px;
-        }
-        color: #fff;
-    }
-}
 .hexagon {
     position: relative;
     width: 100px;
@@ -427,4 +427,44 @@ watch(
         border-top: 27.5px solid #a52a2a;
     }
 }
+.statistics {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    .divBox {
+        width: 100%;
+        height: 70px;
+        padding: 10px;
+        display: flex;
+        margin-bottom: 10px;
+        .iconfont {
+            font-size: 40px;
+            margin-right: 5px;
+        }
+        .divBox_title {
+            font-weight: 550;
+        }
+        .divBox_num {
+            font-size: 20px;
+            font-weight: 550;
+            margin-left: auto;
+            font-family: AlimamaDongFangDaKai;
+        }
+        align-items: center;
+        // text-align: center;
+        border-radius: 5px;
+    }
+    .div1 {
+        background-color: #eef8f0;
+    }
+    .div2 {
+        background-color: #67c23a24;
+    }
+    .div3 {
+        background-color: #ffbf0024;
+    }
+    .div4 {
+        background-color: #f56c6c24;
+    }
+}
 </style>
diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
index 901e7c59..2a574a7c 100644
--- a/src/components/table/header/index.vue
+++ b/src/components/table/header/index.vue
@@ -11,7 +11,7 @@
             >
                 <el-form-item v-if="datePicker" style="grid-column: span 2; max-width: 630px">
                     <template #label>
-                        <el-checkbox v-if="showTimeAll" v-model="timeAll" label="时间" />
+                        <el-checkbox v-if="showTimeAll" v-model="timeAll" label="统计时间" />
                         <span v-else>{{ dateLabel }}</span>
                     </template>
                     <DatePicker
@@ -111,7 +111,7 @@ const props = withDefaults(defineProps<Props>(), {
     showReset: true,
     showExport: false,
     showTimeAll: false,
-    dateLabel: '时间'
+    dateLabel: '统计日期'
 })
 // 动态计算table高度
 const resizeObserver = new ResizeObserver(entries => {
diff --git a/src/utils/formatTime.ts b/src/utils/formatTime.ts
index 4cf4fb89..9f615f48 100644
--- a/src/utils/formatTime.ts
+++ b/src/utils/formatTime.ts
@@ -362,3 +362,4 @@ export function getTimeOfTheMonth(key: string): [string, string] {
             throw new Error('Invalid key')
     }
 }
+
diff --git a/src/views/pqs/bearingCapacity/evaluationList/components/photovoltaic.vue b/src/views/pqs/bearingCapacity/evaluationList/components/photovoltaic.vue
index 1c80d1e8..ec24cd65 100644
--- a/src/views/pqs/bearingCapacity/evaluationList/components/photovoltaic.vue
+++ b/src/views/pqs/bearingCapacity/evaluationList/components/photovoltaic.vue
@@ -14,7 +14,7 @@
             <pane style="background: #fff">
                 <TableHeader :showSearch="false" v-show="props.rowList.id == undefined">
                     <template #select>
-                        <el-form-item label="时间">
+                        <el-form-item label="统计时间">
                             <DatePicker ref="datePickerRef"></DatePicker>
                         </el-form-item>
                     </template>
diff --git a/src/views/pqs/cockpit/homePage/index.vue b/src/views/pqs/cockpit/homePage/index.vue
index dcbd1412..3d58c154 100644
--- a/src/views/pqs/cockpit/homePage/index.vue
+++ b/src/views/pqs/cockpit/homePage/index.vue
@@ -2,7 +2,7 @@
     <div class="default-main">
         <TableHeader :showSearch="false" v-show="flag">
             <template v-slot:select>
-                <el-form-item label="日期">
+                <el-form-item label="统计时间">
                     <DatePicker
                         ref="datePickerRef"
                         :nextFlag="false"
diff --git a/src/views/pqs/cockpit/setUp/components/view.vue b/src/views/pqs/cockpit/setUp/components/view.vue
index 60059d27..c99240bc 100644
--- a/src/views/pqs/cockpit/setUp/components/view.vue
+++ b/src/views/pqs/cockpit/setUp/components/view.vue
@@ -6,7 +6,7 @@
         </div> -->
         <TableHeader :showSearch="false">
             <template v-slot:select>
-                <el-form-item label="日期">
+                <el-form-item label="统计时间">
                     <DatePicker ref="datePickerRef" :nextFlag="false" :theCurrentTime="true"></DatePicker>
                 </el-form-item>
             </template>
diff --git a/src/views/pqs/harmonicMonitoring/embed/dataOverview_JB/index.vue b/src/views/pqs/harmonicMonitoring/embed/dataOverview_JB/index.vue
index 37fe3593..470d9ea8 100644
--- a/src/views/pqs/harmonicMonitoring/embed/dataOverview_JB/index.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/dataOverview_JB/index.vue
@@ -2,7 +2,7 @@
     <div class="default-main">
         <TableHeader :showSearch="false" v-show="flag">
             <template v-slot:select>
-                <el-form-item label="日期">
+                <el-form-item label="统计时间">
                     <DatePicker
                         ref="datePickerRef"
                         :nextFlag="false"
diff --git a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
index ff67f57c..dc74b08e 100644
--- a/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/lntegruty/index_JB.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker ref="TableHeaderRef" :dateLabel="`数据统计时间`">
+        <TableHeader date-picker ref="TableHeaderRef" >
             <template v-slot:select>
                 <el-form-item label="运行状态">
                     <el-select v-model="tableStore.table.params.lineRunFlag" clearable placeholder="请选择运行状态">
@@ -474,6 +474,7 @@ tableStore.table.params.name = ''
 provide('tableStore', tableStore)
 </script>
 <style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
 .card-list {
     display: flex;
     .monitoringPoints {
diff --git a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
index fe99b14b..a2a8e4ef 100644
--- a/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
+++ b/src/views/pqs/harmonicMonitoring/embed/onlinerate/index_JB.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker ref="TableHeaderRef" :dateLabel="`数据统计时间`">
+        <TableHeader date-picker ref="TableHeaderRef">
             <template v-slot:select>
                 <el-form-item label="运行状态">
                     <el-select v-model="tableStore.table.params.lineRunFlag" clearable placeholder="请选择运行状态">
@@ -34,7 +34,11 @@
                             <div class="divBox">
                                 <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
                                 <span class="divBox_title">终端总数</span>
-                                <span class="divBox_num text-style" style="color: #57bc6e" @click="totalTable(100001, '')">
+                                <span
+                                    class="divBox_num text-style"
+                                    style="color: #57bc6e"
+                                    @click="totalTable(100001, '')"
+                                >
                                     {{ monitoringPoints.runNum }}
                                 </span>
                             </div>
@@ -200,6 +204,7 @@
 </template>
 
 <script setup lang="ts">
+// import '@/assets/font/iconfont.css'
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
@@ -262,10 +267,13 @@ const tableStore = new TableStore({
         monitoringPoints.value.runNum = tableStore.table.data.totalNum
         monitoringPoints.value.abnormalNum = tableStore.table.data.belowNum
         monitoringPoints.value.totalOnlineRate = tableStore.table.data.totalOnlineRate - 0
-        abnormal.value = tableStore.table.data.citDetailList
+        abnormal.value = tableStore.table.data.citDetailList.filter(
+            (k: any) => k.citName != '上送国网' && k.citName != '非上送国网'
+        )
         // 合并子集数据 并去重
         totalData.value = Array.from(
             tableStore.table.data.citDetailList
+
                 .map((item: any) => item.detailList)
                 .flat()
                 .reduce((map: any, item: any) => {
@@ -470,6 +478,7 @@ tableStore.table.params.name = ''
 provide('tableStore', tableStore)
 </script>
 <style lang="scss" scoped>
+    @import '@/assets/font/iconfont.css';
 .card-list {
     display: flex;
     .monitoringPoints {
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/gaojingshujutongji/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/gaojingshujutongji/index.vue
index 29b0b406..1a02fc60 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/gaojingshujutongji/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/gaojingshujutongji/index.vue
@@ -1,430 +1,430 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%; position: relative">
-        <el-form :inline="true">
-            <el-form-item label="多监测点">
-                <el-checkbox v-model="checked" @change="checkChange" />
-            </el-form-item>
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef" ></DatePicker>
-            </el-form-item>
-            <el-form-item label="指标类型:">
-                <el-select
-                    v-model="formData.condition"
-                    multiple
-                    collapse-tags
-                    :multiple-limit="5"
-                    filterable
-                    placeholder="请选择指标"
-                    @change="conditionChange"
-                >
-                    <el-option-group v-for="group in indexOptions" :key="group.label" :label="group.label">
-                        <el-option
-                            v-for="item in group.options"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        ></el-option>
-                    </el-option-group>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="谐波次数:" v-if="showXieBoCiShu">
-                <el-select style="width: 100%" v-model="formData.harmonic" placeholder="请选择谐波">
-                    <el-option
-                        v-for="item in harmonicOptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    ></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item v-if="showJianXieBoCiShu" label="间谐波次数:">
-                <el-select style="width: 100%" v-model="formData.inHarmonic" placeholder="请选择间谐波">
-                    <el-option
-                        v-for="item in inharmonicOptions"
-                        :key="item.value"
-                        :label="item.label"
-                        :value="item.value"
-                    ></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <div style="flex: 1; overflow: hidden" class="mt10" v-loading="loading">
-            <vxe-table height="auto" v-bind="defaultAttribute" :data="tableData">
-                <vxe-column field="subName" title="变电站" min-width="120px"></vxe-column>
-                <vxe-column field="lineName" title="监测点名称" min-width="120px"></vxe-column>
-                <vxe-column field="targetName" title="指标类型" min-width="120px"></vxe-column>
-                <vxe-column field="phaseType" title="相别" min-width="100px"></vxe-column>
-                <vxe-column field="scale" title="电压等级" min-width="100px"></vxe-column>
-                <vxe-column field="timeId" title="时间" min-width="130px"></vxe-column>
-                <vxe-column field="unit" title="单位" min-width="100px"></vxe-column>
-                <vxe-column field="maxData" title="最大值(%)" min-width="100px">
-                    <template #default="scope">
-                        <el-button
-                            @click="showCharts(scope.row, 3, '最大值')"
-                            :style="{ color: scope.row.statisticalType === 3 ? '#A52a2a' : '#07d75a' }"
-                            type="text"
-                            size="small"
-                        >
-                            {{ scope.row.maxData }}
-                        </el-button>
-                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
-                    </template>
-                </vxe-column>
-                <vxe-column field="minData" title="最小值(%)" min-width="100px">
-                    <template #default="scope">
-                        <el-button
-                            @click="showCharts(scope.row, 2, '最小值')"
-                            :style="{ color: scope.row.statisticalType === 2 ? '#A52a2a' : '#07d75a' }"
-                            type="text"
-                            size="small"
-                        >
-                            {{ scope.row.minData }}
-                        </el-button>
-                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
-                    </template>
-                </vxe-column>
-                <vxe-column field="avgData" title="平均值(%)" min-width="100px">
-                    <template #default="scope">
-                        <el-button
-                            @click="showCharts(scope.row, 1, '平均值')"
-                            :style="{ color: scope.row.statisticalType === 1 ? '#A52a2a' : '#07d75a' }"
-                            type="text"
-                            size="small"
-                        >
-                            {{ scope.row.avgData }}
-                        </el-button>
-                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
-                    </template>
-                </vxe-column>
-                <vxe-column field="cp95Data" title="CP95值(%)" min-width="100px">
-                    <template #default="scope">
-                        <el-button
-                            @click="showCharts(scope.row, 4, 'CP95值')"
-                            :style="{ color: scope.row.statisticalType === 4 ? '#A52a2a' : '#07d75a' }"
-                            type="text"
-                            size="small"
-                        >
-                            {{ scope.row.cp95Data }}
-                        </el-button>
-                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
-                    </template>
-                </vxe-column>
-            </vxe-table>
-            <SecondSheet v-if="options" style="background: #fff; z-index: 10">
-                <el-button
-                    style="position: absolute; right: 0; top: 0; cursor: pointer; z-index: 3"
-                    icon="el-icon-Back"
-                    size="small"
-                    @click="close"
-                >
-                    返回
-                </el-button>
-                <MyEChart :options="options"></MyEChart>
-            </SecondSheet>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import { Close } from '@element-plus/icons-vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { indexOptions, harmonicOptions, inharmonicOptions } from '@/utils/dictionary'
-import { getHistoryTableData, getHistoryLineData } from '@/api/harmonic-boot/normLimit'
-import { defaultAttribute } from '@/components/table/defaultAttribute'
-import SecondSheet from '@/components/secondSheet/index.vue'
-import MyEChart from '@/components/echarts/MyEchart.vue'
-
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const checked = ref(monitoringPoint.state.showCheckBox)
-const formData = reactive<{
-    lineId: string[]
-    searchBeginTime: string
-    searchEndTime: string
-    condition: string[]
-    harmonic: number
-    inHarmonic: number
-}>({
-    lineId: [],
-    searchBeginTime: '',
-    searchEndTime: '',
-    condition: ['10', '11', '12'],
-    harmonic: 2,
-    inHarmonic: 1
-})
-const tableData = ref([])
-const showXieBoCiShu = ref(false)
-const showJianXieBoCiShu = ref(false)
-const options = ref<any>(null)
-
-onMounted(() => {
-    init()
-})
-const init = () => {
-    loading.value = true
-    formData.lineId = checked.value ? monitoringPoint.state.lineIds : [monitoringPoint.state.lineId]
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-    getHistoryTableData(formData).then((res: any) => {
-        tableData.value = res.data.map((item: any) => {
-            return {
-                ...item,
-                maxData: item.maxData.toFixed(2),
-                minData: item.minData.toFixed(2),
-                avgData: item.avgData.toFixed(2),
-                cp95Data: item.cp95Data.toFixed(2)
-            }
-        })
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-const checkChange = () => {
-    if (checked.value) {
-        monitoringPoint.setShowCheckBox(true)
-    } else {
-        monitoringPoint.setShowCheckBox(false)
-        init()
-    }
-}
-const close = () => {
-    console.log('====================================')
-    console.log(2123123)
-    console.log('====================================')
-    options.value = null
-}
-const showCharts = (row: any, valueType: number, name: string) => {
-    getHistoryLineData({
-        lineId: row.lineId,
-        number: row.number,
-        phaseType: row.phaseType,
-        searchTime: row.timeId,
-        targetCode: row.targetCode,
-        valueType
-    }).then(res => {
-        options.value = {
-            title: {
-                text: row.subName + ' ' + row.lineName + ' ' + row.targetName + ' ' + row.phaseType + '相' + name
-            },
-            legend: {
-                show: false
-            },
-            xAxis: {
-                type: 'category',
-                name: '时间',
-                data: res.data[0]?.value.map((item: any[]) => item[0])
-            },
-            yAxis: {
-                name: '%',
-                type: 'value'
-            },
-            series: [
-                {
-                    name: name,
-                    data: res.data[0]?.value.map((item: any[]) => item[1]),
-                    type: 'line'
-                }
-            ],
-            options: {
-                grid: {
-                    top: '50px',
-                    left: '40px',
-                    right: '60px',
-                    bottom: '10px',
-                    containLabel: true
-                },
-                dataZoom: null
-            }
-        }
-    })
-}
-const conditionChange = () => {
-    //判断一个指标时
-    if (formData.condition.length == 1) {
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            // formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-    }
-    //判断2个指标时
-    if (formData.condition.length == 2) {
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            (formData.condition.includes('45') && formData.condition.includes('46')) ||
-            // formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showXieBoCiShu.value = true
-            showJianXieBoCiShu.value = true
-        }
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            // formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-    }
-    //判断3个指标时
-    if (formData.condition.length == 3) {
-        if (
-            (formData.condition.includes('40') ||
-                formData.condition.includes('43') ||
-                formData.condition.includes('44') ||
-                formData.condition.includes('45')) &&
-            (formData.condition.includes('46') ||
-                // formData.condition.includes('47') ||
-                // formData.condition.includes('48') ||
-                formData.condition.includes('49'))
-        ) {
-            showXieBoCiShu.value = true
-            showJianXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            // formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-    }
-    //判断4个指标时
-    if (formData.condition.length == 4) {
-        if (
-            (formData.condition.includes('40') ||
-                formData.condition.includes('43') ||
-                formData.condition.includes('44') ||
-                formData.condition.includes('45')) &&
-            (formData.condition.includes('46') ||
-                // formData.condition.includes('47') ||
-                // formData.condition.includes('48') ||
-                formData.condition.includes('49'))
-        ) {
-            showXieBoCiShu.value = true
-            showJianXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            // formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-    }
-    //判断5个指标时
-    if (formData.condition.length == 5) {
-        if (
-            (formData.condition.includes('40') ||
-                formData.condition.includes('43') ||
-                formData.condition.includes('44') ||
-                formData.condition.includes('45')) &&
-            (formData.condition.includes('46') ||
-                // formData.condition.includes('47') ||
-                // formData.condition.includes('48') ||
-                formData.condition.includes('49'))
-        ) {
-            showXieBoCiShu.value = true
-            showJianXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            // formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-    }
-    //判断无指标时
-    if (formData.condition.length == 0) {
-        showJianXieBoCiShu.value = false
-        showXieBoCiShu.value = false
-    }
-}
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%; position: relative">
+        <el-form :inline="true">
+            <el-form-item label="多监测点">
+                <el-checkbox v-model="checked" @change="checkChange" />
+            </el-form-item>
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef" ></DatePicker>
+            </el-form-item>
+            <el-form-item label="指标类型:">
+                <el-select
+                    v-model="formData.condition"
+                    multiple
+                    collapse-tags
+                    :multiple-limit="5"
+                    filterable
+                    placeholder="请选择指标"
+                    @change="conditionChange"
+                >
+                    <el-option-group v-for="group in indexOptions" :key="group.label" :label="group.label">
+                        <el-option
+                            v-for="item in group.options"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        ></el-option>
+                    </el-option-group>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="谐波次数:" v-if="showXieBoCiShu">
+                <el-select style="width: 100%" v-model="formData.harmonic" placeholder="请选择谐波">
+                    <el-option
+                        v-for="item in harmonicOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item v-if="showJianXieBoCiShu" label="间谐波次数:">
+                <el-select style="width: 100%" v-model="formData.inHarmonic" placeholder="请选择间谐波">
+                    <el-option
+                        v-for="item in inharmonicOptions"
+                        :key="item.value"
+                        :label="item.label"
+                        :value="item.value"
+                    ></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <div style="flex: 1; overflow: hidden" class="mt10" v-loading="loading">
+            <vxe-table height="auto" v-bind="defaultAttribute" :data="tableData">
+                <vxe-column field="subName" title="变电站" min-width="120px"></vxe-column>
+                <vxe-column field="lineName" title="监测点名称" min-width="120px"></vxe-column>
+                <vxe-column field="targetName" title="指标类型" min-width="120px"></vxe-column>
+                <vxe-column field="phaseType" title="相别" min-width="100px"></vxe-column>
+                <vxe-column field="scale" title="电压等级" min-width="100px"></vxe-column>
+                <vxe-column field="timeId" title="时间" min-width="130px"></vxe-column>
+                <vxe-column field="unit" title="单位" min-width="100px"></vxe-column>
+                <vxe-column field="maxData" title="最大值(%)" min-width="100px">
+                    <template #default="scope">
+                        <el-button
+                            @click="showCharts(scope.row, 3, '最大值')"
+                            :style="{ color: scope.row.statisticalType === 3 ? '#A52a2a' : '#07d75a' }"
+                            type="text"
+                            size="small"
+                        >
+                            {{ scope.row.maxData }}
+                        </el-button>
+                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
+                    </template>
+                </vxe-column>
+                <vxe-column field="minData" title="最小值(%)" min-width="100px">
+                    <template #default="scope">
+                        <el-button
+                            @click="showCharts(scope.row, 2, '最小值')"
+                            :style="{ color: scope.row.statisticalType === 2 ? '#A52a2a' : '#07d75a' }"
+                            type="text"
+                            size="small"
+                        >
+                            {{ scope.row.minData }}
+                        </el-button>
+                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
+                    </template>
+                </vxe-column>
+                <vxe-column field="avgData" title="平均值(%)" min-width="100px">
+                    <template #default="scope">
+                        <el-button
+                            @click="showCharts(scope.row, 1, '平均值')"
+                            :style="{ color: scope.row.statisticalType === 1 ? '#A52a2a' : '#07d75a' }"
+                            type="text"
+                            size="small"
+                        >
+                            {{ scope.row.avgData }}
+                        </el-button>
+                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
+                    </template>
+                </vxe-column>
+                <vxe-column field="cp95Data" title="CP95值(%)" min-width="100px">
+                    <template #default="scope">
+                        <el-button
+                            @click="showCharts(scope.row, 4, 'CP95值')"
+                            :style="{ color: scope.row.statisticalType === 4 ? '#A52a2a' : '#07d75a' }"
+                            type="text"
+                            size="small"
+                        >
+                            {{ scope.row.cp95Data }}
+                        </el-button>
+                        <el-button v-if="scope.row.statisticalType === 3.14159">/</el-button>
+                    </template>
+                </vxe-column>
+            </vxe-table>
+            <SecondSheet v-if="options" style="background: #fff; z-index: 10">
+                <el-button
+                    style="position: absolute; right: 0; top: 0; cursor: pointer; z-index: 3"
+                    icon="el-icon-Back"
+                    size="small"
+                    @click="close"
+                >
+                    返回
+                </el-button>
+                <MyEChart :options="options"></MyEChart>
+            </SecondSheet>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import { Close } from '@element-plus/icons-vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { indexOptions, harmonicOptions, inharmonicOptions } from '@/utils/dictionary'
+import { getHistoryTableData, getHistoryLineData } from '@/api/harmonic-boot/normLimit'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import SecondSheet from '@/components/secondSheet/index.vue'
+import MyEChart from '@/components/echarts/MyEchart.vue'
+
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const checked = ref(monitoringPoint.state.showCheckBox)
+const formData = reactive<{
+    lineId: string[]
+    searchBeginTime: string
+    searchEndTime: string
+    condition: string[]
+    harmonic: number
+    inHarmonic: number
+}>({
+    lineId: [],
+    searchBeginTime: '',
+    searchEndTime: '',
+    condition: ['10', '11', '12'],
+    harmonic: 2,
+    inHarmonic: 1
+})
+const tableData = ref([])
+const showXieBoCiShu = ref(false)
+const showJianXieBoCiShu = ref(false)
+const options = ref<any>(null)
+
+onMounted(() => {
+    init()
+})
+const init = () => {
+    loading.value = true
+    formData.lineId = checked.value ? monitoringPoint.state.lineIds : [monitoringPoint.state.lineId]
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+    getHistoryTableData(formData).then((res: any) => {
+        tableData.value = res.data.map((item: any) => {
+            return {
+                ...item,
+                maxData: item.maxData.toFixed(2),
+                minData: item.minData.toFixed(2),
+                avgData: item.avgData.toFixed(2),
+                cp95Data: item.cp95Data.toFixed(2)
+            }
+        })
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+const checkChange = () => {
+    if (checked.value) {
+        monitoringPoint.setShowCheckBox(true)
+    } else {
+        monitoringPoint.setShowCheckBox(false)
+        init()
+    }
+}
+const close = () => {
+    console.log('====================================')
+    console.log(2123123)
+    console.log('====================================')
+    options.value = null
+}
+const showCharts = (row: any, valueType: number, name: string) => {
+    getHistoryLineData({
+        lineId: row.lineId,
+        number: row.number,
+        phaseType: row.phaseType,
+        searchTime: row.timeId,
+        targetCode: row.targetCode,
+        valueType
+    }).then(res => {
+        options.value = {
+            title: {
+                text: row.subName + ' ' + row.lineName + ' ' + row.targetName + ' ' + row.phaseType + '相' + name
+            },
+            legend: {
+                show: false
+            },
+            xAxis: {
+                type: 'category',
+                name: '时间',
+                data: res.data[0]?.value.map((item: any[]) => item[0])
+            },
+            yAxis: {
+                name: '%',
+                type: 'value'
+            },
+            series: [
+                {
+                    name: name,
+                    data: res.data[0]?.value.map((item: any[]) => item[1]),
+                    type: 'line'
+                }
+            ],
+            options: {
+                grid: {
+                    top: '50px',
+                    left: '40px',
+                    right: '60px',
+                    bottom: '10px',
+                    containLabel: true
+                },
+                dataZoom: null
+            }
+        }
+    })
+}
+const conditionChange = () => {
+    //判断一个指标时
+    if (formData.condition.length == 1) {
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            // formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+    }
+    //判断2个指标时
+    if (formData.condition.length == 2) {
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            (formData.condition.includes('45') && formData.condition.includes('46')) ||
+            // formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showXieBoCiShu.value = true
+            showJianXieBoCiShu.value = true
+        }
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            // formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+    }
+    //判断3个指标时
+    if (formData.condition.length == 3) {
+        if (
+            (formData.condition.includes('40') ||
+                formData.condition.includes('43') ||
+                formData.condition.includes('44') ||
+                formData.condition.includes('45')) &&
+            (formData.condition.includes('46') ||
+                // formData.condition.includes('47') ||
+                // formData.condition.includes('48') ||
+                formData.condition.includes('49'))
+        ) {
+            showXieBoCiShu.value = true
+            showJianXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            // formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+    }
+    //判断4个指标时
+    if (formData.condition.length == 4) {
+        if (
+            (formData.condition.includes('40') ||
+                formData.condition.includes('43') ||
+                formData.condition.includes('44') ||
+                formData.condition.includes('45')) &&
+            (formData.condition.includes('46') ||
+                // formData.condition.includes('47') ||
+                // formData.condition.includes('48') ||
+                formData.condition.includes('49'))
+        ) {
+            showXieBoCiShu.value = true
+            showJianXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            // formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+    }
+    //判断5个指标时
+    if (formData.condition.length == 5) {
+        if (
+            (formData.condition.includes('40') ||
+                formData.condition.includes('43') ||
+                formData.condition.includes('44') ||
+                formData.condition.includes('45')) &&
+            (formData.condition.includes('46') ||
+                // formData.condition.includes('47') ||
+                // formData.condition.includes('48') ||
+                formData.condition.includes('49'))
+        ) {
+            showXieBoCiShu.value = true
+            showJianXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            // formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+    }
+    //判断无指标时
+    if (formData.condition.length == 0) {
+        showJianXieBoCiShu.value = false
+        showXieBoCiShu.value = false
+    }
+}
+</script>
+<style></style>
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
index 8153283d..b659c219 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index.vue
@@ -6,7 +6,7 @@
                     <el-form-item label="多监测点">
                         <el-checkbox v-model="checked" @change="checkChange" />
                     </el-form-item>
-                    <el-form-item label="日期">
+                    <el-form-item label="统计时间">
                         <DatePicker ref="datePickerRef" :theCurrentTime="true"></DatePicker>
                     </el-form-item>
                     <el-form-item label="指标类型:">
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index1.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index1.vue
index f9a1de15..ef0dfa7a 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index1.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaishujufenxi/index1.vue
@@ -1,1716 +1,1716 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <el-form :inline="true">
-            <el-form-item label="多监测点">
-                <el-checkbox v-model="checked" @change="checkChange" />
-            </el-form-item>
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item label="指标类型:">
-                <el-select v-model="formData.condition" multiple collapse-tags :multiple-limit="5" filterable
-                    placeholder="请选择指标" @change="conditionChange">
-                    <el-option-group v-for="group in indexOptions" :key="group.label" :label="group.label">
-                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
-                            :value="item.value"></el-option>
-                    </el-option-group>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="数值类型:">
-                <el-select style="width: 100%" v-model="formData.valueType" placeholder="请选择类型">
-                    <el-option v-for="item in typeOptions" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item label="谐波次数:" v-if="showXieBoCiShu">
-                <el-select style="width: 100%" v-model="formData.harmonic" placeholder="请选择谐波">
-                    <el-option v-for="item in harmonicOptions" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item v-if="showJianXieBoCiShu" label="间谐波次数:">
-                <el-select style="width: 100%" v-model="formData.inHarmonic" placeholder="请选择间谐波">
-                    <el-option v-for="item in inharmonicOptions" :key="item.value" :label="item.label"
-                        :value="item.value"></el-option>
-                </el-select>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <div style="flex: 1; overflow-y: scroll" class="mt10" v-loading="loading">
-            <my-echart :options="item.option" v-for="item in list" :style="height" />
-        </div>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { indexOptions, harmonicOptions, inharmonicOptions } from '@/utils/dictionary'
-import { getHistoryResult } from '@/api/harmonic-boot/harmonic'
-import { mainHeight } from '@/utils/layout'
-import { yMethod } from '@/utils/echartMethod'
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const checked = ref(monitoringPoint.state.showCheckBox)
-const loading = ref(true)
-const formData = reactive<{
-    lineId: string[]
-    searchBeginTime: string
-    searchEndTime: string
-    condition: string[]
-    valueType: number
-    harmonic: number
-    inHarmonic: number
-    ptType: number
-}>({
-    lineId: [],
-    searchBeginTime: '',
-    searchEndTime: '',
-    condition: ['10', '11', '12'],
-    valueType: 1,
-    harmonic: 2,
-    inHarmonic: 1,
-    ptType: 0
-})
-const height: any = ref(mainHeight(200, 1))
-const options = ref({})
-const traceability = ref<any>([])
-const list = ref<any>([])
-const showXieBoCiShu = ref(false)
-const showJianXieBoCiShu = ref(false)
-const typeOptions = ref([
-    { label: '平均值', value: 1 },
-    { label: '最小值', value: 2 },
-    { label: '最大值', value: 3 },
-    { label: 'cp95值', value: 4 }
-])
-onMounted(() => {
-    datePickerRef.value.setTheDate(5)
-    init()
-})
-const checkChange = () => {
-    if (checked.value) {
-        monitoringPoint.setShowCheckBox(true)
-    } else {
-        monitoringPoint.setShowCheckBox(false)
-        init()
-    }
-}
-const init = () => {
-    loading.value = true
-    formData.lineId = checked.value ? monitoringPoint.state.lineIds : [monitoringPoint.state.lineId]
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-    let directionValue = formData.condition.findIndex(item => {
-        if (item === '39') {
-            item = '50'
-            return true
-        } else {
-            return false
-        }
-    })
-    getHistoryResult(formData).then((res: any) => {
-        if (directionValue >= 0) {
-            res.data[directionValue].targetName = '谐波电流方向'
-            traceability.value = [(res.data as [])[directionValue]]
-        }
-        list.value = []
-        shujuchuli(res)
-        loading.value = false
-    }).catch(() => { loading.value = false })
-}
-const shujuchuli = (res: any) => {
-    let shujuData = res.data
-    shujuData.forEach((item: any, i: number) => {
-        let [min, max] = yMethod([ ...(item.value.map(arr => arr.slice(1)).flat()),item.topLimit,,item.lowerLimit])
-      
-        //判断是否存在暂降点
-        if (item.eventDetail !== null || item.eventDetail.length === 0) {
-            //向项别中添加暂降点
-            let chufa = []
-            item.phaiscType.push('暂态触发点')
-            //判断是否有限值(有上下限)
-            if (item.topLimit !== 0 && item.lowerLimit !== 0) {
-                item.phaiscType.push('上限')
-                item.phaiscType.push('下限')
-                if (item.minValue !== null && item.maxValue !== null) {
-                    //最小值等于下限值
-
-                    //图列为A,B,C,暂降,上限,下限
-                    if (item.phaiscType.length == 6) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        let topLimit = []
-                        let lowerLimit = []
-                        item.maxValue = max
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                                //上下限值
-                                topLimit.push([item.value[j][0], item.topLimit])
-                                lowerLimit.push([item.value[j][0], item.lowerLimit])
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([
-                                    item.eventDetail[k].time,
-                                    item.minValue.toFixed(3),
-                                    item.eventDetail[k].id,
-                                    99
-                                ])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            topLimit: topLimit,
-                            lowerLimit: lowerLimit,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,暂降,上限,下限
-                    if (item.phaiscType.length == 4) {
-                        let gvalue = []
-                        let topLimit = []
-                        let lowerLimit = []
-                        item.maxValue = max
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                                //上下限值
-                                topLimit.push([item.value[j][0], item.topLimit])
-                                lowerLimit.push([item.value[j][0], item.lowerLimit])
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([
-                                    item.eventDetail[k].time,
-                                    item.minValue.toFixed(3),
-                                    item.eventDetail[k].id,
-                                    99
-                                ])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            gvalue: gvalue,
-                            topLimit: topLimit,
-                            lowerLimit: lowerLimit,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-            //有上限值
-            if (item.topLimit !== 0 && item.lowerLimit == 0) {
-                item.phaiscType.push('上限')
-                if (item.minValue !== null && item.maxValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C,暂降,上限
-                    if (item.phaiscType.length == 5) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        let topLimit = []
-                        item.maxValue = max
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                                //上限值
-                                topLimit.push([item.value[j][0], item.topLimit])
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([
-                                    item.eventDetail[k].time,
-                                    item.minValue.toFixed(3),
-                                    item.eventDetail[k].id,
-                                    99
-                                ])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            topLimit: topLimit,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,暂降,上限
-                    if (item.phaiscType.length == 3) {
-                        let gvalue = []
-                        let topLimit = []
-                        item.maxValue = max
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                                //上限值
-                                topLimit.push([item.value[j][0], item.topLimit])
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([item.eventDetail[k].time, item.minValue.toFixed(3)])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            gvalue: gvalue,
-                            topLimit: topLimit,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-            //有下限值
-            if (item.topLimit == 0 && item.lowerLimit !== 0) {
-                item.phaiscType.push('下限')
-                if (item.minValue !== null && item.maxValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C,暂降,下限
-                    if (item.phaiscType.length == 5) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        let lowerLimit = []
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                                //下限值
-                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([item.eventDetail[k].time, item.minValue.toFixed(3)])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            lowerLimit: lowerLimit,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,暂降,下限
-                    if (item.phaiscType.length == 3) {
-                        let gvalue = []
-                        let lowerLimit = []
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                                //下限值
-                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([item.eventDetail[k].time, item.minValue.toFixed(3)])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            gvalue: gvalue,
-                            lowerLimit: lowerLimit,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-            //无限值
-            if (item.topLimit == 0 && item.lowerLimit == 0) {
-                if (item.minValue !== null && item.maxValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C,暂降
-                    if (item.phaiscType.length == 4) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([
-                                    item.eventDetail[k].time,
-                                    item.minValue.toFixed(3),
-                                    item.eventDetail[k].id,
-                                    99
-                                ])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue > 1 ? (item.minValue - 0.5).toFixed(3) : item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,暂降
-                    if (item.phaiscType.length == 2) {
-                        let gvalue = []
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        //不存在一个暂降点或1个 //处理暂降点
-                        if (item.eventDetail.length > 0) {
-                            for (let k = 0; k < item.eventDetail.length; k++) {
-                                chufa.push([
-                                    item.eventDetail[k].time,
-                                    item.minValue.toFixed(3),
-                                    item.eventDetail[k].id,
-                                    99
-                                ])
-                            }
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            gvalue: gvalue,
-                            chufa: chufa
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-        } else if (item.eventDetail == null) {
-            //判断是否有限值(有上下限)
-            if (item.topLimit !== 0 && item.lowerLimit !== 0) {
-                item.phaiscType.push('上限')
-                item.phaiscType.push('下限')
-                if (item.minValue !== null && item.maxValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C,上限,下限
-                    if (item.phaiscType.length == 5) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        let topLimit = []
-                        let lowerLimit = []
-                        item.maxValue = max
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                                //上下限值
-                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
-                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            topLimit: topLimit,
-                            lowerLimit: lowerLimit
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,上限,下限
-                    if (item.phaiscType.length == 3) {
-                        let gvalue = []
-                        let topLimit = []
-                        let lowerLimit = []
-                        item.maxValue = max
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                                //上下限值
-                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
-                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            gvalue: gvalue,
-                            topLimit: topLimit,
-                            lowerLimit: lowerLimit,
-                            chufa: []
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-            //有上限值
-            if (item.topLimit !== 0 && item.lowerLimit == 0) {
-                item.phaiscType.push('上限')
-                if (item.minValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C,上限
-                    if (item.phaiscType.length == 4) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        let topLimit = []
-                        item.maxValue = max
-                        // item.minValue=item.lowerLimit
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                                //上限值
-                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            maxValue: item.maxValue.toFixed(3),
-                            minValue: item.minValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            topLimit: topLimit
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,上限
-                    if (item.phaiscType.length == 2) {
-                        let gvalue = []
-                        let topLimit = []
-                        item.maxValue = max
-                        // item.minValue=item.lowerLimit
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                                //上限值
-                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            gvalue: gvalue,
-                            topLimit: topLimit
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-            //有下限值
-            if (item.topLimit == 0 && item.lowerLimit !== 0) {
-                item.phaiscType.push('下限')
-                if (item.minValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C,下限
-                    if (item.phaiscType.length == 4) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        let lowerLimit = []
-                        // item.maxValue=item.topLimit
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                                //下限值
-                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue,
-                            lowerLimit: lowerLimit
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等,下限
-                    if (item.phaiscType.length == 2) {
-                        let gvalue = []
-                        let lowerLimit = []
-                        // item.maxValue=item.topLimit
-                        item.minValue = min
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                                //下限值
-                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            gvalue: gvalue,
-                            lowerLimit: lowerLimit
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-            //无限值
-            if (item.topLimit == 0 && item.lowerLimit == 0) {
-                if (item.minValue !== null) {
-                    //最小值等于下限值
-                    //图列为A,B,C
-                    if (item.phaiscType.length == 3) {
-                        let avalue = []
-                        let bvalue = []
-                        let cvalue = []
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    avalue.push([])
-                                }
-                                //判断存在缺失值b
-                                if (item.value[j][2] != undefined) {
-                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
-                                } else {
-                                    bvalue.push([])
-                                }
-                                //判断存在缺失值c
-                                if (item.value[j][3] != undefined) {
-                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
-                                } else {
-                                    cvalue.push([])
-                                }
-                            }
-                            //数据为空
-                        } else {
-                            avalue = []
-                            bvalue = []
-                            cvalue = []
-                        }
-
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            avalue: avalue,
-                            bvalue: bvalue,
-                            cvalue: cvalue
-                        }
-                        list.value.push(shuju)
-                    }
-                    //图列为频率等
-                    if (item.phaiscType.length == 1) {
-                        let gvalue = []
-                        //判断数据是否存在
-                        if (item.value !== null) {
-                            for (let j = 0; j < item.value.length; j++) {
-                                //判断存在缺失值a
-                                if (item.value[j][1] != undefined) {
-                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
-                                } else {
-                                    gvalue.push([])
-                                }
-                            }
-                            //数据为空
-                        } else {
-                            gvalue = []
-                        }
-                        let shuju = {
-                            id: 'qushifenx' + i,
-                            title: item.lineName + '--' + item.targetName,
-                            targetName: item.targetName,
-                            legend: item.phaiscType,
-                            valueName: item.unit[0],
-                            minValue: item.minValue.toFixed(3),
-                            maxValue: item.maxValue.toFixed(3),
-                            gvalue: gvalue
-                        }
-                        list.value.push(shuju)
-                    }
-                } else {
-                    let shuju = {
-                        id: 'qushifenx' + i,
-                        title: item.lineName + '--' + item.targetName,
-                        targetName: item.targetName,
-                        legend: item.phaiscType,
-                        valueName: item.unit[0],
-                        minValue: null,
-                        avalue: [],
-                        bvalue: [],
-                        cvalue: [],
-                        topLimit: [],
-                        lowerLimit: [],
-                        chufa: []
-                    }
-                    list.value.push(shuju)
-                }
-            }
-        }
-    })
-    rendering()
-}
-const rendering = () => {
-    height.value = mainHeight(200, list.value.length > 1 ? 2 : 1)
-
-    list.value.forEach((item: any) => {
-        let opitonserise: any[] = []
-        item.legend.forEach((item2: any) => {
-            if (item.avalue !== undefined && (item2 == 'A相' || item2 == 'AB相' || item2 == '零序电压')) {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    smooth: true,
-                    itemStyle: {
-                        normal: {
-                            color: '#DAA520'
-                        }
-                    },
-
-                    data: item.avalue
-                }
-                opitonserise.push(data)
-            } else if (item.bvalue !== undefined && (item2 == 'B相' || item2 == 'BC相' || item2 == '正序电压')) {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    smooth: true,
-                    itemStyle: {
-                        normal: {
-                            color: '#2E8B57'
-                        }
-                    },
-
-                    data: item.bvalue
-                }
-                opitonserise.push(data)
-            } else if (item.cvalue !== undefined && (item2 == 'C相' || item2 == 'CA相' || item2 == '负序电压')) {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    smooth: true,
-                    barWidth: 22,
-                    itemStyle: {
-                        normal: {
-                            color: '#A52a2a'
-                        }
-                    },
-                    data: item.cvalue
-                }
-                opitonserise.push(data)
-            } else if (item.topLimit !== undefined && item2 == '上限') {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    smooth: true,
-                    itemStyle: {
-                        normal: {
-                            color: '#FF33FF',
-                            lineStyle: {
-                                width: 2,
-                                color: '#FF33FF',
-                                type: 'dotted' //'dotted'虚线 'solid'实线
-                            }
-                        }
-                    },
-                    data: item.topLimit
-                }
-                opitonserise.push(data)
-            } else if (item.lowerLimit !== undefined && item2 == '下限') {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    smooth: true,
-                    barWidth: 22,
-                    itemStyle: {
-                        normal: {
-                            color: '#3399FF',
-                            lineStyle: {
-                                width: 2,
-                                color: '#3399FF',
-                                type: 'dotted' //'dotted'虚线 'solid'实线
-                            }
-                        }
-                    },
-                    data: item.lowerLimit
-                }
-                opitonserise.push(data)
-            } else if (item.chufa !== undefined && item2 == '暂态触发点') {
-                let data = {
-                    name: item2,
-                    type: 'scatter',
-                    symbol: `image://` + new URL('@/assets/point.png', import.meta.url).href,
-                    symbolSize: 16,
-                    itemStyle: {
-                        width: '22px',
-                        height: '22px'
-                    },
-                    data: item.chufa
-                }
-                opitonserise.push(data)
-            } else if (item.gvalue !== undefined && item2 == '频率') {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    smooth: true,
-                    itemStyle: {
-                        normal: {
-                            color: '#990099',
-                            lineStyle: {
-                                width: 2,
-                                color: '#990099',
-                                type: 'solid' //'dotted'虚线 'solid'实线
-                            }
-                        }
-                    },
-                    data: item.gvalue
-                }
-                opitonserise.push(data)
-            } else if (item.gvalue !== undefined && item2 == '负序电流') {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    barWidth: 22,
-                    itemStyle: {
-                        normal: {
-                            color: '#999933'
-                        }
-                    },
-                    data: item.gvalue
-                }
-                opitonserise.push(data)
-            } else if (item.gvalue !== undefined && item2 == '三相电压不平衡度') {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    barWidth: 22,
-                    itemStyle: {
-                        normal: {
-                            color: '#FF6600'
-                        }
-                    },
-                    data: item.gvalue
-                }
-                opitonserise.push(data)
-            } else if (
-                item.gvalue !== undefined &&
-                (item2 == '三相总有功功率' || item2 == '三相总无功功率' || item2 == '三相总视在功率')
-            ) {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    barWidth: 22,
-                    itemStyle: {
-                        normal: {
-                            color: '#0033ff'
-                        }
-                    },
-                    data: item.gvalue
-                }
-                opitonserise.push(data)
-            } else if (item.gvalue !== undefined && (item2 == '总视在功率因数' || item2 == '总位移功率因数')) {
-                let data = {
-                    name: item2,
-                    symbol: 'none',
-                    symbolSize: 5,
-                    type: 'line',
-                    barWidth: 22,
-                    itemStyle: {
-                        normal: {
-                            color: '#00FF00'
-                        }
-                    },
-
-                    data: item.gvalue
-                }
-                opitonserise.push(data)
-            }
-            // else {
-            //     opitonserise.push([])
-            // }
-        })
-        if (item.valueName == undefined) {
-            item.valueName = '无'
-        }
-        //console.log('渲染数据体',opitonserise)
-        item.serise = opitonserise
-    })
-    getEcharts()
-}
-const getEcharts = () => {
-    console.log("🚀 ~ list.value.forEach ~  list.value:",  list.value)
-
-    list.value.forEach((item: any, i: number) => {
-        item.option = {
-            backgroundColor: '#fff',
-            title: {
-                left: 'center',
-                text: item.title
-            },
-            tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                    //type: "shadow",
-                    type: 'cross', // 默认为直线，可选为：'line' | 'shadow'
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                backgroundColor: 'rgba(0,0,0,0.55)',
-
-                formatter: function (params: any) {
-                    let tips = ''
-                    tips += '时刻:' + params[0].data[0] + '</br/>'
-                    for (let i = 0; i < params.length; i++) {
-                        if (params[i].seriesName == '暂态触发点') {
-                            tips += ''
-                            return tips
-                        }
-                        if (params[i].seriesName == 'A相谐波电流方向') {
-                            tips +=
-                                params[i].value[1] > 0
-                                    ? 'A相谐波电流方向:流入<br/>'
-                                    : params[i].value[1] == 0
-                                        ? 'A相谐波电流方向:无<br/>'
-                                        : 'A相谐波电流方向:流出<br/>'
-                        } else if (params[i].seriesName == 'B相谐波电流方向') {
-                            tips +=
-                                params[i].value[1] > 0
-                                    ? 'B相谐波电流方向:流入<br/>'
-                                    : params[i].value[1] == 0
-                                        ? 'B相谐波电流方向:无<br/>'
-                                        : 'B相谐波电流方向:流出<br/>'
-                        } else if (params[i].seriesName == 'C相谐波电流方向') {
-                            tips +=
-                                params[i].value[1] > 0
-                                    ? 'C相谐波电流方向:流入<br/>'
-                                    : params[i].value[1] == 0
-                                        ? 'C相谐波电流方向:无<br/>'
-                                        : 'C相谐波电流方向:流出<br/>'
-                        } else if (params[i].seriesName == '总谐波电流方向') {
-                            tips +=
-                                params[i].value[1] > 0
-                                    ? '总谐波电流方向:流入<br/>'
-                                    : params[i].value[1] == 0
-                                        ? '总谐波电流方向:无<br/>'
-                                        : '总谐波电流方向:流出<br/>'
-                        } else if (params[i].seriesName == '正序电压') {
-                            let str = (params[i].value[1] * 1).toString()
-                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
-                            let str1 = str.replace(reg, '$1,')
-                            tips += params[i].seriesName + ':' + str1 + 'kV<br/>'
-                        } else if (params[i].seriesName == '零序电压' || params[i].seriesName == '负序电压') {
-                            let str = (params[i].value[1] * 1).toString()
-                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
-                            let str1 = str.replace(reg, '$1,')
-                            tips += params[i].seriesName + ':' + str1 + 'V<br/>'
-                        } else if (params[i].seriesName !== '正序电压') {
-                            let str = (params[i].value[1] * 1).toString()
-                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
-                            let str1 = str.replace(reg, '$1,')
-                            tips += params[i].seriesName + ':' + str1 + '<br/>'
-                        } else {
-                            let str = (params[i].value[2] * 1).toString()
-                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
-                            let str1 = str.replace(reg, '$1,')
-                            tips += params[i].seriesName + ':' + str1 + '<br/>'
-
-                            let str2 = (params[i].value[3] * 1).toString()
-                            let reg2 = str2.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
-                            let str12 = str.replace(reg2, '$1,')
-                            // if(params[i].seriesName){
-
-                            // }
-                            tips += params[i].seriesName + ':' + str12 + '<br/>'
-                        }
-                    }
-
-                    return tips
-                }
-            },
-            legend: {
-                left: '140px',
-                verticalAlign: 'top',
-                enabled: true,
-                itemDistance: 5,
-                textStyle: {
-                    rich: {
-                        a: {
-                            verticalAlign: 'middle'
-                        }
-                    },
-
-                    padding: [0, 0, 0, 0] //[上、右、下、左]
-                }
-            },
-            xAxis: [
-                {
-                    type: 'time',
-                    axisLine: {
-                        show: true,
-                        onZero: false
-                    },
-                    axisLabel: {
-                        textStyle: {
-                            fontFamily: 'dinproRegular'
-                        }
-                    }
-                }
-            ],
-            toolbox: {
-                show: true,
-                feature: {
-                    dataZoom: {
-                        // bottom: '10px',
-                        yAxisIndex: 'none'
-                    }
-                }
-            },
-            yAxis: [
-                {
-                    type: 'value',
-
-                    min: item.minValue,
-                    max: item.maxValue,
-                    name: item.valueName,
-                    axisLabel: {
-                        interval: 0,
-                        formatter: function (value: any) {
-                            return value.toFixed(3)
-                        },
-                        left: '20px'
-                    },
-
-                    axisLine: {
-                        show: true,
-                        onZero: false, //-----------重点
-                        lineStyle: {}
-                    },
-                    splitLine: {
-                        lineStyle: {
-                            // 使用深浅的间隔色
-                            type: 'dashed',
-                            opacity: 0.5
-                        }
-                    }
-                }
-            ],
-            series: item.serise
-        }
-        let aValues = []
-        let bValues = []
-        let CValues = []
-        let ZValues = []
-
-        if (
-            traceability.value.length > 0 &&
-            traceability.value[0].value != null &&
-            traceability.value[0].value.length > 0
-        ) {
-            for (let i = 0; i < traceability.value[0].value.length; i++) {
-                let T = traceability.value[0].value[i][0]
-                let A = traceability.value[0].value[i][1]
-                let B = traceability.value[0].value[i][2]
-                let C = traceability.value[0].value[i][3]
-                let Z = A + B + C
-                aValues.push([T, A > 0 ? 1 : A == 0 ? 0 : -1])
-                bValues.push([T, B > 0 ? 1 : B == 0 ? 0 : -1])
-                CValues.push([T, C > 0 ? 1 : C == 0 ? 0 : -1])
-                ZValues.push([T, Z > 0 ? 1 : Z == 0 ? 0 : -1])
-            }
-        }
-
-        if (item.targetName == '谐波电流方向') {
-            item.option.tooltip.axisPointer = null
-            item.option.yAxis[0] = {
-                type: 'value',
-                interval: 1,
-                min: -2, //最小值
-                max: 2,
-                axisLine: {
-                    show: true,
-                    onZero: false //-----------重点
-                },
-                splitLine: {
-                    lineStyle: {
-                        // 使用深浅的间隔色
-                        type: 'dashed',
-                        opacity: 0.5
-                    }
-                },
-                axisLabel: {
-                    formatter: function (value: any) {
-                        if (value == 0) {
-                            return '无'
-                        } else if (value == -1) {
-                            return '流出'
-                        } else if (value == 1) {
-                            return '流入'
-                        }
-                    }
-                }
-            }
-            item.option.series = [
-                {
-                    name: 'A相谐波电流方向',
-                    type: 'line',
-
-                    data: aValues,
-                    symbol: 'none',
-                    symbolSize: 0,
-                    itemStyle: {
-                        normal: {
-                            color: '#DAA520'
-                        }
-                    }
-                },
-                {
-                    name: 'B相谐波电流方向',
-                    type: 'line',
-
-                    data: bValues,
-                    symbol: 'none',
-                    symbolSize: 0,
-                    itemStyle: {
-                        normal: {
-                            color: '#2E8B57'
-                        }
-                    }
-                },
-                {
-                    name: 'C相谐波电流方向',
-                    type: 'line',
-
-                    data: CValues,
-                    symbol: 'none',
-                    symbolSize: 0,
-                    itemStyle: {
-                        normal: {
-                            color: '#A52a2a'
-                        }
-                    }
-                },
-                {
-                    name: '总谐波电流方向',
-                    type: 'line',
-
-                    data: ZValues,
-                    symbol: 'none',
-                    symbolSize: 0,
-                    itemStyle: {
-                        normal: {
-                            color: '#0033ff'
-                        }
-                    }
-                }
-            ]
-        }
-    })
-}
-const conditionChange = () => {
-    //判断一个指标时
-    if (formData.condition.length == 1) {
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('50') ||
-            formData.condition.includes('39') ||
-            formData.condition.includes('51') ||
-            formData.condition.includes('52') ||
-            formData.condition.includes('45')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            //formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-    }
-    //判断2个指标时
-    if (formData.condition.length == 2) {
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            (formData.condition.includes('45') && formData.condition.includes('46')) ||
-            //formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49') ||
-            formData.condition.includes('50') ||
-            formData.condition.includes('39') ||
-            formData.condition.includes('51') ||
-            formData.condition.includes('52')
-        ) {
-            showXieBoCiShu.value = true
-            showJianXieBoCiShu.value = true
-        }
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45') ||
-            formData.condition.includes('50') ||
-            formData.condition.includes('39') ||
-            formData.condition.includes('51') ||
-            formData.condition.includes('52')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            //formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-    }
-    //判断3个指标时
-    if (formData.condition.length == 3) {
-        if (
-            (formData.condition.includes('40') ||
-                formData.condition.includes('43') ||
-                formData.condition.includes('44') ||
-                formData.condition.includes('50') ||
-                formData.condition.includes('39') ||
-                formData.condition.includes('51') ||
-                formData.condition.includes('52') ||
-                formData.condition.includes('45')) &&
-            (formData.condition.includes('46') ||
-                //formData.condition.includes('47') ||
-                // formData.condition.includes('48') ||
-                formData.condition.includes('49'))
-        ) {
-            showXieBoCiShu.value = true
-            showJianXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('46') ||
-            //formData.condition.includes('47') ||
-            // formData.condition.includes('48') ||
-            formData.condition.includes('49')
-        ) {
-            showJianXieBoCiShu.value = true
-        } else {
-            showJianXieBoCiShu.value = false
-        }
-        if (
-            formData.condition.includes('40') ||
-            formData.condition.includes('43') ||
-            formData.condition.includes('44') ||
-            formData.condition.includes('45') ||
-            formData.condition.includes('50') ||
-            formData.condition.includes('39') ||
-            formData.condition.includes('51') ||
-            formData.condition.includes('52')
-        ) {
-            showXieBoCiShu.value = true
-        } else {
-            showXieBoCiShu.value = false
-        }
-    }
-    //判断无指标时
-    if (formData.condition.length == 0) {
-        showJianXieBoCiShu.value = false
-        showXieBoCiShu.value = false
-    }
-    //根据指标判断值类型
-    if (formData.condition.includes('60') || formData.condition.includes('61') || formData.condition.includes('62')) {
-        typeOptions.value = [{ label: '平均值', value: 1 }]
-        formData.valueType = 1
-    } else {
-        typeOptions.value = [
-            { label: '平均值', value: 1 },
-            { label: '最小值', value: 2 },
-            { label: '最大值', value: 3 },
-            { label: 'cp95值', value: 4 }
-        ]
-    }
-}
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <el-form :inline="true">
+            <el-form-item label="多监测点">
+                <el-checkbox v-model="checked" @change="checkChange" />
+            </el-form-item>
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item label="指标类型:">
+                <el-select v-model="formData.condition" multiple collapse-tags :multiple-limit="5" filterable
+                    placeholder="请选择指标" @change="conditionChange">
+                    <el-option-group v-for="group in indexOptions" :key="group.label" :label="group.label">
+                        <el-option v-for="item in group.options" :key="item.value" :label="item.label"
+                            :value="item.value"></el-option>
+                    </el-option-group>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="数值类型:">
+                <el-select style="width: 100%" v-model="formData.valueType" placeholder="请选择类型">
+                    <el-option v-for="item in typeOptions" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item label="谐波次数:" v-if="showXieBoCiShu">
+                <el-select style="width: 100%" v-model="formData.harmonic" placeholder="请选择谐波">
+                    <el-option v-for="item in harmonicOptions" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item v-if="showJianXieBoCiShu" label="间谐波次数:">
+                <el-select style="width: 100%" v-model="formData.inHarmonic" placeholder="请选择间谐波">
+                    <el-option v-for="item in inharmonicOptions" :key="item.value" :label="item.label"
+                        :value="item.value"></el-option>
+                </el-select>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <div style="flex: 1; overflow-y: scroll" class="mt10" v-loading="loading">
+            <my-echart :options="item.option" v-for="item in list" :style="height" />
+        </div>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { indexOptions, harmonicOptions, inharmonicOptions } from '@/utils/dictionary'
+import { getHistoryResult } from '@/api/harmonic-boot/harmonic'
+import { mainHeight } from '@/utils/layout'
+import { yMethod } from '@/utils/echartMethod'
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const checked = ref(monitoringPoint.state.showCheckBox)
+const loading = ref(true)
+const formData = reactive<{
+    lineId: string[]
+    searchBeginTime: string
+    searchEndTime: string
+    condition: string[]
+    valueType: number
+    harmonic: number
+    inHarmonic: number
+    ptType: number
+}>({
+    lineId: [],
+    searchBeginTime: '',
+    searchEndTime: '',
+    condition: ['10', '11', '12'],
+    valueType: 1,
+    harmonic: 2,
+    inHarmonic: 1,
+    ptType: 0
+})
+const height: any = ref(mainHeight(200, 1))
+const options = ref({})
+const traceability = ref<any>([])
+const list = ref<any>([])
+const showXieBoCiShu = ref(false)
+const showJianXieBoCiShu = ref(false)
+const typeOptions = ref([
+    { label: '平均值', value: 1 },
+    { label: '最小值', value: 2 },
+    { label: '最大值', value: 3 },
+    { label: 'cp95值', value: 4 }
+])
+onMounted(() => {
+    datePickerRef.value.setTheDate(5)
+    init()
+})
+const checkChange = () => {
+    if (checked.value) {
+        monitoringPoint.setShowCheckBox(true)
+    } else {
+        monitoringPoint.setShowCheckBox(false)
+        init()
+    }
+}
+const init = () => {
+    loading.value = true
+    formData.lineId = checked.value ? monitoringPoint.state.lineIds : [monitoringPoint.state.lineId]
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+    let directionValue = formData.condition.findIndex(item => {
+        if (item === '39') {
+            item = '50'
+            return true
+        } else {
+            return false
+        }
+    })
+    getHistoryResult(formData).then((res: any) => {
+        if (directionValue >= 0) {
+            res.data[directionValue].targetName = '谐波电流方向'
+            traceability.value = [(res.data as [])[directionValue]]
+        }
+        list.value = []
+        shujuchuli(res)
+        loading.value = false
+    }).catch(() => { loading.value = false })
+}
+const shujuchuli = (res: any) => {
+    let shujuData = res.data
+    shujuData.forEach((item: any, i: number) => {
+        let [min, max] = yMethod([ ...(item.value.map(arr => arr.slice(1)).flat()),item.topLimit,,item.lowerLimit])
+      
+        //判断是否存在暂降点
+        if (item.eventDetail !== null || item.eventDetail.length === 0) {
+            //向项别中添加暂降点
+            let chufa = []
+            item.phaiscType.push('暂态触发点')
+            //判断是否有限值(有上下限)
+            if (item.topLimit !== 0 && item.lowerLimit !== 0) {
+                item.phaiscType.push('上限')
+                item.phaiscType.push('下限')
+                if (item.minValue !== null && item.maxValue !== null) {
+                    //最小值等于下限值
+
+                    //图列为A,B,C,暂降,上限,下限
+                    if (item.phaiscType.length == 6) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        let topLimit = []
+                        let lowerLimit = []
+                        item.maxValue = max
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                                //上下限值
+                                topLimit.push([item.value[j][0], item.topLimit])
+                                lowerLimit.push([item.value[j][0], item.lowerLimit])
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([
+                                    item.eventDetail[k].time,
+                                    item.minValue.toFixed(3),
+                                    item.eventDetail[k].id,
+                                    99
+                                ])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            topLimit: topLimit,
+                            lowerLimit: lowerLimit,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,暂降,上限,下限
+                    if (item.phaiscType.length == 4) {
+                        let gvalue = []
+                        let topLimit = []
+                        let lowerLimit = []
+                        item.maxValue = max
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                                //上下限值
+                                topLimit.push([item.value[j][0], item.topLimit])
+                                lowerLimit.push([item.value[j][0], item.lowerLimit])
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([
+                                    item.eventDetail[k].time,
+                                    item.minValue.toFixed(3),
+                                    item.eventDetail[k].id,
+                                    99
+                                ])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            gvalue: gvalue,
+                            topLimit: topLimit,
+                            lowerLimit: lowerLimit,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+            //有上限值
+            if (item.topLimit !== 0 && item.lowerLimit == 0) {
+                item.phaiscType.push('上限')
+                if (item.minValue !== null && item.maxValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C,暂降,上限
+                    if (item.phaiscType.length == 5) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        let topLimit = []
+                        item.maxValue = max
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                                //上限值
+                                topLimit.push([item.value[j][0], item.topLimit])
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([
+                                    item.eventDetail[k].time,
+                                    item.minValue.toFixed(3),
+                                    item.eventDetail[k].id,
+                                    99
+                                ])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            topLimit: topLimit,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,暂降,上限
+                    if (item.phaiscType.length == 3) {
+                        let gvalue = []
+                        let topLimit = []
+                        item.maxValue = max
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                                //上限值
+                                topLimit.push([item.value[j][0], item.topLimit])
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([item.eventDetail[k].time, item.minValue.toFixed(3)])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            gvalue: gvalue,
+                            topLimit: topLimit,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+            //有下限值
+            if (item.topLimit == 0 && item.lowerLimit !== 0) {
+                item.phaiscType.push('下限')
+                if (item.minValue !== null && item.maxValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C,暂降,下限
+                    if (item.phaiscType.length == 5) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        let lowerLimit = []
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                                //下限值
+                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([item.eventDetail[k].time, item.minValue.toFixed(3)])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            lowerLimit: lowerLimit,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,暂降,下限
+                    if (item.phaiscType.length == 3) {
+                        let gvalue = []
+                        let lowerLimit = []
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                                //下限值
+                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([item.eventDetail[k].time, item.minValue.toFixed(3)])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            gvalue: gvalue,
+                            lowerLimit: lowerLimit,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+            //无限值
+            if (item.topLimit == 0 && item.lowerLimit == 0) {
+                if (item.minValue !== null && item.maxValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C,暂降
+                    if (item.phaiscType.length == 4) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([
+                                    item.eventDetail[k].time,
+                                    item.minValue.toFixed(3),
+                                    item.eventDetail[k].id,
+                                    99
+                                ])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue > 1 ? (item.minValue - 0.5).toFixed(3) : item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,暂降
+                    if (item.phaiscType.length == 2) {
+                        let gvalue = []
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        //不存在一个暂降点或1个 //处理暂降点
+                        if (item.eventDetail.length > 0) {
+                            for (let k = 0; k < item.eventDetail.length; k++) {
+                                chufa.push([
+                                    item.eventDetail[k].time,
+                                    item.minValue.toFixed(3),
+                                    item.eventDetail[k].id,
+                                    99
+                                ])
+                            }
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            gvalue: gvalue,
+                            chufa: chufa
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+        } else if (item.eventDetail == null) {
+            //判断是否有限值(有上下限)
+            if (item.topLimit !== 0 && item.lowerLimit !== 0) {
+                item.phaiscType.push('上限')
+                item.phaiscType.push('下限')
+                if (item.minValue !== null && item.maxValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C,上限,下限
+                    if (item.phaiscType.length == 5) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        let topLimit = []
+                        let lowerLimit = []
+                        item.maxValue = max
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                                //上下限值
+                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
+                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            topLimit: topLimit,
+                            lowerLimit: lowerLimit
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,上限,下限
+                    if (item.phaiscType.length == 3) {
+                        let gvalue = []
+                        let topLimit = []
+                        let lowerLimit = []
+                        item.maxValue = max
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                                //上下限值
+                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
+                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            gvalue: gvalue,
+                            topLimit: topLimit,
+                            lowerLimit: lowerLimit,
+                            chufa: []
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+            //有上限值
+            if (item.topLimit !== 0 && item.lowerLimit == 0) {
+                item.phaiscType.push('上限')
+                if (item.minValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C,上限
+                    if (item.phaiscType.length == 4) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        let topLimit = []
+                        item.maxValue = max
+                        // item.minValue=item.lowerLimit
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                                //上限值
+                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            maxValue: item.maxValue.toFixed(3),
+                            minValue: item.minValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            topLimit: topLimit
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,上限
+                    if (item.phaiscType.length == 2) {
+                        let gvalue = []
+                        let topLimit = []
+                        item.maxValue = max
+                        // item.minValue=item.lowerLimit
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                                //上限值
+                                topLimit.push([item.value[j][0], item.topLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            gvalue: gvalue,
+                            topLimit: topLimit
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+            //有下限值
+            if (item.topLimit == 0 && item.lowerLimit !== 0) {
+                item.phaiscType.push('下限')
+                if (item.minValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C,下限
+                    if (item.phaiscType.length == 4) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        let lowerLimit = []
+                        // item.maxValue=item.topLimit
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                                //下限值
+                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue,
+                            lowerLimit: lowerLimit
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等,下限
+                    if (item.phaiscType.length == 2) {
+                        let gvalue = []
+                        let lowerLimit = []
+                        // item.maxValue=item.topLimit
+                        item.minValue = min
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                                //下限值
+                                lowerLimit.push([item.value[j][0], item.lowerLimit.toFixed(3)])
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            gvalue: gvalue,
+                            lowerLimit: lowerLimit
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+            //无限值
+            if (item.topLimit == 0 && item.lowerLimit == 0) {
+                if (item.minValue !== null) {
+                    //最小值等于下限值
+                    //图列为A,B,C
+                    if (item.phaiscType.length == 3) {
+                        let avalue = []
+                        let bvalue = []
+                        let cvalue = []
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    avalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    avalue.push([])
+                                }
+                                //判断存在缺失值b
+                                if (item.value[j][2] != undefined) {
+                                    bvalue.push([item.value[j][0], item.value[j][2].toFixed(3)])
+                                } else {
+                                    bvalue.push([])
+                                }
+                                //判断存在缺失值c
+                                if (item.value[j][3] != undefined) {
+                                    cvalue.push([item.value[j][0], item.value[j][3].toFixed(3)])
+                                } else {
+                                    cvalue.push([])
+                                }
+                            }
+                            //数据为空
+                        } else {
+                            avalue = []
+                            bvalue = []
+                            cvalue = []
+                        }
+
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            avalue: avalue,
+                            bvalue: bvalue,
+                            cvalue: cvalue
+                        }
+                        list.value.push(shuju)
+                    }
+                    //图列为频率等
+                    if (item.phaiscType.length == 1) {
+                        let gvalue = []
+                        //判断数据是否存在
+                        if (item.value !== null) {
+                            for (let j = 0; j < item.value.length; j++) {
+                                //判断存在缺失值a
+                                if (item.value[j][1] != undefined) {
+                                    gvalue.push([item.value[j][0], item.value[j][1].toFixed(3)])
+                                } else {
+                                    gvalue.push([])
+                                }
+                            }
+                            //数据为空
+                        } else {
+                            gvalue = []
+                        }
+                        let shuju = {
+                            id: 'qushifenx' + i,
+                            title: item.lineName + '--' + item.targetName,
+                            targetName: item.targetName,
+                            legend: item.phaiscType,
+                            valueName: item.unit[0],
+                            minValue: item.minValue.toFixed(3),
+                            maxValue: item.maxValue.toFixed(3),
+                            gvalue: gvalue
+                        }
+                        list.value.push(shuju)
+                    }
+                } else {
+                    let shuju = {
+                        id: 'qushifenx' + i,
+                        title: item.lineName + '--' + item.targetName,
+                        targetName: item.targetName,
+                        legend: item.phaiscType,
+                        valueName: item.unit[0],
+                        minValue: null,
+                        avalue: [],
+                        bvalue: [],
+                        cvalue: [],
+                        topLimit: [],
+                        lowerLimit: [],
+                        chufa: []
+                    }
+                    list.value.push(shuju)
+                }
+            }
+        }
+    })
+    rendering()
+}
+const rendering = () => {
+    height.value = mainHeight(200, list.value.length > 1 ? 2 : 1)
+
+    list.value.forEach((item: any) => {
+        let opitonserise: any[] = []
+        item.legend.forEach((item2: any) => {
+            if (item.avalue !== undefined && (item2 == 'A相' || item2 == 'AB相' || item2 == '零序电压')) {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    smooth: true,
+                    itemStyle: {
+                        normal: {
+                            color: '#DAA520'
+                        }
+                    },
+
+                    data: item.avalue
+                }
+                opitonserise.push(data)
+            } else if (item.bvalue !== undefined && (item2 == 'B相' || item2 == 'BC相' || item2 == '正序电压')) {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    smooth: true,
+                    itemStyle: {
+                        normal: {
+                            color: '#2E8B57'
+                        }
+                    },
+
+                    data: item.bvalue
+                }
+                opitonserise.push(data)
+            } else if (item.cvalue !== undefined && (item2 == 'C相' || item2 == 'CA相' || item2 == '负序电压')) {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    smooth: true,
+                    barWidth: 22,
+                    itemStyle: {
+                        normal: {
+                            color: '#A52a2a'
+                        }
+                    },
+                    data: item.cvalue
+                }
+                opitonserise.push(data)
+            } else if (item.topLimit !== undefined && item2 == '上限') {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    smooth: true,
+                    itemStyle: {
+                        normal: {
+                            color: '#FF33FF',
+                            lineStyle: {
+                                width: 2,
+                                color: '#FF33FF',
+                                type: 'dotted' //'dotted'虚线 'solid'实线
+                            }
+                        }
+                    },
+                    data: item.topLimit
+                }
+                opitonserise.push(data)
+            } else if (item.lowerLimit !== undefined && item2 == '下限') {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    smooth: true,
+                    barWidth: 22,
+                    itemStyle: {
+                        normal: {
+                            color: '#3399FF',
+                            lineStyle: {
+                                width: 2,
+                                color: '#3399FF',
+                                type: 'dotted' //'dotted'虚线 'solid'实线
+                            }
+                        }
+                    },
+                    data: item.lowerLimit
+                }
+                opitonserise.push(data)
+            } else if (item.chufa !== undefined && item2 == '暂态触发点') {
+                let data = {
+                    name: item2,
+                    type: 'scatter',
+                    symbol: `image://` + new URL('@/assets/point.png', import.meta.url).href,
+                    symbolSize: 16,
+                    itemStyle: {
+                        width: '22px',
+                        height: '22px'
+                    },
+                    data: item.chufa
+                }
+                opitonserise.push(data)
+            } else if (item.gvalue !== undefined && item2 == '频率') {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    smooth: true,
+                    itemStyle: {
+                        normal: {
+                            color: '#990099',
+                            lineStyle: {
+                                width: 2,
+                                color: '#990099',
+                                type: 'solid' //'dotted'虚线 'solid'实线
+                            }
+                        }
+                    },
+                    data: item.gvalue
+                }
+                opitonserise.push(data)
+            } else if (item.gvalue !== undefined && item2 == '负序电流') {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    barWidth: 22,
+                    itemStyle: {
+                        normal: {
+                            color: '#999933'
+                        }
+                    },
+                    data: item.gvalue
+                }
+                opitonserise.push(data)
+            } else if (item.gvalue !== undefined && item2 == '三相电压不平衡度') {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    barWidth: 22,
+                    itemStyle: {
+                        normal: {
+                            color: '#FF6600'
+                        }
+                    },
+                    data: item.gvalue
+                }
+                opitonserise.push(data)
+            } else if (
+                item.gvalue !== undefined &&
+                (item2 == '三相总有功功率' || item2 == '三相总无功功率' || item2 == '三相总视在功率')
+            ) {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    barWidth: 22,
+                    itemStyle: {
+                        normal: {
+                            color: '#0033ff'
+                        }
+                    },
+                    data: item.gvalue
+                }
+                opitonserise.push(data)
+            } else if (item.gvalue !== undefined && (item2 == '总视在功率因数' || item2 == '总位移功率因数')) {
+                let data = {
+                    name: item2,
+                    symbol: 'none',
+                    symbolSize: 5,
+                    type: 'line',
+                    barWidth: 22,
+                    itemStyle: {
+                        normal: {
+                            color: '#00FF00'
+                        }
+                    },
+
+                    data: item.gvalue
+                }
+                opitonserise.push(data)
+            }
+            // else {
+            //     opitonserise.push([])
+            // }
+        })
+        if (item.valueName == undefined) {
+            item.valueName = '无'
+        }
+        //console.log('渲染数据体',opitonserise)
+        item.serise = opitonserise
+    })
+    getEcharts()
+}
+const getEcharts = () => {
+    console.log("🚀 ~ list.value.forEach ~  list.value:",  list.value)
+
+    list.value.forEach((item: any, i: number) => {
+        item.option = {
+            backgroundColor: '#fff',
+            title: {
+                left: 'center',
+                text: item.title
+            },
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: {
+                    //type: "shadow",
+                    type: 'cross', // 默认为直线，可选为：'line' | 'shadow'
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                backgroundColor: 'rgba(0,0,0,0.55)',
+
+                formatter: function (params: any) {
+                    let tips = ''
+                    tips += '时刻:' + params[0].data[0] + '</br/>'
+                    for (let i = 0; i < params.length; i++) {
+                        if (params[i].seriesName == '暂态触发点') {
+                            tips += ''
+                            return tips
+                        }
+                        if (params[i].seriesName == 'A相谐波电流方向') {
+                            tips +=
+                                params[i].value[1] > 0
+                                    ? 'A相谐波电流方向:流入<br/>'
+                                    : params[i].value[1] == 0
+                                        ? 'A相谐波电流方向:无<br/>'
+                                        : 'A相谐波电流方向:流出<br/>'
+                        } else if (params[i].seriesName == 'B相谐波电流方向') {
+                            tips +=
+                                params[i].value[1] > 0
+                                    ? 'B相谐波电流方向:流入<br/>'
+                                    : params[i].value[1] == 0
+                                        ? 'B相谐波电流方向:无<br/>'
+                                        : 'B相谐波电流方向:流出<br/>'
+                        } else if (params[i].seriesName == 'C相谐波电流方向') {
+                            tips +=
+                                params[i].value[1] > 0
+                                    ? 'C相谐波电流方向:流入<br/>'
+                                    : params[i].value[1] == 0
+                                        ? 'C相谐波电流方向:无<br/>'
+                                        : 'C相谐波电流方向:流出<br/>'
+                        } else if (params[i].seriesName == '总谐波电流方向') {
+                            tips +=
+                                params[i].value[1] > 0
+                                    ? '总谐波电流方向:流入<br/>'
+                                    : params[i].value[1] == 0
+                                        ? '总谐波电流方向:无<br/>'
+                                        : '总谐波电流方向:流出<br/>'
+                        } else if (params[i].seriesName == '正序电压') {
+                            let str = (params[i].value[1] * 1).toString()
+                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+                            let str1 = str.replace(reg, '$1,')
+                            tips += params[i].seriesName + ':' + str1 + 'kV<br/>'
+                        } else if (params[i].seriesName == '零序电压' || params[i].seriesName == '负序电压') {
+                            let str = (params[i].value[1] * 1).toString()
+                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+                            let str1 = str.replace(reg, '$1,')
+                            tips += params[i].seriesName + ':' + str1 + 'V<br/>'
+                        } else if (params[i].seriesName !== '正序电压') {
+                            let str = (params[i].value[1] * 1).toString()
+                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+                            let str1 = str.replace(reg, '$1,')
+                            tips += params[i].seriesName + ':' + str1 + '<br/>'
+                        } else {
+                            let str = (params[i].value[2] * 1).toString()
+                            let reg = str.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+                            let str1 = str.replace(reg, '$1,')
+                            tips += params[i].seriesName + ':' + str1 + '<br/>'
+
+                            let str2 = (params[i].value[3] * 1).toString()
+                            let reg2 = str2.indexOf('.') > -1 ? /(\d)(?=(\d{3})+\.)/g : /(\d)(?=(?:\d{3})+$)/g
+                            let str12 = str.replace(reg2, '$1,')
+                            // if(params[i].seriesName){
+
+                            // }
+                            tips += params[i].seriesName + ':' + str12 + '<br/>'
+                        }
+                    }
+
+                    return tips
+                }
+            },
+            legend: {
+                left: '140px',
+                verticalAlign: 'top',
+                enabled: true,
+                itemDistance: 5,
+                textStyle: {
+                    rich: {
+                        a: {
+                            verticalAlign: 'middle'
+                        }
+                    },
+
+                    padding: [0, 0, 0, 0] //[上、右、下、左]
+                }
+            },
+            xAxis: [
+                {
+                    type: 'time',
+                    axisLine: {
+                        show: true,
+                        onZero: false
+                    },
+                    axisLabel: {
+                        textStyle: {
+                            fontFamily: 'dinproRegular'
+                        }
+                    }
+                }
+            ],
+            toolbox: {
+                show: true,
+                feature: {
+                    dataZoom: {
+                        // bottom: '10px',
+                        yAxisIndex: 'none'
+                    }
+                }
+            },
+            yAxis: [
+                {
+                    type: 'value',
+
+                    min: item.minValue,
+                    max: item.maxValue,
+                    name: item.valueName,
+                    axisLabel: {
+                        interval: 0,
+                        formatter: function (value: any) {
+                            return value.toFixed(3)
+                        },
+                        left: '20px'
+                    },
+
+                    axisLine: {
+                        show: true,
+                        onZero: false, //-----------重点
+                        lineStyle: {}
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            // 使用深浅的间隔色
+                            type: 'dashed',
+                            opacity: 0.5
+                        }
+                    }
+                }
+            ],
+            series: item.serise
+        }
+        let aValues = []
+        let bValues = []
+        let CValues = []
+        let ZValues = []
+
+        if (
+            traceability.value.length > 0 &&
+            traceability.value[0].value != null &&
+            traceability.value[0].value.length > 0
+        ) {
+            for (let i = 0; i < traceability.value[0].value.length; i++) {
+                let T = traceability.value[0].value[i][0]
+                let A = traceability.value[0].value[i][1]
+                let B = traceability.value[0].value[i][2]
+                let C = traceability.value[0].value[i][3]
+                let Z = A + B + C
+                aValues.push([T, A > 0 ? 1 : A == 0 ? 0 : -1])
+                bValues.push([T, B > 0 ? 1 : B == 0 ? 0 : -1])
+                CValues.push([T, C > 0 ? 1 : C == 0 ? 0 : -1])
+                ZValues.push([T, Z > 0 ? 1 : Z == 0 ? 0 : -1])
+            }
+        }
+
+        if (item.targetName == '谐波电流方向') {
+            item.option.tooltip.axisPointer = null
+            item.option.yAxis[0] = {
+                type: 'value',
+                interval: 1,
+                min: -2, //最小值
+                max: 2,
+                axisLine: {
+                    show: true,
+                    onZero: false //-----------重点
+                },
+                splitLine: {
+                    lineStyle: {
+                        // 使用深浅的间隔色
+                        type: 'dashed',
+                        opacity: 0.5
+                    }
+                },
+                axisLabel: {
+                    formatter: function (value: any) {
+                        if (value == 0) {
+                            return '无'
+                        } else if (value == -1) {
+                            return '流出'
+                        } else if (value == 1) {
+                            return '流入'
+                        }
+                    }
+                }
+            }
+            item.option.series = [
+                {
+                    name: 'A相谐波电流方向',
+                    type: 'line',
+
+                    data: aValues,
+                    symbol: 'none',
+                    symbolSize: 0,
+                    itemStyle: {
+                        normal: {
+                            color: '#DAA520'
+                        }
+                    }
+                },
+                {
+                    name: 'B相谐波电流方向',
+                    type: 'line',
+
+                    data: bValues,
+                    symbol: 'none',
+                    symbolSize: 0,
+                    itemStyle: {
+                        normal: {
+                            color: '#2E8B57'
+                        }
+                    }
+                },
+                {
+                    name: 'C相谐波电流方向',
+                    type: 'line',
+
+                    data: CValues,
+                    symbol: 'none',
+                    symbolSize: 0,
+                    itemStyle: {
+                        normal: {
+                            color: '#A52a2a'
+                        }
+                    }
+                },
+                {
+                    name: '总谐波电流方向',
+                    type: 'line',
+
+                    data: ZValues,
+                    symbol: 'none',
+                    symbolSize: 0,
+                    itemStyle: {
+                        normal: {
+                            color: '#0033ff'
+                        }
+                    }
+                }
+            ]
+        }
+    })
+}
+const conditionChange = () => {
+    //判断一个指标时
+    if (formData.condition.length == 1) {
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('50') ||
+            formData.condition.includes('39') ||
+            formData.condition.includes('51') ||
+            formData.condition.includes('52') ||
+            formData.condition.includes('45')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            //formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+    }
+    //判断2个指标时
+    if (formData.condition.length == 2) {
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            (formData.condition.includes('45') && formData.condition.includes('46')) ||
+            //formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49') ||
+            formData.condition.includes('50') ||
+            formData.condition.includes('39') ||
+            formData.condition.includes('51') ||
+            formData.condition.includes('52')
+        ) {
+            showXieBoCiShu.value = true
+            showJianXieBoCiShu.value = true
+        }
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45') ||
+            formData.condition.includes('50') ||
+            formData.condition.includes('39') ||
+            formData.condition.includes('51') ||
+            formData.condition.includes('52')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            //formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+    }
+    //判断3个指标时
+    if (formData.condition.length == 3) {
+        if (
+            (formData.condition.includes('40') ||
+                formData.condition.includes('43') ||
+                formData.condition.includes('44') ||
+                formData.condition.includes('50') ||
+                formData.condition.includes('39') ||
+                formData.condition.includes('51') ||
+                formData.condition.includes('52') ||
+                formData.condition.includes('45')) &&
+            (formData.condition.includes('46') ||
+                //formData.condition.includes('47') ||
+                // formData.condition.includes('48') ||
+                formData.condition.includes('49'))
+        ) {
+            showXieBoCiShu.value = true
+            showJianXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('46') ||
+            //formData.condition.includes('47') ||
+            // formData.condition.includes('48') ||
+            formData.condition.includes('49')
+        ) {
+            showJianXieBoCiShu.value = true
+        } else {
+            showJianXieBoCiShu.value = false
+        }
+        if (
+            formData.condition.includes('40') ||
+            formData.condition.includes('43') ||
+            formData.condition.includes('44') ||
+            formData.condition.includes('45') ||
+            formData.condition.includes('50') ||
+            formData.condition.includes('39') ||
+            formData.condition.includes('51') ||
+            formData.condition.includes('52')
+        ) {
+            showXieBoCiShu.value = true
+        } else {
+            showXieBoCiShu.value = false
+        }
+    }
+    //判断无指标时
+    if (formData.condition.length == 0) {
+        showJianXieBoCiShu.value = false
+        showXieBoCiShu.value = false
+    }
+    //根据指标判断值类型
+    if (formData.condition.includes('60') || formData.condition.includes('61') || formData.condition.includes('62')) {
+        typeOptions.value = [{ label: '平均值', value: 1 }]
+        formData.valueType = 1
+    } else {
+        typeOptions.value = [
+            { label: '平均值', value: 1 },
+            { label: '最小值', value: 2 },
+            { label: '最大值', value: 3 },
+            { label: 'cp95值', value: 4 }
+        ]
+    }
+}
+</script>
+<style></style>
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue
index cde84dde..2ef60d22 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizhibiaohegelv/index.vue
@@ -1,315 +1,315 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <TableHeader ref="TableHeaderRef" :showSearch="false">
-            <template v-slot:select>
-                <el-form-item label="日期">
-                    <DatePicker ref="datePickerRef"></DatePicker>
-                </el-form-item>
-                <el-form-item label="对比">
-                    <el-select v-model="searchType" clearable placeholder="可选择同比、环比">
-                        <el-option
-                            v-for="item in searchTypeOptions"
-                            :key="item.value"
-                            :label="item.label"
-                            :value="item.value"
-                        />
-                    </el-select>
-                </el-form-item>
-            </template>
-            <template v-slot:operation>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </template>
-        </TableHeader>
-
-        <div style="flex: 1" class="mt10" v-loading="loading">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getSteadyData } from '@/api/harmonic-boot/pollution'
-import { gradeColor3 } from '@/components/echarts/color'
-import TableHeader from '@/components/table/header/index.vue'
-import TableStore from '@/utils/tableStore'
-const tableStore = new TableStore({
-    url: '',
-    method: 'POST',
-    column: []
-})
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    id: '',
-    searchBeginTime: '',
-    searchEndTime: '',
-    periodBeginTime: '',
-    periodEndTime: ''
-})
-const options = ref({})
-const searchType = ref('')
-const searchTypeOptions = [
-    {
-        label: '同比',
-        value: '1'
-    },
-    {
-        label: '环比',
-        value: '2'
-    }
-]
-const gradeNames = ['优质', '良好', '一般', '较差', '极差']
-const init = () => {
-    loading.value = true
-    formData.id = monitoringPoint.state.lineId
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-    if (searchType.value == '1') {
-        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getYearOnYear(
-            formData.searchBeginTime,
-            formData.searchEndTime
-        )
-    } else if (searchType.value == '2') {
-        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getMonthOnMonth(
-            formData.searchBeginTime,
-            formData.searchEndTime
-        )
-    } else {
-        formData.periodBeginTime = ''
-        formData.periodEndTime = ''
-    }
-    getSteadyData(formData).then((res: any) => {
-        const { steadyInfoData, steadyInfoList } = res.data
-        let yData = [],
-            yData2 = []
-        for (let i = 0; i < steadyInfoList.length; i++) {
-            // if (steadyInfoList[i] == 3.1415) {
-            //     steadyInfoList[i] = 1
-            //     yData.push(steadyInfoList[i])
-            // } else if (steadyInfoList[i] == 3.14159) {
-            //     steadyInfoList[i] = 1
-            //     yData.push(steadyInfoList[i])
-            // } else if (steadyInfoList[i] !== 3.14159) {
-            yData.push(steadyInfoList[i])
-            // }
-        }
-        for (let i = 0; i < steadyInfoData.length; i++) {
-            yData2.push(steadyInfoData[i])
-            // if (steadyInfoData[i] == 3.14159) {
-            //     steadyInfoData[i] = 0
-            //     yData2.push(steadyInfoData[i])
-            // } else if (steadyInfoData[i] == 3.14159) {
-            //     steadyInfoData[i] = 0
-            //     yData2.push(steadyInfoData[i])
-            // } else if (steadyInfoData[i] !== 3.14159) {
-            //     yData2.push(steadyInfoData[i])
-            // }
-        }
-        let series: any[] = [
-            {
-                name: formData.searchBeginTime + '至' + formData.searchEndTime,
-                type: 'bar',
-                barMaxWidth: 30,
-                label: {
-                    show: true,
-                    position: 'top',
-                    distance: 2,
-                    color: '#fff',
-                    fontWeight: 'bolder'
-                },
-                data: yData,
-                markLine: {
-                    silent: false,
-                    symbol: 'circle',
-                    data: [
-                        {
-                            name: '',
-                            yAxis: 100,
-                            lineStyle: {
-                                color: gradeColor3[0]
-                            },
-                            label: {
-                                show: true,
-                                formatter: '优质',
-                                color: gradeColor3[0]
-                            }
-                        },
-                        {
-                            name: '',
-                            yAxis: 90,
-                            lineStyle: {
-                                color: gradeColor3[1]
-                            },
-                            label: {
-                                show: true,
-                                color: gradeColor3[1],
-                                formatter: '良好'
-                            }
-                        },
-                        {
-                            name: '',
-                            yAxis: 60,
-                            lineStyle: {
-                                color: gradeColor3[2]
-                            },
-                            label: {
-                                show: true,
-                                color: gradeColor3[2],
-                                formatter: '合格'
-                            }
-                        }
-                    ]
-                },
-                itemStyle: {
-                    color: (params: any) => {
-                        if (params.value > 90) {
-                            return gradeColor3[0]
-                        } else if (params.value > 60) {
-                            return gradeColor3[1]
-                        } else if (params.value == 3.14159) {
-                            return '#ccc'
-                        } else {
-                            return gradeColor3[2]
-                        }
-                    }
-                }
-            }
-        ]
-        if (searchType.value) {
-            series.push({
-                name: formData.periodBeginTime + '至' + formData.periodEndTime,
-                type: 'bar',
-                barMaxWidth: 30,
-                // label: {
-                //     show: true,
-                //     position: 'top',
-                //     distance: 2,
-                //     color: '#fff',
-                //     fontWeight: 'bolder'
-                // },
-                data: yData2,
-                itemStyle: {
-                    color: (params: any) => {
-                        if (params.value > 90) {
-                            return gradeColor3[0]
-                        } else if (params.value > 60) {
-                            return gradeColor3[1]
-                        } else if (params.value == 3.14159) {
-                            return '#ccc'
-                        } else {
-                            return gradeColor3[2]
-                        }
-                    }
-                }
-            })
-        }
-        options.value = {
-            title: {
-                text: '稳态指标合格率'
-            },
-            legend: {
-                show: false
-            },
-            tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                    type: 'shadow',
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                backgroundColor: 'rgba(0,0,0,0.55)',
-                formatter: function (params: any) {
-                    //console.log(params)
-                    let msg = ''
-                    msg += params[0].name + '<br/>'
-                    for (let i in params) {
-                        if (params[i].data == 3.14159) {
-                            msg +=params[i].marker+ params[i].seriesName + ': 暂无数据<br/>'
-                        } else {
-                            msg += params[i].marker+ params[i].seriesName + ': ' + params[i].data + '<br/>'
-                        }
-                    }
-                    return msg
-                }
-            },
-            xAxis: {
-                name: '指标类型',
-                type: 'category',
-                axisLine: {
-                    lineStyle: {
-                        width: 1
-                    },
-                    symbol: ['none', 'arrow']
-                },
-                axisLabel: {
-                    textStyle: {
-                        fontFamily: 'dinproRegular'
-                    }
-                },
-                data: [
-                    '频率偏差',
-                    '闪变',
-                    '三相电压不平衡',
-                    '谐波电压',
-                    '谐波电流',
-                    '电压偏差',
-                    '负序电流',
-                    '间谐波电压含有率'
-                ]
-            },
-            yAxis: [
-                {
-                    name: '%',
-                    type: 'value',
-                    min: 0,
-                    max: 100,
-                    position: 'left',
-                    splitLine: {
-                        show: false
-                    },
-                    axisLine: {
-                        lineStyle: {
-                            width: 1
-                        },
-                        symbol: ['none', 'arrow']
-                    }
-                },
-                {
-                    position: 'left',
-                    axisLine: {
-                        show: true,
-                        symbol: ['none', 'arrow']
-                    },
-                    splitLine: {
-                        //分割线配置
-                        lineStyle: {
-                            color: '#fff'
-                        }
-                    }
-                }
-            ],
-            series
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-provide('tableStore', tableStore)
-onMounted(() => {
-    init()
-})
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <TableHeader ref="TableHeaderRef" :showSearch="false">
+            <template v-slot:select>
+                <el-form-item label="统计时间">
+                    <DatePicker ref="datePickerRef"></DatePicker>
+                </el-form-item>
+                <el-form-item label="对比">
+                    <el-select v-model="searchType" clearable placeholder="可选择同比、环比">
+                        <el-option
+                            v-for="item in searchTypeOptions"
+                            :key="item.value"
+                            :label="item.label"
+                            :value="item.value"
+                        />
+                    </el-select>
+                </el-form-item>
+            </template>
+            <template v-slot:operation>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </template>
+        </TableHeader>
+
+        <div style="flex: 1" class="mt10" v-loading="loading">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getSteadyData } from '@/api/harmonic-boot/pollution'
+import { gradeColor3 } from '@/components/echarts/color'
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+const tableStore = new TableStore({
+    url: '',
+    method: 'POST',
+    column: []
+})
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    id: '',
+    searchBeginTime: '',
+    searchEndTime: '',
+    periodBeginTime: '',
+    periodEndTime: ''
+})
+const options = ref({})
+const searchType = ref('')
+const searchTypeOptions = [
+    {
+        label: '同比',
+        value: '1'
+    },
+    {
+        label: '环比',
+        value: '2'
+    }
+]
+const gradeNames = ['优质', '良好', '一般', '较差', '极差']
+const init = () => {
+    loading.value = true
+    formData.id = monitoringPoint.state.lineId
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+    if (searchType.value == '1') {
+        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getYearOnYear(
+            formData.searchBeginTime,
+            formData.searchEndTime
+        )
+    } else if (searchType.value == '2') {
+        ;[formData.periodBeginTime, formData.periodEndTime] = datePickerRef.value.getMonthOnMonth(
+            formData.searchBeginTime,
+            formData.searchEndTime
+        )
+    } else {
+        formData.periodBeginTime = ''
+        formData.periodEndTime = ''
+    }
+    getSteadyData(formData).then((res: any) => {
+        const { steadyInfoData, steadyInfoList } = res.data
+        let yData = [],
+            yData2 = []
+        for (let i = 0; i < steadyInfoList.length; i++) {
+            // if (steadyInfoList[i] == 3.1415) {
+            //     steadyInfoList[i] = 1
+            //     yData.push(steadyInfoList[i])
+            // } else if (steadyInfoList[i] == 3.14159) {
+            //     steadyInfoList[i] = 1
+            //     yData.push(steadyInfoList[i])
+            // } else if (steadyInfoList[i] !== 3.14159) {
+            yData.push(steadyInfoList[i])
+            // }
+        }
+        for (let i = 0; i < steadyInfoData.length; i++) {
+            yData2.push(steadyInfoData[i])
+            // if (steadyInfoData[i] == 3.14159) {
+            //     steadyInfoData[i] = 0
+            //     yData2.push(steadyInfoData[i])
+            // } else if (steadyInfoData[i] == 3.14159) {
+            //     steadyInfoData[i] = 0
+            //     yData2.push(steadyInfoData[i])
+            // } else if (steadyInfoData[i] !== 3.14159) {
+            //     yData2.push(steadyInfoData[i])
+            // }
+        }
+        let series: any[] = [
+            {
+                name: formData.searchBeginTime + '至' + formData.searchEndTime,
+                type: 'bar',
+                barMaxWidth: 30,
+                label: {
+                    show: true,
+                    position: 'top',
+                    distance: 2,
+                    color: '#fff',
+                    fontWeight: 'bolder'
+                },
+                data: yData,
+                markLine: {
+                    silent: false,
+                    symbol: 'circle',
+                    data: [
+                        {
+                            name: '',
+                            yAxis: 100,
+                            lineStyle: {
+                                color: gradeColor3[0]
+                            },
+                            label: {
+                                show: true,
+                                formatter: '优质',
+                                color: gradeColor3[0]
+                            }
+                        },
+                        {
+                            name: '',
+                            yAxis: 90,
+                            lineStyle: {
+                                color: gradeColor3[1]
+                            },
+                            label: {
+                                show: true,
+                                color: gradeColor3[1],
+                                formatter: '良好'
+                            }
+                        },
+                        {
+                            name: '',
+                            yAxis: 60,
+                            lineStyle: {
+                                color: gradeColor3[2]
+                            },
+                            label: {
+                                show: true,
+                                color: gradeColor3[2],
+                                formatter: '合格'
+                            }
+                        }
+                    ]
+                },
+                itemStyle: {
+                    color: (params: any) => {
+                        if (params.value > 90) {
+                            return gradeColor3[0]
+                        } else if (params.value > 60) {
+                            return gradeColor3[1]
+                        } else if (params.value == 3.14159) {
+                            return '#ccc'
+                        } else {
+                            return gradeColor3[2]
+                        }
+                    }
+                }
+            }
+        ]
+        if (searchType.value) {
+            series.push({
+                name: formData.periodBeginTime + '至' + formData.periodEndTime,
+                type: 'bar',
+                barMaxWidth: 30,
+                // label: {
+                //     show: true,
+                //     position: 'top',
+                //     distance: 2,
+                //     color: '#fff',
+                //     fontWeight: 'bolder'
+                // },
+                data: yData2,
+                itemStyle: {
+                    color: (params: any) => {
+                        if (params.value > 90) {
+                            return gradeColor3[0]
+                        } else if (params.value > 60) {
+                            return gradeColor3[1]
+                        } else if (params.value == 3.14159) {
+                            return '#ccc'
+                        } else {
+                            return gradeColor3[2]
+                        }
+                    }
+                }
+            })
+        }
+        options.value = {
+            title: {
+                text: '稳态指标合格率'
+            },
+            legend: {
+                show: false
+            },
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: {
+                    type: 'shadow',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                backgroundColor: 'rgba(0,0,0,0.55)',
+                formatter: function (params: any) {
+                    //console.log(params)
+                    let msg = ''
+                    msg += params[0].name + '<br/>'
+                    for (let i in params) {
+                        if (params[i].data == 3.14159) {
+                            msg +=params[i].marker+ params[i].seriesName + ': 暂无数据<br/>'
+                        } else {
+                            msg += params[i].marker+ params[i].seriesName + ': ' + params[i].data + '<br/>'
+                        }
+                    }
+                    return msg
+                }
+            },
+            xAxis: {
+                name: '指标类型',
+                type: 'category',
+                axisLine: {
+                    lineStyle: {
+                        width: 1
+                    },
+                    symbol: ['none', 'arrow']
+                },
+                axisLabel: {
+                    textStyle: {
+                        fontFamily: 'dinproRegular'
+                    }
+                },
+                data: [
+                    '频率偏差',
+                    '闪变',
+                    '三相电压不平衡',
+                    '谐波电压',
+                    '谐波电流',
+                    '电压偏差',
+                    '负序电流',
+                    '间谐波电压含有率'
+                ]
+            },
+            yAxis: [
+                {
+                    name: '%',
+                    type: 'value',
+                    min: 0,
+                    max: 100,
+                    position: 'left',
+                    splitLine: {
+                        show: false
+                    },
+                    axisLine: {
+                        lineStyle: {
+                            width: 1
+                        },
+                        symbol: ['none', 'arrow']
+                    }
+                },
+                {
+                    position: 'left',
+                    axisLine: {
+                        show: true,
+                        symbol: ['none', 'arrow']
+                    },
+                    splitLine: {
+                        //分割线配置
+                        lineStyle: {
+                            color: '#fff'
+                        }
+                    }
+                }
+            ],
+            series
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+provide('tableStore', tableStore)
+onMounted(() => {
+    init()
+})
+</script>
+<style></style>
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizonghepinggu/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizonghepinggu/index.vue
index c05b4a06..cc90fed5 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizonghepinggu/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/wentaizonghepinggu/index.vue
@@ -1,212 +1,212 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <el-form :inline="true">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <div style="flex: 1" class="mt10">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getQualityAssessData } from '@/api/harmonic-boot/asses'
-import { gradeColor5 } from '@/components/echarts/color'
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    id: '',
-    searchBeginTime: '',
-    searchEndTime: '',
-    periodBeginTime: '',
-    periodEndTime: ''
-})
-const options = ref({})
-const gradeNames = ['优质', '良好', '一般', '较差', '极差']
-const grade = gradeColor5.map((item, index) => {
-    return {
-        name: gradeNames[index],
-        color: item
-    }
-})
-
-const init = () => {
-    loading.value = true
-    if (!monitoringPoint.state.lineId) {
-        return
-    }
-    formData.id = monitoringPoint.state.lineId
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-    getQualityAssessData(formData).then((res: any) => {
-        let data = res.data.syn[0]
-        if (data == 3.14159) {
-            data = 0.25
-        } else if (data == 3.1415) {
-            data = 0.15
-        }
-        options.value = {
-            title: {
-                text: '稳态综合评估',
-                x: 'center',
-                y: '0%'
-            },
-            tooltip: {
-                trigger: 'item',
-                axisPointer: {
-                    type: 'shadow',
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                borderColor: '#fff',
-                backgroundColor: 'rgba(0,0,0,0.55)',
-                formatter: function (params: any) {
-                    if (params.value >= 5) {
-                        return params.name + ' : ' + '优质'
-                    } else if (params.value > 4 && params.value <= 5) {
-                        return params.name + ' : ' + '良好'
-                    } else if (params.value > 3 && params.value <= 4) {
-                        return params.name + ' : ' + '合格'
-                    } else if (params.value > 2 && params.value <= 3) {
-                        return params.name + ' : ' + '较差'
-                    } else if (params.value <= 2 && params.value >= 1) {
-                        return params.name + ' : ' + '极差'
-                    } else if (params.value >= 0.25 && params.value < 1) {
-                        return params.name + ' : ' + '暂无数据'
-                    } else if (params.value <= 0.15 && params.value >= 0) {
-                        return params.name + ' : ' + '/'
-                    }
-                }
-            },
-            legend: {
-                show: false
-            },
-            xAxis: [
-                {
-                    name: '指标',
-                    type: 'category',
-                    data: ['稳态综合评估'],
-                    axisLabel: {
-                        margin: 10
-                    },
-                    axisTick: {
-                        show: false
-                    },
-                    axisLine: {
-                        symbol: ['none', 'arrow']
-                    }
-                }
-            ],
-            yAxis: {
-                name: '等级',
-                type: 'value',
-                min: 0,
-                max: 5,
-                axisLabel: {
-                    show: true,
-                    // 这里重新定义就可以
-                    formatter: function (value: number) {
-                        var texts = []
-                        if (value === 1) {
-                            texts.push('1级')
-                        } else if (value === 2) {
-                            texts.push('2级')
-                        } else if (value === 3) {
-                            texts.push('3级')
-                        } else if (value === 4) {
-                            texts.push('4级')
-                        } else if (value === 5) {
-                            texts.push('5级')
-                        }
-                        return texts
-                    }
-                },
-                axisLine: {
-                    show: true,
-                    symbol: ['none', 'arrow']
-                }
-            },
-            series: [
-                {
-                    name: '综合评估',
-                    type: 'bar',
-                    label: {
-                        show: true,
-                        position: 'top',
-                        distance: 2,
-                        color: '#fff',
-                        fontWeight: 'bolder'
-                    },
-                    barWidth: '45',
-                    data: [
-                        {
-                            value: data
-                        }
-                    ],
-                    markLine: {
-                        silent: false,
-                        symbol: 'circle',
-                        data: grade.map((item, index) => {
-                            return {
-                                yAxis: grade.length - index,
-                                name: item.name,
-                                lineStyle: {
-                                    color: item.color
-                                },
-                                label: {
-                                    color: item.color,
-                                    formatter: item.name
-                                }
-                            }
-                        })
-                    },
-                    itemStyle: {
-                        color: (params: any) => {
-                            if (params.value > 5) {
-                                return gradeColor5[0]
-                            } else if (params.value > 4) {
-                                return gradeColor5[1]
-                            } else if (params.value > 3) {
-                                return gradeColor5[2]
-                            } else if (params.value > 2) {
-                                return gradeColor5[3]
-                            } else {
-                                return gradeColor5[4]
-                            }
-                        }
-                    }
-                }
-            ],
-            options: {
-                dataZoom: null
-            }
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-
-onMounted(() => {
-    init()
-})
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <el-form :inline="true">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <div style="flex: 1" class="mt10">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getQualityAssessData } from '@/api/harmonic-boot/asses'
+import { gradeColor5 } from '@/components/echarts/color'
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    id: '',
+    searchBeginTime: '',
+    searchEndTime: '',
+    periodBeginTime: '',
+    periodEndTime: ''
+})
+const options = ref({})
+const gradeNames = ['优质', '良好', '一般', '较差', '极差']
+const grade = gradeColor5.map((item, index) => {
+    return {
+        name: gradeNames[index],
+        color: item
+    }
+})
+
+const init = () => {
+    loading.value = true
+    if (!monitoringPoint.state.lineId) {
+        return
+    }
+    formData.id = monitoringPoint.state.lineId
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+    getQualityAssessData(formData).then((res: any) => {
+        let data = res.data.syn[0]
+        if (data == 3.14159) {
+            data = 0.25
+        } else if (data == 3.1415) {
+            data = 0.15
+        }
+        options.value = {
+            title: {
+                text: '稳态综合评估',
+                x: 'center',
+                y: '0%'
+            },
+            tooltip: {
+                trigger: 'item',
+                axisPointer: {
+                    type: 'shadow',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                borderColor: '#fff',
+                backgroundColor: 'rgba(0,0,0,0.55)',
+                formatter: function (params: any) {
+                    if (params.value >= 5) {
+                        return params.name + ' : ' + '优质'
+                    } else if (params.value > 4 && params.value <= 5) {
+                        return params.name + ' : ' + '良好'
+                    } else if (params.value > 3 && params.value <= 4) {
+                        return params.name + ' : ' + '合格'
+                    } else if (params.value > 2 && params.value <= 3) {
+                        return params.name + ' : ' + '较差'
+                    } else if (params.value <= 2 && params.value >= 1) {
+                        return params.name + ' : ' + '极差'
+                    } else if (params.value >= 0.25 && params.value < 1) {
+                        return params.name + ' : ' + '暂无数据'
+                    } else if (params.value <= 0.15 && params.value >= 0) {
+                        return params.name + ' : ' + '/'
+                    }
+                }
+            },
+            legend: {
+                show: false
+            },
+            xAxis: [
+                {
+                    name: '指标',
+                    type: 'category',
+                    data: ['稳态综合评估'],
+                    axisLabel: {
+                        margin: 10
+                    },
+                    axisTick: {
+                        show: false
+                    },
+                    axisLine: {
+                        symbol: ['none', 'arrow']
+                    }
+                }
+            ],
+            yAxis: {
+                name: '等级',
+                type: 'value',
+                min: 0,
+                max: 5,
+                axisLabel: {
+                    show: true,
+                    // 这里重新定义就可以
+                    formatter: function (value: number) {
+                        var texts = []
+                        if (value === 1) {
+                            texts.push('1级')
+                        } else if (value === 2) {
+                            texts.push('2级')
+                        } else if (value === 3) {
+                            texts.push('3级')
+                        } else if (value === 4) {
+                            texts.push('4级')
+                        } else if (value === 5) {
+                            texts.push('5级')
+                        }
+                        return texts
+                    }
+                },
+                axisLine: {
+                    show: true,
+                    symbol: ['none', 'arrow']
+                }
+            },
+            series: [
+                {
+                    name: '综合评估',
+                    type: 'bar',
+                    label: {
+                        show: true,
+                        position: 'top',
+                        distance: 2,
+                        color: '#fff',
+                        fontWeight: 'bolder'
+                    },
+                    barWidth: '45',
+                    data: [
+                        {
+                            value: data
+                        }
+                    ],
+                    markLine: {
+                        silent: false,
+                        symbol: 'circle',
+                        data: grade.map((item, index) => {
+                            return {
+                                yAxis: grade.length - index,
+                                name: item.name,
+                                lineStyle: {
+                                    color: item.color
+                                },
+                                label: {
+                                    color: item.color,
+                                    formatter: item.name
+                                }
+                            }
+                        })
+                    },
+                    itemStyle: {
+                        color: (params: any) => {
+                            if (params.value > 5) {
+                                return gradeColor5[0]
+                            } else if (params.value > 4) {
+                                return gradeColor5[1]
+                            } else if (params.value > 3) {
+                                return gradeColor5[2]
+                            } else if (params.value > 2) {
+                                return gradeColor5[3]
+                            } else {
+                                return gradeColor5[4]
+                            }
+                        }
+                    }
+                }
+            ],
+            options: {
+                dataZoom: null
+            }
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+
+onMounted(() => {
+    init()
+})
+</script>
+<style></style>
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/xiebopingpu/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/xiebopingpu/index.vue
index 11abb116..b668f43f 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/xiebopingpu/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/xiebopingpu/index.vue
@@ -1,136 +1,136 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <TableHeader ref="TableHeaderRef" :showSearch="false">
-            <template v-slot:select>
-                <el-form-item label="日期">
-                    <DatePicker ref="datePickerRef"></DatePicker>
-                </el-form-item>
-                <el-form-item label="指标">
-                    <el-radio-group v-model="formData.harmState">
-                        <el-radio-button :label="0">谐波电压含有率</el-radio-button>
-                        <el-radio-button :label="1">谐波电流幅值</el-radio-button>
-                    </el-radio-group>
-                </el-form-item>
-            </template>
-            <template v-slot:operation>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </template>
-        </TableHeader>
-
-        <vxe-table :data="analysisData" v-bind="defaultAttribute">
-            <vxe-column field="name" title="指标" width="140px"></vxe-column>
-            <vxe-column
-                :field="index.toString()"
-                :title="item + 1 + '次'"
-                v-for="(item, index) in 49"
-                width="80px"
-            ></vxe-column>
-        </vxe-table>
-        <div style="flex: 1" class="mt10" v-loading="loading">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getHarmInHarmData } from '@/api/harmonic-boot/inHarm'
-import { defaultAttribute } from '@/components/table/defaultAttribute'
-import TableHeader from '@/components/table/header/index.vue'
-import TableStore from '@/utils/tableStore'
-const tableStore = new TableStore({
-    url: '',
-    method: 'POST',
-    column: []
-})
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    id: monitoringPoint.state.lineId,
-    searchBeginTime: '',
-    searchEndTime: '',
-    harmState: 0
-})
-const analysisData = ref<any>([])
-const options = ref({})
-
-const init = () => {
-    loading.value = true
-    formData.id = monitoringPoint.state.lineId
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-    getHarmInHarmData(formData).then((res: any) => {
-        let xName = ''
-        analysisData.value = []
-        if (formData.harmState === 1) {
-            xName = 'A'
-            analysisData.value.push(
-                {
-                    name: '谐波电流幅值(A)',
-                    originData: res.data.harmInHarmValue.map((item: number) =>
-                        item == null || item == 3.14159 ? 0.14159 : Math.floor(item * 1000) / 1000
-                    ),
-                    ...res.data.harmInHarmValue.map((item: number) =>
-                        item == null || item == 3.14159 ? '/' : Math.floor(item * 1000) / 1000
-                    )
-                },
-                {
-                    name: '国标限值(A)',
-                    originData: res.data.harmInOverLimit,
-                    ...res.data.harmInOverLimit
-                }
-            )
-        } else {
-            xName = '%'
-            analysisData.value.push(
-                {
-                    name: '谐波电压含有率(%)',
-                    originData: res.data.harmInHarmValue.map((item: number) =>
-                        item == null || item == 3.14159 ? 0.14159 : Math.floor(item * 1000) / 1000
-                    ),
-                    ...res.data.harmInHarmValue.map((item: number) =>
-                        item == null || item == 3.14159 ? '/' : Math.floor(item * 1000) / 1000
-                    )
-                },
-                {
-                    name: '国标限值(%)',
-                    originData: res.data.harmInOverLimit,
-                    ...res.data.harmInOverLimit
-                }
-            )
-        }
-        options.value = {
-            xAxis: {
-                name: '次数',
-                type: 'category',
-                data: Array.from({ length: 49 }, (_, i) => `${i + 2}次`)
-            },
-            yAxis: {
-                name: xName,
-                type: 'value'
-            },
-            color: ['#2E8B57', '#DAA520'],
-            series: analysisData.value.map((item: any) => {
-                return {
-                    name: item.name,
-                    data: item.originData,
-                    type: 'bar'
-                }
-            }),
-            options: {
-                // dataZoom: null
-            }
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-provide('tableStore', tableStore)
-onMounted(() => {
-    init()
-})
-</script>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <TableHeader ref="TableHeaderRef" :showSearch="false">
+            <template v-slot:select>
+                <el-form-item label="统计时间">
+                    <DatePicker ref="datePickerRef"></DatePicker>
+                </el-form-item>
+                <el-form-item label="指标">
+                    <el-radio-group v-model="formData.harmState">
+                        <el-radio-button :label="0">谐波电压含有率</el-radio-button>
+                        <el-radio-button :label="1">谐波电流幅值</el-radio-button>
+                    </el-radio-group>
+                </el-form-item>
+            </template>
+            <template v-slot:operation>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </template>
+        </TableHeader>
+
+        <vxe-table :data="analysisData" v-bind="defaultAttribute">
+            <vxe-column field="name" title="指标" width="140px"></vxe-column>
+            <vxe-column
+                :field="index.toString()"
+                :title="item + 1 + '次'"
+                v-for="(item, index) in 49"
+                width="80px"
+            ></vxe-column>
+        </vxe-table>
+        <div style="flex: 1" class="mt10" v-loading="loading">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getHarmInHarmData } from '@/api/harmonic-boot/inHarm'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import TableHeader from '@/components/table/header/index.vue'
+import TableStore from '@/utils/tableStore'
+const tableStore = new TableStore({
+    url: '',
+    method: 'POST',
+    column: []
+})
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    id: monitoringPoint.state.lineId,
+    searchBeginTime: '',
+    searchEndTime: '',
+    harmState: 0
+})
+const analysisData = ref<any>([])
+const options = ref({})
+
+const init = () => {
+    loading.value = true
+    formData.id = monitoringPoint.state.lineId
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+    getHarmInHarmData(formData).then((res: any) => {
+        let xName = ''
+        analysisData.value = []
+        if (formData.harmState === 1) {
+            xName = 'A'
+            analysisData.value.push(
+                {
+                    name: '谐波电流幅值(A)',
+                    originData: res.data.harmInHarmValue.map((item: number) =>
+                        item == null || item == 3.14159 ? 0.14159 : Math.floor(item * 1000) / 1000
+                    ),
+                    ...res.data.harmInHarmValue.map((item: number) =>
+                        item == null || item == 3.14159 ? '/' : Math.floor(item * 1000) / 1000
+                    )
+                },
+                {
+                    name: '国标限值(A)',
+                    originData: res.data.harmInOverLimit,
+                    ...res.data.harmInOverLimit
+                }
+            )
+        } else {
+            xName = '%'
+            analysisData.value.push(
+                {
+                    name: '谐波电压含有率(%)',
+                    originData: res.data.harmInHarmValue.map((item: number) =>
+                        item == null || item == 3.14159 ? 0.14159 : Math.floor(item * 1000) / 1000
+                    ),
+                    ...res.data.harmInHarmValue.map((item: number) =>
+                        item == null || item == 3.14159 ? '/' : Math.floor(item * 1000) / 1000
+                    )
+                },
+                {
+                    name: '国标限值(%)',
+                    originData: res.data.harmInOverLimit,
+                    ...res.data.harmInOverLimit
+                }
+            )
+        }
+        options.value = {
+            xAxis: {
+                name: '次数',
+                type: 'category',
+                data: Array.from({ length: 49 }, (_, i) => `${i + 2}次`)
+            },
+            yAxis: {
+                name: xName,
+                type: 'value'
+            },
+            color: ['#2E8B57', '#DAA520'],
+            series: analysisData.value.map((item: any) => {
+                return {
+                    name: item.name,
+                    data: item.originData,
+                    type: 'bar'
+                }
+            }),
+            options: {
+                // dataZoom: null
+            }
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+provide('tableStore', tableStore)
+onMounted(() => {
+    init()
+})
+</script>
diff --git a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue
index b69caf25..7cd4c7cd 100644
--- a/src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue
+++ b/src/views/pqs/harmonicMonitoring/monitoringPoint/online/yunxingzhuangtai/index.vue
@@ -2,7 +2,7 @@
     <div style="display: flex; flex-direction: column; height: 100%">
         <TableHeader ref="TableHeaderRef" :showSearch="false">
             <template v-slot:select>
-                <el-form-item label="日期">
+                <el-form-item label="统计时间">
                     <DatePicker ref="datePickerRef"></DatePicker>
                 </el-form-item>
                 <el-form-item label="对比">
diff --git a/src/views/pqs/panorama/components/line/info.vue b/src/views/pqs/panorama/components/line/info.vue
index f2b9fa50..a2672bc2 100644
--- a/src/views/pqs/panorama/components/line/info.vue
+++ b/src/views/pqs/panorama/components/line/info.vue
@@ -1,743 +1,743 @@
-<template>
-    <div class="default-main lineInfo" :style="height">
-        <DatePicker ref="datePickerRef" style="display: none" theCurrentTime />
-        <el-page-header :icon="ArrowLeft" @back="emit('back')">
-            <template #content>
-                <span style="font-size: 16px">{{ dropList.lineName }}详情　</span>
-                <span style="font-weight: 500">最新数据时间：</span>
-                <span style="color: var(--color-primary-default)">{{ dropList.updateTime }}</span>
-            </template>
-        </el-page-header>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    台账信息
-                </h3>
-                <el-descriptions title="" border :column="2">
-                    <el-descriptions-item label="监测点名称" width="140px">
-                        {{ dropList.lineName }}
-                    </el-descriptions-item>
-                    <el-descriptions-item label="所属厂家">{{ dropList.manufacturer }}</el-descriptions-item>
-                    <el-descriptions-item label="电压等级">{{ dropList.scale }}</el-descriptions-item>
-                    <el-descriptions-item label="投运日期">{{ dropList.loginTime }}</el-descriptions-item>
-                    <el-descriptions-item label="PT">{{ dropList.pt }}</el-descriptions-item>
-                    <el-descriptions-item label="CT">{{ dropList.ct }}</el-descriptions-item>
-                    <el-descriptions-item label="干扰源类型">{{ dropList.loadType }}</el-descriptions-item>
-                    <el-descriptions-item label="通讯状态" width="140px">
-                        <el-tag size="small" :type="dropList.comFlag == '正常' ? 'success' : 'danger'" effect="dark">
-                            {{ dropList.comFlag }}
-                        </el-tag>
-                    </el-descriptions-item>
-                </el-descriptions>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    告警明细 (天)
-                </h3>
-                <el-descriptions title="" border :column="2" size="small">
-                    <el-descriptions-item width="140px" label="告警原因">
-                        <span style="font-weight: 550"
-                            :style="TargetData.info == 0 ? 'color: #0e8780;' : TargetData.info == 3 ? 'color: #000' : 'color: #ff0000;'">
-                            {{
-                                TargetData.info == 1
-                                    ? '超标告警'
-                                    : TargetData.info == 2
-                                        ? '完整性告警'
-                                        : TargetData.info == 0
-                                            ? '无告警'
-                                            : '暂无数据'
-                            }}
-                        </span>
-                    </el-descriptions-item>
-                    <el-descriptions-item label="频率偏差">{{ TargetData.freqDevOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="电压偏差">{{ TargetData.voltageDevOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="谐波电流">{{ TargetData.iharmOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="负序电流">{{ TargetData.inegOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="间谐波电压">{{ TargetData.inuharmOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="电压总谐波畸变率">
-                        {{ TargetData.uaberranceOvertime }}
-                    </el-descriptions-item>
-                    <el-descriptions-item label="闪变">{{ TargetData.flickerOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="谐波电压">{{ TargetData.uharmOvertime }}</el-descriptions-item>
-                    <el-descriptions-item width="140px" label="三相电压不平衡度">
-                        {{ TargetData.ubalanceOvertime }}
-                    </el-descriptions-item>
-                </el-descriptions>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    数据质量
-                </h3>
-                <div style="display: flex">
-                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" @click="Integrity" />
-                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="onLineCharts"
-                        @click="OnlineRate" />
-                </div>
-            </el-col>
-        </el-row>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    监测点总体评价结论
-                </h3>
-
-                <div class="evaluationData">
-                    <el-row style="width: 96%" class="row pb5">
-                        <el-col :span="12" style="display: flex">
-                            <span>{{ dropList.lineName }}</span>
-                        </el-col>
-                        <el-col :span="12" style="display: flex">
-                            <div>
-                                综合评估得分:
-                                <span class="conclusion" :class="dropList.assessData == '特质'
-                                    ? 'background1'
-                                    : dropList.assessData == '较差'
-                                        ? 'background2'
-                                        : dropList.assessData == '极差'
-                                            ? 'background3'
-                                            : ''
-                                    ">
-                                    {{ dropList.assessData }}
-                                </span>
-                            </div>
-                        </el-col>
-                    </el-row>
-                    <el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
-                        <el-col :span="14" style="display: flex; align-items: center">
-                            <img :src="url[i]" />
-                            <span style="line-height: 20px">{{ item.targetName }}</span>
-                        </el-col>
-                        <el-col :span="10" style="display: flex; align-items: center">
-                            <div style="width: 100%">
-                                评估得分：
-                                <span class="conclusion" :class="item.avg == '特质'
-                                    ? 'background1'
-                                    : item.avg == '较差'
-                                        ? 'background2'
-                                        : item.avg == '极差'
-                                            ? 'background3'
-                                            : ''
-                                    ">
-                                    {{ item.avg }}
-                                </span>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </div>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    稳态指标合格率
-                </h3>
-                <div :style="`height: calc(${rowHeight} - 31px)`" ref="chartRef"></div>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    暂态事件统计
-                </h3>
-
-                <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="incidentCharts" />
-            </el-col>
-        </el-row>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
-            <el-col :span="24">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    历史趋势图
-                </h3>
-                <history :lineId="lineId" ref="historyRef" />
-            </el-col>
-        </el-row>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive, ref, provide } from 'vue'
-import { ArrowLeft } from '@element-plus/icons-vue'
-import { mainHeight } from '@/utils/layout'
-import history from './history.vue'
-import { color } from '@/components/echarts/color'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEChart from '@/components/echarts/MyEchart.vue'
-import echarts from '@/components/echarts/echarts'
-import { useRouter } from 'vue-router'
-const router = useRouter()
-import { getLineDetailData } from '@/api/advance-boot/bearingCapacity'
-import {
-    getTotalIntegrityByLineIds,
-    getTotalOnlineRates,
-    lineQualifiedDetail,
-    getLineAssess,
-    getEventDetailByLineId,
-    getGridDiagramTargetData
-} from '@/api/device-boot/panorama'
-import { formatter } from 'element-plus'
-
-const emit = defineEmits(['back'])
-const dropList: any = ref({})
-const TargetData: any = ref({})
-const evaluationData: any = ref([])
-const incidentCharts: any = ref({})
-const ComCharts: any = ref({})
-const onLineCharts: any = ref({})
-const datePickerRef = ref()
-const chartRef = ref<HTMLDivElement>()
-const historyRef = ref()
-const IntegrityNum = ref(0)
-const url: any = [
-    new URL(`@/assets/img/PLPC.png`, import.meta.url),
-    new URL(`@/assets/img/DYPC.png`, import.meta.url),
-    new URL(`@/assets/img/JBL.png`, import.meta.url),
-    new URL(`@/assets/img/SXDY.png`, import.meta.url),
-    new URL(`@/assets/img/SB.png`, import.meta.url)
-]
-const lineId: any = ref('')
-const height = mainHeight(20)
-const rowHeight = mainHeight(190, 3).height
-
-// 查询
-const open = async (id: string) => {
-    let form = {
-        comFlag: 1,
-        endTime: datePickerRef.value.timeValue[1],
-        lineIds: [id],
-
-        ids: [id],
-        searchValue: '',
-        startTime: datePickerRef.value.timeValue[0]
-    }
-    lineId.value = id
-    const { data } = await getLineDetailData({ id: id })
-    dropList.value = data
-    // 运行状态
-
-    // 完整性
-    getTotalIntegrityByLineIds(form).then((res: any) => {
-        let num = (res.data || 0) / 100
-        IntegrityNum.value = res.data
-        ComCharts.value = {
-            title: {
-                text: '完整性',
-                bottom: '10%',
-                left: 'center',
-                textStyle: {
-                    fontSize: 16
-                }
-            },
-            xAxis: {
-                show: false
-            },
-            yAxis: {
-                show: false
-            },
-
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        //第二个球的填充
-                        type: 'liquidFill',
-                        radius: '65%',
-                        center: ['50%', '40%'], //中心点
-                        color: [
-                            {
-                                type: 'linear',
-                                x: 0,
-                                y: 0,
-                                x2: 0,
-                                y2: 1,
-                                colorStops: [
-                                    {
-                                        offset: 1,
-                                        color: '#2aa1e3'
-                                    }
-                                ],
-                                globalCoord: false
-                            }
-                        ],
-                        data: [num, num], // data个数代表波浪数
-                        backgroundStyle: {
-                            borderWidth: 1,
-                            color: '#f7f8fc'
-                        },
-                        label: {
-                            normal: {
-                                formatter: () => {
-                                    return (num * 100).toFixed(2) + '%'
-                                },
-                                textStyle: {
-                                    fontSize: 20,
-                                    color: '#000'
-                                }
-                            }
-                        },
-                        outline: {
-                            // show: false
-                            borderDistance: 0,
-                            itemStyle: {
-                                borderWidth: 2,
-                                borderColor: '#fff'
-                            }
-                        }
-                    }
-                ]
-            }
-        }
-        // 稳态指标合格率
-    })
-    // 在线率
-    getTotalOnlineRates({ ...form, id: dropList.value.devId, ids: [dropList.value.devId] }).then((res: any) => {
-        let num = (res.data || 0) / 100
-        onLineCharts.value = {
-            title: {
-                text: '在线率',
-                bottom: '10%',
-                left: 'center',
-                textStyle: {
-                    fontSize: 16
-                }
-            },
-            xAxis: {
-                show: false
-            },
-            yAxis: {
-                show: false
-            },
-
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        //第二个球的填充
-                        type: 'liquidFill',
-                        radius: '65%',
-                        center: ['50%', '40%'], //中心点
-                        color: [
-                            {
-                                type: 'linear',
-                                x: 0,
-                                y: 0,
-                                x2: 0,
-                                y2: 1,
-                                colorStops: [
-                                    {
-                                        offset: 1,
-                                        color: '#67c23a'
-                                    }
-                                ],
-                                globalCoord: false
-                            }
-                        ],
-                        data: [num, num], // data个数代表波浪数
-                        backgroundStyle: {
-                            color: '#f7f8fc'
-                        },
-                        label: {
-                            normal: {
-                                formatter: () => {
-                                    return (num * 100).toFixed(2) + '%'
-                                },
-                                textStyle: {
-                                    fontSize: 20,
-                                    color: '#000'
-                                }
-                            }
-                        },
-                        outline: {
-                            // show: false
-                            borderDistance: 0,
-                            itemStyle: {
-                                borderWidth: 2,
-                                borderColor: '#fff'
-                            }
-                        }
-                    }
-                ]
-            }
-        }
-    })
-
-    // 监测点总体评价结论
-    getLineAssess({
-        lineId: id,
-        startTime: datePickerRef.value.timeValue[0],
-        endTime: datePickerRef.value.timeValue[1]
-    }).then((res: any) => {
-        dropList.value.assessData = res.data.assessLevel
-        evaluationData.value = [
-            {
-                targetName: '频率偏差(Hz)',
-                avg: res.data.freqAssessLevel,
-                sd: res.data.freqQualifyData
-            },
-            {
-                targetName: '电压偏差(%)',
-                avg: res.data.vdevAssessLevel,
-                sd: res.data.vdevQualifyData
-            },
-            {
-                targetName: '电压总谐波畸变率(%)',
-                avg: res.data.harmAssessLevel,
-                sd: res.data.harmQualifyData
-            },
-            {
-                targetName: '三相电压不平衡度(%)',
-                avg: res.data.unbalanceAssessLevel,
-                sd: res.data.unbalanceQualifyData
-            },
-            {
-                targetName: '闪变',
-                avg: res.data.flickerAssessLevel,
-                sd: res.data.flickerQualifyData
-            }
-        ]
-    })
-    // 稳态指标合格率
-
-    lineQualifiedDetail({
-        lineId: id,
-        startTime: datePickerRef.value.timeValue[0],
-        endTime: datePickerRef.value.timeValue[1]
-    }).then(res => {
-        echart([
-            {
-                time: datePickerRef.value.timeValue[0].substring(0, 7),
-                targetList: [
-                    '频率偏差(Hz)',
-                    '电压偏差(%)',
-                    '电压总谐波畸变率(%)',
-                    '三相电压不平衡度(%)',
-                    '闪变',
-                    '谐波电压(%)',
-                    '谐波电流(%)',
-                    '间谐波电压(%)',
-                    '负序电流(A)'
-                ],
-                ratioList: [
-                    res.data.freqDev == 3.14159 ? null : res.data.freqDev,
-                    res.data.vdev == 3.14159 ? null : res.data.vdev,
-                    res.data.vthd == 3.14159 ? null : res.data.vthd,
-                    res.data.ubalance == 3.14159 ? null : res.data.ubalance,
-                    res.data.plt == 3.14159 ? null : res.data.plt,
-
-                    res.data.uharm == 3.14159 ? null : res.data.uharm,
-                    res.data.iharm == 3.14159 ? null : res.data.iharm,
-                    res.data.inuHarm == 3.14159 ? null : res.data.inuHarm,
-                    res.data.ineg == 3.14159 ? null : res.data.ineg
-                ]
-            }
-        ])
-    })
-
-    // 暂态事件统计
-    getEventDetailByLineId({
-        id: id,
-        startTime: datePickerRef.value.timeValue[0],
-        endTime: datePickerRef.value.timeValue[1],
-        type: datePickerRef.value.interval
-    }).then((res: any) => {
-        let data = [
-            {
-                name: '电压暂升',
-                value: res.data?.swellTimes || 0
-            },
-            {
-                name: '电压暂降',
-                value: res.data?.sagTimes || 0
-            },
-            {
-                name: '电压中断',
-                value: res.data?.interruptTimes || 0
-            }
-        ]
-        incidentCharts.value = {
-            title: {
-                text: '总数：' + (data[0].value + data[1].value + data[2].value),
-                left: '40%',
-                top: '45%',
-                textStyle: {
-                    // fontWeight: 600,
-                    fontSize: 12
-                }
-                // subtext: '总数',
-                // subtextStyle: {
-                //     fontWeight: 550,
-                //     fontSize: 14
-                // }
-            },
-
-            tooltip: {
-                trigger: 'item'
-            },
-            legend: {
-                orient: 'vertical',
-                top: 'center',
-                right: '10%',
-                formatter: function (e: any) {
-                    return e + '   ' + data.filter(item => item.name == e)[0].value + '条'
-                }
-            },
-            xAxis: {
-                show: false
-            },
-            yAxis: {
-                show: false
-            },
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        type: 'pie',
-                        center: ['45%', '50%'],
-                        radius: ['60%', '80%'],
-                        label: {
-                            show: false,
-                            position: 'outside',
-                            textStyle: {
-                                //数值样式
-                            }
-                        },
-
-                        data: data
-                    }
-                ]
-            }
-        }
-    })
-
-    // 告警明细
-    getGridDiagramTargetData({ ...form, id: id, type: 3 }).then(res => {
-        TargetData.value = res.data
-        let num = 0
-        let flag = 0
-        let judgment = true
-        for (let k in res.data) {
-            if (k != 'lineId') {
-                if (res.data[k] != '/') {
-                    judgment = false
-                }
-                flag += (res.data[k] == '/' ? 0 : res.data[k])
-            }
-        }
-
-        if (IntegrityNum.value == 0) {
-            num = 2 //完整性告警
-        } else {
-            if (flag > 0) {
-                num = 1 //超标告警
-            } else {
-                num = 0 //无告警
-            }
-            if (judgment) {
-                num = 3
-            }
-        }
-
-        TargetData.value.info = num
-    })
-}
-const echart = (row: any) => {
-    let chart = echarts.init(chartRef.value as HTMLDivElement)
-
-    let dataname = [
-        '频率偏差(Hz)',
-        '电压偏差(%)',
-        '电压总谐波畸变率(%)',
-        '三相电压不平衡度(%)',
-        '闪变',
-        '谐波电压(%)',
-        '谐波电流(%)',
-        '间谐波电压(%)',
-        '负序电流(A)'
-    ]
-    let datamax = [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100]
-    let indicator = []
-    for (let i = 0; i < dataname.length; i++) {
-        indicator.push({
-            name: dataname[i],
-            max: datamax[i]
-        })
-    }
-
-    let option: any = {
-        tooltip: {
-            trigger: 'item',
-            axisPointer: {
-                type: 'shadow',
-                label: {
-                    color: '#fff',
-                    fontSize: 16
-                }
-            },
-            textStyle: {
-                color: '#fff',
-                fontStyle: 'normal',
-                opacity: 0.35,
-                fontSize: 14
-            },
-            backgroundColor: 'rgba(0,0,0,0.55)',
-            borderWidth: 0
-        },
-        legend: {
-            data: row.map((item: any) => item.time),
-            type: 'scroll',
-            orient: 'vertical',
-            icon: 'roundRect',
-            right: '20',
-
-            itemGap: 10,
-            itemWidth: 16,
-            itemHeight: 16,
-            textStyle: {
-                fontSize: '15',
-                color: '#656565'
-            }
-        },
-        radar: {
-            center: ['50%', '50%'],
-            radius: '65%',
-            startAngle: 90,
-            splitNumber: 5,
-            splitArea: {
-                areaStyle: {
-                    color: ['#FFFFFF', '#F5F9FF'].reverse()
-                }
-            },
-            axisLabel: {
-                show: false
-            },
-            axisLine: {
-                show: true,
-                lineStyle: {
-                    color: '#D2E4F8'
-                }
-            },
-            splitLine: {
-                show: true,
-                lineStyle: {
-                    color: '#D2E4F8'
-                }
-            },
-            name: {
-                formatter: '{value}',
-                textStyle: {
-                    color: '#656565',
-                    fontSize: 15
-                }
-            },
-            indicator: indicator
-        },
-
-        series: []
-    }
-
-    row.forEach((item: any, i: any) => {
-        option.series.push({
-            name: item.time,
-            type: 'radar',
-            symbol: 'none',
-            areaStyle: {
-                normal: {
-                    color: '#2a9fe069'
-                }
-            },
-            itemStyle: {
-                color: '#2a9fe0'
-            },
-            data: [item.ratioList]
-        })
-    })
-    console.log("🚀 ~ echart ~ option:", option)
-
-    chart.setOption(option)
-}
-// 跳转
-const Integrity = () => {
-    router.push({
-        name: 'harmonic-boot/harmonic/getIntegrityData'
-    })
-}
-const OnlineRate = () => {
-    router.push({
-        name: 'harmonic-boot/area/OnlineRate'
-    })
-}
-
-onMounted(() => {
-    // open('4c87b7dff2281254fc55c25a4da31506')
-})
-defineExpose({ open })
-</script>
-
-<style lang="scss" scoped>
-.lineInfo {
-    padding: 0 10px 10px 10px;
-}
-
-:deep(.el-page-header__header) {
-    height: 45px;
-    border-bottom: 1px solid #f1eded;
-}
-
-:deep(.el-descriptions__header) {
-    margin-bottom: 10px;
-}
-
-.evaluationData {
-    display: grid;
-    grid-template-rows: repeat(5, auto);
-    height: 87%;
-
-    .row {
-        margin: 4px 2% 0;
-        width: 100%;
-        box-shadow: 1px 1px 1px 1px #e8e3e3;
-    }
-
-    img {
-        width: 6%;
-        margin: 0px 15px;
-    }
-}
-
-.iconBox {
-    display: flex;
-
-    span {
-        display: inline-block;
-        width: 3px;
-        height: 18px;
-        background: var(--el-color-primary);
-        margin-right: 5px;
-        margin-left: 3px;
-    }
-}
-
-.conclusion {
-    display: inline-block;
-    padding: 2px 5px;
-    height: 20px;
-    border-radius: 4px;
-}
-
-.background1 {
-    background-color: #339966;
-    color: #fff;
-}
-
-.background2 {
-    background-color: #97017e;
-    color: #fff;
-}
-
-.background3 {
-    background-color: #A52a2a;
-    color: #fff;
-}
-</style>
+<template>
+    <div class="default-main lineInfo" :style="height">
+        <DatePicker ref="datePickerRef" style="display: none" theCurrentTime />
+        <el-page-header :icon="ArrowLeft" @back="emit('back')">
+            <template #content>
+                <span style="font-size: 16px">{{ dropList.lineName }}详情　</span>
+                <span style="font-weight: 500">最新数据时间：</span>
+                <span style="color: var(--color-primary-default)">{{ dropList.updateTime }}</span>
+            </template>
+        </el-page-header>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    台账信息
+                </h3>
+                <el-descriptions title="" border :column="2">
+                    <el-descriptions-item label="监测点名称" width="140px">
+                        {{ dropList.lineName }}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="所属厂家">{{ dropList.manufacturer }}</el-descriptions-item>
+                    <el-descriptions-item label="电压等级">{{ dropList.scale }}</el-descriptions-item>
+                    <el-descriptions-item label="投运日期">{{ dropList.loginTime }}</el-descriptions-item>
+                    <el-descriptions-item label="PT">{{ dropList.pt }}</el-descriptions-item>
+                    <el-descriptions-item label="CT">{{ dropList.ct }}</el-descriptions-item>
+                    <el-descriptions-item label="干扰源类型">{{ dropList.loadType }}</el-descriptions-item>
+                    <el-descriptions-item label="通讯状态" width="140px">
+                        <el-tag size="small" :type="dropList.comFlag == '正常' ? 'success' : 'danger'" effect="dark">
+                            {{ dropList.comFlag }}
+                        </el-tag>
+                    </el-descriptions-item>
+                </el-descriptions>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    告警明细 (天)
+                </h3>
+                <el-descriptions title="" border :column="2" size="small">
+                    <el-descriptions-item width="140px" label="告警原因">
+                        <span style="font-weight: 550"
+                            :style="TargetData.info == 0 ? 'color: #0e8780;' : TargetData.info == 3 ? 'color: #000' : 'color: #ff0000;'">
+                            {{
+                                TargetData.info == 1
+                                    ? '超标告警'
+                                    : TargetData.info == 2
+                                        ? '完整性告警'
+                                        : TargetData.info == 0
+                                            ? '无告警'
+                                            : '暂无数据'
+                            }}
+                        </span>
+                    </el-descriptions-item>
+                    <el-descriptions-item label="频率偏差">{{ TargetData.freqDevOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="电压偏差">{{ TargetData.voltageDevOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="谐波电流">{{ TargetData.iharmOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="负序电流">{{ TargetData.inegOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="间谐波电压">{{ TargetData.inuharmOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="电压总谐波畸变率">
+                        {{ TargetData.uaberranceOvertime }}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="闪变">{{ TargetData.flickerOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="谐波电压">{{ TargetData.uharmOvertime }}</el-descriptions-item>
+                    <el-descriptions-item width="140px" label="三相电压不平衡度">
+                        {{ TargetData.ubalanceOvertime }}
+                    </el-descriptions-item>
+                </el-descriptions>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    数据质量
+                </h3>
+                <div style="display: flex">
+                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" @click="Integrity" />
+                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="onLineCharts"
+                        @click="OnlineRate" />
+                </div>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    监测点总体评价结论
+                </h3>
+
+                <div class="evaluationData">
+                    <el-row style="width: 96%" class="row pb5">
+                        <el-col :span="12" style="display: flex">
+                            <span>{{ dropList.lineName }}</span>
+                        </el-col>
+                        <el-col :span="12" style="display: flex">
+                            <div>
+                                综合评估得分:
+                                <span class="conclusion" :class="dropList.assessData == '特质'
+                                    ? 'background1'
+                                    : dropList.assessData == '较差'
+                                        ? 'background2'
+                                        : dropList.assessData == '极差'
+                                            ? 'background3'
+                                            : ''
+                                    ">
+                                    {{ dropList.assessData }}
+                                </span>
+                            </div>
+                        </el-col>
+                    </el-row>
+                    <el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
+                        <el-col :span="14" style="display: flex; align-items: center">
+                            <img :src="url[i]" />
+                            <span style="line-height: 20px">{{ item.targetName }}</span>
+                        </el-col>
+                        <el-col :span="10" style="display: flex; align-items: center">
+                            <div style="width: 100%">
+                                评估得分：
+                                <span class="conclusion" :class="item.avg == '特质'
+                                    ? 'background1'
+                                    : item.avg == '较差'
+                                        ? 'background2'
+                                        : item.avg == '极差'
+                                            ? 'background3'
+                                            : ''
+                                    ">
+                                    {{ item.avg }}
+                                </span>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    稳态指标合格率
+                </h3>
+                <div :style="`height: calc(${rowHeight} - 31px)`" ref="chartRef"></div>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    暂态事件统计
+                </h3>
+
+                <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="incidentCharts" />
+            </el-col>
+        </el-row>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
+            <el-col :span="24">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    历史趋势图
+                </h3>
+                <history :lineId="lineId" ref="historyRef" />
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive, ref, provide } from 'vue'
+import { ArrowLeft } from '@element-plus/icons-vue'
+import { mainHeight } from '@/utils/layout'
+import history from './history.vue'
+import { color } from '@/components/echarts/color'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEChart from '@/components/echarts/MyEchart.vue'
+import echarts from '@/components/echarts/echarts'
+import { useRouter } from 'vue-router'
+const router = useRouter()
+import { getLineDetailData } from '@/api/advance-boot/bearingCapacity'
+import {
+    getTotalIntegrityByLineIds,
+    getTotalOnlineRates,
+    lineQualifiedDetail,
+    getLineAssess,
+    getEventDetailByLineId,
+    getGridDiagramTargetData
+} from '@/api/device-boot/panorama'
+import { formatter } from 'element-plus'
+
+const emit = defineEmits(['back'])
+const dropList: any = ref({})
+const TargetData: any = ref({})
+const evaluationData: any = ref([])
+const incidentCharts: any = ref({})
+const ComCharts: any = ref({})
+const onLineCharts: any = ref({})
+const datePickerRef = ref()
+const chartRef = ref<HTMLDivElement>()
+const historyRef = ref()
+const IntegrityNum = ref(0)
+const url: any = [
+    new URL(`@/assets/img/PLPC.png`, import.meta.url),
+    new URL(`@/assets/img/DYPC.png`, import.meta.url),
+    new URL(`@/assets/img/JBL.png`, import.meta.url),
+    new URL(`@/assets/img/SXDY.png`, import.meta.url),
+    new URL(`@/assets/img/SB.png`, import.meta.url)
+]
+const lineId: any = ref('')
+const height = mainHeight(20)
+const rowHeight = mainHeight(190, 3).height
+
+// 查询
+const open = async (id: string) => {
+    let form = {
+        comFlag: 1,
+        endTime: datePickerRef.value.timeValue[1],
+        lineIds: [id],
+
+        ids: [id],
+        searchValue: '',
+        startTime: datePickerRef.value.timeValue[0]
+    }
+    lineId.value = id
+    const { data } = await getLineDetailData({ id: id })
+    dropList.value = data
+    // 运行状态
+
+    // 完整性
+    getTotalIntegrityByLineIds(form).then((res: any) => {
+        let num = (res.data || 0) / 100
+        IntegrityNum.value = res.data
+        ComCharts.value = {
+            title: {
+                text: '完整性',
+                bottom: '10%',
+                left: 'center',
+                textStyle: {
+                    fontSize: 16
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        //第二个球的填充
+                        type: 'liquidFill',
+                        radius: '65%',
+                        center: ['50%', '40%'], //中心点
+                        color: [
+                            {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 0,
+                                y2: 1,
+                                colorStops: [
+                                    {
+                                        offset: 1,
+                                        color: '#2aa1e3'
+                                    }
+                                ],
+                                globalCoord: false
+                            }
+                        ],
+                        data: [num, num], // data个数代表波浪数
+                        backgroundStyle: {
+                            borderWidth: 1,
+                            color: '#f7f8fc'
+                        },
+                        label: {
+                            normal: {
+                                formatter: () => {
+                                    return (num * 100).toFixed(2) + '%'
+                                },
+                                textStyle: {
+                                    fontSize: 20,
+                                    color: '#000'
+                                }
+                            }
+                        },
+                        outline: {
+                            // show: false
+                            borderDistance: 0,
+                            itemStyle: {
+                                borderWidth: 2,
+                                borderColor: '#fff'
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+        // 稳态指标合格率
+    })
+    // 在线率
+    getTotalOnlineRates({ ...form, id: dropList.value.devId, ids: [dropList.value.devId] }).then((res: any) => {
+        let num = (res.data || 0) / 100
+        onLineCharts.value = {
+            title: {
+                text: '在线率',
+                bottom: '10%',
+                left: 'center',
+                textStyle: {
+                    fontSize: 16
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        //第二个球的填充
+                        type: 'liquidFill',
+                        radius: '65%',
+                        center: ['50%', '40%'], //中心点
+                        color: [
+                            {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 0,
+                                y2: 1,
+                                colorStops: [
+                                    {
+                                        offset: 1,
+                                        color: '#67c23a'
+                                    }
+                                ],
+                                globalCoord: false
+                            }
+                        ],
+                        data: [num, num], // data个数代表波浪数
+                        backgroundStyle: {
+                            color: '#f7f8fc'
+                        },
+                        label: {
+                            normal: {
+                                formatter: () => {
+                                    return (num * 100).toFixed(2) + '%'
+                                },
+                                textStyle: {
+                                    fontSize: 20,
+                                    color: '#000'
+                                }
+                            }
+                        },
+                        outline: {
+                            // show: false
+                            borderDistance: 0,
+                            itemStyle: {
+                                borderWidth: 2,
+                                borderColor: '#fff'
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+    })
+
+    // 监测点总体评价结论
+    getLineAssess({
+        lineId: id,
+        startTime: datePickerRef.value.timeValue[0],
+        endTime: datePickerRef.value.timeValue[1]
+    }).then((res: any) => {
+        dropList.value.assessData = res.data.assessLevel
+        evaluationData.value = [
+            {
+                targetName: '频率偏差(Hz)',
+                avg: res.data.freqAssessLevel,
+                sd: res.data.freqQualifyData
+            },
+            {
+                targetName: '电压偏差(%)',
+                avg: res.data.vdevAssessLevel,
+                sd: res.data.vdevQualifyData
+            },
+            {
+                targetName: '电压总谐波畸变率(%)',
+                avg: res.data.harmAssessLevel,
+                sd: res.data.harmQualifyData
+            },
+            {
+                targetName: '三相电压不平衡度(%)',
+                avg: res.data.unbalanceAssessLevel,
+                sd: res.data.unbalanceQualifyData
+            },
+            {
+                targetName: '闪变',
+                avg: res.data.flickerAssessLevel,
+                sd: res.data.flickerQualifyData
+            }
+        ]
+    })
+    // 稳态指标合格率
+
+    lineQualifiedDetail({
+        lineId: id,
+        startTime: datePickerRef.value.timeValue[0],
+        endTime: datePickerRef.value.timeValue[1]
+    }).then(res => {
+        echart([
+            {
+                time: datePickerRef.value.timeValue[0].substring(0, 7),
+                targetList: [
+                    '频率偏差(Hz)',
+                    '电压偏差(%)',
+                    '电压总谐波畸变率(%)',
+                    '三相电压不平衡度(%)',
+                    '闪变',
+                    '谐波电压(%)',
+                    '谐波电流(%)',
+                    '间谐波电压(%)',
+                    '负序电流(A)'
+                ],
+                ratioList: [
+                    res.data.freqDev == 3.14159 ? null : res.data.freqDev,
+                    res.data.vdev == 3.14159 ? null : res.data.vdev,
+                    res.data.vthd == 3.14159 ? null : res.data.vthd,
+                    res.data.ubalance == 3.14159 ? null : res.data.ubalance,
+                    res.data.plt == 3.14159 ? null : res.data.plt,
+
+                    res.data.uharm == 3.14159 ? null : res.data.uharm,
+                    res.data.iharm == 3.14159 ? null : res.data.iharm,
+                    res.data.inuHarm == 3.14159 ? null : res.data.inuHarm,
+                    res.data.ineg == 3.14159 ? null : res.data.ineg
+                ]
+            }
+        ])
+    })
+
+    // 暂态事件统计
+    getEventDetailByLineId({
+        id: id,
+        startTime: datePickerRef.value.timeValue[0],
+        endTime: datePickerRef.value.timeValue[1],
+        type: datePickerRef.value.interval
+    }).then((res: any) => {
+        let data = [
+            {
+                name: '电压暂升',
+                value: res.data?.swellTimes || 0
+            },
+            {
+                name: '电压暂降',
+                value: res.data?.sagTimes || 0
+            },
+            {
+                name: '电压中断',
+                value: res.data?.interruptTimes || 0
+            }
+        ]
+        incidentCharts.value = {
+            title: {
+                text: '总数：' + (data[0].value + data[1].value + data[2].value),
+                left: '40%',
+                top: '45%',
+                textStyle: {
+                    // fontWeight: 600,
+                    fontSize: 12
+                }
+                // subtext: '总数',
+                // subtextStyle: {
+                //     fontWeight: 550,
+                //     fontSize: 14
+                // }
+            },
+
+            tooltip: {
+                trigger: 'item'
+            },
+            legend: {
+                orient: 'vertical',
+                top: 'center',
+                right: '10%',
+                formatter: function (e: any) {
+                    return e + '   ' + data.filter(item => item.name == e)[0].value + '条'
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        type: 'pie',
+                        center: ['45%', '50%'],
+                        radius: ['60%', '80%'],
+                        label: {
+                            show: false,
+                            position: 'outside',
+                            textStyle: {
+                                //数值样式
+                            }
+                        },
+
+                        data: data
+                    }
+                ]
+            }
+        }
+    })
+
+    // 告警明细
+    getGridDiagramTargetData({ ...form, id: id, type: 3 }).then(res => {
+        TargetData.value = res.data
+        let num = 0
+        let flag = 0
+        let judgment = true
+        for (let k in res.data) {
+            if (k != 'lineId') {
+                if (res.data[k] != '/') {
+                    judgment = false
+                }
+                flag += (res.data[k] == '/' ? 0 : res.data[k])
+            }
+        }
+
+        if (IntegrityNum.value == 0) {
+            num = 2 //完整性告警
+        } else {
+            if (flag > 0) {
+                num = 1 //超标告警
+            } else {
+                num = 0 //无告警
+            }
+            if (judgment) {
+                num = 3
+            }
+        }
+
+        TargetData.value.info = num
+    })
+}
+const echart = (row: any) => {
+    let chart = echarts.init(chartRef.value as HTMLDivElement)
+
+    let dataname = [
+        '频率偏差(Hz)',
+        '电压偏差(%)',
+        '电压总谐波畸变率(%)',
+        '三相电压不平衡度(%)',
+        '闪变',
+        '谐波电压(%)',
+        '谐波电流(%)',
+        '间谐波电压(%)',
+        '负序电流(A)'
+    ]
+    let datamax = [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100]
+    let indicator = []
+    for (let i = 0; i < dataname.length; i++) {
+        indicator.push({
+            name: dataname[i],
+            max: datamax[i]
+        })
+    }
+
+    let option: any = {
+        tooltip: {
+            trigger: 'item',
+            axisPointer: {
+                type: 'shadow',
+                label: {
+                    color: '#fff',
+                    fontSize: 16
+                }
+            },
+            textStyle: {
+                color: '#fff',
+                fontStyle: 'normal',
+                opacity: 0.35,
+                fontSize: 14
+            },
+            backgroundColor: 'rgba(0,0,0,0.55)',
+            borderWidth: 0
+        },
+        legend: {
+            data: row.map((item: any) => item.time),
+            type: 'scroll',
+            orient: 'vertical',
+            icon: 'roundRect',
+            right: '20',
+
+            itemGap: 10,
+            itemWidth: 16,
+            itemHeight: 16,
+            textStyle: {
+                fontSize: '15',
+                color: '#656565'
+            }
+        },
+        radar: {
+            center: ['50%', '50%'],
+            radius: '65%',
+            startAngle: 90,
+            splitNumber: 5,
+            splitArea: {
+                areaStyle: {
+                    color: ['#FFFFFF', '#F5F9FF'].reverse()
+                }
+            },
+            axisLabel: {
+                show: false
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#D2E4F8'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#D2E4F8'
+                }
+            },
+            name: {
+                formatter: '{value}',
+                textStyle: {
+                    color: '#656565',
+                    fontSize: 15
+                }
+            },
+            indicator: indicator
+        },
+
+        series: []
+    }
+
+    row.forEach((item: any, i: any) => {
+        option.series.push({
+            name: item.time,
+            type: 'radar',
+            symbol: 'none',
+            areaStyle: {
+                normal: {
+                    color: '#2a9fe069'
+                }
+            },
+            itemStyle: {
+                color: '#2a9fe0'
+            },
+            data: [item.ratioList]
+        })
+    })
+    console.log("🚀 ~ echart ~ option:", option)
+
+    chart.setOption(option)
+}
+// 跳转
+const Integrity = () => {
+    router.push({
+        name: 'harmonic-boot/harmonic/getIntegrityData'
+    })
+}
+const OnlineRate = () => {
+    router.push({
+        name: 'harmonic-boot/area/OnlineRate'
+    })
+}
+
+onMounted(() => {
+    // open('4c87b7dff2281254fc55c25a4da31506')
+})
+defineExpose({ open })
+</script>
+
+<style lang="scss" scoped>
+.lineInfo {
+    padding: 0 10px 10px 10px;
+}
+
+:deep(.el-page-header__header) {
+    height: 45px;
+    border-bottom: 1px solid #f1eded;
+}
+
+:deep(.el-descriptions__header) {
+    margin-bottom: 10px;
+}
+
+.evaluationData {
+    display: grid;
+    grid-template-rows: repeat(5, auto);
+    height: 87%;
+
+    .row {
+        margin: 4px 2% 0;
+        width: 100%;
+        box-shadow: 1px 1px 1px 1px #e8e3e3;
+    }
+
+    img {
+        width: 6%;
+        margin: 0px 15px;
+    }
+}
+
+.iconBox {
+    display: flex;
+
+    span {
+        display: inline-block;
+        width: 3px;
+        height: 18px;
+        background: var(--el-color-primary);
+        margin-right: 5px;
+        margin-left: 3px;
+    }
+}
+
+.conclusion {
+    display: inline-block;
+    padding: 2px 5px;
+    height: 20px;
+    border-radius: 4px;
+}
+
+.background1 {
+    background-color: #339966;
+    color: #fff;
+}
+
+.background2 {
+    background-color: #97017e;
+    color: #fff;
+}
+
+.background3 {
+    background-color: #A52a2a;
+    color: #fff;
+}
+</style>
diff --git a/src/views/pqs/qualityInspeection/panorama/components/line/info.vue b/src/views/pqs/qualityInspeection/panorama/components/line/info.vue
index e1e1e7c1..4f29a309 100644
--- a/src/views/pqs/qualityInspeection/panorama/components/line/info.vue
+++ b/src/views/pqs/qualityInspeection/panorama/components/line/info.vue
@@ -1,742 +1,766 @@
-<template>
-    <div class="default-main lineInfo" :style="height">
-        <DatePicker ref="datePickerRef" style="display: none" theCurrentTime />
-        <el-page-header :icon="ArrowLeft" @back="emit('back')">
-            <template #content>
-                <span style="font-size: 16px">{{ dropList.lineName }}详情　</span>
-                <span style="font-weight: 500">最新数据时间：</span>
-                <span style="color: var(--color-primary-default)">{{ dropList.updateTime }}</span>
-            </template>
-        </el-page-header>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    台账信息
-                </h3>
-                <el-descriptions title="" border :column="2">
-                    <el-descriptions-item label="监测点名称" width="140px">
-                        {{ dropList.lineName }}
-                    </el-descriptions-item>
-                    <el-descriptions-item label="所属厂家">{{ dropList.manufacturer }}</el-descriptions-item>
-                    <el-descriptions-item label="电压等级">{{ dropList.scale }}</el-descriptions-item>
-                    <el-descriptions-item label="投运日期">{{ dropList.loginTime }}</el-descriptions-item>
-                    <el-descriptions-item label="PT">{{ dropList.pt }}</el-descriptions-item>
-                    <el-descriptions-item label="CT">{{ dropList.ct }}</el-descriptions-item>
-                    <el-descriptions-item label="干扰源类型">{{ dropList.loadType }}</el-descriptions-item>
-                    <el-descriptions-item label="通讯状态" width="140px">
-                        <el-tag size="small" :type="dropList.comFlag == '正常' ? 'success' : 'danger'" effect="dark">
-                            {{ dropList.comFlag }}
-                        </el-tag>
-                    </el-descriptions-item>
-                </el-descriptions>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    告警明细 (天)
-                </h3>
-                <el-descriptions title="" border :column="2" size="small">
-                    <el-descriptions-item width="140px" label="告警原因">
-                        <span style="font-weight: 550"
-                            :style="TargetData.info == 0 ? 'color: #0e8780;' : TargetData.info == 3 ? 'color: #000' : 'color: #ff0000;'">
-                            {{
-                                TargetData.info == 1
-                                    ? '超标告警'
-                                    : TargetData.info == 2
-                                        ? '完整性告警'
-                                        : TargetData.info == 0
-                                            ? '无告警'
-                                            : '暂无数据'
-                            }}
-                        </span>
-                    </el-descriptions-item>
-                    <el-descriptions-item label="频率偏差">{{ TargetData.freqDevOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="电压偏差">{{ TargetData.voltageDevOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="谐波电流">{{ TargetData.iharmOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="负序电流">{{ TargetData.inegOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="间谐波电压">{{ TargetData.inuharmOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="电压总谐波畸变率">
-                        {{ TargetData.uaberranceOvertime }}
-                    </el-descriptions-item>
-                    <el-descriptions-item label="闪变">{{ TargetData.flickerOvertime }}</el-descriptions-item>
-                    <el-descriptions-item label="谐波电压">{{ TargetData.uharmOvertime }}</el-descriptions-item>
-                    <el-descriptions-item width="140px" label="三相电压不平衡度">
-                        {{ TargetData.ubalanceOvertime }}
-                    </el-descriptions-item>
-                </el-descriptions>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    数据质量
-                </h3>
-                <div style="display: flex">
-                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" @click="Integrity" />
-                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="onLineCharts"
-                        @click="OnlineRate" />
-                </div>
-            </el-col>
-        </el-row>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    监测点总体评价结论
-                </h3>
-
-                <div class="evaluationData">
-                    <el-row style="width: 96%" class="row pb5">
-                        <el-col :span="12" style="display: flex">
-                            <span>{{ dropList.lineName }}</span>
-                        </el-col>
-                        <el-col :span="12" style="display: flex">
-                            <div>
-                                综合评估得分:
-                                <span class="conclusion" :class="dropList.assessData == '特质'
-                                    ? 'background1'
-                                    : dropList.assessData == '较差'
-                                        ? 'background2'
-                                        : dropList.assessData == '极差'
-                                            ? 'background3'
-                                            : ''
-                                    ">
-                                    {{ dropList.assessData }}
-                                </span>
-                            </div>
-                        </el-col>
-                    </el-row>
-                    <el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
-                        <el-col :span="14" style="display: flex; align-items: center">
-                            <img :src="url[i]" />
-                            <span style="line-height: 20px">{{ item.targetName }}</span>
-                        </el-col>
-                        <el-col :span="10" style="display: flex; align-items: center">
-                            <div style="width: 100%">
-                                评估得分：
-                                <span class="conclusion" :class="item.avg == '特质'
-                                    ? 'background1'
-                                    : item.avg == '较差'
-                                        ? 'background2'
-                                        : item.avg == '极差'
-                                            ? 'background3'
-                                            : ''
-                                    ">
-                                    {{ item.avg }}
-                                </span>
-                            </div>
-                        </el-col>
-                    </el-row>
-                </div>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    稳态指标合格率
-                </h3>
-                <div :style="`height: calc(${rowHeight} - 31px)`" ref="chartRef"></div>
-            </el-col>
-            <el-col :span="8">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    暂态事件统计
-                </h3>
-
-                <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="incidentCharts" />
-            </el-col>
-        </el-row>
-        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
-            <el-col :span="24">
-                <h3 class="mb10 iconBox">
-                    <span></span>
-                    历史趋势图
-                </h3>
-                <history :lineId="lineId" ref="historyRef" />
-            </el-col>
-        </el-row>
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, reactive, ref, provide } from 'vue'
-import { ArrowLeft } from '@element-plus/icons-vue'
-import { mainHeight } from '@/utils/layout'
-import history from './history.vue'
-import { color } from '@/components/echarts/color'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEChart from '@/components/echarts/MyEchart.vue'
-import echarts from '@/components/echarts/echarts'
-import { useRouter } from 'vue-router'
-const router = useRouter()
-import { getLineDetailData } from '@/api/advance-boot/bearingCapacity'
-import {
-    getTotalIntegrityByLineIds,
-    getTotalOnlineRates,
-    lineQualifiedDetail,
-    getLineAssess,
-    getEventDetailByLineId,
-    getGridDiagramTargetData
-} from '@/api/device-boot/panorama'
-import { formatter } from 'element-plus'
-
-const emit = defineEmits(['back'])
-const dropList: any = ref({})
-const TargetData: any = ref({})
-const evaluationData: any = ref([])
-const incidentCharts: any = ref({})
-const ComCharts: any = ref({})
-const onLineCharts: any = ref({})
-const datePickerRef = ref()
-const chartRef = ref<HTMLDivElement>()
-const historyRef = ref()
-const IntegrityNum = ref(0)
-const url: any = [
-    new URL(`@/assets/img/PLPC.png`, import.meta.url),
-    new URL(`@/assets/img/DYPC.png`, import.meta.url),
-    new URL(`@/assets/img/JBL.png`, import.meta.url),
-    new URL(`@/assets/img/SXDY.png`, import.meta.url),
-    new URL(`@/assets/img/SB.png`, import.meta.url)
-]
-const lineId: any = ref('')
-const height = mainHeight(20)
-const rowHeight = mainHeight(190, 3).height
-
-// 查询
-const open = async (id: string) => {
-    let form = {
-        comFlag: 1,
-        endTime: datePickerRef.value.timeValue[1],
-        lineIds: [id],
-
-        ids: [id],
-        searchValue: '',
-        startTime: datePickerRef.value.timeValue[0]
-    }
-    lineId.value = id
-    const { data } = await getLineDetailData({ id: id })
-    dropList.value = data
-    // 运行状态
-
-    // 完整性
-    getTotalIntegrityByLineIds(form).then((res: any) => {
-        let num = (res.data || 0) / 100
-        IntegrityNum.value = res.data
-        ComCharts.value = {
-            title: {
-                text: '完整性',
-                bottom: '10%',
-                left: 'center',
-                textStyle: {
-                    fontSize: 16
-                }
-            },
-            xAxis: {
-                show: false
-            },
-            yAxis: {
-                show: false
-            },
-
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        //第二个球的填充
-                        type: 'liquidFill',
-                        radius: '65%',
-                        center: ['50%', '40%'], //中心点
-                        color: [
-                            {
-                                type: 'linear',
-                                x: 0,
-                                y: 0,
-                                x2: 0,
-                                y2: 1,
-                                colorStops: [
-                                    {
-                                        offset: 1,
-                                        color: '#2aa1e3'
-                                    }
-                                ],
-                                globalCoord: false
-                            }
-                        ],
-                        data: [num, num], // data个数代表波浪数
-                        backgroundStyle: {
-                            borderWidth: 1,
-                            color: '#f7f8fc'
-                        },
-                        label: {
-                            normal: {
-                                formatter: () => {
-                                    return (num * 100).toFixed(2) + '%'
-                                },
-                                textStyle: {
-                                    fontSize: 20,
-                                    color: '#000'
-                                }
-                            }
-                        },
-                        outline: {
-                            // show: false
-                            borderDistance: 0,
-                            itemStyle: {
-                                borderWidth: 2,
-                                borderColor: '#fff'
-                            }
-                        }
-                    }
-                ]
-            }
-        }
-        // 稳态指标合格率
-    })
-    // 在线率
-    getTotalOnlineRates({ ...form, id: dropList.value.devId, ids: [dropList.value.devId] }).then((res: any) => {
-        let num = (res.data || 0) / 100
-        onLineCharts.value = {
-            title: {
-                text: '在线率',
-                bottom: '10%',
-                left: 'center',
-                textStyle: {
-                    fontSize: 16
-                }
-            },
-            xAxis: {
-                show: false
-            },
-            yAxis: {
-                show: false
-            },
-
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        //第二个球的填充
-                        type: 'liquidFill',
-                        radius: '65%',
-                        center: ['50%', '40%'], //中心点
-                        color: [
-                            {
-                                type: 'linear',
-                                x: 0,
-                                y: 0,
-                                x2: 0,
-                                y2: 1,
-                                colorStops: [
-                                    {
-                                        offset: 1,
-                                        color: '#67c23a'
-                                    }
-                                ],
-                                globalCoord: false
-                            }
-                        ],
-                        data: [num, num], // data个数代表波浪数
-                        backgroundStyle: {
-                            color: '#f7f8fc'
-                        },
-                        label: {
-                            normal: {
-                                formatter: () => {
-                                    return (num * 100).toFixed(2) + '%'
-                                },
-                                textStyle: {
-                                    fontSize: 20,
-                                    color: '#000'
-                                }
-                            }
-                        },
-                        outline: {
-                            // show: false
-                            borderDistance: 0,
-                            itemStyle: {
-                                borderWidth: 2,
-                                borderColor: '#fff'
-                            }
-                        }
-                    }
-                ]
-            }
-        }
-    })
-
-    // 监测点总体评价结论
-    getLineAssess({
-        lineId: id,
-        startTime: datePickerRef.value.timeValue[0],
-        endTime: datePickerRef.value.timeValue[1]
-    }).then((res: any) => {
-        dropList.value.assessData = res.data.assessLevel
-        evaluationData.value = [
-            {
-                targetName: '频率偏差(Hz)',
-                avg: res.data.freqAssessLevel,
-                sd: res.data.freqQualifyData
-            },
-            {
-                targetName: '电压偏差(%)',
-                avg: res.data.vdevAssessLevel,
-                sd: res.data.vdevQualifyData
-            },
-            {
-                targetName: '电压总谐波畸变率(%)',
-                avg: res.data.harmAssessLevel,
-                sd: res.data.harmQualifyData
-            },
-            {
-                targetName: '三相电压不平衡度(%)',
-                avg: res.data.unbalanceAssessLevel,
-                sd: res.data.unbalanceQualifyData
-            },
-            {
-                targetName: '闪变',
-                avg: res.data.flickerAssessLevel,
-                sd: res.data.flickerQualifyData
-            }
-        ]
-    })
-    // 稳态指标合格率
-
-    lineQualifiedDetail({
-        lineId: id,
-        startTime: datePickerRef.value.timeValue[0],
-        endTime: datePickerRef.value.timeValue[1]
-    }).then(res => {
-        echart([
-            {
-                time: datePickerRef.value.timeValue[0].substring(0, 7),
-                targetList: [
-                    '频率偏差(Hz)',
-                    '电压偏差(%)',
-                    '电压总谐波畸变率(%)',
-                    '三相电压不平衡度(%)',
-                    '闪变',
-                    '谐波电压(%)',
-                    '谐波电流(%)',
-                    '间谐波电压(%)',
-                    '负序电流(A)'
-                ],
-                ratioList: [
-                    res.data.freqDev == 3.14159 ? null : res.data.freqDev,
-                    res.data.vdev == 3.14159 ? null : res.data.vdev,
-                    res.data.vthd == 3.14159 ? null : res.data.vthd,
-                    res.data.ubalance == 3.14159 ? null : res.data.ubalance,
-                    res.data.plt == 3.14159 ? null : res.data.plt,
-
-                    res.data.uharm == 3.14159 ? null : res.data.uharm,
-                    res.data.iharm == 3.14159 ? null : res.data.iharm,
-                    res.data.inuHarm == 3.14159 ? null : res.data.inuHarm,
-                    res.data.ineg == 3.14159 ? null : res.data.ineg
-                ]
-            }
-        ])
-    })
-
-    // 暂态事件统计
-    getEventDetailByLineId({
-        id: id,
-        startTime: datePickerRef.value.timeValue[0],
-        endTime: datePickerRef.value.timeValue[1],
-        type: datePickerRef.value.interval
-    }).then((res: any) => {
-        let data = [
-            {
-                name: '电压暂升',
-                value: res.data?.swellTimes || 0
-            },
-            {
-                name: '电压暂降',
-                value: res.data?.sagTimes || 0
-            },
-            {
-                name: '电压中断',
-                value: res.data?.interruptTimes || 0
-            }
-        ]
-        incidentCharts.value = {
-            title: {
-                text: '总数：' + (data[0].value + data[1].value + data[2].value),
-                left: '40%',
-                top: '45%',
-                textStyle: {
-                    // fontWeight: 600,
-                    fontSize: 12
-                }
-                // subtext: '总数',
-                // subtextStyle: {
-                //     fontWeight: 550,
-                //     fontSize: 14
-                // }
-            },
-
-            tooltip: {
-                trigger: 'item'
-            },
-            legend: {
-                orient: 'vertical',
-                top: 'center',
-                right: '10%',
-                formatter: function (e: any) {
-                    return e + '   ' + data.filter(item => item.name == e)[0].value + '条'
-                }
-            },
-            xAxis: {
-                show: false
-            },
-            yAxis: {
-                show: false
-            },
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        type: 'pie',
-                        center: ['45%', '50%'],
-                        radius: ['60%', '80%'],
-                        label: {
-                            show: false,
-                            position: 'outside',
-                            textStyle: {
-                                //数值样式
-                            }
-                        },
-
-                        data: data
-                    }
-                ]
-            }
-        }
-    })
-
-    // 告警明细
-    getGridDiagramTargetData({ ...form, id: id, type: 3 }).then(res => {
-        TargetData.value = res.data
-        let num = 0
-        let flag = 0
-        let judgment = true
-        for (let k in res.data) {
-            if (k != 'lineId') {
-                if (res.data[k] != '/') {
-                    judgment = false
-                }
-                flag += (res.data[k] == '/' ? 0 : res.data[k])
-            }
-        }
-
-        if (IntegrityNum.value == 0) {
-            num = 2 //完整性告警
-        } else {
-            if (flag > 0) {
-                num = 1 //超标告警
-            } else {
-                num = 0 //无告警
-            }
-            if (judgment) {
-                num = 3
-            }
-        }
-
-        TargetData.value.info = num
-    })
-}
-const echart = (row: any) => {
-    let chart = echarts.init(chartRef.value as HTMLDivElement)
-
-    let dataname = [
-        '频率偏差(Hz)',
-        '电压偏差(%)',
-        '电压总谐波畸变率(%)',
-        '三相电压不平衡度(%)',
-        '闪变',
-        '谐波电压(%)',
-        '谐波电流(%)',
-        '间谐波电压(%)',
-        '负序电流(A)'
-    ]
-    let datamax = [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100]
-    let indicator = []
-    for (let i = 0; i < dataname.length; i++) {
-        indicator.push({
-            name: dataname[i],
-            max: datamax[i]
-        })
-    }
-
-    let option: any = {
-        tooltip: {
-            trigger: 'item',
-            axisPointer: {
-                type: 'shadow',
-                label: {
-                    color: '#fff',
-                    fontSize: 16
-                }
-            },
-            textStyle: {
-                color: '#fff',
-                fontStyle: 'normal',
-                opacity: 0.35,
-                fontSize: 14
-            },
-            backgroundColor: 'rgba(0,0,0,0.55)',
-            borderWidth: 0
-        },
-        legend: {
-            data: row.map((item: any) => item.time),
-            type: 'scroll',
-            orient: 'vertical',
-            icon: 'roundRect',
-            right: '20',
-
-            itemGap: 10,
-            itemWidth: 16,
-            itemHeight: 16,
-            textStyle: {
-                fontSize: '15',
-                color: '#656565'
-            }
-        },
-        radar: {
-            center: ['50%', '50%'],
-            radius: '65%',
-            startAngle: 90,
-            splitNumber: 5,
-            splitArea: {
-                areaStyle: {
-                    color: ['#FFFFFF', '#F5F9FF'].reverse()
-                }
-            },
-            axisLabel: {
-                show: false
-            },
-            axisLine: {
-                show: true,
-                lineStyle: {
-                    color: '#D2E4F8'
-                }
-            },
-            splitLine: {
-                show: true,
-                lineStyle: {
-                    color: '#D2E4F8'
-                }
-            },
-            name: {
-                formatter: '{value}',
-                textStyle: {
-                    color: '#656565',
-                    fontSize: 15
-                }
-            },
-            indicator: indicator
-        },
-
-        series: []
-    }
-
-    row.forEach((item: any, i: any) => {
-        option.series.push({
-            name: item.time,
-            type: 'radar',
-            symbol: 'none',
-            areaStyle: {
-                normal: {
-                    color: '#2a9fe069'
-                }
-            },
-            itemStyle: {
-                color: '#2a9fe0'
-            },
-            data: [item.ratioList]
-        })
-    })
-
-    chart.setOption(option)
-}
-// 跳转
-const Integrity = () => {
-    router.push({
-        name: 'harmonic-boot/harmonic/getIntegrityData'
-    })
-}
-const OnlineRate = () => {
-    router.push({
-        name: 'harmonic-boot/area/OnlineRate'
-    })
-}
-
-onMounted(() => {
-    // open('4c87b7dff2281254fc55c25a4da31506')
-})
-defineExpose({ open })
-</script>
-
-<style lang="scss" scoped>
-.lineInfo {
-    padding: 0 10px 10px 10px;
-}
-
-:deep(.el-page-header__header) {
-    height: 45px;
-    border-bottom: 1px solid #f1eded;
-}
-
-:deep(.el-descriptions__header) {
-    margin-bottom: 10px;
-}
-
-.evaluationData {
-    display: grid;
-    grid-template-rows: repeat(5, auto);
-    height: 87%;
-
-    .row {
-        margin: 4px 2% 0;
-        width: 100%;
-        box-shadow: 1px 1px 1px 1px #e8e3e3;
-    }
-
-    img {
-        width: 6%;
-        margin: 0px 15px;
-    }
-}
-
-.iconBox {
-    display: flex;
-
-    span {
-        display: inline-block;
-        width: 3px;
-        height: 18px;
-        background: var(--el-color-primary);
-        margin-right: 5px;
-        margin-left: 3px;
-    }
-}
-
-.conclusion {
-    display: inline-block;
-    padding: 2px 5px;
-    height: 20px;
-    border-radius: 4px;
-}
-
-.background1 {
-    background-color: #339966;
-    color: #fff;
-}
-
-.background2 {
-    background-color: #97017e;
-    color: #fff;
-}
-
-.background3 {
-    background-color: #A52a2a;
-    color: #fff;
-}
-</style>
+<template>
+    <div class="default-main lineInfo" :style="height">
+        <DatePicker ref="datePickerRef" style="display: none" theCurrentTime />
+        <el-page-header :icon="ArrowLeft" @back="emit('back')">
+            <template #content>
+                <span style="font-size: 16px">{{ dropList.lineName }}详情　</span>
+                <span style="font-weight: 500">最新数据时间：</span>
+                <span style="color: var(--color-primary-default)">{{ dropList.updateTime }}</span>
+                <span style="font-weight: 500">统计日期：</span>
+                <span style="color: var(--color-primary-default)">
+                    {{ getTimeOfTheMonth('3')[0] + '至' + getTimeOfTheMonth('3')[1] }}
+                </span>
+            </template>
+        </el-page-header>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    台账信息
+                </h3>
+                <el-descriptions title="" border :column="2">
+                    <el-descriptions-item label="监测点名称" width="140px">
+                        {{ dropList.lineName }}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="所属厂家">{{ dropList.manufacturer }}</el-descriptions-item>
+                    <el-descriptions-item label="电压等级">{{ dropList.scale }}</el-descriptions-item>
+                    <el-descriptions-item label="投运日期">{{ dropList.loginTime }}</el-descriptions-item>
+                    <el-descriptions-item label="PT">{{ dropList.pt }}</el-descriptions-item>
+                    <el-descriptions-item label="CT">{{ dropList.ct }}</el-descriptions-item>
+                    <el-descriptions-item label="干扰源类型">{{ dropList.loadType }}</el-descriptions-item>
+                    <el-descriptions-item label="通讯状态" width="140px">
+                        <el-tag size="small" :type="dropList.comFlag == '正常' ? 'success' : 'danger'" effect="dark">
+                            {{ dropList.comFlag }}
+                        </el-tag>
+                    </el-descriptions-item>
+                </el-descriptions>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    告警明细 (天)
+                </h3>
+                <el-descriptions title="" border :column="2" size="small">
+                    <el-descriptions-item width="140px" label="告警原因">
+                        <span
+                            style="font-weight: 550"
+                            :style="
+                                TargetData.info == 0
+                                    ? 'color: #0e8780;'
+                                    : TargetData.info == 3
+                                    ? 'color: #000'
+                                    : 'color: #ff0000;'
+                            "
+                        >
+                            {{
+                                TargetData.info == 1
+                                    ? '超标告警'
+                                    : TargetData.info == 2
+                                    ? '完整性告警'
+                                    : TargetData.info == 0
+                                    ? '无告警'
+                                    : '暂无数据'
+                            }}
+                        </span>
+                    </el-descriptions-item>
+                    <el-descriptions-item label="频率偏差">{{ TargetData.freqDevOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="电压偏差">{{ TargetData.voltageDevOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="谐波电流">{{ TargetData.iharmOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="负序电流">{{ TargetData.inegOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="间谐波电压">{{ TargetData.inuharmOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="电压总谐波畸变率">
+                        {{ TargetData.uaberranceOvertime }}
+                    </el-descriptions-item>
+                    <el-descriptions-item label="闪变">{{ TargetData.flickerOvertime }}</el-descriptions-item>
+                    <el-descriptions-item label="谐波电压">{{ TargetData.uharmOvertime }}</el-descriptions-item>
+                    <el-descriptions-item width="140px" label="三相电压不平衡度">
+                        {{ TargetData.ubalanceOvertime }}
+                    </el-descriptions-item>
+                </el-descriptions>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    数据质量
+                </h3>
+                <div style="display: flex">
+                    <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="ComCharts" @click="Integrity" />
+                    <MyEChart
+                        :style="`height: calc(${rowHeight} - 31px)`"
+                        :options="onLineCharts"
+                        @click="OnlineRate"
+                    />
+                </div>
+            </el-col>
+        </el-row>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    监测点总体评价结论
+                </h3>
+
+                <div class="evaluationData">
+                    <el-row style="width: 96%" class="row pb5">
+                        <el-col :span="12" style="display: flex">
+                            <span>{{ dropList.lineName }}</span>
+                        </el-col>
+                        <el-col :span="12" style="display: flex">
+                            <div>
+                                综合评估得分:
+                                <span
+                                    class="conclusion"
+                                    :class="
+                                        dropList.assessData == '特质'
+                                            ? 'background1'
+                                            : dropList.assessData == '较差'
+                                            ? 'background2'
+                                            : dropList.assessData == '极差'
+                                            ? 'background3'
+                                            : ''
+                                    "
+                                >
+                                    {{ dropList.assessData }}
+                                </span>
+                            </div>
+                        </el-col>
+                    </el-row>
+                    <el-row style="width: 96%" v-for="(item, i) in evaluationData" class="row pb4 pt3">
+                        <el-col :span="14" style="display: flex; align-items: center">
+                            <img :src="url[i]" />
+                            <span style="line-height: 20px">{{ item.targetName }}</span>
+                        </el-col>
+                        <el-col :span="10" style="display: flex; align-items: center">
+                            <div style="width: 100%">
+                                评估得分：
+                                <span
+                                    class="conclusion"
+                                    :class="
+                                        item.avg == '特质'
+                                            ? 'background1'
+                                            : item.avg == '较差'
+                                            ? 'background2'
+                                            : item.avg == '极差'
+                                            ? 'background3'
+                                            : ''
+                                    "
+                                >
+                                    {{ item.avg }}
+                                </span>
+                            </div>
+                        </el-col>
+                    </el-row>
+                </div>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    稳态指标合格率
+                </h3>
+                <div :style="`height: calc(${rowHeight} - 31px)`" ref="chartRef"></div>
+            </el-col>
+            <el-col :span="8">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    暂态事件统计
+                </h3>
+
+                <MyEChart :style="`height: calc(${rowHeight} - 31px)`" :options="incidentCharts" />
+            </el-col>
+        </el-row>
+        <el-row :gutter="20" class="mt10" :style="`height:${rowHeight}`">
+            <el-col :span="24">
+                <h3 class="mb10 iconBox">
+                    <span></span>
+                    历史趋势图
+                </h3>
+                <history :lineId="lineId" ref="historyRef" />
+            </el-col>
+        </el-row>
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, reactive, ref, provide } from 'vue'
+import { ArrowLeft } from '@element-plus/icons-vue'
+import { mainHeight } from '@/utils/layout'
+import history from './history.vue'
+import { color } from '@/components/echarts/color'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEChart from '@/components/echarts/MyEchart.vue'
+import echarts from '@/components/echarts/echarts'
+import { useRouter } from 'vue-router'
+import { getTimeOfTheMonth } from '@/utils/formatTime'
+const router = useRouter()
+import { getLineDetailData } from '@/api/advance-boot/bearingCapacity'
+import {
+    getTotalIntegrityByLineIds,
+    getTotalOnlineRates,
+    lineQualifiedDetail,
+    getLineAssess,
+    getEventDetailByLineId,
+    getGridDiagramTargetData
+} from '@/api/device-boot/panorama'
+import { formatter } from 'element-plus'
+
+const emit = defineEmits(['back'])
+const dropList: any = ref({})
+const TargetData: any = ref({})
+const evaluationData: any = ref([])
+const incidentCharts: any = ref({})
+const ComCharts: any = ref({})
+const onLineCharts: any = ref({})
+const datePickerRef = ref()
+const chartRef = ref<HTMLDivElement>()
+const historyRef = ref()
+const IntegrityNum = ref(0)
+const url: any = [
+    new URL(`@/assets/img/PLPC.png`, import.meta.url),
+    new URL(`@/assets/img/DYPC.png`, import.meta.url),
+    new URL(`@/assets/img/JBL.png`, import.meta.url),
+    new URL(`@/assets/img/SXDY.png`, import.meta.url),
+    new URL(`@/assets/img/SB.png`, import.meta.url)
+]
+const lineId: any = ref('')
+const height = mainHeight(20)
+const rowHeight = mainHeight(190, 3).height
+
+// 查询
+const open = async (id: string) => {
+    let form = {
+        comFlag: 1,
+        endTime: datePickerRef.value.timeValue[1],
+        lineIds: [id],
+
+        ids: [id],
+        searchValue: '',
+        startTime: datePickerRef.value.timeValue[0]
+    }
+    lineId.value = id
+    const { data } = await getLineDetailData({ id: id })
+    dropList.value = data
+    // 运行状态
+
+    // 完整性
+    getTotalIntegrityByLineIds(form).then((res: any) => {
+        let num = (res.data || 0) / 100
+        IntegrityNum.value = res.data
+        ComCharts.value = {
+            title: {
+                text: '完整性',
+                bottom: '10%',
+                left: 'center',
+                textStyle: {
+                    fontSize: 16
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        //第二个球的填充
+                        type: 'liquidFill',
+                        radius: '65%',
+                        center: ['50%', '40%'], //中心点
+                        color: [
+                            {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 0,
+                                y2: 1,
+                                colorStops: [
+                                    {
+                                        offset: 1,
+                                        color: '#2aa1e3'
+                                    }
+                                ],
+                                globalCoord: false
+                            }
+                        ],
+                        data: [num, num], // data个数代表波浪数
+                        backgroundStyle: {
+                            borderWidth: 1,
+                            color: '#f7f8fc'
+                        },
+                        label: {
+                            normal: {
+                                formatter: () => {
+                                    return (num * 100).toFixed(2) + '%'
+                                },
+                                textStyle: {
+                                    fontSize: 20,
+                                    color: '#000'
+                                }
+                            }
+                        },
+                        outline: {
+                            // show: false
+                            borderDistance: 0,
+                            itemStyle: {
+                                borderWidth: 2,
+                                borderColor: '#fff'
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+        // 稳态指标合格率
+    })
+    // 在线率
+    getTotalOnlineRates({ ...form, id: dropList.value.devId, ids: [dropList.value.devId] }).then((res: any) => {
+        let num = (res.data || 0) / 100
+        onLineCharts.value = {
+            title: {
+                text: '在线率',
+                bottom: '10%',
+                left: 'center',
+                textStyle: {
+                    fontSize: 16
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        //第二个球的填充
+                        type: 'liquidFill',
+                        radius: '65%',
+                        center: ['50%', '40%'], //中心点
+                        color: [
+                            {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 0,
+                                y2: 1,
+                                colorStops: [
+                                    {
+                                        offset: 1,
+                                        color: '#67c23a'
+                                    }
+                                ],
+                                globalCoord: false
+                            }
+                        ],
+                        data: [num, num], // data个数代表波浪数
+                        backgroundStyle: {
+                            color: '#f7f8fc'
+                        },
+                        label: {
+                            normal: {
+                                formatter: () => {
+                                    return (num * 100).toFixed(2) + '%'
+                                },
+                                textStyle: {
+                                    fontSize: 20,
+                                    color: '#000'
+                                }
+                            }
+                        },
+                        outline: {
+                            // show: false
+                            borderDistance: 0,
+                            itemStyle: {
+                                borderWidth: 2,
+                                borderColor: '#fff'
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+    })
+
+    // 监测点总体评价结论
+    getLineAssess({
+        lineId: id,
+        startTime: datePickerRef.value.timeValue[0],
+        endTime: datePickerRef.value.timeValue[1]
+    }).then((res: any) => {
+        dropList.value.assessData = res.data.assessLevel
+        evaluationData.value = [
+            {
+                targetName: '频率偏差(Hz)',
+                avg: res.data.freqAssessLevel,
+                sd: res.data.freqQualifyData
+            },
+            {
+                targetName: '电压偏差(%)',
+                avg: res.data.vdevAssessLevel,
+                sd: res.data.vdevQualifyData
+            },
+            {
+                targetName: '电压总谐波畸变率(%)',
+                avg: res.data.harmAssessLevel,
+                sd: res.data.harmQualifyData
+            },
+            {
+                targetName: '三相电压不平衡度(%)',
+                avg: res.data.unbalanceAssessLevel,
+                sd: res.data.unbalanceQualifyData
+            },
+            {
+                targetName: '闪变',
+                avg: res.data.flickerAssessLevel,
+                sd: res.data.flickerQualifyData
+            }
+        ]
+    })
+    // 稳态指标合格率
+
+    lineQualifiedDetail({
+        lineId: id,
+        startTime: datePickerRef.value.timeValue[0],
+        endTime: datePickerRef.value.timeValue[1]
+    }).then(res => {
+        echart([
+            {
+                time: datePickerRef.value.timeValue[0].substring(0, 7),
+                targetList: [
+                    '频率偏差(Hz)',
+                    '电压偏差(%)',
+                    '电压总谐波畸变率(%)',
+                    '三相电压不平衡度(%)',
+                    '闪变',
+                    '谐波电压(%)',
+                    '谐波电流(%)',
+                    '间谐波电压(%)',
+                    '负序电流(A)'
+                ],
+                ratioList: [
+                    res.data.freqDev == 3.14159 ? null : res.data.freqDev,
+                    res.data.vdev == 3.14159 ? null : res.data.vdev,
+                    res.data.vthd == 3.14159 ? null : res.data.vthd,
+                    res.data.ubalance == 3.14159 ? null : res.data.ubalance,
+                    res.data.plt == 3.14159 ? null : res.data.plt,
+
+                    res.data.uharm == 3.14159 ? null : res.data.uharm,
+                    res.data.iharm == 3.14159 ? null : res.data.iharm,
+                    res.data.inuHarm == 3.14159 ? null : res.data.inuHarm,
+                    res.data.ineg == 3.14159 ? null : res.data.ineg
+                ]
+            }
+        ])
+    })
+
+    // 暂态事件统计
+    getEventDetailByLineId({
+        id: id,
+        startTime: datePickerRef.value.timeValue[0],
+        endTime: datePickerRef.value.timeValue[1],
+        type: datePickerRef.value.interval
+    }).then((res: any) => {
+        let data = [
+            {
+                name: '电压暂升',
+                value: res.data?.swellTimes || 0
+            },
+            {
+                name: '电压暂降',
+                value: res.data?.sagTimes || 0
+            },
+            {
+                name: '电压中断',
+                value: res.data?.interruptTimes || 0
+            }
+        ]
+        incidentCharts.value = {
+            title: {
+                text: '总数：' + (data[0].value + data[1].value + data[2].value),
+                left: '40%',
+                top: '45%',
+                textStyle: {
+                    // fontWeight: 600,
+                    fontSize: 12
+                }
+                // subtext: '总数',
+                // subtextStyle: {
+                //     fontWeight: 550,
+                //     fontSize: 14
+                // }
+            },
+
+            tooltip: {
+                trigger: 'item'
+            },
+            legend: {
+                orient: 'vertical',
+                top: 'center',
+                right: '10%',
+                formatter: function (e: any) {
+                    return e + '   ' + data.filter(item => item.name == e)[0].value + '条'
+                }
+            },
+            xAxis: {
+                show: false
+            },
+            yAxis: {
+                show: false
+            },
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        type: 'pie',
+                        center: ['45%', '50%'],
+                        radius: ['60%', '80%'],
+                        label: {
+                            show: false,
+                            position: 'outside',
+                            textStyle: {
+                                //数值样式
+                            }
+                        },
+
+                        data: data
+                    }
+                ]
+            }
+        }
+    })
+
+    // 告警明细
+    getGridDiagramTargetData({ ...form, id: id, type: 3 }).then(res => {
+        TargetData.value = res.data
+        let num = 0
+        let flag = 0
+        let judgment = true
+        for (let k in res.data) {
+            if (k != 'lineId') {
+                if (res.data[k] != '/') {
+                    judgment = false
+                }
+                flag += res.data[k] == '/' ? 0 : res.data[k]
+            }
+        }
+
+        if (IntegrityNum.value == 0) {
+            num = 2 //完整性告警
+        } else {
+            if (flag > 0) {
+                num = 1 //超标告警
+            } else {
+                num = 0 //无告警
+            }
+            if (judgment) {
+                num = 3
+            }
+        }
+
+        TargetData.value.info = num
+    })
+}
+const echart = (row: any) => {
+    let chart = echarts.init(chartRef.value as HTMLDivElement)
+
+    let dataname = [
+        '频率偏差(Hz)',
+        '电压偏差(%)',
+        '电压总谐波畸变率(%)',
+        '三相电压不平衡度(%)',
+        '闪变',
+        '谐波电压(%)',
+        '谐波电流(%)',
+        '间谐波电压(%)',
+        '负序电流(A)'
+    ]
+    let datamax = [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100]
+    let indicator = []
+    for (let i = 0; i < dataname.length; i++) {
+        indicator.push({
+            name: dataname[i],
+            max: datamax[i]
+        })
+    }
+
+    let option: any = {
+        tooltip: {
+            trigger: 'item',
+            axisPointer: {
+                type: 'shadow',
+                label: {
+                    color: '#fff',
+                    fontSize: 16
+                }
+            },
+            textStyle: {
+                color: '#fff',
+                fontStyle: 'normal',
+                opacity: 0.35,
+                fontSize: 14
+            },
+            backgroundColor: 'rgba(0,0,0,0.55)',
+            borderWidth: 0
+        },
+        legend: {
+            data: row.map((item: any) => item.time),
+            type: 'scroll',
+            orient: 'vertical',
+            icon: 'roundRect',
+            right: '20',
+
+            itemGap: 10,
+            itemWidth: 16,
+            itemHeight: 16,
+            textStyle: {
+                fontSize: '15',
+                color: '#656565'
+            }
+        },
+        radar: {
+            center: ['50%', '50%'],
+            radius: '65%',
+            startAngle: 90,
+            splitNumber: 5,
+            splitArea: {
+                areaStyle: {
+                    color: ['#FFFFFF', '#F5F9FF'].reverse()
+                }
+            },
+            axisLabel: {
+                show: false
+            },
+            axisLine: {
+                show: true,
+                lineStyle: {
+                    color: '#D2E4F8'
+                }
+            },
+            splitLine: {
+                show: true,
+                lineStyle: {
+                    color: '#D2E4F8'
+                }
+            },
+            name: {
+                formatter: '{value}',
+                textStyle: {
+                    color: '#656565',
+                    fontSize: 15
+                }
+            },
+            indicator: indicator
+        },
+
+        series: []
+    }
+
+    row.forEach((item: any, i: any) => {
+        option.series.push({
+            name: item.time,
+            type: 'radar',
+            symbol: 'none',
+            areaStyle: {
+                normal: {
+                    color: '#2a9fe069'
+                }
+            },
+            itemStyle: {
+                color: '#2a9fe0'
+            },
+            data: [item.ratioList]
+        })
+    })
+
+    chart.setOption(option)
+}
+// 跳转
+const Integrity = () => {
+    router.push({
+        name: 'harmonic-boot/harmonic/getIntegrityData'
+    })
+}
+const OnlineRate = () => {
+    router.push({
+        name: 'harmonic-boot/area/OnlineRate'
+    })
+}
+
+onMounted(() => {
+    // open('4c87b7dff2281254fc55c25a4da31506')
+})
+defineExpose({ open })
+</script>
+
+<style lang="scss" scoped>
+.lineInfo {
+    padding: 0 10px 10px 10px;
+}
+
+:deep(.el-page-header__header) {
+    height: 45px;
+    border-bottom: 1px solid #f1eded;
+}
+
+:deep(.el-descriptions__header) {
+    margin-bottom: 10px;
+}
+
+.evaluationData {
+    display: grid;
+    grid-template-rows: repeat(5, auto);
+    height: 87%;
+
+    .row {
+        margin: 4px 2% 0;
+        width: 100%;
+        box-shadow: 1px 1px 1px 1px #e8e3e3;
+    }
+
+    img {
+        width: 6%;
+        margin: 0px 15px;
+    }
+}
+
+.iconBox {
+    display: flex;
+
+    span {
+        display: inline-block;
+        width: 3px;
+        height: 18px;
+        background: var(--el-color-primary);
+        margin-right: 5px;
+        margin-left: 3px;
+    }
+}
+
+.conclusion {
+    display: inline-block;
+    padding: 2px 5px;
+    height: 20px;
+    border-radius: 4px;
+}
+
+.background1 {
+    background-color: #339966;
+    color: #fff;
+}
+
+.background2 {
+    background-color: #97017e;
+    color: #fff;
+}
+
+.background3 {
+    background-color: #a52a2a;
+    color: #fff;
+}
+</style>
diff --git a/src/views/pqs/qualityInspeection/panorama/index.vue b/src/views/pqs/qualityInspeection/panorama/index.vue
index a58b9344..1021723e 100644
--- a/src/views/pqs/qualityInspeection/panorama/index.vue
+++ b/src/views/pqs/qualityInspeection/panorama/index.vue
@@ -1,277 +1,277 @@
-<template>
-    <div class="panorama" :style="height">
-        <div class="mapBox" v-show="lineInfo">
-            <DatePicker ref="datePickerRef" style="display: none" theCurrentTime />
-            <el-form :inline="true" :model="form" class="demo-form-inline">
-                <el-form-item>
-                    <Area ref="areaRef" :show-all-levels="false" v-model="form.orgNo" style="width: 100px"
-                        @changeValue="changeValue" />
-                </el-form-item>
-                <el-form-item>
-                    <el-select v-model="form.isUpToGrid" style="width: 100px" @change="info">
-                        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
-                    </el-select>
-                </el-form-item>
-                <el-form-item>
-                    <div class="Icon" @click="reset">
-                        <Icon name="fa fa-refresh" />
-                    </div>
-                </el-form-item>
-            </el-form>
-        </div>
-
-        <!-- 地图 -->
-        <Map v-if="VITE_FLAG" ref="mapRef" @changeValue="changeValue" :lineInfo="lineInfo" @drop="drop"
-            @show="infoShow" />
-        <div v-show="lineInfo">
-            <!-- 省级 -->
-            <div v-show="control == 1">
-                <mapL ref="mapLRef" class="mapL" @LookMap="LookMap" @GridDiagram="GridDiagram" />
-                <mapR ref="mapRRef" class="mapR" />
-            </div>
-            <!-- 市级 -->
-            <!-- <div v-show="control == 4"> -->
-            <div v-show="control == 2">
-                <cityMapL ref="cityMapLRef" class="mapL" @LookMap="LookMap" @GridDiagram="GridDiagram" />
-                <cityMapR ref="cityMapRRef" class="mapR" />
-            </div>
-        </div>
-
-        <Info v-if="!lineInfo" ref="InfoRef" @back="lineInfo = true" />
-    </div>
-</template>
-
-<script setup lang="ts">
-import { onMounted, nextTick, ref, provide } from 'vue'
-import Area from '@/components/form/area/index.vue'
-import Map from './components/map.vue'
-import { useDictData } from '@/stores/dictData'
-import { mainHeight } from '@/utils/layout'
-import { Search, Refresh } from '@element-plus/icons-vue'
-import mapL from './components/mapL.vue'
-import mapR from './components/mapR.vue'
-import cityMapL from './components/cityMapL.vue'
-import cityMapR from './components/cityMapR.vue'
-import Info from './components/line/info.vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
-
-const dictData = useDictData()
-defineOptions({
-    name: 'panorama'
-})
-
-const datePickerRef = ref()
-const areaRef = ref()
-const lineInfo = ref(true)
-const mapRef = ref()
-const mapLRef = ref()
-const InfoRef = ref()
-const mapRRef = ref()
-const cityMapLRef = ref()
-const cityMapRRef = ref()
-
-// const list: any = [dictData.state.area[0], ...dictData.state.area[0].children]
-const options: any = ref([
-    {
-        name: dictData.state.area[0].name,
-        id: 0
-    },
-    {
-        name: '上送网公司',
-        id: 1
-    }
-])
-const control = ref(1)
-const form: any = ref({
-    name: '',
-    orgNo: dictData.state.area[0].id,
-    areaName: dictData.state.area[0]?.name,
-    isUpToGrid: 0
-})
-
-const height = mainHeight(10)
-// 获取区域名称
-const changeValue = (e: any) => {
-    VITE_FLAG ? mapRef.value.locatePositions(e) : ''
-    form.value.orgNo = e.data.id //list.filter((item: any) => item.code == e.orgId)[0]?.id || dictData.state.area[0].id
-    form.value.areaName = e.data.name
-    options.value[0].name = e.data.areaName
-
-    control.value = e.data.level
-
-    info()
-}
-//点击监测点详情
-const drop = (id: string) => {
-    lineInfo.value = false
-    nextTick(() => {
-        InfoRef.value.open(id)
-    })
-}
-// 关闭左右数据展示
-const infoShow = (e: boolean) => {
-    mapLRef.value.show = e
-    mapRRef.value.show = e
-    cityMapLRef.value.show = e
-    cityMapRRef.value.show = e
-}
-// 地图控制图层
-const LookMap = (row: any, key?: any) => {
-    VITE_FLAG ? mapRef.value.addMarkers({ ...row, type: 1 }, key) : ''
-}
-const LngLat = [
-    {
-        name: '唐山',
-        LngLat: [118.335849137, 39.7513593355],
-        zoom: 8
-    },
-    {
-        name: '张家口',
-        LngLat: [115.032504679, 40.8951549951],
-        zoom: 7
-    },
-    {
-        name: '秦皇岛',
-        LngLat: [119.185113833, 40.1179119754],
-        zoom: 8.3
-    },
-    {
-        name: '承德',
-        LngLat: [117.548498365, 41.3775890632],
-        zoom: 7.3
-    },
-    {
-        name: '廊坊',
-        LngLat: [116.628004129, 39.0589378611],
-        zoom: 8
-    },
-    {
-        name: '超高压',
-        LngLat: [116.84428600000001, 40.57707185292256],
-        zoom: 6.709267680647425
-    },
-    {
-        name: '风光储',
-        LngLat: [116.84428600000001, 40.57707185292256],
-        zoom: 6.709267680647425
-    }
-]
-//区域统计展示切换
-const GridDiagram = (k?: number, num?: number) => {
-    VITE_FLAG ? mapRef.value.radiusPop(k) : ''
-    if (num == 3) {
-        // form.value.areaName
-        let value = LngLat.filter(item => item.name == form.value.areaName)[0]
-
-        if (value) VITE_FLAG ? mapRef.value.flyTo({ coordinate: value.LngLat }, value.zoom) : ''
-    } else {
-        VITE_FLAG ? mapRef.value.flyTo({ coordinate: [116.84428600000001, 40.57707185292256] }, 6.709267680647425) : ''
-    }
-}
-const info = () => {
-    form.value.startTime = datePickerRef.value.timeValue[0]
-    form.value.searchBeginTime = datePickerRef.value.timeValue[0]
-    form.value.endTime = datePickerRef.value.timeValue[1]
-    form.value.searchEndTime = datePickerRef.value.timeValue[1]
-
-    form.value.type = datePickerRef.value.interval
-
-    VITE_FLAG ? mapRef.value.grids(form.value) : ''
-    if (control.value == 1) {
-        mapLRef.value.info(form.value)
-        mapRRef.value.info(form.value)
-    } else {
-        cityMapRRef.value.info(form.value)
-        cityMapLRef.value.info(form.value)
-    }
-}
-// 重置
-const reset = () => {
-    form.value = {
-        name: '',
-        orgNo: dictData.state.area[0].id,
-        areaName: dictData.state.area[0]?.name,
-        isUpToGrid: 0
-    }
-    changeValue({ data: dictData.state.area[0] })
-}
-onMounted(() => {
-    // info()
-    changeValue({ data: dictData.state.area[0] })
-    // aaa()
-})
-</script>
-
-<style lang="scss" scoped>
-:deep(.mapBox) {
-    position: absolute;
-    top: 10px;
-    left: calc(50% + 45px);
-
-    z-index: 1;
-
-    .el-select {
-        min-width: 100px;
-
-        .el-select__wrapper {
-            height: 46px !important;
-            border-radius: 8px;
-        }
-    }
-
-    .Icon {
-        height: 46px;
-        width: 46px;
-        background-color: #fff;
-        border-radius: 8px;
-        text-align: center;
-        line-height: 50px;
-        cursor: pointer;
-
-        .fa-refresh {
-            color: var(--el-color-primary) !important;
-        }
-    }
-
-    .el-input__wrapper {
-        height: 46px;
-        border-radius: 8px;
-    }
-
-    .el-form-item {
-        margin-right: 15px;
-    }
-}
-
-.mapL {
-    position: absolute;
-    top: 10px;
-    // z-index: 1;
-    left: 10px;
-}
-
-.mapR {
-    position: absolute;
-    top: 10px;
-    // z-index: 1;
-    right: 10px;
-}
-
-.panorama {
-    margin: 10px 0 0 0;
-    position: relative;
-}
-
-.el-button:focus {
-    color: var(--color);
-    background-color: #fff;
-}
-
-.el-button:hover {
-    color: var(--el-color-white);
-    border-color: var(--el-button-hover-bg-color);
-    background-color: var(--el-button-hover-bg-color);
-    outline: 0;
-}
-</style>
+<template>
+    <div class="panorama" :style="height">
+        <div class="mapBox" v-show="lineInfo">
+            <DatePicker ref="datePickerRef" style="display: none" theCurrentTime />
+            <el-form :inline="true" :model="form" class="demo-form-inline">
+                <el-form-item>
+                    <Area ref="areaRef" :show-all-levels="false" v-model="form.orgNo" style="width: 100px"
+                        @changeValue="changeValue" />
+                </el-form-item>
+                <el-form-item>
+                    <el-select v-model="form.isUpToGrid" style="width: 100px" @change="info">
+                        <el-option v-for="item in options" :key="item.id" :label="item.name" :value="item.id" />
+                    </el-select>
+                </el-form-item>
+                <el-form-item>
+                    <div class="Icon" @click="reset">
+                        <Icon name="fa fa-refresh" />
+                    </div>
+                </el-form-item>
+            </el-form>
+        </div>
+
+        <!-- 地图 -->
+        <Map v-if="VITE_FLAG" ref="mapRef" @changeValue="changeValue" :lineInfo="lineInfo" @drop="drop"
+            @show="infoShow" />
+        <div v-show="lineInfo">
+            <!-- 省级 -->
+            <div v-show="control == 1">
+                <mapL ref="mapLRef" class="mapL" @LookMap="LookMap" @GridDiagram="GridDiagram" />
+                <mapR ref="mapRRef" class="mapR" />
+            </div>
+            <!-- 市级 -->
+            <!-- <div v-show="control == 4"> -->
+            <div v-show="control == 2">
+                <cityMapL ref="cityMapLRef" class="mapL" @LookMap="LookMap" @GridDiagram="GridDiagram" />
+                <cityMapR ref="cityMapRRef" class="mapR" />
+            </div>
+        </div>
+
+        <Info v-if="!lineInfo" ref="InfoRef" @back="lineInfo = true" />
+    </div>
+</template>
+
+<script setup lang="ts">
+import { onMounted, nextTick, ref, provide } from 'vue'
+import Area from '@/components/form/area/index.vue'
+import Map from './components/map.vue'
+import { useDictData } from '@/stores/dictData'
+import { mainHeight } from '@/utils/layout'
+import { Search, Refresh } from '@element-plus/icons-vue'
+import mapL from './components/mapL.vue'
+import mapR from './components/mapR.vue'
+import cityMapL from './components/cityMapL.vue'
+import cityMapR from './components/cityMapR.vue'
+import Info from './components/line/info.vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
+
+const dictData = useDictData()
+defineOptions({
+    name: 'panorama'
+})
+
+const datePickerRef = ref()
+const areaRef = ref()
+const lineInfo = ref(true)
+const mapRef = ref()
+const mapLRef = ref()
+const InfoRef = ref()
+const mapRRef = ref()
+const cityMapLRef = ref()
+const cityMapRRef = ref()
+
+// const list: any = [dictData.state.area[0], ...dictData.state.area[0].children]
+const options: any = ref([
+    {
+        name: dictData.state.area[0].name,
+        id: 0
+    },
+    {
+        name: '上送网公司',
+        id: 1
+    }
+])
+const control = ref(1)
+const form: any = ref({
+    name: '',
+    orgNo: dictData.state.area[0].id,
+    areaName: dictData.state.area[0]?.name,
+    isUpToGrid: 0
+})
+
+const height = mainHeight(10)
+// 获取区域名称
+const changeValue = (e: any) => {
+    VITE_FLAG ? mapRef.value.locatePositions(e) : ''
+    form.value.orgNo = e.data.id //list.filter((item: any) => item.code == e.orgId)[0]?.id || dictData.state.area[0].id
+    form.value.areaName = e.data.name
+    options.value[0].name = e.data.areaName
+
+    control.value = e.data.level
+
+    info()
+}
+//点击监测点详情
+const drop = (id: string) => {
+    lineInfo.value = false
+    nextTick(() => {
+        InfoRef.value.open(id)
+    })
+}
+// 关闭左右数据展示
+const infoShow = (e: boolean) => {
+    mapLRef.value.show = e
+    mapRRef.value.show = e
+    cityMapLRef.value.show = e
+    cityMapRRef.value.show = e
+}
+// 地图控制图层
+const LookMap = (row: any, key?: any) => {
+    VITE_FLAG ? mapRef.value.addMarkers({ ...row, type: 1 }, key) : ''
+}
+const LngLat = [
+    {
+        name: '唐山',
+        LngLat: [118.335849137, 39.7513593355],
+        zoom: 8
+    },
+    {
+        name: '张家口',
+        LngLat: [115.032504679, 40.8951549951],
+        zoom: 7
+    },
+    {
+        name: '秦皇岛',
+        LngLat: [119.185113833, 40.1179119754],
+        zoom: 8.3
+    },
+    {
+        name: '承德',
+        LngLat: [117.548498365, 41.3775890632],
+        zoom: 7.3
+    },
+    {
+        name: '廊坊',
+        LngLat: [116.628004129, 39.0589378611],
+        zoom: 8
+    },
+    {
+        name: '超高压',
+        LngLat: [116.84428600000001, 40.57707185292256],
+        zoom: 6.709267680647425
+    },
+    {
+        name: '风光储',
+        LngLat: [116.84428600000001, 40.57707185292256],
+        zoom: 6.709267680647425
+    }
+]
+//区域统计展示切换
+const GridDiagram = (k?: number, num?: number) => {
+    VITE_FLAG ? mapRef.value.radiusPop(k) : ''
+    if (num == 3) {
+        // form.value.areaName
+        let value = LngLat.filter(item => item.name == form.value.areaName)[0]
+
+        if (value) VITE_FLAG ? mapRef.value.flyTo({ coordinate: value.LngLat }, value.zoom) : ''
+    } else {
+        VITE_FLAG ? mapRef.value.flyTo({ coordinate: [116.84428600000001, 40.57707185292256] }, 6.709267680647425) : ''
+    }
+}
+const info = () => {
+    form.value.startTime = datePickerRef.value.timeValue[0]
+    form.value.searchBeginTime = datePickerRef.value.timeValue[0]
+    form.value.endTime = datePickerRef.value.timeValue[1]
+    form.value.searchEndTime = datePickerRef.value.timeValue[1]
+
+    form.value.type = datePickerRef.value.interval
+
+    VITE_FLAG ? mapRef.value.grids(form.value) : ''
+    if (control.value == 1) {
+        mapLRef.value.info(form.value)
+        mapRRef.value.info(form.value)
+    } else {
+        cityMapRRef.value.info(form.value)
+        cityMapLRef.value.info(form.value)
+    }
+}
+// 重置
+const reset = () => {
+    form.value = {
+        name: '',
+        orgNo: dictData.state.area[0].id,
+        areaName: dictData.state.area[0]?.name,
+        isUpToGrid: 0
+    }
+    changeValue({ data: dictData.state.area[0] })
+}
+onMounted(() => {
+    // info()
+    changeValue({ data: dictData.state.area[0] })
+    // aaa()
+})
+</script>
+
+<style lang="scss" scoped>
+:deep(.mapBox) {
+    position: absolute;
+    top: 10px;
+    left: calc(50% + 45px);
+
+    z-index: 1;
+
+    .el-select {
+        min-width: 100px;
+
+        .el-select__wrapper {
+            height: 46px !important;
+            border-radius: 8px;
+        }
+    }
+
+    .Icon {
+        height: 46px;
+        width: 46px;
+        background-color: #fff;
+        border-radius: 8px;
+        text-align: center;
+        line-height: 50px;
+        cursor: pointer;
+
+        .fa-refresh {
+            color: var(--el-color-primary) !important;
+        }
+    }
+
+    .el-input__wrapper {
+        height: 46px;
+        border-radius: 8px;
+    }
+
+    .el-form-item {
+        margin-right: 15px;
+    }
+}
+
+.mapL {
+    position: absolute;
+    top: 10px;
+    // z-index: 1;
+    left: 10px;
+}
+
+.mapR {
+    position: absolute;
+    top: 10px;
+    // z-index: 1;
+    right: 10px;
+}
+
+.panorama {
+    margin: 10px 0 0 0;
+    position: relative;
+}
+
+.el-button:focus {
+    color: var(--color);
+    background-color: #fff;
+}
+
+.el-button:hover {
+    color: var(--el-color-white);
+    border-color: var(--el-button-hover-bg-color);
+    background-color: var(--el-button-hover-bg-color);
+    outline: 0;
+}
+</style>
diff --git a/src/views/pqs/runManage/alarmCleaning/components/alarm.vue b/src/views/pqs/runManage/alarmCleaning/components/alarm.vue
index 183922b7..4b885114 100644
--- a/src/views/pqs/runManage/alarmCleaning/components/alarm.vue
+++ b/src/views/pqs/runManage/alarmCleaning/components/alarm.vue
@@ -476,6 +476,7 @@ tableStore.table.params.name = ''
 provide('tableStore', tableStore)
 </script>
 <style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
 .card-list {
     display: flex;
     .monitoringPoints {
diff --git a/src/views/pqs/runManage/cleaning/components/abnormal.vue b/src/views/pqs/runManage/cleaning/components/abnormal.vue
index 91b4107f..bd8482a3 100644
--- a/src/views/pqs/runManage/cleaning/components/abnormal.vue
+++ b/src/views/pqs/runManage/cleaning/components/abnormal.vue
@@ -518,6 +518,7 @@ tableStore.table.params.name = ''
 provide('tableStore', tableStore)
 </script>
 <style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
 .card-list {
     display: flex;
     .monitoringPoints {
diff --git a/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue b/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue
index 66efcced..12e83718 100644
--- a/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue
+++ b/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue
@@ -1,137 +1,170 @@
-<template>
-    <el-dialog draggable width="1550px" class="cn-operate-dialog" v-model="dialogVisible" :title="title">
-        <div style="display: flex">
-            <div :style="height1" class="mr10 box" style="width: 600px">
-                <vxe-table
-                    height="auto"
-                    :data="TableData"
-                    v-bind="defaultAttribute"
-                    ref="tableRef"
-                    :row-config="{ isCurrent: true, isHover: true }"
-                    @current-change="currentChangeEvent"
-                >
-                    <vxe-column type="seq" title="序号" width="60px"></vxe-column>
-                    <vxe-column field="date" title="日期"></vxe-column>
-                    <vxe-column field="bdName" title="所属电站(场站)" width="120px"></vxe-column>
-                    <vxe-column field="monitorName" title="监测点名称" width="120px"></vxe-column>
-                    <vxe-column field="timeSum" title="异常时间(分钟)" width="80px"></vxe-column>
-                    <vxe-column field="errCount" title="异常次数" width="80px"></vxe-column>
-                </vxe-table>
-            </div>
-
-            <div :style="height" style="width: 920px" v-loading="loading1">
-                <vxe-table
-                    height="auto"
-                    :data="TableData1.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
-                    v-bind="defaultAttribute"
-                >
-                    <vxe-column type="seq" title="序号" width="80px">
-                        <template #default="{ rowIndex }">
-                            <span>{{ (pageNum - 1) * pageSize + rowIndex + 1 }}</span>
-                        </template>
-                    </vxe-column>
-                    <vxe-column field="time" title="时间" width="150px"></vxe-column>
-                    <vxe-column field="targetName" title="指标类型" min-width="80px"></vxe-column>
-                    <vxe-column field="phaseType" title="相别" width="60px">
-                        <template v-slot="{ row }">
-                        {{ row.phaseType=='T'?'/':row.phaseType }}
-                        </template>
-                    </vxe-column>
-                    <vxe-column field="rangeDesc" title="合理范围" min-width="90px"></vxe-column>
-                    <vxe-column field="max" title="最大" width="85px" :formatter="formatter"></vxe-column>
-                    <vxe-column field="min" title="最小" width="85px" :formatter="formatter"></vxe-column>
-                    <vxe-column field="avg" title="平均" width="85px" :formatter="formatter"></vxe-column>
-                    <vxe-column field="cp95" title="CP95" width="85px" :formatter="formatter"></vxe-column>
-                </vxe-table>
-                <div class="table-pagination">
-                    <el-pagination
-                        v-model:currentPage="pageNum"
-                        v-model:page-size="pageSize"
-                        :page-sizes="[10, 20, 50, 100, 200]"
-                        background
-                        layout="sizes,total, ->, prev, pager, next, jumper"
-                        :total="TableData1.length"
-                    ></el-pagination>
-                </div>
-            </div>
-        </div>
-    </el-dialog>
-</template>
-<script lang="ts" setup>
-import { ref, inject } from 'vue'
-import { reactive } from 'vue'
-import { defaultAttribute } from '@/components/table/defaultAttribute'
-import { ElMessage } from 'element-plus'
-import { monitorAbnormalTable, monitorAbnormalTableDetail } from '@/api/device-boot/dataVerify'
-import { mainHeight } from '@/utils/layout'
-const dialogVisible = ref(false)
-const height1 = mainHeight(-110, 2)
-const height = mainHeight(10, 2)
-const tableRef = ref()
-const title = ref('')
-const loading1 = ref(false)
-const TableData = ref([])
-const TableData1 = ref([])
-const pageNum = ref(1)
-const pageSize = ref(20)
-const numKey = ref(0)
-const targetKey = ref('')
-const open = (data: anyObj, time: string[], num: number) => {
-    // title.value = (num == 0 ? data.targetName : data.monitorName) + '_异常监测点详情'
-    title.value ='异常监测点详情'
-    TableData.value = []
-    numKey.value = num
-    targetKey.value = data.key
-    monitorAbnormalTable({
-        monitorIds: num == 0 ? data.ids : [data.monitorId],
-        targetKey: num == 0 ? data.key : '',
-        searchBeginTime: time[0],
-        searchEndTime: time[1]
-    }).then(res => {
-        TableData.value = res.data
-        tableRef.value.setCurrentRow(TableData.value[0])
-        currentChangeEvent()
-    })
-    dialogVisible.value = true
-}
-const currentChangeEvent = () => {
-    loading1.value = true
-    let data = tableRef.value.getCurrentRecord()
-    TableData1.value = []
-    monitorAbnormalTableDetail({
-        monitorIds: [data.monitorId],
-        searchBeginTime: data.date,
-        targetKey: numKey.value == 0 ? targetKey.value : ''
-    })
-        .then(res => {
-            TableData1.value = res.data
-            loading1.value = false
-            pageNum.value = 1
-        })
-        .catch(() => {
-            loading1.value = false
-        })
-}
-const formatter = (row: any) => {
-    return row.cellValue == null ? '/' : (row.cellValue - 0).toFixed(2)
-}
-defineExpose({ open })
-</script>
-<style lang="scss" scoped>
-.table-pagination {
-    height: 58px;
-    box-sizing: border-box;
-    width: 100%;
-    max-width: 100%;
-    background-color: var(--ba-bg-color-overlay);
-    padding: 13px 15px;
-    border-left: 1px solid #e4e7e9;
-    border-right: 1px solid #e4e7e9;
-    border-bottom: 1px solid #e4e7e9;
-}
-:deep(.box) {
-    .row--current {
-        background-color: var(--el-color-primary-light-8) !important;
-    }
-}
-</style>
+<template>
+    <el-dialog draggable width="1550px" class="cn-operate-dialog" v-model="dialogVisible" :title="title">
+        <div style="display: flex">
+            <div :style="height1" class="mr10 box" style="width: 600px">
+                <vxe-table
+                    height="auto"
+                    :data="TableData"
+                    v-bind="defaultAttribute"
+                    ref="tableRef"
+                    :row-config="{ isCurrent: true, isHover: true }"
+                    @current-change="currentChangeEvent"
+                >
+                    <vxe-column type="seq" title="序号" width="60px"></vxe-column>
+                    <vxe-column field="date" title="日期"></vxe-column>
+                    <vxe-column field="bdName" title="所属电站(场站)" width="120px"></vxe-column>
+                    <vxe-column field="monitorName" title="监测点名称" width="120px"></vxe-column>
+                    <vxe-column field="timeSum" title="异常时间(分钟)" width="80px"></vxe-column>
+                    <vxe-column field="errCount" title="异常次数" width="80px"></vxe-column>
+                </vxe-table>
+            </div>
+
+            <div :style="height" style="width: 920px" v-loading="loading1">
+                <vxe-table
+                    height="auto"
+                    :data="TableData1.slice((pageNum - 1) * pageSize, pageNum * pageSize)"
+                    v-bind="defaultAttribute"
+                >
+                    <vxe-column type="seq" title="序号" width="80px">
+                        <template #default="{ rowIndex }">
+                            <span>{{ (pageNum - 1) * pageSize + rowIndex + 1 }}</span>
+                        </template>
+                    </vxe-column>
+                    <vxe-column field="time" title="时间" width="150px"></vxe-column>
+                    <vxe-column field="targetName" title="指标类型" min-width="80px"></vxe-column>
+                    <vxe-column field="phaseType" title="相别" width="60px">
+                        <template v-slot="{ row }">
+                            {{ row.phaseType == 'T' ? '/' : row.phaseType }}
+                        </template>
+                    </vxe-column>
+                    <vxe-column field="rangeDesc" title="合理范围" min-width="90px"></vxe-column>
+                    <vxe-column
+                        field="max"
+                        title="最大"
+                        width="85px"
+                        :formatter="formatter"
+                        v-if="showColumn"
+                    ></vxe-column>
+                    <vxe-column
+                        field="min"
+                        title="最小"
+                        width="85px"
+                        :formatter="formatter"
+                        v-if="showColumn"
+                    ></vxe-column>
+                    <vxe-column
+                        field="avg"
+                        title="平均"
+                        width="85px"
+                        :formatter="formatter"
+                        v-if="showColumn"
+                    ></vxe-column>
+                    <vxe-column
+                        field="cp95"
+                        title="CP95"
+                        width="85px"
+                        :formatter="formatter"
+                        v-if="showColumn"
+                    ></vxe-column>
+                    <vxe-column
+                        field="featureAmplitude"
+                        title="幅值"
+                        width="85px"
+                        :formatter="formatter"
+                        v-if="!showColumn"
+                    ></vxe-column>
+                </vxe-table>
+                <div class="table-pagination">
+                    <el-pagination
+                        v-model:currentPage="pageNum"
+                        v-model:page-size="pageSize"
+                        :page-sizes="[10, 20, 50, 100, 200]"
+                        background
+                        layout="sizes,total, ->, prev, pager, next, jumper"
+                        :total="TableData1.length"
+                    ></el-pagination>
+                </div>
+            </div>
+        </div>
+    </el-dialog>
+</template>
+<script lang="ts" setup>
+import { ref, inject } from 'vue'
+import { reactive } from 'vue'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { ElMessage } from 'element-plus'
+import { monitorAbnormalTable, monitorAbnormalTableDetail } from '@/api/device-boot/dataVerify'
+import { mainHeight } from '@/utils/layout'
+const dialogVisible = ref(false)
+const height1 = mainHeight(-110, 2)
+const height = mainHeight(10, 2)
+const tableRef = ref()
+const title = ref('')
+const loading1 = ref(false)
+const TableData = ref([])
+const TableData1 = ref([])
+const pageNum = ref(1)
+const pageSize = ref(20)
+const numKey = ref(0)
+const targetKey = ref('')
+const showColumn = ref(true)
+const open = (data: anyObj, time: string[], num: number) => {
+    // title.value = (num == 0 ? data.targetName : data.monitorName) + '_异常监测点详情'
+    title.value = '异常监测点详情'
+    TableData.value = []
+    numKey.value = num
+    targetKey.value = data.key
+    monitorAbnormalTable({
+        monitorIds: num == 0 ? data.ids : [data.monitorId],
+        targetKey: num == 0 ? data.key : '',
+        searchBeginTime: time[0],
+        searchEndTime: time[1]
+    }).then(res => {
+        TableData.value = res.data
+        tableRef.value.setCurrentRow(TableData.value[0])
+        currentChangeEvent()
+    })
+    dialogVisible.value = true
+}
+const currentChangeEvent = () => {
+    loading1.value = true
+    let data = tableRef.value.getCurrentRecord()
+    TableData1.value = []
+    monitorAbnormalTableDetail({
+        monitorIds: [data.monitorId],
+        searchBeginTime: data.date,
+        targetKey: numKey.value == 0 ? targetKey.value : ''
+    })
+        .then(res => {
+            TableData1.value = res.data
+            showColumn.value = res.data[0]?.featureAmplitude == null ? true : false
+            loading1.value = false
+            pageNum.value = 1
+        })
+        .catch(() => {
+            loading1.value = false
+        })
+}
+const formatter = (row: any) => {
+    return row.cellValue == null ? '/' : (row.cellValue - 0).toFixed(2)
+}
+defineExpose({ open })
+</script>
+<style lang="scss" scoped>
+.table-pagination {
+    height: 58px;
+    box-sizing: border-box;
+    width: 100%;
+    max-width: 100%;
+    background-color: var(--ba-bg-color-overlay);
+    padding: 13px 15px;
+    border-left: 1px solid #e4e7e9;
+    border-right: 1px solid #e4e7e9;
+    border-bottom: 1px solid #e4e7e9;
+}
+:deep(.box) {
+    .row--current {
+        background-color: var(--el-color-primary-light-8) !important;
+    }
+}
+</style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/statistics_JB.vue b/src/views/pqs/runManage/runEvaluate/components/statistics_JB.vue
new file mode 100644
index 00000000..43d800b3
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/statistics_JB.vue
@@ -0,0 +1,121 @@
+<template>
+    <div style="height: 145px" class="box1">
+        <!-- <div class="boxDiv hexagon">
+            <div class="text-style" @click="change('')">{{ props.params.allNum }}</div>
+            <div class="mt10 divBot">总数</div>
+        </div>
+        <div class="boxDiv hexagon hexagon1">
+            <div class="text-style" @click="change('运行')">{{ props.params.runNum }}</div>
+            <div class="mt10 divBot">在运</div>
+        </div>
+        <div class="boxDiv hexagon hexagon2">
+            <div class="text-style" @click="change('调试')">{{ props.params.checkNum }}</div>
+            <div class="mt10 divBot">调试</div>
+        </div>
+        <div class="boxDiv hexagon hexagon3">
+            <div class="text-style" @click="change('停运')">{{ props.params.stopRunNum }}</div>
+            <div class="mt10 divBot">停运</div>
+        </div> -->
+        <div class="statistics">
+            <div class="divBox div1">
+                <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
+                <span class="divBox_title">终端总数</span>
+                <span class="divBox_num text-style" style="color: #57bc6e" @click="change('')">
+                    {{ props.params.allNum }}
+                </span>
+            </div>
+            <div class="divBox div2" style="width: 210px">
+                <span class="iconfont icon-zaiyunshebei" style="color: #67c23a"></span>
+                <span class="divBox_title">在运终端数</span>
+                <span class="divBox_num text-style" style="color: #67c23a" @click="change('运行')">
+                    {{ props.params.runNum }}
+                </span>
+            </div>
+        </div>
+        <div class="statistics">
+            <div class="divBox div3">
+                <span class="iconfont icon-yichanglei_14feizhinengbiaozaiyunyichang" style="color: #ffbf00"></span>
+                <span class="divBox_title">调试终端数</span>
+                <span class="divBox_num text-style" style="color: #ffbf00" @click="change('调试')">
+                    {{ props.params.checkNum }}
+                </span>
+            </div>
+            <div class="divBox div4" style="width: 210px">
+                <span class="iconfont icon-tingyunshijianguanli" style="color: #f56c6c"></span>
+                <span class="divBox_title">停运终端数</span>
+                <span class="divBox_num text-style" style="color: #f56c6c" @click="change('停运')">
+                    {{ props.params.stopRunNum }}
+                </span>
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import MyEChart from '@/components/echarts/MyEchart.vue'
+import { mainHeight } from '@/utils/layout'
+import { color } from '@/components/echarts/color'
+const emit = defineEmits(['change'])
+const height = mainHeight(330, 3)
+const props = defineProps({
+    params: {
+        type: Object,
+        default: () => {}
+    }
+})
+const change = (e: string) => {
+    emit('change', e)
+}
+const info = () => {}
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped>
+      @import '@/assets/font/iconfont.css';
+.statistics {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    margin-bottom: 10px;
+    .divBox {
+        width: 210px;
+        height: 70px;
+        padding: 10px;
+        display: flex;
+
+        .iconfont {
+            font-size: 40px;
+            margin-right: 5px;
+        }
+        .divBox_title {
+            font-weight: 550;
+        }
+        .divBox_num {
+            font-size: 20px;
+            font-weight: 550;
+            margin-left: auto;
+            font-family: AlimamaDongFangDaKai;
+        }
+        align-items: center;
+        // text-align: center;
+        border-radius: 5px;
+    }
+    .div1 {
+        background-color: #eef8f0;
+    }
+    .div2 {
+        background-color: #67c23a24;
+    }
+    .div3 {
+        background-color: #ffbf0024;
+    }
+    .div4 {
+        background-color: #f56c6c24;
+    }
+}
+.text-style {
+    cursor: pointer;
+    text-decoration: underline;
+}
+</style>
diff --git a/src/views/pqs/runManage/runEvaluate/index_JB.vue b/src/views/pqs/runManage/runEvaluate/index_JB.vue
index 22fb3761..e9cb17ee 100644
--- a/src/views/pqs/runManage/runEvaluate/index_JB.vue
+++ b/src/views/pqs/runManage/runEvaluate/index_JB.vue
@@ -1,6 +1,6 @@
 <template>
     <div class="default-main">
-        <TableHeader date-picker ref="TableHeaderRef" :dateLabel="`数据统计时间`">
+        <TableHeader date-picker ref="TableHeaderRef" >
             <template v-slot:select>
                 <el-form-item label="运行状态">
                     <el-select v-model="tableStore.table.params.lineRunFlag" clearable placeholder="请选择运行状态">
@@ -23,7 +23,7 @@
         </TableHeader>
         <div class="card-list pt10" v-loading="tableStore.table.loading">
             <div class="monitoringPoints">
-                <el-card style="height: 200px">
+                <el-card style="height: 215px">
                     <template #header>
                         <div class="card-header">
                             <span>终端统计</span>
@@ -68,7 +68,7 @@
                         <span style="width: 90px">终端总数</span>
                         <span style="flex: 1">完整性(%)</span>
                         <span style="width: 80px">在线率(%)</span>
-                        <span style="width: 80px">合格率(%)</span>
+                        <span style="width: 80px">异常率(%)</span>
                     </div>
                     <div :style="indicatorHeight" style="overflow-y: auto">
                         <div v-for="o in abnormal" class="abnormal mb10">
@@ -165,7 +165,7 @@
                         </vxe-column>
                         <vxe-column field="integrityRate" title="完整性(%)" width="100px"></vxe-column>
                         <vxe-column field="onLineRate" title="在线率(%)" width="100px"></vxe-column>
-                        <vxe-column field="passRate" title="合格率(%)" width="100px"></vxe-column>
+                        <vxe-column field="passRate" title="异常率(%)" width="100px"></vxe-column>
                     </vxe-table>
                 </div>
                 <div class="table-pagination">
@@ -191,7 +191,7 @@ import { onMounted, provide, ref } from 'vue'
 import { defaultAttribute } from '@/components/table/defaultAttribute'
 import { useDictData } from '@/stores/dictData'
 import { mainHeight } from '@/utils/layout'
-import statistics from './components/statistics.vue'
+import statistics from './components/statistics_JB.vue'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import { getMonitorVerifyDay } from '@/api/device-boot/dataVerify'
 defineOptions({
@@ -201,7 +201,7 @@ defineOptions({
 const dictData = useDictData()
 //字典获取监督对象类型
 const pageHeight = mainHeight(97)
-const indicatorHeight = mainHeight(447)
+const indicatorHeight = mainHeight(462)
 const monitoringPoints = ref({
     runNum: 0,
     abnormalNum: 0,
@@ -269,7 +269,9 @@ const tableStore = new TableStore({
         statisticsList.value.checkNum = totalData.value.filter(item => item.runFlag === '调试').length
         statisticsList.value.stopRunNum = totalData.value.filter(item => item.runFlag === '停运').length
 
-        abnormal.value = tableStore.table.data
+        abnormal.value = tableStore.table.data.filter(
+            (k: any) => k.name != '上送国网' && k.name != '非上送国网'
+        )
         // 合并子集数据 并去重
 
         totalTable(101, '')
@@ -484,7 +486,7 @@ provide('tableStore', tableStore)
             justify-content: space-between;
             margin-bottom: 10px;
             .divBox {
-                width: 200px;
+                width: 215x;
                 height: 70px;
                 padding: 10px;
                 display: flex;
diff --git a/src/views/pqs/voltageSags/Region/transientList/index.vue b/src/views/pqs/voltageSags/Region/transientList/index.vue
index 6b6db9b5..fae106da 100644
--- a/src/views/pqs/voltageSags/Region/transientList/index.vue
+++ b/src/views/pqs/voltageSags/Region/transientList/index.vue
@@ -195,16 +195,16 @@ const tableStore = new TableStore({
             render: 'buttons',
             fixed: 'right',
             buttons: [
-                // {
-                //     name: 'edit',
-                //     title: '人工维护',
-                //     type: 'primary',
-                //     icon: 'el-icon-Plus',
-                //     render: 'basicButton',
-                //     click: async row => {
-                //         addFormRef.value.open(row)
-                //     }
-                // },
+                {
+                    name: 'edit',
+                    title: '人工维护',
+                    type: 'primary',
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton',
+                    click: async row => {
+                        addFormRef.value.open(row)
+                    }
+                },
                 {
                     name: 'edit',
                     title: '波形分析',
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/ITICquxianfenxi/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/ITICquxianfenxi/index.vue
index 8937723e..256b7007 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/ITICquxianfenxi/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/ITICquxianfenxi/index.vue
@@ -1,332 +1,332 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%" v-loading="loading">
-        <el-form :inline="true" class="fx-jcsb">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <el-descriptions class="mt2" direction="vertical" :column="4" border>
-            <el-descriptions-item align="center" label="名称">{{ data.name }}</el-descriptions-item>
-            <el-descriptions-item align="center" label="事件总数">{{ data.gs }}</el-descriptions-item>
-            <el-descriptions-item align="center" label="可容忍">{{ data.krr }}</el-descriptions-item>
-            <el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
-        </el-descriptions>
-        <div style="flex: 1" class="mt10">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getPlot } from '@/api/event-boot/monitor'
-
-const datePickerRef = ref()
-const loading = ref(true)
-const monitoringPoint = useMonitoringPoint()
-const formData = reactive({
-    lineIndex: monitoringPoint.state.lineId,
-    startTime: '',
-    endTime: ''
-})
-const data = reactive({
-    name: '事件个数',
-    gs: 0,
-    krr: 0,
-    bkrr: 0
-})
-const options = ref({})
-
-const init = () => {
-    loading.value = true
-    formData.lineIndex = monitoringPoint.state.lineId
-    formData.startTime = datePickerRef.value.timeValue[0]
-    formData.endTime = datePickerRef.value.timeValue[1]
-    getPlot(formData).then((res: any) => {
-        const gongData = gongfunction(res.data.voltageToleranceCurveDataList)
-        data.gs = res.data.voltageToleranceCurveDataList.length
-        data.krr = gongData.pointI.length
-        data.bkrr = gongData.pointIun.length
-        console.log(gongData)
-        options.value = {
-            // backgroundColor: "#f9f9f9", //地图背景色深蓝
-            title: {
-                // text: `ITIC曲线(总统计:${gongData.pointI.length + gongData.pointIun.length}个,可容忍:${gongData.pointI.length}个,不可容忍:${gongData.pointIun.length}个)`
-                text: `ITIC曲线`
-            },
-            legend: {
-                data: ['上限', '下限', '可容忍事件', '不可容忍事件']
-            },
-            tooltip: {
-                trigger: 'item',
-                show: true,
-                axisPointer: {
-                    type: 'shadow',
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                backgroundColor: 'rgba(0,0,0,0.55)',
-                borderWidth: 0,
-                formatter: function (a: any) {
-                    var relVal = ''
-                    relVal = "<font style='color:" + "'>发生时间:" + a.value[2] + '</font><br/>'
-                    relVal += "<font style='color:" + "'>持续时间:" + a.value[0] + 's</font><br/>'
-                    relVal += "<font style='color:" + "'>特征幅值:" + a.value[1].toFixed(2) + '%</font>'
-                    return relVal
-                }
-            },
-            xAxis: [
-                {
-                    type: 'log',
-                    min: 0.001,
-                    max: 1000,
-                    splitLine: {
-                        show: false
-                    },
-                    name: 's'
-                }
-            ],
-            yAxis: [
-                {
-                    type: 'value',
-                    splitNumber: 10,
-                    minInterval: 3,
-                    name: '%'
-                }
-            ],
-         color: ['#FF8C00', '#00BFFF', 'green', 'red'],
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        name: '上限',
-                        type: 'line',
-                        data: [
-                            [0.001, 200],
-                            [0.003, 140],
-                            [0.003, 120],
-                            [0.5, 120],
-                            [0.5, 110],
-                            [10, 110],
-                            [1000, 110]
-                        ],
-                        showSymbol: false,
-                        tooltips: {
-                            show: false
-                        }
-                    },
-                    {
-                        name: '下限',
-                        type: 'line',
-                        data: [
-                            [0.02, 0],
-                            [0.02, 70],
-                            [0.5, 70],
-                            [0.5, 80],
-                            [10, 80],
-                            [10, 90],
-                            [1000, 90]
-                        ],
-                        showSymbol: false,
-                        tooltips: {
-                            show: false
-                        }
-                    },
-                    {
-                        name: '可容忍事件',
-                        type: 'scatter',
-                        symbol: 'circle',
-                        data: gongData.pointI
-                    },
-                    {
-                        name: '不可容忍事件',
-                        type: 'scatter',
-                        symbol: 'circle',
-                        data: gongData.pointIun
-                    }
-                ]
-            }
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-
-function gongfunction(arr: any) {
-    let standI = 0
-    let unstandI = 0
-    let standF = 0
-    let unstandF = 0
-    let total = 0
-    let pointIun = []
-    let pointI = []
-    let pointF = []
-    let pointFun = []
-    total = arr.length
-    if (total == 0) {
-    } else {
-        for (let i = 0; i < arr.length; i++) {
-            let point = []
-            let xx = arr[i].persistTime
-            let yy = arr[i].eventValue
-            let time = arr[i].time
-            let eventId = arr[i].eventId
-            // let index =arr[i].eventDetailIndex;
-            point = [xx, yy, time, eventId]
-
-            if (xx <= 0.003) {
-                let line = 0
-                line = 250 - 30000 * xx
-                if (yy > line) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else if (xx <= 0.02) {
-                if (yy > 120) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else if (xx <= 0.5) {
-                if (yy > 120 || yy < 70) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else if (xx <= 10) {
-                if (yy > 110 || yy < 80) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else {
-                if (yy > 110 || yy < 90) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            }
-
-            if (xx < 0.05) {
-                standF++
-                pointF.push({
-                    value: point,
-                    itemStyle: { normal: { color: 'green' } }
-                })
-            } else if (xx < 0.2) {
-                if (yy > 50) {
-                    standF++
-                    pointF.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                } else {
-                    unstandF++
-                    pointFun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                }
-            } else if (xx < 0.5) {
-                if (yy > 70) {
-                    standF++
-                    pointF.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                } else {
-                    unstandF++
-                    pointFun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                }
-            } else {
-                if (yy > 80) {
-                    standF++
-                    pointF.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                } else {
-                    unstandF++
-                    pointFun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                }
-            }
-        }
-    }
-    return {
-        standI,
-        unstandI,
-        pointI,
-        pointIun,
-        standF,
-        unstandF,
-        pointF,
-        pointFun
-    }
-}
-
-onMounted(() => {
-    init()
-})
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%" v-loading="loading">
+        <el-form :inline="true" class="fx-jcsb">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <el-descriptions class="mt2" direction="vertical" :column="4" border>
+            <el-descriptions-item align="center" label="名称">{{ data.name }}</el-descriptions-item>
+            <el-descriptions-item align="center" label="事件总数">{{ data.gs }}</el-descriptions-item>
+            <el-descriptions-item align="center" label="可容忍">{{ data.krr }}</el-descriptions-item>
+            <el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
+        </el-descriptions>
+        <div style="flex: 1" class="mt10">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getPlot } from '@/api/event-boot/monitor'
+
+const datePickerRef = ref()
+const loading = ref(true)
+const monitoringPoint = useMonitoringPoint()
+const formData = reactive({
+    lineIndex: monitoringPoint.state.lineId,
+    startTime: '',
+    endTime: ''
+})
+const data = reactive({
+    name: '事件个数',
+    gs: 0,
+    krr: 0,
+    bkrr: 0
+})
+const options = ref({})
+
+const init = () => {
+    loading.value = true
+    formData.lineIndex = monitoringPoint.state.lineId
+    formData.startTime = datePickerRef.value.timeValue[0]
+    formData.endTime = datePickerRef.value.timeValue[1]
+    getPlot(formData).then((res: any) => {
+        const gongData = gongfunction(res.data.voltageToleranceCurveDataList)
+        data.gs = res.data.voltageToleranceCurveDataList.length
+        data.krr = gongData.pointI.length
+        data.bkrr = gongData.pointIun.length
+        console.log(gongData)
+        options.value = {
+            // backgroundColor: "#f9f9f9", //地图背景色深蓝
+            title: {
+                // text: `ITIC曲线(总统计:${gongData.pointI.length + gongData.pointIun.length}个,可容忍:${gongData.pointI.length}个,不可容忍:${gongData.pointIun.length}个)`
+                text: `ITIC曲线`
+            },
+            legend: {
+                data: ['上限', '下限', '可容忍事件', '不可容忍事件']
+            },
+            tooltip: {
+                trigger: 'item',
+                show: true,
+                axisPointer: {
+                    type: 'shadow',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                backgroundColor: 'rgba(0,0,0,0.55)',
+                borderWidth: 0,
+                formatter: function (a: any) {
+                    var relVal = ''
+                    relVal = "<font style='color:" + "'>发生时间:" + a.value[2] + '</font><br/>'
+                    relVal += "<font style='color:" + "'>持续时间:" + a.value[0] + 's</font><br/>'
+                    relVal += "<font style='color:" + "'>特征幅值:" + a.value[1].toFixed(2) + '%</font>'
+                    return relVal
+                }
+            },
+            xAxis: [
+                {
+                    type: 'log',
+                    min: 0.001,
+                    max: 1000,
+                    splitLine: {
+                        show: false
+                    },
+                    name: 's'
+                }
+            ],
+            yAxis: [
+                {
+                    type: 'value',
+                    splitNumber: 10,
+                    minInterval: 3,
+                    name: '%'
+                }
+            ],
+         color: ['#FF8C00', '#00BFFF', 'green', 'red'],
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        name: '上限',
+                        type: 'line',
+                        data: [
+                            [0.001, 200],
+                            [0.003, 140],
+                            [0.003, 120],
+                            [0.5, 120],
+                            [0.5, 110],
+                            [10, 110],
+                            [1000, 110]
+                        ],
+                        showSymbol: false,
+                        tooltips: {
+                            show: false
+                        }
+                    },
+                    {
+                        name: '下限',
+                        type: 'line',
+                        data: [
+                            [0.02, 0],
+                            [0.02, 70],
+                            [0.5, 70],
+                            [0.5, 80],
+                            [10, 80],
+                            [10, 90],
+                            [1000, 90]
+                        ],
+                        showSymbol: false,
+                        tooltips: {
+                            show: false
+                        }
+                    },
+                    {
+                        name: '可容忍事件',
+                        type: 'scatter',
+                        symbol: 'circle',
+                        data: gongData.pointI
+                    },
+                    {
+                        name: '不可容忍事件',
+                        type: 'scatter',
+                        symbol: 'circle',
+                        data: gongData.pointIun
+                    }
+                ]
+            }
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+
+function gongfunction(arr: any) {
+    let standI = 0
+    let unstandI = 0
+    let standF = 0
+    let unstandF = 0
+    let total = 0
+    let pointIun = []
+    let pointI = []
+    let pointF = []
+    let pointFun = []
+    total = arr.length
+    if (total == 0) {
+    } else {
+        for (let i = 0; i < arr.length; i++) {
+            let point = []
+            let xx = arr[i].persistTime
+            let yy = arr[i].eventValue
+            let time = arr[i].time
+            let eventId = arr[i].eventId
+            // let index =arr[i].eventDetailIndex;
+            point = [xx, yy, time, eventId]
+
+            if (xx <= 0.003) {
+                let line = 0
+                line = 250 - 30000 * xx
+                if (yy > line) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 0.02) {
+                if (yy > 120) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 0.5) {
+                if (yy > 120 || yy < 70) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 10) {
+                if (yy > 110 || yy < 80) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else {
+                if (yy > 110 || yy < 90) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            }
+
+            if (xx < 0.05) {
+                standF++
+                pointF.push({
+                    value: point,
+                    itemStyle: { normal: { color: 'green' } }
+                })
+            } else if (xx < 0.2) {
+                if (yy > 50) {
+                    standF++
+                    pointF.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            } else if (xx < 0.5) {
+                if (yy > 70) {
+                    standF++
+                    pointF.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            } else {
+                if (yy > 80) {
+                    standF++
+                    pointF.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            }
+        }
+    }
+    return {
+        standI,
+        unstandI,
+        pointI,
+        pointIun,
+        standF,
+        unstandF,
+        pointF,
+        pointFun
+    }
+}
+
+onMounted(() => {
+    init()
+})
+</script>
+<style></style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/SEMIF47fenxi/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/SEMIF47fenxi/index.vue
index c8237e1c..98587857 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/SEMIF47fenxi/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/SEMIF47fenxi/index.vue
@@ -1,320 +1,320 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <el-form :inline="true" class="fx-jcsb">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <el-descriptions class="mt2" direction="vertical" :column="4" border>
-            <el-descriptions-item align="center" label="名称">{{ data.name }}</el-descriptions-item>
-            <el-descriptions-item align="center" label="事件总数">{{ data.gs }}</el-descriptions-item>
-            <el-descriptions-item align="center" label="可容忍">{{ data.krr }}</el-descriptions-item>
-            <el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
-        </el-descriptions>
-        <div style="flex: 1" class="mt10">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getPlot } from '@/api/event-boot/monitor'
-
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    lineIndex: monitoringPoint.state.lineId,
-    startTime: '',
-    endTime: ''
-})
-const data = reactive({
-    name: '事件个数',
-    gs: 0,
-    krr: 0,
-    bkrr: 0
-})
-const options = ref({})
-
-const init = () => {
-    loading.value = true
-    formData.lineIndex = monitoringPoint.state.lineId
-    formData.startTime = datePickerRef.value.timeValue[0]
-    formData.endTime = datePickerRef.value.timeValue[1]
-    getPlot(formData).then((res: any) => {
-        const gongData = gongfunction(res.data.voltageToleranceCurveDataList)
-        data.gs = res.data.voltageToleranceCurveDataList.length
-        data.krr = gongData.pointI.length
-        data.bkrr = gongData.pointIun.length
-        console.log(gongData)
-        options.value = {
-            // backgroundColor: "#f9f9f9", //地图背景色深蓝
-            title: {
-                text: `SEMI F47曲线`
-            },
-            legend: {
-                data: ['上限', '下限', '可容忍事件', '不可容忍事件']
-            },
-            tooltip: {
-                trigger: 'item',
-                show: true,
-                axisPointer: {
-                    type: 'shadow',
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                backgroundColor: 'rgba(0,0,0,0.55)',
-                borderWidth: 0,
-                formatter: function (a: any) {
-                    var relVal = ''
-                    relVal = "<font style='color:" + "'>发生时间:" + a.value[2] + '</font><br/>'
-                    relVal += "<font style='color:" + "'>持续时间:" + a.value[0] + 's</font><br/>'
-                    relVal += "<font style='color:" + "'>特征幅值:" + a.value[1].toFixed(2) + '%</font>'
-                    return relVal
-                }
-            },
-            xAxis: [
-                {
-                    type: 'log',
-                    min: 0.001,
-                    max: 1000,
-                    splitLine: {
-                        show: false
-                    },
-                    name: 's'
-                }
-            ],
-            yAxis: [
-                {
-                    type: 'value',
-                    max: function (value: any) {
-                        return value.max + 20
-                    },
-                    splitNumber: 10,
-                    minInterval: 0.1,
-                    name: '%'
-                }
-            ],
-            color: ['#DAA520', 'green', 'red'],
-            options: {
-                dataZoom: null,
-                series: [
-                    {
-                        name: '边界线',
-                        type: 'line',
-                        data: [
-                            [0.05, 0],
-                            [0.05, 50],
-                            [0.2, 50],
-                            [0.2, 70],
-                            [0.5, 70],
-                            [0.5, 80],
-                            [10, 80],
-                            [1000, 80]
-                        ],
-                        showSymbol: false,
-                        tooltips: {
-                            show: false
-                        }
-                    },
-                    {
-                        name: '可容忍事件',
-                        type: 'scatter',
-                        symbol: 'circle',
-                        data: gongData.pointF
-                    },
-                    {
-                        name: '不可容忍事件',
-                        type: 'scatter',
-                        symbol: 'circle',
-                        data: gongData.pointFun
-                    }
-                ]
-            }
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-
-function gongfunction(arr: any) {
-    let standI = 0
-    let unstandI = 0
-    let standF = 0
-    let unstandF = 0
-    let total = 0
-    let pointIun = []
-    let pointI = []
-    let pointF = []
-    let pointFun = []
-    total = arr.length
-    if (total == 0) {
-    } else {
-        for (let i = 0; i < arr.length; i++) {
-            let point = []
-            let xx = arr[i].persistTime
-            let yy = arr[i].eventValue
-            let time = arr[i].time
-            let eventId = arr[i].eventId
-            // let index =arr[i].eventDetailIndex;
-            point = [xx, yy, time, eventId]
-
-            if (xx <= 0.003) {
-                let line = 0
-                line = 250 - 30000 * xx
-                if (yy > line) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else if (xx <= 0.02) {
-                if (yy > 120) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else if (xx <= 0.5) {
-             
-                
-                if (yy > 120 || yy < 70) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else if (xx <= 10) {
-                if (yy > 110 || yy < 80) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            } else {
-                if (yy > 110 || yy < 90) {
-                    unstandI++
-                    pointIun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                } else {
-                    standI++
-                    pointI.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                }
-            }
-
-            if (xx < 0.05) {
-                standF++
-                pointF.push({
-                    value: point,
-                    itemStyle: { normal: { color: 'green' } }
-                })
-            } else if (xx < 0.2) {
-                if (yy > 50) {
-                    standF++
-                    pointF.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                } else {
-                    unstandF++
-                    pointFun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                }
-            } else if (xx < 0.5) {
-                if (yy > 70) {
-                    standF++
-                    pointF.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                } else {
-                    unstandF++
-                    pointFun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                }
-            } else {
-                if (yy > 80) {
-                    standF++
-                    pointF.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'green' } }
-                    })
-                } else {
-                    unstandF++
-                    pointFun.push({
-                        value: point,
-                        itemStyle: { normal: { color: 'red' } }
-                    })
-                }
-            }
-        }
-    }
-    return {
-        standI,
-        unstandI,
-        pointI,
-        pointIun,
-        standF,
-        unstandF,
-        pointF,
-        pointFun
-    }
-}
-
-onMounted(() => {
-    init()
-})
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <el-form :inline="true" class="fx-jcsb">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <el-descriptions class="mt2" direction="vertical" :column="4" border>
+            <el-descriptions-item align="center" label="名称">{{ data.name }}</el-descriptions-item>
+            <el-descriptions-item align="center" label="事件总数">{{ data.gs }}</el-descriptions-item>
+            <el-descriptions-item align="center" label="可容忍">{{ data.krr }}</el-descriptions-item>
+            <el-descriptions-item align="center" label="不可容忍">{{ data.bkrr }}</el-descriptions-item>
+        </el-descriptions>
+        <div style="flex: 1" class="mt10">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getPlot } from '@/api/event-boot/monitor'
+
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    lineIndex: monitoringPoint.state.lineId,
+    startTime: '',
+    endTime: ''
+})
+const data = reactive({
+    name: '事件个数',
+    gs: 0,
+    krr: 0,
+    bkrr: 0
+})
+const options = ref({})
+
+const init = () => {
+    loading.value = true
+    formData.lineIndex = monitoringPoint.state.lineId
+    formData.startTime = datePickerRef.value.timeValue[0]
+    formData.endTime = datePickerRef.value.timeValue[1]
+    getPlot(formData).then((res: any) => {
+        const gongData = gongfunction(res.data.voltageToleranceCurveDataList)
+        data.gs = res.data.voltageToleranceCurveDataList.length
+        data.krr = gongData.pointI.length
+        data.bkrr = gongData.pointIun.length
+        console.log(gongData)
+        options.value = {
+            // backgroundColor: "#f9f9f9", //地图背景色深蓝
+            title: {
+                text: `SEMI F47曲线`
+            },
+            legend: {
+                data: ['上限', '下限', '可容忍事件', '不可容忍事件']
+            },
+            tooltip: {
+                trigger: 'item',
+                show: true,
+                axisPointer: {
+                    type: 'shadow',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                backgroundColor: 'rgba(0,0,0,0.55)',
+                borderWidth: 0,
+                formatter: function (a: any) {
+                    var relVal = ''
+                    relVal = "<font style='color:" + "'>发生时间:" + a.value[2] + '</font><br/>'
+                    relVal += "<font style='color:" + "'>持续时间:" + a.value[0] + 's</font><br/>'
+                    relVal += "<font style='color:" + "'>特征幅值:" + a.value[1].toFixed(2) + '%</font>'
+                    return relVal
+                }
+            },
+            xAxis: [
+                {
+                    type: 'log',
+                    min: 0.001,
+                    max: 1000,
+                    splitLine: {
+                        show: false
+                    },
+                    name: 's'
+                }
+            ],
+            yAxis: [
+                {
+                    type: 'value',
+                    max: function (value: any) {
+                        return value.max + 20
+                    },
+                    splitNumber: 10,
+                    minInterval: 0.1,
+                    name: '%'
+                }
+            ],
+            color: ['#DAA520', 'green', 'red'],
+            options: {
+                dataZoom: null,
+                series: [
+                    {
+                        name: '边界线',
+                        type: 'line',
+                        data: [
+                            [0.05, 0],
+                            [0.05, 50],
+                            [0.2, 50],
+                            [0.2, 70],
+                            [0.5, 70],
+                            [0.5, 80],
+                            [10, 80],
+                            [1000, 80]
+                        ],
+                        showSymbol: false,
+                        tooltips: {
+                            show: false
+                        }
+                    },
+                    {
+                        name: '可容忍事件',
+                        type: 'scatter',
+                        symbol: 'circle',
+                        data: gongData.pointF
+                    },
+                    {
+                        name: '不可容忍事件',
+                        type: 'scatter',
+                        symbol: 'circle',
+                        data: gongData.pointFun
+                    }
+                ]
+            }
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+
+function gongfunction(arr: any) {
+    let standI = 0
+    let unstandI = 0
+    let standF = 0
+    let unstandF = 0
+    let total = 0
+    let pointIun = []
+    let pointI = []
+    let pointF = []
+    let pointFun = []
+    total = arr.length
+    if (total == 0) {
+    } else {
+        for (let i = 0; i < arr.length; i++) {
+            let point = []
+            let xx = arr[i].persistTime
+            let yy = arr[i].eventValue
+            let time = arr[i].time
+            let eventId = arr[i].eventId
+            // let index =arr[i].eventDetailIndex;
+            point = [xx, yy, time, eventId]
+
+            if (xx <= 0.003) {
+                let line = 0
+                line = 250 - 30000 * xx
+                if (yy > line) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 0.02) {
+                if (yy > 120) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 0.5) {
+             
+                
+                if (yy > 120 || yy < 70) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else if (xx <= 10) {
+                if (yy > 110 || yy < 80) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            } else {
+                if (yy > 110 || yy < 90) {
+                    unstandI++
+                    pointIun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                } else {
+                    standI++
+                    pointI.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                }
+            }
+
+            if (xx < 0.05) {
+                standF++
+                pointF.push({
+                    value: point,
+                    itemStyle: { normal: { color: 'green' } }
+                })
+            } else if (xx < 0.2) {
+                if (yy > 50) {
+                    standF++
+                    pointF.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            } else if (xx < 0.5) {
+                if (yy > 70) {
+                    standF++
+                    pointF.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            } else {
+                if (yy > 80) {
+                    standF++
+                    pointF.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'green' } }
+                    })
+                } else {
+                    unstandF++
+                    pointFun.push({
+                        value: point,
+                        itemStyle: { normal: { color: 'red' } }
+                    })
+                }
+            }
+        }
+    }
+    return {
+        standI,
+        unstandI,
+        pointI,
+        pointIun,
+        standF,
+        unstandF,
+        pointF,
+        pointFun
+    }
+}
+
+onMounted(() => {
+    init()
+})
+</script>
+<style></style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/chixushijiangailvfenbu/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/chixushijiangailvfenbu/index.vue
index d8a91425..5bca7468 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/chixushijiangailvfenbu/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/chixushijiangailvfenbu/index.vue
@@ -1,171 +1,171 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <el-form :inline="true" class="fx-jcsb">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <div style="flex: 1" class="mt10">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getProbabilityDistribution } from '@/api/event-boot/monitor'
-
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    lineIndex: monitoringPoint.state.lineId,
-    startTime: '',
-    endTime: ''
-})
-const options = ref({})
-
-const init = () => {
-    loading.value = true
-    formData.lineIndex = monitoringPoint.state.lineId
-    formData.startTime = datePickerRef.value.timeValue[0]
-    formData.endTime = datePickerRef.value.timeValue[1]
-    getProbabilityDistribution(formData).then((res: any) => {
-        let data = res.data
-        let sisttime = data.sisttime
-        let persisttime = data.persisttime
-        options.value = {
-            backgroundColor: '#fff', //背景色,
-            title: {
-                text: '持续时间的概率分布函数',
-                x: 'center'
-            },
-            legend: {
-                top: 0,
-                show: true,
-                data: ['概率分布', '占比'],
-
-                textStyle: {
-                    rich: {
-                        a: {
-                            verticalAlign: 'middle'
-                        }
-                    },
-
-                    padding: [2, 0, 0, 0] //[上、右、下、左]
-                }
-            },
-            toolbox: {
-                top: -10
-            },
-            tooltip: {
-                //提示框组件
-                trigger: 'axis',
-
-                axisPointer: {
-                    type: 'shadow',
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                backgroundColor: 'rgba(0,0,0,0.55)',
-                borderWidth: 0
-            },
-            calculable: true,
-            xAxis: [
-                {
-                    type: 'category',
-                    name: '持续时间',
-                    nameGap: 10,
-                    nameTextStyle: {
-                        fontSize: 12
-                    },
-                    data: ['0.01', '0.1', '0.25', '0.5', '1', '3', '20', '60', '180']
-                }
-            ],
-            yAxis: [
-                {
-                    type: 'value',
-                    name: '概率分布',
-                    nameTextStyle: {
-                        fontSize: 15
-                    },
-                    axisLabel: {
-                        formatter: '{value}%'
-                    },
-                    axisLine: {
-                        show: true
-                    },
-                    splitLine: {
-                        lineStyle: {
-                            // 使用深浅的间隔色
-                            type: 'dashed',
-                            opacity: 0.5
-                        }
-                    }
-                },
-                {
-                    type: 'value',
-                    name: '占比',
-
-                    nameTextStyle: {
-                        fontSize: 15
-                    },
-                    axisLine: {
-                        show: true
-                    },
-
-                    splitLine: {
-                        lineStyle: {
-                            type: 'dashed',
-                            opacity: 0.5
-                        }
-                    }
-                }
-            ],
-            series: [
-                {
-                    name: '概率分布',
-                    type: 'line',
-                    data: sisttime,
-                    itemStyle: {
-                        normal: { show: true }
-                    }
-                },
-                {
-                    name: '占比',
-                    type: 'bar',
-                    data: persisttime,
-                    barWidth: 30,
-                    itemStyle: {
-                        normal: { show: true }
-                    }
-                }
-            ],
-            options: {
-                dataZoom: null
-            }
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-
-onMounted(() => {
-    init()
-})
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <el-form :inline="true" class="fx-jcsb">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <div style="flex: 1" class="mt10">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getProbabilityDistribution } from '@/api/event-boot/monitor'
+
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    lineIndex: monitoringPoint.state.lineId,
+    startTime: '',
+    endTime: ''
+})
+const options = ref({})
+
+const init = () => {
+    loading.value = true
+    formData.lineIndex = monitoringPoint.state.lineId
+    formData.startTime = datePickerRef.value.timeValue[0]
+    formData.endTime = datePickerRef.value.timeValue[1]
+    getProbabilityDistribution(formData).then((res: any) => {
+        let data = res.data
+        let sisttime = data.sisttime
+        let persisttime = data.persisttime
+        options.value = {
+            backgroundColor: '#fff', //背景色,
+            title: {
+                text: '持续时间的概率分布函数',
+                x: 'center'
+            },
+            legend: {
+                top: 0,
+                show: true,
+                data: ['概率分布', '占比'],
+
+                textStyle: {
+                    rich: {
+                        a: {
+                            verticalAlign: 'middle'
+                        }
+                    },
+
+                    padding: [2, 0, 0, 0] //[上、右、下、左]
+                }
+            },
+            toolbox: {
+                top: -10
+            },
+            tooltip: {
+                //提示框组件
+                trigger: 'axis',
+
+                axisPointer: {
+                    type: 'shadow',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                backgroundColor: 'rgba(0,0,0,0.55)',
+                borderWidth: 0
+            },
+            calculable: true,
+            xAxis: [
+                {
+                    type: 'category',
+                    name: '持续时间',
+                    nameGap: 10,
+                    nameTextStyle: {
+                        fontSize: 12
+                    },
+                    data: ['0.01', '0.1', '0.25', '0.5', '1', '3', '20', '60', '180']
+                }
+            ],
+            yAxis: [
+                {
+                    type: 'value',
+                    name: '概率分布',
+                    nameTextStyle: {
+                        fontSize: 15
+                    },
+                    axisLabel: {
+                        formatter: '{value}%'
+                    },
+                    axisLine: {
+                        show: true
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            // 使用深浅的间隔色
+                            type: 'dashed',
+                            opacity: 0.5
+                        }
+                    }
+                },
+                {
+                    type: 'value',
+                    name: '占比',
+
+                    nameTextStyle: {
+                        fontSize: 15
+                    },
+                    axisLine: {
+                        show: true
+                    },
+
+                    splitLine: {
+                        lineStyle: {
+                            type: 'dashed',
+                            opacity: 0.5
+                        }
+                    }
+                }
+            ],
+            series: [
+                {
+                    name: '概率分布',
+                    type: 'line',
+                    data: sisttime,
+                    itemStyle: {
+                        normal: { show: true }
+                    }
+                },
+                {
+                    name: '占比',
+                    type: 'bar',
+                    data: persisttime,
+                    barWidth: 30,
+                    itemStyle: {
+                        normal: { show: true }
+                    }
+                }
+            ],
+            options: {
+                dataZoom: null
+            }
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+
+onMounted(() => {
+    init()
+})
+</script>
+<style></style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/dianyazanjiangbiaojimidu/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/dianyazanjiangbiaojimidu/index.vue
index 8ab25bb3..71cd0b34 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/dianyazanjiangbiaojimidu/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/dianyazanjiangbiaojimidu/index.vue
@@ -1,304 +1,304 @@
-<template>
-    <div v-loading="loading" class="dianyazanjiangbaojimidu">
-        <el-form :inline="true" class="fx-jcsb">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <div class="mt10 dianyazanjiang">
-            <div class="first">
-                <div class="mb10">DISDIP表格(国际发配电联盟UNIPEDE)</div>
-                <div style="flex: 1; overflow: hidden">
-                    <vxe-table v-bind="defaultAttribute" height="420px" size="mini" :data="firstData">
-                        <vxe-colgroup title="剩余电压" field="name" width="80px"></vxe-colgroup>
-                        <vxe-colgroup title="持续时间">
-                            <vxe-column field="twentyMs" title="20ms" :formatter="formatter" />
-                            <vxe-column field="oneHundredMs" title="100ms" :formatter="formatter" />
-                            <vxe-column field="fiveHundredMs" title="500ms" :formatter="formatter" />
-                            <vxe-column field="oneS" title="1s" :formatter="formatter" />
-                            <vxe-column field="threeS" title="2s" :formatter="formatter" />
-                            <vxe-column field="twentyS" title="20s" :formatter="formatter" />
-                            <vxe-column field="sixtyS" title="60s" :formatter="formatter" />
-                            <vxe-column field="oneEightyS" title="180s" :formatter="formatter" />
-                        </vxe-colgroup>
-                    </vxe-table>
-                </div>
-            </div>
-            <div class="second">
-                <div class="mb10">EC61000-4-11(用电终端的电压暂降抗度)</div>
-                <div style="flex: 1; overflow: hidden">
-                    <vxe-table v-bind="defaultAttribute" height="220px" size="mini" :data="secondData">
-                        <vxe-colgroup title="剩余电压" field="name" width="80px"></vxe-colgroup>
-                        <vxe-colgroup title="持续时间">
-                            <vxe-column field="tenTwentyMs" title="10-20ms" :formatter="formatter" />
-                            <vxe-column field="twentyOneHundredMs" title="20-100ms" :formatter="formatter" />
-                            <vxe-column field="zeroPiontOneTwoS" title="0.1-0.2s" :formatter="formatter" />
-                            <vxe-column field="zeroPiontFive1S" title="0.2-0.5s" :formatter="formatter" />
-                            <vxe-column field="zeroPiontTwoFiveS" title="0.5-1s" :formatter="formatter" />
-                            <vxe-column field="greater1S" title=">1s" :formatter="formatter" />
-                        </vxe-colgroup>
-                    </vxe-table>
-                </div>
-            </div>
-            <div class="third">
-                <div class="mb10">IEC61000-2-8(公共用电暂降测量统计)</div>
-                <div style="flex: 1; overflow: hidden">
-                    <vxe-table v-bind="defaultAttribute" height="100%" size="mini" :data="thirdData">
-                        <vxe-colgroup title="剩余电压" field="name" width="120px"></vxe-colgroup>
-                        <vxe-colgroup title="持续时间">
-                            <vxe-column field="q" title="0.01-0.1s" align="center" :formatter="formatter" />
-                            <vxe-column field="w" title="0.1-0.25s" align="center" :formatter="formatter" />
-                            <vxe-column field="e" title="0.25-0.5s" align="center" :formatter="formatter" />
-                            <vxe-column field="r" title="0.5-1s" align="center" :formatter="formatter" />
-                            <vxe-column field="t" title="1-3s" align="center" :formatter="formatter" />
-                            <vxe-column field="y" title="3-20s" align="center" :formatter="formatter" />
-                            <vxe-column field="u" title="20-60s" align="center" :formatter="formatter" />
-                            <vxe-column field="i" title="60-180s" align="center" :formatter="formatter" />
-                        </vxe-colgroup>
-                    </vxe-table>
-                </div>
-            </div>
-            <div class="charts" id="charts">
-                <MyEchart :options="options" />
-            </div>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { eventDisdip, getCoords, IEC28, IEC411 } from '@/api/event-boot/monitor'
-import { defaultAttribute } from '@/components/table/defaultAttribute'
-
-const datePickerRef = ref()
-const loading = ref(true)
-const monitoringPoint = useMonitoringPoint()
-const formData = reactive({
-    lineIndex: monitoringPoint.state.lineId,
-    startTime: '',
-    endTime: ''
-})
-const options = ref({})
-const firstData = ref([])
-const secondData = ref([])
-const thirdData = ref([])
-const chartsData = ref([])
-const formatter = (row: any) => {
-    return row.cellValue == 0 ? '/' : row.cellValue
-}
-const init = () => {
-    formData.lineIndex = monitoringPoint.state.lineId
-    formData.startTime = datePickerRef.value.timeValue[0]
-    formData.endTime = datePickerRef.value.timeValue[1]
-    loading.value = true
-    Promise.all([eventDisdip(formData), IEC411(formData), IEC28(formData), getCoords(formData)]).then(res => {
-        firstData.value = res[0].data
-        secondData.value = res[1].data
-        thirdData.value = res[2].data
-        chartsData.value = res[3].data
-        options.value = {
-            options: {
-                xAxis: null,
-                yAxis: null,
-                dataZoom: null,
-                backgroundColor: '#fff',
-                tooltip: {
-                    trigger: 'axis'
-                },
-                title: {
-                    text: '暂降密度图',
-                    x: 'center'
-                },
-                toolbox: {
-                    show: true,
-                    feature: {
-                        // dataView: { show: true },
-                        // dataZoom: { show: true },
-                        //restore: { show: true },
-                        // saveAsImage: { show: true },
-                        myFull: {
-                            show: true,
-                            title: '全屏查看',
-                            icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
-                            onclick: () => {
-                                let element = document.getElementById('charts') as HTMLElement
-                                // 全屏，如果已经全屏，则退出全屏
-                                if (document.fullscreenElement) {
-                                    if (document.exitFullscreen) {
-                                        document.exitFullscreen()
-                                    }
-                                } else {
-                                    if (element.requestFullscreen) {
-                                        element.requestFullscreen()
-                                    }
-                                }
-                            }
-                        }
-                    }
-                },
-                visualMap: {
-                    max: 20,
-                    show: false,
-                    inRange: {
-                        color: ['#313695', '#00BB00', '#ff8000', '#a50026']
-                    }
-                },
-                xAxis3D: {
-                    type: 'category',
-                    name: '剩余电压(%)',
-                    data: ['0-10', '10-20', '20-30', '30-40', '40-50', '50-60', '60-70', '70-80', '80-90', '90-100'],
-                    axisLine: {
-                        lineStyle: {
-                            color: '#111'
-                        }
-                    },
-                    axisLabel: {
-                        color: '#111'
-                    }
-                },
-                yAxis3D: {
-                    type: 'category',
-                    name: '持续时间(cyc)',
-                    data: ['1cyc', '2cyc', '3cyc', '4cyc', '5cyc', '6~10cyc', '10~20cyc', '20~30cyc', '30~60cyc'],
-                    nameTextStyle: {
-                        color: '#111'
-                    },
-                    axisLine: {
-                        show: true,
-                        lineStyle: {
-                            color: '#111'
-                        }
-                    },
-                    axisLabel: {
-                        color: '#111'
-                    },
-                    splitLine: {
-                        lineStyle: {
-                            // 使用深浅的间隔色
-                            color: ['#111'],
-                            type: 'dashed',
-                            opacity: 0.5
-                        }
-                    }
-                },
-                zAxis3D: {
-                    type: 'value',
-                    splitNumber: 10,
-                    minInterval: 10,
-                    name: '次数'
-                },
-                grid3D: {
-                    viewControl: {
-                        projection: 'perspective',
-                        distance: 250
-                    },
-                    boxWidth: 200,
-                    boxDepth: 80,
-                    light: {
-                        main: {
-                            intensity: 1.2
-                        },
-                        ambient: {
-                            intensity: 0.3
-                        }
-                    }
-                },
-                series: [
-                    {
-                        type: 'bar3D',
-                        data: chartsData.value.map(function (item: any) {
-                            return {
-                                value: [item['x'], item['y'], item['z']]
-                            }
-                        }),
-                        shading: 'realistic',
-                        label: {
-                            show: false,
-                            textStyle: {
-                                fontSize: 16,
-                                borderWidth: 1
-                            }
-                        },
-
-                        itemStyle: {
-                            opacity: 1
-                        },
-                        emphasis: {
-                            label: {
-                                textStyle: {
-                                    fontSize: 20,
-                                    color: '#900'
-                                }
-                            },
-                            itemStyle: {
-                                color: '#900'
-                            }
-                        }
-                    }
-                ]
-            }
-        }
-        loading.value = false
-    })
-}
-onMounted(() => {
-    init()
-})
-</script>
-<style lang="scss">
-.dianyazanjiangbaojimidu {
-    display: flex;
-    flex-direction: column;
-    height: 100%;
-    overflow: scroll;
-
-    .dianyazanjiang {
-        flex: 1;
-        min-width: 1200px;
-        min-height: 800px;
-        display: grid;
-        grid-template-areas:
-            'first charts'
-            'second charts'
-            'third third '
-            'third third ';
-        grid-template-rows: 1fr 1fr 1fr 1fr;
-        grid-template-columns: 1fr 1fr;
-        grid-gap: 10px;
-
-        .first {
-            grid-area: first;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-            height: 280px;
-        }
-
-        .second {
-            grid-area: second;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-            height: 210px;
-        }
-
-        .third {
-            grid-area: third;
-            display: flex;
-            flex-direction: column;
-            overflow: hidden;
-            height: 720px;
-        }
-
-        .charts {
-            grid-area: charts;
-            overflow: hidden;
-        }
-    }
-}
-</style>
+<template>
+    <div v-loading="loading" class="dianyazanjiangbaojimidu">
+        <el-form :inline="true" class="fx-jcsb">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <div class="mt10 dianyazanjiang">
+            <div class="first">
+                <div class="mb10">DISDIP表格(国际发配电联盟UNIPEDE)</div>
+                <div style="flex: 1; overflow: hidden">
+                    <vxe-table v-bind="defaultAttribute" height="420px" size="mini" :data="firstData">
+                        <vxe-colgroup title="剩余电压" field="name" width="80px"></vxe-colgroup>
+                        <vxe-colgroup title="持续时间">
+                            <vxe-column field="twentyMs" title="20ms" :formatter="formatter" />
+                            <vxe-column field="oneHundredMs" title="100ms" :formatter="formatter" />
+                            <vxe-column field="fiveHundredMs" title="500ms" :formatter="formatter" />
+                            <vxe-column field="oneS" title="1s" :formatter="formatter" />
+                            <vxe-column field="threeS" title="2s" :formatter="formatter" />
+                            <vxe-column field="twentyS" title="20s" :formatter="formatter" />
+                            <vxe-column field="sixtyS" title="60s" :formatter="formatter" />
+                            <vxe-column field="oneEightyS" title="180s" :formatter="formatter" />
+                        </vxe-colgroup>
+                    </vxe-table>
+                </div>
+            </div>
+            <div class="second">
+                <div class="mb10">EC61000-4-11(用电终端的电压暂降抗度)</div>
+                <div style="flex: 1; overflow: hidden">
+                    <vxe-table v-bind="defaultAttribute" height="220px" size="mini" :data="secondData">
+                        <vxe-colgroup title="剩余电压" field="name" width="80px"></vxe-colgroup>
+                        <vxe-colgroup title="持续时间">
+                            <vxe-column field="tenTwentyMs" title="10-20ms" :formatter="formatter" />
+                            <vxe-column field="twentyOneHundredMs" title="20-100ms" :formatter="formatter" />
+                            <vxe-column field="zeroPiontOneTwoS" title="0.1-0.2s" :formatter="formatter" />
+                            <vxe-column field="zeroPiontFive1S" title="0.2-0.5s" :formatter="formatter" />
+                            <vxe-column field="zeroPiontTwoFiveS" title="0.5-1s" :formatter="formatter" />
+                            <vxe-column field="greater1S" title=">1s" :formatter="formatter" />
+                        </vxe-colgroup>
+                    </vxe-table>
+                </div>
+            </div>
+            <div class="third">
+                <div class="mb10">IEC61000-2-8(公共用电暂降测量统计)</div>
+                <div style="flex: 1; overflow: hidden">
+                    <vxe-table v-bind="defaultAttribute" height="100%" size="mini" :data="thirdData">
+                        <vxe-colgroup title="剩余电压" field="name" width="120px"></vxe-colgroup>
+                        <vxe-colgroup title="持续时间">
+                            <vxe-column field="q" title="0.01-0.1s" align="center" :formatter="formatter" />
+                            <vxe-column field="w" title="0.1-0.25s" align="center" :formatter="formatter" />
+                            <vxe-column field="e" title="0.25-0.5s" align="center" :formatter="formatter" />
+                            <vxe-column field="r" title="0.5-1s" align="center" :formatter="formatter" />
+                            <vxe-column field="t" title="1-3s" align="center" :formatter="formatter" />
+                            <vxe-column field="y" title="3-20s" align="center" :formatter="formatter" />
+                            <vxe-column field="u" title="20-60s" align="center" :formatter="formatter" />
+                            <vxe-column field="i" title="60-180s" align="center" :formatter="formatter" />
+                        </vxe-colgroup>
+                    </vxe-table>
+                </div>
+            </div>
+            <div class="charts" id="charts">
+                <MyEchart :options="options" />
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { eventDisdip, getCoords, IEC28, IEC411 } from '@/api/event-boot/monitor'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+
+const datePickerRef = ref()
+const loading = ref(true)
+const monitoringPoint = useMonitoringPoint()
+const formData = reactive({
+    lineIndex: monitoringPoint.state.lineId,
+    startTime: '',
+    endTime: ''
+})
+const options = ref({})
+const firstData = ref([])
+const secondData = ref([])
+const thirdData = ref([])
+const chartsData = ref([])
+const formatter = (row: any) => {
+    return row.cellValue == 0 ? '/' : row.cellValue
+}
+const init = () => {
+    formData.lineIndex = monitoringPoint.state.lineId
+    formData.startTime = datePickerRef.value.timeValue[0]
+    formData.endTime = datePickerRef.value.timeValue[1]
+    loading.value = true
+    Promise.all([eventDisdip(formData), IEC411(formData), IEC28(formData), getCoords(formData)]).then(res => {
+        firstData.value = res[0].data
+        secondData.value = res[1].data
+        thirdData.value = res[2].data
+        chartsData.value = res[3].data
+        options.value = {
+            options: {
+                xAxis: null,
+                yAxis: null,
+                dataZoom: null,
+                backgroundColor: '#fff',
+                tooltip: {
+                    trigger: 'axis'
+                },
+                title: {
+                    text: '暂降密度图',
+                    x: 'center'
+                },
+                toolbox: {
+                    show: true,
+                    feature: {
+                        // dataView: { show: true },
+                        // dataZoom: { show: true },
+                        //restore: { show: true },
+                        // saveAsImage: { show: true },
+                        myFull: {
+                            show: true,
+                            title: '全屏查看',
+                            icon: 'path://M432.45,595.444c0,2.177-4.661,6.82-11.305,6.82c-6.475,0-11.306-4.567-11.306-6.82s4.852-6.812,11.306-6.812C427.841,588.632,432.452,593.191,432.45,595.444L432.45,595.444z M421.155,589.876c-3.009,0-5.448,2.495-5.448,5.572s2.439,5.572,5.448,5.572c3.01,0,5.449-2.495,5.449-5.572C426.604,592.371,424.165,589.876,421.155,589.876L421.155,589.876z M421.146,591.891c-1.916,0-3.47,1.589-3.47,3.549c0,1.959,1.554,3.548,3.47,3.548s3.469-1.589,3.469-3.548C424.614,593.479,423.062,591.891,421.146,591.891L421.146,591.891zM421.146,591.891',
+                            onclick: () => {
+                                let element = document.getElementById('charts') as HTMLElement
+                                // 全屏，如果已经全屏，则退出全屏
+                                if (document.fullscreenElement) {
+                                    if (document.exitFullscreen) {
+                                        document.exitFullscreen()
+                                    }
+                                } else {
+                                    if (element.requestFullscreen) {
+                                        element.requestFullscreen()
+                                    }
+                                }
+                            }
+                        }
+                    }
+                },
+                visualMap: {
+                    max: 20,
+                    show: false,
+                    inRange: {
+                        color: ['#313695', '#00BB00', '#ff8000', '#a50026']
+                    }
+                },
+                xAxis3D: {
+                    type: 'category',
+                    name: '剩余电压(%)',
+                    data: ['0-10', '10-20', '20-30', '30-40', '40-50', '50-60', '60-70', '70-80', '80-90', '90-100'],
+                    axisLine: {
+                        lineStyle: {
+                            color: '#111'
+                        }
+                    },
+                    axisLabel: {
+                        color: '#111'
+                    }
+                },
+                yAxis3D: {
+                    type: 'category',
+                    name: '持续时间(cyc)',
+                    data: ['1cyc', '2cyc', '3cyc', '4cyc', '5cyc', '6~10cyc', '10~20cyc', '20~30cyc', '30~60cyc'],
+                    nameTextStyle: {
+                        color: '#111'
+                    },
+                    axisLine: {
+                        show: true,
+                        lineStyle: {
+                            color: '#111'
+                        }
+                    },
+                    axisLabel: {
+                        color: '#111'
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            // 使用深浅的间隔色
+                            color: ['#111'],
+                            type: 'dashed',
+                            opacity: 0.5
+                        }
+                    }
+                },
+                zAxis3D: {
+                    type: 'value',
+                    splitNumber: 10,
+                    minInterval: 10,
+                    name: '次数'
+                },
+                grid3D: {
+                    viewControl: {
+                        projection: 'perspective',
+                        distance: 250
+                    },
+                    boxWidth: 200,
+                    boxDepth: 80,
+                    light: {
+                        main: {
+                            intensity: 1.2
+                        },
+                        ambient: {
+                            intensity: 0.3
+                        }
+                    }
+                },
+                series: [
+                    {
+                        type: 'bar3D',
+                        data: chartsData.value.map(function (item: any) {
+                            return {
+                                value: [item['x'], item['y'], item['z']]
+                            }
+                        }),
+                        shading: 'realistic',
+                        label: {
+                            show: false,
+                            textStyle: {
+                                fontSize: 16,
+                                borderWidth: 1
+                            }
+                        },
+
+                        itemStyle: {
+                            opacity: 1
+                        },
+                        emphasis: {
+                            label: {
+                                textStyle: {
+                                    fontSize: 20,
+                                    color: '#900'
+                                }
+                            },
+                            itemStyle: {
+                                color: '#900'
+                            }
+                        }
+                    }
+                ]
+            }
+        }
+        loading.value = false
+    })
+}
+onMounted(() => {
+    init()
+})
+</script>
+<style lang="scss">
+.dianyazanjiangbaojimidu {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    overflow: scroll;
+
+    .dianyazanjiang {
+        flex: 1;
+        min-width: 1200px;
+        min-height: 800px;
+        display: grid;
+        grid-template-areas:
+            'first charts'
+            'second charts'
+            'third third '
+            'third third ';
+        grid-template-rows: 1fr 1fr 1fr 1fr;
+        grid-template-columns: 1fr 1fr;
+        grid-gap: 10px;
+
+        .first {
+            grid-area: first;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            height: 280px;
+        }
+
+        .second {
+            grid-area: second;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            height: 210px;
+        }
+
+        .third {
+            grid-area: third;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            height: 720px;
+        }
+
+        .charts {
+            grid-area: charts;
+            overflow: hidden;
+        }
+    }
+}
+</style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/index.vue
index 70f2e1d2..2e6e312e 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/index.vue
@@ -1,51 +1,59 @@
-<template>
-    <el-tabs v-model='activeName' type='border-card' class='event-statistics' tab-position='left' :style='height'>
-        <el-tab-pane lazy label='ITIC曲线分析' name='1'>
-            <ITICquxianfenxi />
-        </el-tab-pane>
-        <el-tab-pane lazy label='SEMI F47 分析' name='2'>
-            <SEMIF47fenxi />
-        </el-tab-pane>
-        <el-tab-pane lazy label='电压暂降表及密度' name='3'>
-            <Dianyazanjiangbiaojimidu />
-        </el-tab-pane>
-        <el-tab-pane lazy label='暂降分布统计' name='4'>
-            <Zanjiangfenbutongji />
-        </el-tab-pane>
-        <el-tab-pane lazy label='暂降幅值概率分布' name='5'>
-            <Zanjiangfuzhigailvfenbu />
-        </el-tab-pane>
-        <el-tab-pane lazy label='持续时间概率分布' name='6'>
-            <Chixushijiangailvfenbu />
-        </el-tab-pane>
-    </el-tabs>
-</template>
-<script setup lang='ts'>
-import { ref } from 'vue'
-import { mainHeight } from '@/utils/layout'
-import ITICquxianfenxi from './ITICquxianfenxi/index.vue'
-import SEMIF47fenxi from './SEMIF47fenxi/index.vue'
-import Dianyazanjiangbiaojimidu from './dianyazanjiangbiaojimidu/index.vue'
-import Zanjiangfenbutongji from './zanjiangfenbutongji/index.vue'
-import Zanjiangfuzhigailvfenbu from './zanjiangfuzhigailvfenbu/index.vue'
-import Chixushijiangailvfenbu from './chixushijiangailvfenbu/index.vue'
-
-const activeName = ref('1')
-const height = mainHeight(84)
-
-</script>
-<style lang='scss'>
-.event-statistics {
-    .el-tabs__header.is-left {
-        margin-right: 0;
-    }
-
-    .el-tabs__content {
-        height: 100%;
-
-        .el-tab-pane {
-            height: 100%;
-        }
-    }
-}
-</style>
+<template>
+    <el-tabs v-model="activeName" type="border-card" class="event-statistics" tab-position="left" :style="height">
+        <el-tab-pane lazy label="ITIC曲线分析" name="1">
+            <ITICquxianfenxi />
+        </el-tab-pane>
+        <el-tab-pane lazy label="SEMI F47 分析" name="2">
+            <SEMIF47fenxi />
+        </el-tab-pane>
+        <el-tab-pane lazy label="电压暂降表及密度" name="3">
+            <Dianyazanjiangbiaojimidu />
+        </el-tab-pane>
+        <el-tab-pane lazy label="暂降分布统计" name="4">
+            <Zanjiangfenbutongji />
+        </el-tab-pane>
+        <el-tab-pane lazy label="暂降幅值概率分布" name="5">
+            <Zanjiangfuzhigailvfenbu />
+        </el-tab-pane>
+        <el-tab-pane lazy label="持续时间概率分布" name="6">
+            <Chixushijiangailvfenbu />
+        </el-tab-pane>
+    </el-tabs>
+</template>
+<script setup lang="ts">
+import { ref, onMounted } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import ITICquxianfenxi from './ITICquxianfenxi/index.vue'
+import SEMIF47fenxi from './SEMIF47fenxi/index.vue'
+import Dianyazanjiangbiaojimidu from './dianyazanjiangbiaojimidu/index.vue'
+import Zanjiangfenbutongji from './zanjiangfenbutongji/index.vue'
+import Zanjiangfuzhigailvfenbu from './zanjiangfuzhigailvfenbu/index.vue'
+import Chixushijiangailvfenbu from './chixushijiangailvfenbu/index.vue'
+const props = defineProps({
+    externalHeight: {
+        type: Number,
+        default: 0
+    }
+})
+const activeName = ref('1')
+const height = ref(mainHeight(84 + props.externalHeight))
+// onMounted(() => {
+//     height.value = mainHeight(84 + props.externalHeight)
+//     console.log("🚀 ~ 84 + props.externalHeight:", 84 + props.externalHeight)
+// })
+</script>
+<style lang="scss">
+.event-statistics {
+    .el-tabs__header.is-left {
+        margin-right: 0;
+    }
+
+    .el-tabs__content {
+        height: 100%;
+
+        .el-tab-pane {
+            height: 100%;
+        }
+    }
+}
+</style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/zanjiangfuzhigailvfenbu/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/zanjiangfuzhigailvfenbu/index.vue
index 7901a72a..2f969468 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/zanjiangfuzhigailvfenbu/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStatistics/zanjiangfuzhigailvfenbu/index.vue
@@ -1,172 +1,172 @@
-<template>
-    <div style="display: flex; flex-direction: column; height: 100%">
-        <el-form :inline="true" class="fx-jcsb">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item>
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-        <div style="flex: 1" class="mt10">
-            <my-echart :options="options" />
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { nextTick, onMounted, reactive, ref } from 'vue'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { getProbabilityDistribution } from '@/api/event-boot/monitor'
-
-const datePickerRef = ref()
-const monitoringPoint = useMonitoringPoint()
-const loading = ref(true)
-const formData = reactive({
-    lineIndex: monitoringPoint.state.lineId,
-    startTime: '',
-    endTime: ''
-})
-const options = ref({})
-
-const init = () => {
-    loading.value = true
-    formData.lineIndex = monitoringPoint.state.lineId
-    formData.startTime = datePickerRef.value.timeValue[0]
-    formData.endTime = datePickerRef.value.timeValue[1]
-    getProbabilityDistribution(formData).then((res: any) => {
-        let data = res.data
-        let eventValue = data.eventvalue
-        let pereventValue = data.pereventvalue
-        options.value = {
-            backgroundColor: '#fff', //背景色,
-            title: {
-                text: '暂降幅值的概率分布函数',
-                x: 'center'
-            },
-            legend: {
-                show: true,
-                top: 0,
-                data: ['概率分布', '占比'],
-
-                textStyle: {
-                    rich: {
-                        a: {
-                            verticalAlign: 'middle'
-                        }
-                    },
-
-                    padding: [2, 0, 0, 0] //[上、右、下、左]
-                }
-            },
-            toolbox: {
-                top: -10
-            },
-
-            tooltip: {
-                //提示框组件
-                trigger: 'axis',
-
-                axisPointer: {
-                    type: 'shadow',
-                    label: {
-                        color: '#fff',
-                        fontSize: 16
-                    }
-                },
-                textStyle: {
-                    color: '#fff',
-                    fontStyle: 'normal',
-                    opacity: 0.35,
-                    fontSize: 14
-                },
-                backgroundColor: 'rgba(0,0,0,0.55)',
-                borderWidth: 0
-            },
-            calculable: true,
-            xAxis: [
-                {
-                    type: 'category',
-                    name: '暂降幅值',
-                    nameGap: 10,
-                    nameTextStyle: {
-                        fontSize: 12
-                    },
-                    data: ['0', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%']
-                }
-            ],
-            yAxis: [
-                {
-                    type: 'value',
-                    name: '概率分布',
-                    nameTextStyle: {
-                        fontSize: 15
-                    },
-                    axisLabel: {
-                        formatter: '{value}%'
-                    },
-                    axisLine: {
-                        show: true
-                    },
-                    splitLine: {
-                        lineStyle: {
-                            // 使用深浅的间隔色
-                            type: 'dashed',
-                            opacity: 0.5
-                        }
-                    }
-                },
-                {
-                    type: 'value',
-                    name: '占比',
-
-                    nameTextStyle: {
-                        fontSize: 15
-                    },
-                    axisLine: {
-                        show: true
-                    },
-
-                    splitLine: {
-                        lineStyle: {
-                            type: 'dashed',
-                            opacity: 0.5
-                        }
-                    }
-                }
-            ],
-            series: [
-                {
-                    name: '占比',
-                    type: 'bar',
-                    data: pereventValue,
-                    barWidth: 30,
-                    itemStyle: {
-                        normal: { show: true }
-                    }
-                },
-                {
-                    name: '概率分布',
-                    type: 'line',
-                    data: eventValue,
-                    itemStyle: {
-                        normal: { show: true }
-                    }
-                }
-            ],
-            options: {
-                dataZoom: null
-            }
-        }
-        nextTick(() => {
-            loading.value = false
-        })
-    })
-}
-
-onMounted(() => {
-    init()
-})
-</script>
-<style></style>
+<template>
+    <div style="display: flex; flex-direction: column; height: 100%">
+        <el-form :inline="true" class="fx-jcsb">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item>
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+        <div style="flex: 1" class="mt10">
+            <my-echart :options="options" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { nextTick, onMounted, reactive, ref } from 'vue'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { getProbabilityDistribution } from '@/api/event-boot/monitor'
+
+const datePickerRef = ref()
+const monitoringPoint = useMonitoringPoint()
+const loading = ref(true)
+const formData = reactive({
+    lineIndex: monitoringPoint.state.lineId,
+    startTime: '',
+    endTime: ''
+})
+const options = ref({})
+
+const init = () => {
+    loading.value = true
+    formData.lineIndex = monitoringPoint.state.lineId
+    formData.startTime = datePickerRef.value.timeValue[0]
+    formData.endTime = datePickerRef.value.timeValue[1]
+    getProbabilityDistribution(formData).then((res: any) => {
+        let data = res.data
+        let eventValue = data.eventvalue
+        let pereventValue = data.pereventvalue
+        options.value = {
+            backgroundColor: '#fff', //背景色,
+            title: {
+                text: '暂降幅值的概率分布函数',
+                x: 'center'
+            },
+            legend: {
+                show: true,
+                top: 0,
+                data: ['概率分布', '占比'],
+
+                textStyle: {
+                    rich: {
+                        a: {
+                            verticalAlign: 'middle'
+                        }
+                    },
+
+                    padding: [2, 0, 0, 0] //[上、右、下、左]
+                }
+            },
+            toolbox: {
+                top: -10
+            },
+
+            tooltip: {
+                //提示框组件
+                trigger: 'axis',
+
+                axisPointer: {
+                    type: 'shadow',
+                    label: {
+                        color: '#fff',
+                        fontSize: 16
+                    }
+                },
+                textStyle: {
+                    color: '#fff',
+                    fontStyle: 'normal',
+                    opacity: 0.35,
+                    fontSize: 14
+                },
+                backgroundColor: 'rgba(0,0,0,0.55)',
+                borderWidth: 0
+            },
+            calculable: true,
+            xAxis: [
+                {
+                    type: 'category',
+                    name: '暂降幅值',
+                    nameGap: 10,
+                    nameTextStyle: {
+                        fontSize: 12
+                    },
+                    data: ['0', '10%', '20%', '30%', '40%', '50%', '60%', '70%', '80%', '90%', '100%']
+                }
+            ],
+            yAxis: [
+                {
+                    type: 'value',
+                    name: '概率分布',
+                    nameTextStyle: {
+                        fontSize: 15
+                    },
+                    axisLabel: {
+                        formatter: '{value}%'
+                    },
+                    axisLine: {
+                        show: true
+                    },
+                    splitLine: {
+                        lineStyle: {
+                            // 使用深浅的间隔色
+                            type: 'dashed',
+                            opacity: 0.5
+                        }
+                    }
+                },
+                {
+                    type: 'value',
+                    name: '占比',
+
+                    nameTextStyle: {
+                        fontSize: 15
+                    },
+                    axisLine: {
+                        show: true
+                    },
+
+                    splitLine: {
+                        lineStyle: {
+                            type: 'dashed',
+                            opacity: 0.5
+                        }
+                    }
+                }
+            ],
+            series: [
+                {
+                    name: '占比',
+                    type: 'bar',
+                    data: pereventValue,
+                    barWidth: 30,
+                    itemStyle: {
+                        normal: { show: true }
+                    }
+                },
+                {
+                    name: '概率分布',
+                    type: 'line',
+                    data: eventValue,
+                    itemStyle: {
+                        normal: { show: true }
+                    }
+                }
+            ],
+            options: {
+                dataZoom: null
+            }
+        }
+        nextTick(() => {
+            loading.value = false
+        })
+    })
+}
+
+onMounted(() => {
+    init()
+})
+</script>
+<style></style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/eventStudy/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/eventStudy/index.vue
index b557577b..ffb6e83c 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/eventStudy/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/eventStudy/index.vue
@@ -1,162 +1,171 @@
-<template>
-    <div>
-        <div v-show="view">
-            <!-- 表头 -->
-            <TableHeader date-picker showExport>
-                <template v-slot:operation>
-                    <el-button :icon='Download' type='primary' @click='download'>下载波形</el-button>
-                </template>
-            </TableHeader>
-            <!-- 表格 -->
-            <Table ref='tableRef' :checkboxConfig='checkboxConfig' />
-
-        </div>
-        <div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
-            <waveForm ref="waveFormRef" senior @backbxlb="backbxlb" />
-        </div>
-    </div>
-</template>
-<script setup lang='ts'>
-import { Download } from '@element-plus/icons-vue'
-import { ref, onMounted, provide, reactive } from 'vue'
-import { ElMessageBox, ElMessage } from 'element-plus'
-import TableStore from '@/utils/tableStore'
-import Table from '@/components/table/index.vue'
-import TableHeader from '@/components/table/header/index.vue'
-import { mainHeight } from '@/utils/layout'
-import { useMonitoringPoint } from '@/stores/monitoringPoint'
-import { useDictData } from '@/stores/dictData'
-import { checkUser } from '@/api/user-boot/user'
-import waveForm from '@/components/echarts/waveForm.vue'
-import { VxeTablePropTypes } from 'vxe-table'
-import { downloadWaveFile, getMonitorEventAnalyseWave } from '@/api/event-boot/transient'
-const view = ref(true)
-const waveFormRef = ref()
-const view2 = ref(false)
-const pageHeight = mainHeight(20)
-const dictData = useDictData()
-const eventTypeOptions = dictData.getBasicData('Event_Statis')
-const monitoringPoint = useMonitoringPoint()
-const tableStore = new TableStore({
-    publicHeight: 60,
-    url: '/event-boot/monitor/getMonitorEventAnalyseQuery',
-    method: 'POST',
-    column: [
-        { width: '60', type: 'checkbox' },
-        {
-            title: '序号', width: 80, formatter: (row: any) => {
-                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
-            }
-        },
-        { title: '变电站名称', field: 'subName', minWidth: '140' },
-        { title: '监测点名称', field: 'lineName', minWidth: '130' },
-        { title: '网络参数', field: 'ip', minWidth: '130' },
-        { title: '电压等级(kV)', field: 'voltageScale', width: '120' },
-        { title: '暂降发生时刻', field: 'startTime', width: '200' },
-        // { title: '暂降类型', field: 'advanceType', minWidth: '130' },
-        { title: '暂降原因', field: 'advanceReason', minWidth: '130' },
-        {
-            title: '触发类型', field: 'eventType', minWidth: '80', formatter: (row: any) => {
-                return eventTypeOptions.find(item => item.id === row.cellValue)?.name || '/'
-            }
-        },
-        {
-            title: '暂降(骤升)幅值(%)', field: 'featureAmplitude', minWidth: '140', 
-            
-             formatter: (row: any) => {
-                return (row.cellValue * 100).toFixed(2)
-            },
-           
-        },
-        { title: '持续时间(s)', field: 'duration', minWidth: '100' },
-        // { title: '严重度', field: 'severity', minWidth: '80' },
-        {
-            title: '操作',
-            width: '180',
-            render: 'buttons',
-            fixed: 'right',
-            buttons: [
-                {
-                    name: 'edit',
-                    title: '波形分析',
-                    type: 'primary',
-                    icon: 'el-icon-Lock',
-                    render: 'basicButton',
-                    disabled: row => {
-                        return row.fileFlag === 0
-                    },
-                    click: row => {
-                        // getMonitorEventAnalyseWave({
-                        //     id: row.eventId,
-                        //     systemType: 0,
-                        //     type: 0
-                        // }).then(res => {
-                        //     console.log(res)
-                        //     ElMessage.error('暂无可下载的波形文件!')
-                        // })
-                        view.value = false
-                        setTimeout(() => {
-                            waveFormRef.value.open(row)
-                        }, 100)
-                    }
-                },
-                {
-                    name: 'edit',
-                    title: '暂无波形',
-                    type: '',
-                    disabled: row => {
-                        return row.fileFlag != 0
-                    },
-                    icon: 'el-icon-Plus',
-                    render: 'basicButton'
-                }
-            ]
-        }
-    ],
-    beforeSearchFun: () => {
-        tableStore.table.params.lineId = monitoringPoint.state.lineId
-        console.log('beforeSearchFun')
-    },
-    loadCallback: () => {
-
-    }
-})
-provide('tableStore', tableStore)
-tableStore.table.params.searchState = 0
-onMounted(() => {
-    // 加载数据
-    tableStore.index()
-})
-const checkboxConfig = reactive<VxeTablePropTypes.CheckboxConfig<any>>({
-    checkMethod: ({ row }) => {
-        return row.fileFlag === 1
-    }
-})
-const backbxlb = () => {
-    view.value = true
-    view2.value = false
-}
-const download = () => {
-    if (!tableStore.table.selection.length) {
-        ElMessage.warning('请选择数据')
-        return
-    }
-    downloadWaveFile({
-        lineId: tableStore.table.selection.map((item: any) => item.eventId)
-    }).then((res: any) => {
-        if (res.type == 'application/json') {
-            ElMessage.warning('暂无可下载的波形文件!')
-            return
-        }
-        ElMessage.info('下载中......')
-        let blob = new Blob([res], { type: 'application/zip' }) // console.log(blob) // var href = window.URL.createObjectURL(blob); //创建下载的链接
-        const url = window.URL.createObjectURL(blob)
-        const link = document.createElement('a') // 创建a标签
-        link.href = url
-        link.download = '波形分析下载' // 设置下载的文件名
-        document.body.appendChild(link)
-        link.click() //执行下载
-        document.body.removeChild(link) //释放标签
-    })
-}
-</script>
+<template>
+    <div>
+        <div v-show="view">
+            <!-- 表头 -->
+            <TableHeader date-picker showExport>
+                <template v-slot:operation>
+                    <el-button :icon="Download" type="primary" @click="download">下载波形</el-button>
+                </template>
+            </TableHeader>
+            <!-- 表格 -->
+            <Table ref="tableRef" :checkboxConfig="checkboxConfig" />
+        </div>
+        <div :style="{ height: pageHeight.height }" style="padding: 10px; overflow: hidden" v-if="!view">
+            <waveForm ref="waveFormRef" senior @backbxlb="backbxlb" />
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { Download } from '@element-plus/icons-vue'
+import { ref, onMounted, provide, reactive } from 'vue'
+import { ElMessageBox, ElMessage } from 'element-plus'
+import TableStore from '@/utils/tableStore'
+import Table from '@/components/table/index.vue'
+import TableHeader from '@/components/table/header/index.vue'
+import { mainHeight } from '@/utils/layout'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { useDictData } from '@/stores/dictData'
+import { checkUser } from '@/api/user-boot/user'
+import waveForm from '@/components/echarts/waveForm.vue'
+import { VxeTablePropTypes } from 'vxe-table'
+import { downloadWaveFile, getMonitorEventAnalyseWave } from '@/api/event-boot/transient'
+const props = defineProps({
+    externalHeight: {
+        type: Number,
+        default: 0
+    }
+})
+const view = ref(true)
+const waveFormRef = ref()
+const view2 = ref(false)
+const pageHeight = mainHeight(20)
+const dictData = useDictData()
+const eventTypeOptions = dictData.getBasicData('Event_Statis')
+const monitoringPoint = useMonitoringPoint()
+const tableStore = new TableStore({
+    publicHeight: 60 + props.externalHeight,
+    url: '/event-boot/monitor/getMonitorEventAnalyseQuery',
+    method: 'POST',
+    column: [
+        { width: '60', type: 'checkbox' },
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { title: '变电站名称', field: 'subName', minWidth: '140' },
+        { title: '监测点名称', field: 'lineName', minWidth: '130' },
+        { title: '网络参数', field: 'ip', minWidth: '130' },
+        { title: '电压等级(kV)', field: 'voltageScale', width: '120' },
+        { title: '暂降发生时刻', field: 'startTime', width: '200' },
+        // { title: '暂降类型', field: 'advanceType', minWidth: '130' },
+        { title: '暂降原因', field: 'advanceReason', minWidth: '130' },
+        {
+            title: '触发类型',
+            field: 'eventType',
+            minWidth: '80',
+            formatter: (row: any) => {
+                return eventTypeOptions.find(item => item.id === row.cellValue)?.name || '/'
+            }
+        },
+        {
+            title: '暂降(骤升)幅值(%)',
+            field: 'featureAmplitude',
+            minWidth: '140',
+
+            formatter: (row: any) => {
+                return (row.cellValue * 100).toFixed(2)
+            }
+        },
+        { title: '持续时间(s)', field: 'duration', minWidth: '100' },
+        // { title: '严重度', field: 'severity', minWidth: '80' },
+        {
+            title: '操作',
+            width: '180',
+            render: 'buttons',
+            fixed: 'right',
+            buttons: [
+                {
+                    name: 'edit',
+                    title: '波形分析',
+                    type: 'primary',
+                    icon: 'el-icon-Lock',
+                    render: 'basicButton',
+                    disabled: row => {
+                        return row.fileFlag === 0
+                    },
+                    click: row => {
+                        // getMonitorEventAnalyseWave({
+                        //     id: row.eventId,
+                        //     systemType: 0,
+                        //     type: 0
+                        // }).then(res => {
+                        //     console.log(res)
+                        //     ElMessage.error('暂无可下载的波形文件!')
+                        // })
+                        view.value = false
+                        setTimeout(() => {
+                            waveFormRef.value.open(row)
+                        }, 100)
+                    }
+                },
+                {
+                    name: 'edit',
+                    title: '暂无波形',
+                    type: '',
+                    disabled: row => {
+                        return row.fileFlag != 0
+                    },
+                    icon: 'el-icon-Plus',
+                    render: 'basicButton'
+                }
+            ]
+        }
+    ],
+    beforeSearchFun: () => {
+        tableStore.table.params.lineId = monitoringPoint.state.lineId
+        console.log('beforeSearchFun')
+    },
+    loadCallback: () => {}
+})
+provide('tableStore', tableStore)
+tableStore.table.params.searchState = 0
+onMounted(() => {
+    // 加载数据
+    tableStore.index()
+})
+const checkboxConfig = reactive<VxeTablePropTypes.CheckboxConfig<any>>({
+    checkMethod: ({ row }) => {
+        return row.fileFlag === 1
+    }
+})
+const backbxlb = () => {
+    view.value = true
+    view2.value = false
+}
+const download = () => {
+    if (!tableStore.table.selection.length) {
+        ElMessage.warning('请选择数据')
+        return
+    }
+    downloadWaveFile({
+        lineId: tableStore.table.selection.map((item: any) => item.eventId)
+    }).then((res: any) => {
+        if (res.type == 'application/json') {
+            ElMessage.warning('暂无可下载的波形文件!')
+            return
+        }
+        ElMessage.info('下载中......')
+        let blob = new Blob([res], { type: 'application/zip' }) // console.log(blob) // var href = window.URL.createObjectURL(blob); //创建下载的链接
+        const url = window.URL.createObjectURL(blob)
+        const link = document.createElement('a') // 创建a标签
+        link.href = url
+        link.download = '波形分析下载' // 设置下载的文件名
+        document.body.appendChild(link)
+        link.click() //执行下载
+        document.body.removeChild(link) //释放标签
+    })
+}
+</script>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/index.vue
index 6bc0f459..9bfc06c2 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/index.vue
@@ -27,7 +27,6 @@ import EventStatistics from './eventStatistics/index.vue'
 import EventStudy from './eventStudy/index.vue'
 import RunningCondition from './runningCondition/index.vue'
 import TransientReport from './transientReport/index.vue'
-
 import { mainHeight } from '@/utils/layout'
 import router from '@/router'
 import { useMonitoringPoint } from '@/stores/monitoringPoint'
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/index_JB.vue b/src/views/pqs/voltageSags/monitoringPoint/online/index_JB.vue
new file mode 100644
index 00000000..7bc9983e
--- /dev/null
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/index_JB.vue
@@ -0,0 +1,130 @@
+<template>
+    <div class="default-main" style="padding: 10px">
+        <splitpanes :style="height" class="default-theme" id="navigation-splitpanes">
+            <pane :size="size">
+                <PointTree
+                    ref="pointTree"
+                    :default-expand-all="false"
+                    :default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
+                    :current-node-key="monitoringPoint.state.lineId"
+                    :show-checkbox="monitoringPoint.state.showCheckBox"
+                    :default-checked-keys="monitoringPoint.state.lineIds"
+                    @check="handleCheckChange"
+                    @node-click="handleNodeClick"
+                    @init="handleNodeClick"
+                ></PointTree>
+            </pane>
+            <pane>
+                <div style="position: relative; height: 100%">
+                    <el-tabs
+                        v-model="activeName"
+                        type="border-card"
+                        class="demo-tabs"
+                        style="height: 100%"
+                        @tab-change="handleTabChange"
+                    >
+                        <el-tab-pane label="事件分析" name="3" lazy v-if="!isReload">
+                            <EventStudy :externalHeight='20'/>
+                        </el-tab-pane>
+                        <el-tab-pane label="事件统计" name="2" lazy v-if="!isReload">
+                            <EventStatistics :externalHeight='20'/>
+                        </el-tab-pane>
+
+                        <el-tab-pane label="运行情况" name="4" lazy :style="height" v-if="!isReload">
+                            <RunningCondition :externalHeight='20'/>
+                        </el-tab-pane>
+                        <el-tab-pane label="暂态报告" name="5" lazy v-if="!isReload">
+                            <TransientReport />
+                        </el-tab-pane>
+                    </el-tabs>
+                </div>
+            </pane>
+        </splitpanes>
+    </div>
+</template>
+<script setup lang="ts">
+import { defineOptions, watch, onMounted, ref, nextTick } from 'vue'
+import 'splitpanes/dist/splitpanes.css'
+import { Splitpanes, Pane } from 'splitpanes'
+import PointTree from '@/components/tree/pqs/pointTree.vue'
+import { useMonitoringPoint } from '@/stores/monitoringPoint'
+import { mainHeight } from '@/utils/layout'
+import Navigation from './navigation/index.vue'
+import EventStatistics from './eventStatistics/index.vue'
+import EventStudy from './eventStudy/index.vue'
+import RunningCondition from './runningCondition/index.vue'
+import TransientReport from './transientReport/index.vue'
+const VITE_FLAG = import.meta.env.VITE_NAME == 'jibei'
+import router from '@/router'
+
+defineOptions({
+    name: 'harmonic-boot/monitor/online'
+})
+
+const monitoringPoint = useMonitoringPoint()
+const pointTree = ref()
+const size = ref(0)
+const isReload = ref(false)
+const height = mainHeight(40)
+const activeName = ref('3')
+onMounted(() => {
+    const dom = document.getElementById('navigation-splitpanes')
+    if (dom) {
+        size.value = Math.round((180 / dom.offsetHeight) * 100)
+    }
+})
+const handleNodeClick = (data: any, node: any) => {
+    if (data.level === 6) {
+        monitoringPoint.setValue('lineId', data.id)
+        monitoringPoint.setValue('pid', data.pids)
+        monitoringPoint.setValue('lineName', data.alias)
+        monitoringPoint.setValue('comFlag', data.comFlag)
+    }
+}
+const handleCheckChange = (data: any, node: any) => {
+    monitoringPoint.setValue(
+        'lineIds',
+        node.checkedNodes.filter((item: any) => item.level === 6).map((item: any) => item.id)
+    )
+}
+const handleTabChange = () => {
+    monitoringPoint.setShowCheckBox(false)
+}
+watch(
+    () => router.currentRoute.value.query.lineId,
+    (newLineId, oldLineId) => {
+        if (!newLineId) return
+        // 在这里处理 lineId 的变化
+        monitoringPoint.setValue('lineId', router.currentRoute.value.query.lineId)
+        monitoringPoint.setValue('lineName', router.currentRoute.value.query.lineName)
+    },
+    { immediate: true }
+)
+watch(
+    () => monitoringPoint.state.lineId,
+    () => {
+        //  刷新页面
+        isReload.value = true
+        nextTick(() => {
+            isReload.value = false
+        })
+    }
+)
+const changeTab = (e: string) => {
+    activeName.value = e
+}
+</script>
+<style lang="scss">
+.splitpanes.default-theme .splitpanes__pane {
+    background: #eaeef1;
+}
+
+.monitoring-point {
+    position: absolute;
+    top: 12px;
+    right: 10px;
+    font-size: 12px;
+    font-weight: 700;
+    color: var(--el-color-primary);
+}
+</style>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/runningCondition/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/runningCondition/index.vue
index ae35febf..03a73c61 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/runningCondition/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/runningCondition/index.vue
@@ -1,7 +1,7 @@
 <template>
     <div v-loading="loading" class="running-condition">
         <el-form :inline="true" class="fx-jcsb">
-            <el-form-item label="日期">
+            <el-form-item label="统计时间">
                 <DatePicker ref="datePickerRef"></DatePicker>
             </el-form-item>
             <el-form-item>
diff --git a/src/views/pqs/voltageSags/monitoringPoint/online/transientReport/index.vue b/src/views/pqs/voltageSags/monitoringPoint/online/transientReport/index.vue
index 23175faa..5100d924 100644
--- a/src/views/pqs/voltageSags/monitoringPoint/online/transientReport/index.vue
+++ b/src/views/pqs/voltageSags/monitoringPoint/online/transientReport/index.vue
@@ -1,15 +1,6 @@
 <template>
     <div :style="height">
         <splitpanes style="height: 100%" class="default-theme" id="navigation-splitpanes">
-            <pane :size="size">
-                <PointTree
-                    :default-expand-all="false"
-                    :default-expanded-keys="monitoringPoint.state.lineId ? [monitoringPoint.state.lineId] : []"
-                    :current-node-key="monitoringPoint.state.lineId"
-                    @node-click="handleNodeClick"
-                    @init="handleNodeClick"
-                ></PointTree>
-            </pane>
             <pane style="background: #fff" :style="height">
                 <!-- <div :style="height"></div> -->
                 <TableHeader ref="TableHeaderRef" date-picker :show-search="false">
@@ -29,7 +20,7 @@
                         <el-button icon="el-icon-Download" type="primary" @click="exportEvent">生成报告</el-button>
                     </template>
                 </TableHeader>
-                <div class="box" :style="`height: calc(${tableStore.table.height} + 45px)`">
+                <div class="box" :style="`height: calc(${tableStore.table.height} + 65px)`">
                     <el-row>
                         <el-col :span="12" class="mTop">
                             <div class="grid-content">
@@ -140,6 +131,7 @@ import { mainHeight } from '@/utils/layout'
 import { getLineExport, getList, selectReleation } from '@/api/event-boot/report'
 import { useMonitoringPoint } from '@/stores/monitoringPoint'
 import { ElMessage } from 'element-plus'
+
 defineOptions({
     name: 'TransientReport/monitoringpointReport'
 })
@@ -174,6 +166,7 @@ const formd: any = ref({
 
 const templatePolicy: any = ref([])
 const tableStore = new TableStore({
+    publicHeight: 80,
     url: '',
     method: 'post',
     column: []
@@ -185,58 +178,7 @@ onMounted(() => {
         size.value = Math.round((180 / dom.offsetHeight) * 100)
     }
 })
-// getList({
-//     pageNum: 1,
-//     pageSize: 100,
-//     type: 0
-// }).then(res => {
-//     templatePolicy.value = res.data.records
-//        // 默认选中第一个
-//     if (res.data.records && res.data.records.length > 0) {
-//         value.value = res.data.records[0].id
-//         // 触发 change 事件，加载对应的配置
-//         changeFn(res.data.records[0].id)
-//     }
-// })
-const handleNodeClick = (data: any, node: any) => {
-    if (data.level === 6) {
-        dotList.value = data
-        monitoringPoint.setValue('lineId', data.id)
-    }
-}
-const changeFn = (val: any) => {
-    formd.value = {
-        xq: false,
-        lb: false,
-        mdbg: false,
-        mdtx: false,
-        sjdITIC: false,
-        sjdF47: false,
-        glfbfz: false,
-        glfbsj: false,
-        tjbg: false,
-        tjtx: false,
-        yybg: false,
-        yytx: false,
-        lxbg: false,
-        lxtx: false,
-        type: 0
-    }
-    let data = {
-        id: val
-    }
 
-    selectReleation(data).then(res => {
-        res.data.forEach((item: any) => {
-            for (let k in formd.value) {
-                if (item.name == k) {
-                    formd.value[k] = true
-                    return
-                }
-            }
-        })
-    })
-}
 const exportEvent = () => {
     if (dotList.value.level != 6) {
         return ElMessage({
@@ -246,8 +188,8 @@ const exportEvent = () => {
     }
     let a = ''
 
-    formd.value.lineId = dotList.value.id
-    formd.value.lineName = dotList.value.name
+    formd.value.lineId = monitoringPoint.state.lineId
+    formd.value.lineName = monitoringPoint.state.lineName.split('>').at(-1)
     formd.value.searchBeginTime = TableHeaderRef.value.datePickerRef.timeValue[0]
     formd.value.searchEndTime = TableHeaderRef.value.datePickerRef.timeValue[1]
     formd.value.flag = TableHeaderRef.value.datePickerRef.interval
diff --git a/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue b/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue
index 02dd3867..54f815eb 100644
--- a/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue
+++ b/src/views/pqs/voltageSags/report/weekly/components/overviewTab.vue
@@ -1,134 +1,134 @@
-<template>
-    <div>
-        <el-form :inline="true" class="formFlex">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item class="mr5">
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-                <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
-            </el-form-item>
-        </el-form>
-
-        <div v-loading="loading" style="display: flex; overflow: hidden" :style="{ height: height }">
-            <vxe-table style="flex: 1" v-bind="defaultAttribute" height="100%" :data="region">
-                <vxe-table-colgroup title="暂态统计(按区域统计)">
-                    <vxe-table-column field="name" title="区域"></vxe-table-column>
-                    <vxe-table-colgroup title="监测点数量">
-                        <vxe-table-column field="onLine" title="在线"></vxe-table-column>
-                        <vxe-table-column field="offLine" title="离线"></vxe-table-column>
-                    </vxe-table-colgroup>
-                    <vxe-table-column field="sagsCount" title="暂降次数"></vxe-table-column>
-                    <vxe-table-column field="breakCount" title="中断次数"></vxe-table-column>
-                    <vxe-table-column field="upCount" title="暂升次数"></vxe-table-column>
-                </vxe-table-colgroup>
-            </vxe-table>
-            <vxe-table style="flex: 1" class="ml10" v-bind="defaultAttribute" height="100%" :data="voltage">
-                <vxe-table-colgroup title="暂态统计(按电压等级统计)">
-                    <vxe-table-column field="name" title="电压等级"></vxe-table-column>
-                    <vxe-table-colgroup title="监测点数量">
-                        <vxe-table-column field="onLine" title="在线"></vxe-table-column>
-                        <vxe-table-column field="offLine" title="离线"></vxe-table-column>
-                    </vxe-table-colgroup>
-                    <vxe-table-column field="sagsCount" title="暂降次数"></vxe-table-column>
-                    <vxe-table-column field="breakCount" title="中断次数"></vxe-table-column>
-                    <vxe-table-column field="upCount" title="暂升次数"></vxe-table-column>
-                </vxe-table-colgroup>
-            </vxe-table>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { useDictData } from '@/stores/dictData'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import { ElMessage } from 'element-plus'
-import { ref, reactive, onMounted } from 'vue'
-import { getVoltage, getGeneralSituation, getExport } from '@/api/event-boot/report'
-import { defaultAttribute } from '@/components/table/defaultAttribute'
-import { mainHeight } from '@/utils/layout'
-const dictData = useDictData()
-const datePickerRef = ref()
-const loading = ref(true)
-const formData = reactive({
-    deptIndex: dictData.state.area[0].id,
-    monitorFlag: 2,
-    powerFlag: 2,
-    searchBeginTime: '',
-    searchEndTime: '',
-    serverName: 'event-boot'
-})
-const height = mainHeight(145).height
-const region = ref([])
-const voltage = ref([])
-const init = () => {
-    loading.value = true
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-
-    Promise.all([
-        getGeneralSituation({
-            ...formData,
-            statisticalType: dictData.getBasicData('Statistical_Type', [
-                'Report_Type',
-                'Manufacturer',
-
-                'Voltage_Level',
-                'Load_Type'
-            ])[0]
-        }),
-        getVoltage({
-            ...formData,
-            statisticalType: dictData.getBasicData('Statistical_Type', [
-                'Report_Type',
-                'Power_Network',
-                'Manufacturer',
-                'Load_Type'
-            ])[0]
-        })
-    ]).then(res => {
-        loading.value = false
-        region.value = res[0].data
-        voltage.value = res[1].data
-    })
-}
-const exportEvent = () => {
-    ElMessage({
-        message: '正在导出中'
-    })
-    getExport({
-        ...formData,
-
-        statisticalType: dictData.getBasicData('Statistical_Type', [
-            'Report_Type',
-            'Manufacturer',
-
-            'Voltage_Level',
-            'Load_Type'
-        ])[0]
-    }).then(res => {
-        const link = document.createElement('a')
-        let blob = new Blob([res], {
-            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'
-        })
-        link.style.display = 'none'
-        link.href = URL.createObjectURL(blob)
-        link.setAttribute('download', '暂态总体概况.xlsx') // 文件名可自定义
-        document.body.appendChild(link)
-        link.click()
-        document.body.removeChild(link)
-        ElMessage({
-            message: '导出成功',
-            type: 'success'
-        })
-    })
-}
-onMounted(() => {
-    init()
-})
-</script>
-<style lang="scss" scoped>
-.formFlex {
-    display: flex;
-    justify-content: space-between;
-}
-</style>
+<template>
+    <div>
+        <el-form :inline="true" class="formFlex">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item class="mr5">
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+                <el-button icon="el-icon-Download" type="primary" @click="exportEvent">导出</el-button>
+            </el-form-item>
+        </el-form>
+
+        <div v-loading="loading" style="display: flex; overflow: hidden" :style="{ height: height }">
+            <vxe-table style="flex: 1" v-bind="defaultAttribute" height="100%" :data="region">
+                <vxe-table-colgroup title="暂态统计(按区域统计)">
+                    <vxe-table-column field="name" title="区域"></vxe-table-column>
+                    <vxe-table-colgroup title="监测点数量">
+                        <vxe-table-column field="onLine" title="在线"></vxe-table-column>
+                        <vxe-table-column field="offLine" title="离线"></vxe-table-column>
+                    </vxe-table-colgroup>
+                    <vxe-table-column field="sagsCount" title="暂降次数"></vxe-table-column>
+                    <vxe-table-column field="breakCount" title="中断次数"></vxe-table-column>
+                    <vxe-table-column field="upCount" title="暂升次数"></vxe-table-column>
+                </vxe-table-colgroup>
+            </vxe-table>
+            <vxe-table style="flex: 1" class="ml10" v-bind="defaultAttribute" height="100%" :data="voltage">
+                <vxe-table-colgroup title="暂态统计(按电压等级统计)">
+                    <vxe-table-column field="name" title="电压等级"></vxe-table-column>
+                    <vxe-table-colgroup title="监测点数量">
+                        <vxe-table-column field="onLine" title="在线"></vxe-table-column>
+                        <vxe-table-column field="offLine" title="离线"></vxe-table-column>
+                    </vxe-table-colgroup>
+                    <vxe-table-column field="sagsCount" title="暂降次数"></vxe-table-column>
+                    <vxe-table-column field="breakCount" title="中断次数"></vxe-table-column>
+                    <vxe-table-column field="upCount" title="暂升次数"></vxe-table-column>
+                </vxe-table-colgroup>
+            </vxe-table>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { useDictData } from '@/stores/dictData'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import { ElMessage } from 'element-plus'
+import { ref, reactive, onMounted } from 'vue'
+import { getVoltage, getGeneralSituation, getExport } from '@/api/event-boot/report'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+import { mainHeight } from '@/utils/layout'
+const dictData = useDictData()
+const datePickerRef = ref()
+const loading = ref(true)
+const formData = reactive({
+    deptIndex: dictData.state.area[0].id,
+    monitorFlag: 2,
+    powerFlag: 2,
+    searchBeginTime: '',
+    searchEndTime: '',
+    serverName: 'event-boot'
+})
+const height = mainHeight(145).height
+const region = ref([])
+const voltage = ref([])
+const init = () => {
+    loading.value = true
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+
+    Promise.all([
+        getGeneralSituation({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Manufacturer',
+
+                'Voltage_Level',
+                'Load_Type'
+            ])[0]
+        }),
+        getVoltage({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Power_Network',
+                'Manufacturer',
+                'Load_Type'
+            ])[0]
+        })
+    ]).then(res => {
+        loading.value = false
+        region.value = res[0].data
+        voltage.value = res[1].data
+    })
+}
+const exportEvent = () => {
+    ElMessage({
+        message: '正在导出中'
+    })
+    getExport({
+        ...formData,
+
+        statisticalType: dictData.getBasicData('Statistical_Type', [
+            'Report_Type',
+            'Manufacturer',
+
+            'Voltage_Level',
+            'Load_Type'
+        ])[0]
+    }).then(res => {
+        const link = document.createElement('a')
+        let blob = new Blob([res], {
+            type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=UTF-8'
+        })
+        link.style.display = 'none'
+        link.href = URL.createObjectURL(blob)
+        link.setAttribute('download', '暂态总体概况.xlsx') // 文件名可自定义
+        document.body.appendChild(link)
+        link.click()
+        document.body.removeChild(link)
+        ElMessage({
+            message: '导出成功',
+            type: 'success'
+        })
+    })
+}
+onMounted(() => {
+    init()
+})
+</script>
+<style lang="scss" scoped>
+.formFlex {
+    display: flex;
+    justify-content: space-between;
+}
+</style>
diff --git a/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue b/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue
index 7d5b0c2e..0ed45ba9 100644
--- a/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue
+++ b/src/views/pqs/voltageSags/report/weekly/components/overviewTabEch.vue
@@ -1,292 +1,292 @@
-<template>
-    <div>
-        <el-form :inline="true" class="formFlex">
-            <el-form-item label="日期">
-                <DatePicker ref="datePickerRef"></DatePicker>
-            </el-form-item>
-            <el-form-item class="mr5">
-                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
-            </el-form-item>
-        </el-form>
-
-        <div v-loading="loading" :style="{ height: height }">
-            <div style="display: flex">
-                <my-echart class="bars_w" :options="options1" />
-                <my-echart class="bars_w" :options="options2" />
-            </div>
-            <div style="display: flex">
-                <my-echart class="bars_w" :options="options3" />
-                <my-echart class="bars_w" :options="options4" />
-            </div>
-        </div>
-    </div>
-</template>
-<script setup lang="ts">
-import { useDictData } from '@/stores/dictData'
-import DatePicker from '@/components/form/datePicker/index.vue'
-import { ref, reactive, onMounted } from 'vue'
-import MyEchart from '@/components/echarts/MyEchart.vue'
-import { getVoltage, getGeneralSituation } from '@/api/event-boot/report'
-import { mainHeight } from '@/utils/layout'
-const dictData = useDictData()
-const datePickerRef = ref()
-const loading = ref(true)
-const formData = reactive({
-    deptIndex: dictData.state.area[0].id,
-    monitorFlag: 2,
-    powerFlag: 2,
-    searchBeginTime: '',
-    searchEndTime: '',
-    serverName: 'event-boot'
-})
-const height = mainHeight(145).height
-const options1 = ref({})
-const options2 = ref({})
-const options3 = ref({})
-const options4 = ref({})
-
-const init = () => {
-    let label = {
-        normal: {
-            show: true,
-            textStyle: {
-                //数值样式
-                color: '#fff',
-                fontSize: 14
-            }
-        }
-    }
-    loading.value = true
-    formData.searchBeginTime = datePickerRef.value.timeValue[0]
-    formData.searchEndTime = datePickerRef.value.timeValue[1]
-
-    Promise.all([
-        getGeneralSituation({
-            ...formData,
-            statisticalType: dictData.getBasicData('Statistical_Type', [
-                'Report_Type',
-                'Manufacturer',
-
-                'Voltage_Level',
-                'Load_Type'
-            ])[0]
-        }),
-        getVoltage({
-            ...formData,
-            statisticalType: dictData.getBasicData('Statistical_Type', [
-                'Report_Type',
-                'Power_Network',
-                'Manufacturer',
-                'Load_Type'
-            ])[0]
-        })
-    ]).then(res => {
-        // region.value = res[0].data
-        // voltage.value = res[1].data
-
-        let area = []
-        let onlineData = []
-        let offlineData = []
-        res[0].data.forEach(item => {
-            area.push(item.name)
-            onlineData.push(item.onLine)
-            offlineData.push(item.offLine)
-        })
-        options1.value = {
-            title: {
-                text: '终端运行情况',
-                subtext: '区域统计'
-            },
-
-            legend: {
-                data: ['在线', '离线']
-            },
-
-            xAxis: {
-                name: '(区域)',
-                data: res[0].data.map(item => item.name)
-            },
-            yAxis: {
-                name: '个' // 给X轴加单位
-            },
-            color: ['#07CCCA', '#FFBF00'],
-            options: {
-                series: [
-                    {
-                        name: '在线',
-                        type: 'bar',
-                        barMaxWidth: 20,
-                        stack: 'account',
-
-                        // color: 'green',
-                        data: res[0].data.map(item => item.onLine)
-                    },
-                    {
-                        name: '离线',
-                        type: 'bar',
-                        barMaxWidth: 20,
-                        stack: 'account',
-
-                        // color: 'orange',
-                        data: res[0].data.map(item => item.offLine)
-                    }
-                ]
-            }
-        }
-        options2.value = {
-            title: {
-                text: '终端运行情况',
-                subtext: '电压等级统计'
-            },
-
-            legend: {
-                data: ['在线', '离线']
-            },
-
-            xAxis: {
-                name: '电压\n等级',
-                data: res[1].data.map(item => item.name)
-            },
-            yAxis: {
-                name: '个' // 给X轴加单位
-            },
-            color: ['#07CCCA', '#FFBF00'],
-            options: {
-                series: [
-                    {
-                        name: '在线',
-                        type: 'bar',
-                        barMaxWidth: 20,
-                        stack: 'account',
-
-                        // color: 'green',
-                        data: res[1].data.map(item => item.onLine)
-                    },
-                    {
-                        name: '离线',
-                        type: 'bar',
-                        barMaxWidth: 20,
-                        stack: 'account',
-
-                        // color: 'orange',
-                        data: res[1].data.map(item => item.offLine)
-                    }
-                ]
-            }
-        }
-        options3.value = {
-            title: {
-                text: '暂态事件次数',
-                subtext: '区域统计'
-            },
-
-            legend: {
-                data: ['暂降次数', '中断次数', '暂升次数']
-            },
-
-            xAxis: {
-                name: '(区域)',
-                data: res[0].data.map(item => item.name)
-            },
-            yAxis: {
-                name: '次' // 给X轴加单位
-            },
-            color: ['#07CCCA', '#FFBF00', '#77DA63'],
-            options: {
-                series: [
-                    {
-                        name: '暂降次数',
-                        type: 'bar',
-                        stack: 'account',
-
-                        barWidth: 20,
-
-                        data: res[0].data.map(item => item.sagsCount)
-                    },
-                    {
-                        name: '中断次数',
-                        type: 'bar',
-                        stack: 'account',
-
-                        barWidth: 20,
-
-                        data: res[0].data.map(item => item.breakCount)
-                    },
-                    {
-                        name: '暂升次数',
-                        type: 'bar',
-                        stack: 'account',
-
-                        barWidth: 20,
-
-                        data: res[0].data.map(item => item.upCount)
-                    }
-                ]
-            }
-        }
-        options4.value = {
-            title: {
-                text: '暂态事件次数',
-                subtext: '电压等级统计'
-            },
-
-            legend: {
-                data: ['暂降次数', '中断次数', '暂升次数']
-            },
-            color: ['#07CCCA', '#FFBF00', '#77DA63'],
-            xAxis: {
-                name: '电压\n等级',
-                data: res[1].data.map(item => item.name)
-            },
-            yAxis: {
-                name: '次'
-            },
-            options: {
-                series: [
-                    {
-                        name: '暂降次数',
-                        type: 'bar',
-                        stack: 'account',
-
-                        barWidth: 20,
-
-                        data: res[1].data.map(item => item.sagsCount)
-                    },
-                    {
-                        name: '中断次数',
-                        type: 'bar',
-                        stack: 'account',
-
-                        barWidth: 20,
-
-                        data: res[1].data.map(item => item.breakCount)
-                    },
-                    {
-                        name: '暂升次数',
-                        type: 'bar',
-                        stack: 'account',
-                        barWidth: 20,
-
-                        data: res[1].data.map(item => item.upCount)
-                    }
-                ]
-            }
-        }
-        loading.value = false
-    })
-}
-onMounted(() => {
-    init()
-})
-const layout = mainHeight(150) as any
-</script>
-<style lang="scss" scoped>
-.bars_w {
-    width: 100%;
-    height: calc(v-bind('layout.height') / 2);
-}
-.formFlex {
-    display: flex;
-    justify-content: space-between;
-}
-</style>
+<template>
+    <div>
+        <el-form :inline="true" class="formFlex">
+            <el-form-item label="统计时间">
+                <DatePicker ref="datePickerRef"></DatePicker>
+            </el-form-item>
+            <el-form-item class="mr5">
+                <el-button type="primary" @click="init" icon="el-icon-Search">查询</el-button>
+            </el-form-item>
+        </el-form>
+
+        <div v-loading="loading" :style="{ height: height }">
+            <div style="display: flex">
+                <my-echart class="bars_w" :options="options1" />
+                <my-echart class="bars_w" :options="options2" />
+            </div>
+            <div style="display: flex">
+                <my-echart class="bars_w" :options="options3" />
+                <my-echart class="bars_w" :options="options4" />
+            </div>
+        </div>
+    </div>
+</template>
+<script setup lang="ts">
+import { useDictData } from '@/stores/dictData'
+import DatePicker from '@/components/form/datePicker/index.vue'
+import { ref, reactive, onMounted } from 'vue'
+import MyEchart from '@/components/echarts/MyEchart.vue'
+import { getVoltage, getGeneralSituation } from '@/api/event-boot/report'
+import { mainHeight } from '@/utils/layout'
+const dictData = useDictData()
+const datePickerRef = ref()
+const loading = ref(true)
+const formData = reactive({
+    deptIndex: dictData.state.area[0].id,
+    monitorFlag: 2,
+    powerFlag: 2,
+    searchBeginTime: '',
+    searchEndTime: '',
+    serverName: 'event-boot'
+})
+const height = mainHeight(145).height
+const options1 = ref({})
+const options2 = ref({})
+const options3 = ref({})
+const options4 = ref({})
+
+const init = () => {
+    let label = {
+        normal: {
+            show: true,
+            textStyle: {
+                //数值样式
+                color: '#fff',
+                fontSize: 14
+            }
+        }
+    }
+    loading.value = true
+    formData.searchBeginTime = datePickerRef.value.timeValue[0]
+    formData.searchEndTime = datePickerRef.value.timeValue[1]
+
+    Promise.all([
+        getGeneralSituation({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Manufacturer',
+
+                'Voltage_Level',
+                'Load_Type'
+            ])[0]
+        }),
+        getVoltage({
+            ...formData,
+            statisticalType: dictData.getBasicData('Statistical_Type', [
+                'Report_Type',
+                'Power_Network',
+                'Manufacturer',
+                'Load_Type'
+            ])[0]
+        })
+    ]).then(res => {
+        // region.value = res[0].data
+        // voltage.value = res[1].data
+
+        let area = []
+        let onlineData = []
+        let offlineData = []
+        res[0].data.forEach(item => {
+            area.push(item.name)
+            onlineData.push(item.onLine)
+            offlineData.push(item.offLine)
+        })
+        options1.value = {
+            title: {
+                text: '终端运行情况',
+                subtext: '区域统计'
+            },
+
+            legend: {
+                data: ['在线', '离线']
+            },
+
+            xAxis: {
+                name: '(区域)',
+                data: res[0].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '个' // 给X轴加单位
+            },
+            color: ['#07CCCA', '#FFBF00'],
+            options: {
+                series: [
+                    {
+                        name: '在线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+
+                        // color: 'green',
+                        data: res[0].data.map(item => item.onLine)
+                    },
+                    {
+                        name: '离线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+
+                        // color: 'orange',
+                        data: res[0].data.map(item => item.offLine)
+                    }
+                ]
+            }
+        }
+        options2.value = {
+            title: {
+                text: '终端运行情况',
+                subtext: '电压等级统计'
+            },
+
+            legend: {
+                data: ['在线', '离线']
+            },
+
+            xAxis: {
+                name: '电压\n等级',
+                data: res[1].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '个' // 给X轴加单位
+            },
+            color: ['#07CCCA', '#FFBF00'],
+            options: {
+                series: [
+                    {
+                        name: '在线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+
+                        // color: 'green',
+                        data: res[1].data.map(item => item.onLine)
+                    },
+                    {
+                        name: '离线',
+                        type: 'bar',
+                        barMaxWidth: 20,
+                        stack: 'account',
+
+                        // color: 'orange',
+                        data: res[1].data.map(item => item.offLine)
+                    }
+                ]
+            }
+        }
+        options3.value = {
+            title: {
+                text: '暂态事件次数',
+                subtext: '区域统计'
+            },
+
+            legend: {
+                data: ['暂降次数', '中断次数', '暂升次数']
+            },
+
+            xAxis: {
+                name: '(区域)',
+                data: res[0].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '次' // 给X轴加单位
+            },
+            color: ['#07CCCA', '#FFBF00', '#77DA63'],
+            options: {
+                series: [
+                    {
+                        name: '暂降次数',
+                        type: 'bar',
+                        stack: 'account',
+
+                        barWidth: 20,
+
+                        data: res[0].data.map(item => item.sagsCount)
+                    },
+                    {
+                        name: '中断次数',
+                        type: 'bar',
+                        stack: 'account',
+
+                        barWidth: 20,
+
+                        data: res[0].data.map(item => item.breakCount)
+                    },
+                    {
+                        name: '暂升次数',
+                        type: 'bar',
+                        stack: 'account',
+
+                        barWidth: 20,
+
+                        data: res[0].data.map(item => item.upCount)
+                    }
+                ]
+            }
+        }
+        options4.value = {
+            title: {
+                text: '暂态事件次数',
+                subtext: '电压等级统计'
+            },
+
+            legend: {
+                data: ['暂降次数', '中断次数', '暂升次数']
+            },
+            color: ['#07CCCA', '#FFBF00', '#77DA63'],
+            xAxis: {
+                name: '电压\n等级',
+                data: res[1].data.map(item => item.name)
+            },
+            yAxis: {
+                name: '次'
+            },
+            options: {
+                series: [
+                    {
+                        name: '暂降次数',
+                        type: 'bar',
+                        stack: 'account',
+
+                        barWidth: 20,
+
+                        data: res[1].data.map(item => item.sagsCount)
+                    },
+                    {
+                        name: '中断次数',
+                        type: 'bar',
+                        stack: 'account',
+
+                        barWidth: 20,
+
+                        data: res[1].data.map(item => item.breakCount)
+                    },
+                    {
+                        name: '暂升次数',
+                        type: 'bar',
+                        stack: 'account',
+                        barWidth: 20,
+
+                        data: res[1].data.map(item => item.upCount)
+                    }
+                ]
+            }
+        }
+        loading.value = false
+    })
+}
+onMounted(() => {
+    init()
+})
+const layout = mainHeight(150) as any
+</script>
+<style lang="scss" scoped>
+.bars_w {
+    width: 100%;
+    height: calc(v-bind('layout.height') / 2);
+}
+.formFlex {
+    display: flex;
+    justify-content: space-between;
+}
+</style>