diff --git a/src/api/auth.ts b/src/api/auth.ts
index 5feea602..49d723f9 100644
--- a/src/api/auth.ts
+++ b/src/api/auth.ts
@@ -12,3 +12,11 @@ export function dictDataCache() {
         url: '/system-boot/dictType/dictDataCache'
     })
 }
+//查询所有类型大类节点
+export function queryFirstNode(params: any) {
+    return createAxios({
+        url: '/system-boot/dictTree/queryFirstNode',
+        method: 'get',
+        params
+    })
+}
diff --git a/src/api/device-boot/dataVerify.ts b/src/api/device-boot/dataVerify.ts
new file mode 100644
index 00000000..c86ea66a
--- /dev/null
+++ b/src/api/device-boot/dataVerify.ts
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+// 异常-更新按钮-获取异常数据列表
+export function getMonitorVerifyDay(data:any) {
+    return request({
+        url: '/device-boot/dataVerify/getMonitorVerifyDay',
+        method: 'post',
+        data
+    })
+}
\ No newline at end of file
diff --git a/src/assets/font/demo_index.html b/src/assets/font/demo_index.html
index f1d4c272..59ccb3fa 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">&#xe70e;</span>
+                <div class="name">电压合格率</div>
+                <div class="code-name">&amp;#xe70e;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe7c2;</span>
+                <div class="name">在线率报表</div>
+                <div class="code-name">&amp;#xe7c2;</div>
+              </li>
+          
+            <li class="dib">
+              <span class="icon iconfont">&#xe60d;</span>
+                <div class="name">wzlfx</div>
+                <div class="code-name">&amp;#xe60d;</div>
+              </li>
+          
             <li class="dib">
               <span class="icon iconfont">&#xe638;</span>
                 <div class="name">首页-待评价</div>
@@ -204,9 +222,9 @@
 <pre><code class="language-css"
 >@font-face {
   font-family: 'iconfont';
-  src: url('iconfont.woff2?t=1742987095628') format('woff2'),
-       url('iconfont.woff?t=1742987095628') format('woff'),
-       url('iconfont.ttf?t=1742987095628') format('truetype');
+  src: url('iconfont.woff2?t=1743573122508') format('woff2'),
+       url('iconfont.woff?t=1743573122508') format('woff'),
+       url('iconfont.ttf?t=1743573122508') format('truetype');
 }
 </code></pre>
           <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -232,6 +250,33 @@
       <div class="content font-class">
         <ul class="icon_lists dib-box">
           
+          <li class="dib">
+            <span class="icon iconfont icon-dianyahegeshuai"></span>
+            <div class="name">
+              电压合格率
+            </div>
+            <div class="code-name">.icon-dianyahegeshuai
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-zaixianshuaibaobiao0"></span>
+            <div class="name">
+              在线率报表
+            </div>
+            <div class="code-name">.icon-zaixianshuaibaobiao0
+            </div>
+          </li>
+          
+          <li class="dib">
+            <span class="icon iconfont icon-wanzhengshuaifenxi2"></span>
+            <div class="name">
+              wzlfx
+            </div>
+            <div class="code-name">.icon-wanzhengshuaifenxi2
+            </div>
+          </li>
+          
           <li class="dib">
             <span class="icon iconfont icon-daipingjia"></span>
             <div class="name">
@@ -457,6 +502,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-dianyahegeshuai"></use>
+                </svg>
+                <div class="name">电压合格率</div>
+                <div class="code-name">#icon-dianyahegeshuai</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-zaixianshuaibaobiao0"></use>
+                </svg>
+                <div class="name">在线率报表</div>
+                <div class="code-name">#icon-zaixianshuaibaobiao0</div>
+            </li>
+          
+            <li class="dib">
+                <svg class="icon svg-icon" aria-hidden="true">
+                  <use xlink:href="#icon-wanzhengshuaifenxi2"></use>
+                </svg>
+                <div class="name">wzlfx</div>
+                <div class="code-name">#icon-wanzhengshuaifenxi2</div>
+            </li>
+          
             <li class="dib">
                 <svg class="icon svg-icon" aria-hidden="true">
                   <use xlink:href="#icon-daipingjia"></use>
diff --git a/src/assets/font/iconfont.css b/src/assets/font/iconfont.css
index bf66601a..6b16e59e 100644
--- a/src/assets/font/iconfont.css
+++ b/src/assets/font/iconfont.css
@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 3482754 */
-  src: url('iconfont.woff2?t=1742987095628') format('woff2'),
-       url('iconfont.woff?t=1742987095628') format('woff'),
-       url('iconfont.ttf?t=1742987095628') format('truetype');
+  src: url('iconfont.woff2?t=1743573122508') format('woff2'),
+       url('iconfont.woff?t=1743573122508') format('woff'),
+       url('iconfont.ttf?t=1743573122508') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-dianyahegeshuai:before {
+  content: "\e70e";
+}
+
+.icon-zaixianshuaibaobiao0:before {
+  content: "\e7c2";
+}
+
+.icon-wanzhengshuaifenxi2:before {
+  content: "\e60d";
+}
+
 .icon-daipingjia:before {
   content: "\e638";
 }
diff --git a/src/assets/font/iconfont.js b/src/assets/font/iconfont.js
index 6458642e..ec301244 100644
--- a/src/assets/font/iconfont.js
+++ b/src/assets/font/iconfont.js
@@ -1 +1 @@
-window._iconfont_svg_string_3482754='<svg><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 h=(a=(a=document.getElementsByTagName("script"))[a.length-1]).getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var l,t,i,o,v,e=function(h,a){a.parentNode.insertBefore(h,a)};if(h&&!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(h){console&&console.log(h)}}l=function(){var h,a=document.createElement("div");a.innerHTML=c._iconfont_svg_string_3482754,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(h=document.body).firstChild?e(a,h.firstChild):h.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(l,0):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),l()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(i=l,o=c.document,v=!1,m(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,n())})}function n(){v||(v=!0,i())}function m(){try{o.documentElement.doScroll("left")}catch(h){return void setTimeout(m,50)}n()}})(window);
\ No newline at end of file
+window._iconfont_svg_string_3482754='<svg><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,t,i,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):(t=function(){document.removeEventListener("DOMContentLoaded",t,!1),l()},document.addEventListener("DOMContentLoaded",t,!1)):document.attachEvent&&(i=l,o=c.document,v=!1,m(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,n())})}function n(){v||(v=!0,i())}function m(){try{o.documentElement.doScroll("left")}catch(a){return void setTimeout(m,50)}n()}})(window);
\ No newline at end of file
diff --git a/src/assets/font/iconfont.json b/src/assets/font/iconfont.json
index 6cc780be..d211a5a6 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": "11708319",
+      "name": "电压合格率",
+      "font_class": "dianyahegeshuai",
+      "unicode": "e70e",
+      "unicode_decimal": 59150
+    },
+    {
+      "icon_id": "31920601",
+      "name": "在线率报表",
+      "font_class": "zaixianshuaibaobiao0",
+      "unicode": "e7c2",
+      "unicode_decimal": 59330
+    },
+    {
+      "icon_id": "42089357",
+      "name": "wzlfx",
+      "font_class": "wanzhengshuaifenxi2",
+      "unicode": "e60d",
+      "unicode_decimal": 58893
+    },
     {
       "icon_id": "2545172",
       "name": "首页-待评价",
diff --git a/src/assets/font/iconfont.ttf b/src/assets/font/iconfont.ttf
index 8801e646..4a1c6925 100644
Binary files a/src/assets/font/iconfont.ttf and b/src/assets/font/iconfont.ttf differ
diff --git a/src/assets/font/iconfont.woff b/src/assets/font/iconfont.woff
index 62bcfc3a..3caf925d 100644
Binary files a/src/assets/font/iconfont.woff and b/src/assets/font/iconfont.woff differ
diff --git a/src/assets/font/iconfont.woff2 b/src/assets/font/iconfont.woff2
index e97a64c4..62dbb074 100644
Binary files a/src/assets/font/iconfont.woff2 and b/src/assets/font/iconfont.woff2 differ
diff --git a/src/assets/imgs/bg02.png b/src/assets/imgs/bg02.png
new file mode 100644
index 00000000..18f79847
Binary files /dev/null and b/src/assets/imgs/bg02.png differ
diff --git a/src/assets/imgs/bg1.png b/src/assets/imgs/bg1.png
new file mode 100644
index 00000000..0682ae8c
Binary files /dev/null and b/src/assets/imgs/bg1.png differ
diff --git a/src/assets/imgs/ditu.png b/src/assets/imgs/ditu.png
new file mode 100644
index 00000000..338ad5d7
Binary files /dev/null and b/src/assets/imgs/ditu.png differ
diff --git a/src/assets/imgs/ditu1.png b/src/assets/imgs/ditu1.png
new file mode 100644
index 00000000..5395386e
Binary files /dev/null and b/src/assets/imgs/ditu1.png differ
diff --git a/src/components/table/header/index.vue b/src/components/table/header/index.vue
index 43383444..fd8d6719 100644
--- a/src/components/table/header/index.vue
+++ b/src/components/table/header/index.vue
@@ -203,7 +203,7 @@ const onExport = () => {
     tableStore.onTableAction('export', { showAllFlag: true })
 }
 
-defineExpose({ onComSearch, areaRef, setDatePicker, setTheDate, datePickerRef, showSelectChange,computedSearchRow })
+defineExpose({ onComSearch, areaRef, setDatePicker, setTheDate, datePickerRef, showSelectChange,computedSearchRow,onExport })
 </script>
 
 <style scoped lang="scss">
diff --git a/src/components/tree/pqs/assessTree.vue b/src/components/tree/pqs/assessTree.vue
index 34957129..01fd09f3 100644
--- a/src/components/tree/pqs/assessTree.vue
+++ b/src/components/tree/pqs/assessTree.vue
@@ -53,7 +53,7 @@ const loadData = () => {
 
         res.data = [
             {
-                name: '国网xx供电公司',
+                name: '张家口供电公司',
                 level: -1,
                 id: 0,
                 children: [
diff --git a/src/views/pqs/harmonicMonitoring/harmonicGovern/index.vue b/src/views/pqs/harmonicMonitoring/harmonicGovern/index.vue
index 056ba5f4..93fab4e3 100644
--- a/src/views/pqs/harmonicMonitoring/harmonicGovern/index.vue
+++ b/src/views/pqs/harmonicMonitoring/harmonicGovern/index.vue
@@ -384,7 +384,7 @@ function calcSag() {
 <style scoped>
 
 .divider {
-    font-family: AlimamaDongFangDaKai;
+    /* font-family: AlimamaDongFangDaKai; */
 }
 
 @keyframes colorChange {
diff --git a/src/views/pqs/runManage/assessment/components/assess/index.vue b/src/views/pqs/runManage/assessment/components/assess/index.vue
index e94788be..780733a0 100644
--- a/src/views/pqs/runManage/assessment/components/assess/index.vue
+++ b/src/views/pqs/runManage/assessment/components/assess/index.vue
@@ -82,7 +82,7 @@ const handleNodeClick = (data: any, node: any) => {
 }
 
 :deep(.el-collapse-item__header) {
-    font-family: AlimamaDongFangDaKai;
+    // font-family: AlimamaDongFangDaKai;
     font-size: 20px;
     &::before {
         content: '▍'; /* 添加星号 */
diff --git a/src/views/pqs/runManage/assessment/components/assess/outcome.vue b/src/views/pqs/runManage/assessment/components/assess/outcome.vue
index f7e14d6c..009d185e 100644
--- a/src/views/pqs/runManage/assessment/components/assess/outcome.vue
+++ b/src/views/pqs/runManage/assessment/components/assess/outcome.vue
@@ -96,6 +96,7 @@
                         <vxe-column title="国标限值(%)" field="name3" />
                         <vxe-column title="判断">
                             <template #default="{ row }">
+                                
                                 <el-tag v-if="row.name2 > row.name3" type="warning">不合格</el-tag>
                                 <el-tag v-else type="success">合格</el-tag>
                             </template>
@@ -119,8 +120,9 @@
                             <vxe-column title="国标限值(A)" field="name3" />
                             <vxe-column title="判断">
                                 <template #default="{ row }">
+                                    <!-- <span v-if="row.name2 == null"></span>
                                     <el-tag v-if="row.name2 > row.name3" type="warning">不合格</el-tag>
-                                    <el-tag v-else type="success">合格</el-tag>
+                                    <el-tag v-else type="success">合格</el-tag> -->
                                 </template>
                             </vxe-column>
                         </vxe-table>
@@ -282,6 +284,7 @@ onMounted(() => {
     for (let i = 2; i < 51; i++) {
         harmonicVoltage.value.push({
             name: i
+            
         })
         harmonicCurrents.value.push({
             name: i
diff --git a/src/views/pqs/runManage/assessment/components/uese/form.vue b/src/views/pqs/runManage/assessment/components/uese/form.vue
index 9ecefe5d..de630cfc 100644
--- a/src/views/pqs/runManage/assessment/components/uese/form.vue
+++ b/src/views/pqs/runManage/assessment/components/uese/form.vue
@@ -157,7 +157,7 @@ import { defaultAttribute } from '@/components/table/defaultAttribute'
 import addform from './addform.vue'
 const activeNames = ref([1, 2, 3, 4, 5, 6, 7])
 const dictData = useDictData()
-const pageHeight = mainHeight(90)
+const pageHeight = mainHeight(70)
 const areaOptionList = dictData.getBasicData('jibei_area')
 const addformRef = ref()
 const form: any = ref({
@@ -381,7 +381,7 @@ const edit = (item: any,row: any) => {
     justify-content: end;
 }
 :deep(.el-collapse-item__header) {
-    font-family: AlimamaDongFangDaKai;
+    // font-family: AlimamaDongFangDaKai;
     font-size: 20px;
     &::before {
         content: '▍'; /* 添加星号 */
diff --git a/src/views/pqs/runManage/assessment/components/uese/index.vue b/src/views/pqs/runManage/assessment/components/uese/index.vue
index a0ed1092..3408d9cd 100644
--- a/src/views/pqs/runManage/assessment/components/uese/index.vue
+++ b/src/views/pqs/runManage/assessment/components/uese/index.vue
@@ -71,6 +71,9 @@ import TableHeader from '@/components/table/header/index.vue'
 import { useDictData } from '@/stores/dictData'
 import { ElMessage, ElMessageBox, ElDatePicker } from 'element-plus'
 import { useRouter } from 'vue-router'
+defineOptions({
+    name: 'runManage/addUser'
+})
 const { push } = useRouter()
 const dictData = useDictData()
 const areaOptionList = dictData.getBasicData('jibei_area')
@@ -81,20 +84,38 @@ const tableStore: any = new TableStore({
     method: 'GET',
     publicHeight: 65,
     column: [
-        { field: 'timerName', title: '所属地市' },
-        { field: 'timerName', title: '用户名称' },
-        { field: 'timerName', title: '接入变电站' },
-        { field: 'timerName', title: '电站电压等级' },
-        { field: 'timerName', title: '接入母线' },
-        { field: 'timerName', title: '接入电压等级' },
-        { field: 'timerName', title: '供电设备容量(MVA)' },
-        { field: 'timerName', title: '最小短路容量(MVA)' },
-        { field: 'timerName', title: '用户协议容量(MVA)' },
+    {
+            width: '60',
+            type: 'checkbox'
+        },
+        {
+            title: '序号',
+            width: 80,
+            field: 'name',
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
+        { field: 'name', title: '所属地市', minWidth: 100 },
+        { field: 'name1', title: '用户名称', minWidth: 180 },
+        { field: 'name2', title: '接入变电站', minWidth: 180 },
+        { field: 'name3', title: '电站电压等级', minWidth: 180 },
+        { field: 'name4', title: '接入母线', minWidth: 180 },
+        { field: 'name5', title: '接入电压等级', minWidth: 180 },
+        { field: 'name6', title: '供电设备容量(MVA)', minWidth: 180 },
+        { field: 'name7', title: '最小短路容量(MVA)', minWidth: 180 },
+        { field: 'name8', title: '用户协议容量(MVA)', minWidth: 180 },
+        { field: 'name9', title: 'PCC点名称', minWidth: 180 },
+        { field: 'name10', title: 'PCC电网电阻', minWidth: 180 },
+        { field: 'name11', title: '长度', minWidth: 180 },
+        { field: 'name12', title: '回路数', minWidth: 180 },
+        { field: 'name13', title: '导线类型', minWidth: 180 },
 
         {
             title: '操作',
             width: '220',
             render: 'buttons',
+            fixed: 'right',
             buttons: [
                 {
                     name: 'edit',
@@ -120,7 +141,25 @@ const tableStore: any = new TableStore({
 
     loadCallback: () => {
         // 格式化 cron 表达式
-        tableStore.table.data = []
+        tableStore.table.data = [
+            {
+                name: '张家口',
+                name1: '特种钢厂',
+                name2: '220kV石门变',
+                name3: '220kV', 
+                name4: '110kV 母线',
+                name5: '110kV',
+                name6: '90',
+                name7: '100',
+                name8: '40',
+                name9: '测试名称',
+                name10: '10',
+                name11: '12',
+                name12: '13',
+                name13: '14',
+                name14: '15'
+            }
+        ]
     }
 })
 tableStore.table.params.searchValue = ''
diff --git a/src/views/pqs/runManage/assessment/index.vue b/src/views/pqs/runManage/assessment/index.vue
index 58ef8c29..c2b83bb7 100644
--- a/src/views/pqs/runManage/assessment/index.vue
+++ b/src/views/pqs/runManage/assessment/index.vue
@@ -15,6 +15,6 @@ import Dictionary from '@/views/pqs/runManage/assessment/components/dictionary/i
 defineOptions({
     name: 'runManage/assessment'
 })
-const activeName = ref('3')
+const activeName = ref('1')
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/views/pqs/runManage/cleaning/components/abnormal.vue b/src/views/pqs/runManage/cleaning/components/abnormal.vue
index 51b343db..99f7b21f 100644
--- a/src/views/pqs/runManage/cleaning/components/abnormal.vue
+++ b/src/views/pqs/runManage/cleaning/components/abnormal.vue
@@ -1,17 +1,17 @@
 <!--业务用户管理界面-->
 <template>
     <div>
-        <TableHeader date-picker>
+        <TableHeader date-picker ref="TableHeaderRef">
             <template v-slot:select>
                 <el-form-item label="对象类型">
                     <el-select
-                        v-model="tableStore.table.params.supvObjType"
+                        v-model="tableStore.table.params.objType"
                         clearable
                         style="width: 100%"
                         placeholder="请选择对象类型"
                     >
                         <el-option
-                            v-for="item in supvObjTypeList"
+                            v-for="item in objTypeList"
                             :key="item.id"
                             :label="item.name"
                             :value="item.id"
@@ -24,7 +24,7 @@
         </TableHeader>
         <div class="card-list pt10">
             <div class="monitoringPoints">
-                <el-card style="height: 390px">
+                <el-card style="height: 200px">
                     <template #header>
                         <div class="card-header">
                             <span>监测点统计</span>
@@ -34,21 +34,28 @@
                         <div class="statistics">
                             <div class="divBox">
                                 <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
-                                <span class="divBox_title">总数</span>
-                                <span class="divBox_num" style="color: #57bc6e">400</span>
+                                <span class="divBox_title">监测点总数</span>
+                                <span class="divBox_num" style="color: #57bc6e">{{ monitoringPoints.runNum }}</span>
                             </div>
                             <div class="divBox" style="width: 200px">
                                 <span class="iconfont icon-igw-f-warning-data" style="color: #fca955"></span>
                                 <span class="divBox_title">异常测点数</span>
-                                <span class="divBox_num" style="color: #fca955">200</span>
+                                <span class="divBox_num" style="color: #fca955">
+                                    {{ monitoringPoints.abnormalNum }}
+                                </span>
                             </div>
-                            <!-- <div class="divBox">
-                                <span class="iconfont icon-shouruzhanbi" style="color: #06b6a9"></span>
-                                <span class="divBox_title">占比</span>
-                                <span class="divBox_num" style="color: #06b6a9">50%</span>
-                            </div> -->
                         </div>
-                        <div class="mt10" style="height: 240px">
+                        <div class="echartTitle">
+                            <div>异常占比</div>
+                            <div>
+                                {{
+                                    isNaN((monitoringPoints.abnormalNum / monitoringPoints.runNum) * 100)
+                                        ? 0
+                                        : ((monitoringPoints.abnormalNum / monitoringPoints.runNum) * 100).toFixed(2)
+                                }}%
+                            </div>
+                        </div>
+                        <div style="height: 30px">
                             <MyEchart :options="percentage"></MyEchart>
                         </div>
                     </div>
@@ -59,33 +66,31 @@
                             <span>异常指标统计</span>
                         </div>
                     </template>
+                    <div class="mb5" style="height: 40px">
+                        <el-segmented style="height: 100%" v-model="segmented" :options="segmentedList" block />
+                    </div>
                     <div class="header">
-                        <span style="width: 180px; text-align: left">指标名称</span>
+                        <span style="width: 170px; text-align: left">指标名称</span>
                         <span style="flex: 1">合理范围</span>
-                        <span style="width: 100px">异常测点数</span>
+                        <span style="width: 90px">异常测点数</span>
                     </div>
                     <div :style="indicatorHeight" style="overflow-y: auto">
                         <div v-for="o in abnormal" class="abnormal mb10">
-                            <span style="width: 180px; height: 24px" class="iconDiv">
-                                <!-- <span
-                                    class="iconFont iconfont icon-yichang"
-                                   
-                                ></span> -->
-                                <div  :style="{  backgroundColor: o.quantity > 0 ? '#ff9800' : '' }"></div>
-                                {{ o.name }}
+                            <span style="width: 170px; height: 24px" class="iconDiv">
+                                <div :style="{ backgroundColor: o.ids.length > 0 ? '#ff9800' : '' }"></div>
+                                {{ o.targetName }}
                             </span>
                             <span style="flex: 1; text-align: center">
                                 <!-- 合理范围： -->
-                                <span style="color: #388e3c" class="text">{{ o.range }}</span>
-                                {{ o.unit }}
+                                <span style="color: #388e3c" class="text">{{ o.rangeDesc }}</span>
                             </span>
-                            <span style="width: 100px; text-align: center">
+                            <span style="width: 90px; text-align: center">
                                 <span
                                     style="color: #ff9800; cursor: pointer; text-decoration: underline"
                                     class="text"
                                     @click="quantityClick(o)"
                                 >
-                                    {{ o.quantity }}
+                                    {{ o.ids.length }}
                                 </span>
                             </span>
                         </div>
@@ -102,21 +107,26 @@
                     <MyEchart :options="options"></MyEchart>
                 </div>
                 <el-form :inline="true" class="form">
-                    <el-form-item label="告警持续天数"></el-form-item>
-                    <el-form-item label="告警阀值(天)">
-                        <el-input-number v-model="tableStore.table.params.alarm" :min="0" :step="1" step-strictly />
+                    <el-form-item label="异常持续天数"></el-form-item>
+                    <el-form-item label="异常阀值(天)">
+                        <el-input-number
+                            v-model="tableStore.table.params.alarmDayLimit"
+                            :min="0"
+                            :step="1"
+                            step-strictly
+                        />
                     </el-form-item>
                     <el-form-item label="预警阀值(天)">
                         <el-input-number
-                            v-model="tableStore.table.params.earlyWarning"
+                            v-model="tableStore.table.params.warnDayLimit"
                             :min="0"
                             :step="1"
                             step-strictly
                         />
                     </el-form-item>
                     <el-form-item class="form_but">
-                        <el-button type="primary" icon="el-icon-Refresh">更新</el-button>
-                        <el-button type="primary" icon="el-icon-Download">导出</el-button>
+                        <el-button type="primary" @click="MonitorVerify" icon="el-icon-Refresh">更新</el-button>
+                        <el-button type="primary" @click="onExport" icon="el-icon-Download">导出</el-button>
                     </el-form-item>
                 </el-form>
                 <!--表格-->
@@ -131,174 +141,62 @@
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
-import { deleteDeploy } from '@/api/process-boot/bpm'
 import { onMounted, provide, ref } from 'vue'
 import { useDictData } from '@/stores/dictData'
-import { ElMessage } from 'element-plus'
-import { CaretRight } from '@element-plus/icons-vue'
 import { mainHeight } from '@/utils/layout'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import anomalyDetails from './anomalyDetails.vue'
-import { useConfig } from '@/stores/config'
-const config = useConfig()
+import { getMonitorVerifyDay } from '@/api/device-boot/dataVerify'
+import { queryFirstNode } from '@/api/auth'
+
 const anomalyDetailsRef = ref()
 const dictData = useDictData()
 //字典获取监督对象类型
-const supvObjTypeList = dictData.getBasicData('supv_obj_type')
+const objTypeList: any = ref([])
 const pageHeight = mainHeight(155)
-const indicatorHeight = mainHeight(652)
+const indicatorHeight = mainHeight(507)
 const tableRef = ref()
-const abnormal = ref([
+const monitoringPoints = ref({
+    runNum: 0,
+    abnormalNum: 0
+})
+
+const percentage = ref({})
+const TableHeaderRef = ref()
+const abnormal: any = ref([])
+const mapList: any = ref([])
+const segmented = ref(1)
+const segmentedList = [
     {
-        name: '频率',
-        range: '42.5~57.5',
-        unit: '',
-        quantity: 11
+        label: '基础数据',
+        value: 1
     },
     {
-        name: '频率偏差',
-        range: '-7.5~7.5',
-        unit: '',
-        quantity: 0
+        label: '稳态数据',
+        value: 2
     },
     {
-        name: '相（线）电压有效值',
-        range: '0~150%U',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压偏差',
-        range: '-20%~20%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电流有效值',
-        range: '大于CT一次变比',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '单相功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '单相基波功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '三相功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '基波功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压总谐波畸变率',
-        range: '0~30%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '相（线）电压基波有效值',
-        range: '0~150%U',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '相（线）电压基波相角',
-        range: '-180~180',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '谐波电压含有率',
-        range: '0~30%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '谐波电压相角',
-        range: '-180~180',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '间谐波电压含有率',
-        range: '0~30%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '正序、负序和零序电压',
-        range: '0~150%U',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '负序电压不平衡度',
-        range: '0~40%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '零序电压不平衡度',
-        range: '0~40%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压波动',
-        range: '0~40%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '短时间闪变值',
-        range: '0~20',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '长时间闪变值',
-        range: '0~20',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压暂降特征幅值',
-        range: '0~90%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压暂升特征幅值',
-        range: '110%~180%',
-        unit: '',
-        quantity: 0
+        label: '暂态数据',
+        value: 3
     }
-])
+]
 const tableStore = new TableStore({
-    url: '/user-boot/user/getAllUserSimpleList',
-    method: 'GET',
-    isWebPaging: true,
+    url: '/device-boot/dataVerify/getMonitorVerifyData',
+    method: 'POST',
     showPage: false,
-    publicHeight: 480,
+    filename: '异常数据',
+    publicHeight: 530,
     column: [
-        { title: '序号', width: 80 },
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
         {
             title: '监测点名称',
-            field: 'name',
+            field: 'monitorName',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
@@ -306,7 +204,7 @@ const tableStore = new TableStore({
         },
         {
             title: '所属终端名称',
-            field: 'name1',
+            field: 'devName',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
@@ -314,18 +212,24 @@ const tableStore = new TableStore({
         },
         {
             title: '所属电站',
-            field: 'name2',
+            field: 'stationName',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
             }
         },
-        { title: '监测对象类型', field: 'name3' },
-        { title: '监测对象名称', field: 'name4' },
-        { title: '电压等级', field: 'name5' },
+        {
+            title: '监测对象类型',
+            field: 'objType'
+        },
+        {
+            title: '监测对象名称',
+            field: 'objName'
+        },
+        { title: '电压等级', field: 'voltageLevel' },
         {
             title: '异常天数',
-            field: 'name6',
+            field: 'abnormalDay',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
@@ -333,7 +237,7 @@ const tableStore = new TableStore({
         },
         {
             title: '严重度',
-            field: 'name7',
+            field: 'severity',
             render: 'tag',
             custom: {
                 0: 'warning',
@@ -345,355 +249,208 @@ const tableStore = new TableStore({
                 1: '告警'
             }
         },
-        {
-            title: '操作',
-            width: '120',
-            render: 'buttons',
-            buttons: [
-                {
-                    name: 'edit',
-                    title: '工单',
-                    type: 'primary',
-                    icon: 'el-icon-Plus',
-                    render: 'basicButton',
-                    click: row => {}
-                }
-            ]
-        }
+        // {
+        //     title: '操作',
+        //     width: '120',
+        //     render: 'buttons',
+        //     buttons: [
+        //         {
+        //             name: 'edit',
+        //             title: '工单',
+        //             type: 'primary',
+        //             icon: 'el-icon-Plus',
+        //             render: 'basicButton',
+        //             click: row => {}
+        //         }
+        //     ]
+        // }
     ],
     loadCallback: () => {
-        tableStore.table.data = [
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '1'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '1'
-            }
-        ]
+        // console.log('🚀 ~   abnormal.value:', tableStore.table.data)
+        monitoringPoints.value.runNum = tableStore.table.data.runNum //总数
+        monitoringPoints.value.abnormalNum = tableStore.table.data.abnormalNum //异常测点数
+        abnormal.value = tableStore.table.data.targetList
+        mapList.value = tableStore.table.data.mapList
+        tableStore.table.allData = tableStore.table.data.monitorAlarmInfo
+        tableStore.table.data = tableStore.table.data.monitorAlarmInfo
+
+        echart()
     }
 })
 
-const options = ref({
-    title: {
-        text: '监测点异常情况(2025-03-01~2025-03-10)'
-    },
-    legend: {
-        show: false
-    },
-    xAxis: {
-        name: '时间',
-
-        axisLine: {
-            show: true
-        },
-
-        data: ['03-01', '03-02', '03-03', '03-04', '03-05', '03-06', '03-07', '03-08', '03-09', '03-10']
-    },
-    yAxis: {
-        name: '数量' // 给X轴加单位
-    },
-    grid: {},
-
-    options: {
-        series: [
-            {
-                name: '告警监测点数量',
-                type: 'bar',
-
-                data: [11, 11, 11, 11, 0, 0, 0, 0, 0, 0]
-            }
-        ]
-    }
-})
-
-const percentage = ref({
-    // options: {
-    //     tooltip: {
-    //         show: false
-    //     },
-    //     grid: {
-    //         left: 50
-    //     },
-    //     toolbox: {
-    //         show: false
-    //     },
-    //     legend: {
-    //         show: false
-    //     },
-    //     dataZoom: null,
-    //     xAxis: {
-    //         max: 100,
-    //         splitLine: {
-    //             show: false
-    //         },
-    //         axisLine: {
-    //             show: false
-    //         },
-    //         axisLabel: {
-    //             show: false
-    //         },
-    //         axisTick: {
-    //             show: false
-    //         }
-    //     },
-
-    //     yAxis: [
-    //         {
-    //             type: 'category',
-    //             inverse: false,
-    //             data: ['占比'],
-    //             axisLine: {
-    //                 show: false
-    //             },
-    //             axisTick: {
-    //                 show: false
-    //             },
-    //             axisLabel: {
-    //                 show: false
-    //             }
-    //         }
-    //     ],
-    //     series: [
-    //         {
-    //             //内
-    //             type: 'bar',
-    //             barWidth: 18,
-
-    //             legendHoverLink: false,
-    //             silent: true,
-    //             itemStyle: {
-    //                 color: '#06b6a9'
-    //             },
-    //             label: {
-    //                 normal: {
-    //                     show: true,
-    //                     position: 'left',
-    //                     formatter: '{b}',
-    //                     textStyle: {
-    //                         color: '#000',
-    //                         fontSize: 14,
-    //                         fontWeight: 'bold'
-    //                     }
-    //                 }
-    //             },
-    //             data: [50],
-    //             z: 1,
-    //             animationEasing: 'elasticOut'
-    //         },
-    //         {
-    //             //分隔
-    //             type: 'pictorialBar',
-    //             itemStyle: {
-    //                 color: '#e4e7ed'
-    //             },
-    //             symbolRepeat: 'fixed',
-    //             symbolMargin: 4,
-    //             symbol: 'rect',
-    //             symbolClip: true,
-    //             symbolSize: [2, 21],
-    //             symbolPosition: 'start',
-    //             symbolOffset: [0, 0],
-    //             symbolBoundingData: 100,
-    //             data: [50],
-    //             z: 2,
-    //             animationEasing: 'elasticOut'
-    //         },
-    //         {
-    //             //外边框
-    //             type: 'pictorialBar',
-    //             symbol: 'rect',
-    //             symbolBoundingData: 100,
-    //             itemStyle: {
-    //                 normal: {
-    //                     color: 'none'
-    //                 }
-    //             },
-    //             label: {
-    //                 normal: {
-    //                     show: true,
-    //                     formatter: '{c}%',
-    //                     position: 'right',
-    //                     offset: [0, 0], //设置右边数据位置
-    //                     textStyle: {
-    //                         color: '#06b6a9',
-    //                         fontSize: 16,
-    //                         fontWeight: 600
-    //                     }
-    //                 }
-    //             },
-    //             data: [50],
-    //             z: 0,
-    //             animationEasing: 'elasticOut'
-    //         },
-    //         {
-    //             name: '外框',
-    //             type: 'bar',
-    //             barGap: '-100%', //设置外框粗细
-    //             data: [100],
-    //             barWidth: 26,
-    //             itemStyle: {
-    //                 normal: {
-    //                     color: '#e4e7ed', //填充色
-    //                     barBorderColor: '#e4e7ed', //边框色
-    //                     barBorderWidth: 1, //边框宽度
-    //                     // barBorderRadius: 0, //圆角半径
-    //                     label: {
-    //                         //标签显示位置
-    //                         show: false,
-    //                         position: 'top' //insideTop 或者横向的 insideLeft
-    //                     }
-    //                 }
-    //             },
-    //             z: 0
-    //         }
-    //     ]
-    // }
-    options: {
-        toolbox: {
-            show: false
-        },
-        legend: {
-            show: false
-        },
-        dataZoom: null,
-        title: {
-            text: `{t|占比}
-  {v|50%}`,
-            x: 'center',
-            y: 'center',
-            textStyle: {
-                color: config.layout.elementUiPrimary[0],
-
-                rich: {
-                    v: {
-                        fontSize: 28,
-                        fontWeight: '550',
-                        color: config.layout.elementUiPrimary[0]
-                    },
-
-                    t: {
-                        lineHeight: 28,
-                        fontSize: 16
-                    }
+const options = ref({})
+const echart = () => {
+    percentage.value = {
+        color: ['#ff9800'],
+        options: {
+            dataZoom: null,
+            toolbox: {
+                show: false
+            },
+            grid: {
+                top: '0%',
+                left: '0%',
+                right: '0%',
+                bottom: '0%'
+            },
+            tooltip: {
+                show: false
+            },
+            legend: {
+                show: false
+            },
+            yAxis: {
+                show: false,
+                data: ['']
+            },
+            xAxis: [
+                {
+                    show: false,
+                    type: 'value'
                 }
-            }
-        },
-        color: ['#ccc'],
-        series: [
-            {
-                name: 'Line 1',
-                type: 'pie',
-                clockWise: true,
-                radius: ['63%', '80%'],
-                itemStyle: {
-                    normal: {
-                        label: {
-                            show: false
-                        },
-                        labelLine: {
-                            show: false
+            ],
+
+            series: [
+                {
+                    name: '异常占比',
+                    type: 'bar',
+                    barWidth: 12,
+                    data: [((monitoringPoints.value.abnormalNum / monitoringPoints.value.runNum) * 100).toFixed(2)],
+                    z: 0,
+                    zlevel: 0,
+
+                    itemStyle: {
+                        normal: {
+                            color: {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 1,
+                                y2: 0,
+                                colorStops: [
+                                    {
+                                        offset: 0,
+                                        color: '#FD6E6A' // 0% 处的颜色
+                                    },
+                                    {
+                                        offset: 1,
+                                        color: '#ff9800' // 100% 处的颜色
+                                    }
+                                ],
+                                global: false // 缺省为 false
+                            }
                         }
                     }
                 },
-                hoverAnimation: false,
-                data: [
-                    {
-                        value: 80,
-                        name: '01',
-                        itemStyle: {
-                            normal: {
-                                color: config.layout.elementUiPrimary[0],
-                                label: {
-                                    show: false
-                                },
-                                labelLine: {
-                                    show: false
-                                }
-                            }
+                {
+                    type: 'pictorialBar',
+                    itemStyle: {
+                        normal: {
+                            color: '#fff'
                         }
                     },
-                    {
-                        name: '02',
-                        value: 20
-                    }
-                ]
-            }
-        ]
-    }
-})
+                    symbolRepeat: 50,
+                    // symbolMargin: 300,
+                    symbol: 'rect',
+                    symbolClip: true,
+                    symbolSize: [2, 15],
+                    symbolPosition: 'start',
+                    symbolOffset: [0, 0],
+                    data: [100],
+                    z: 1,
+                    zlevel: 0
+                },
+                {
+                    name: '机器故障率',
+                    type: 'bar',
+                    barGap: '-125%',
+                    data: [100],
+                    barWidth: 18,
 
-tableStore.table.params.radio = '1'
-tableStore.table.params.alarm = 5
-tableStore.table.params.earlyWarning = 1
+                    itemStyle: {
+                        normal: {
+                            color: 'transparent',
+                            barBorderColor: 'rgb(148,217,249)',
+                            barBorderWidth: 1
+                        }
+                    },
+                    z: 2
+                }
+            ]
+        }
+    }
+    options.value = {
+        title: {
+            text: `监测点异常情况(${mapList.value[0].time} ~ ${mapList.value[mapList.value.length - 1].time})`
+        },
+        xAxis: {
+            name: '时间',
+            axisLine: {
+                show: true
+            },
+            data: mapList.value.map(item => item.time),
+            axisLabel: {
+                formatter: function (value) {
+                    let time = ''
+                    if (value.slice(-2) == '01') {
+                        time = value
+                    } else {
+                        time = value.slice(5, 10)
+                    }
+                    return time
+                }
+            }
+        },
+        yAxis: {
+            name: '数量' // 给X轴加单位
+        },
+        grid: {},
+
+        options: {
+            series: [
+                {
+                    name: '异常监测点数量',
+                    type: 'bar',
+
+                    data: mapList.value.map(item => item.val)
+                    // mapList.value.map(item => ({
+                    //     value: [item.time, item.val]
+                    // }))
+                }
+            ]
+        }
+    }
+}
+tableStore.table.params.deptId = dictData.state.area[0].id
+tableStore.table.params.objType = ''
+tableStore.table.params.alarmDayLimit = 5
+tableStore.table.params.warnDayLimit = 1
 
 const quantityClick = (e: any) => {
     anomalyDetailsRef.value.open(e)
 }
+// 更新
+const MonitorVerify = () => {
+    tableStore.table.loading = true
+    getMonitorVerifyDay(tableStore.table.params).then(res => {
+        tableStore.table.data = res.data
+        tableStore.table.allData = res.data
+        tableStore.table.loading = false
+    })
+}
+// 导出
+const onExport = () => {
+    tableStore.table.allFlag = true
+}
 onMounted(() => {
+    TableHeaderRef.value.setDatePicker([
+        { label: '年份', value: 1 },
+        { label: '季度', value: 2 },
+        { label: '月份', value: 3 }
+    ])
+    queryFirstNode({ type: 0 }).then(res => {
+        objTypeList.value = res.data
+    })
     // 加载数据
     tableStore.index()
 })
@@ -710,8 +467,9 @@ provide('tableStore', tableStore)
         .statistics {
             display: flex;
             flex-wrap: wrap;
+            justify-content: space-between;
+            margin-bottom: 10px;
             .divBox {
-                margin: 0 10px 10px 0;
                 width: 200px;
                 height: 70px;
                 padding: 10px;
@@ -812,4 +570,24 @@ provide('tableStore', tableStore)
     text-decoration: underline;
     text-underline-offset: 4px;
 }
+.echartTitle {
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+    font-weight: 600;
+    div:nth-child(2) {
+        font-size: 16px;
+        color: #fca955;
+    }
+}
+
+:deep(.el-segmented__item-selected, ) {
+    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
+}
+:deep(.el-segmented__item, ) {
+    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
+}
+:deep(.el-segmented) {
+    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
+}
 </style>
diff --git a/src/views/pqs/runManage/cleaning/components/alarm.vue b/src/views/pqs/runManage/cleaning/components/alarm.vue
index 31543c3c..3f677fda 100644
--- a/src/views/pqs/runManage/cleaning/components/alarm.vue
+++ b/src/views/pqs/runManage/cleaning/components/alarm.vue
@@ -5,13 +5,13 @@
             <template v-slot:select>
                 <el-form-item label="对象类型">
                     <el-select
-                        v-model="tableStore.table.params.supvObjType"
+                        v-model="tableStore.table.params.objType"
                         clearable
                         style="width: 100%"
                         placeholder="请选择对象类型"
                     >
                         <el-option
-                            v-for="item in supvObjTypeList"
+                            v-for="item in objTypeList"
                             :key="item.id"
                             :label="item.name"
                             :value="item.id"
@@ -24,7 +24,7 @@
         </TableHeader>
         <div class="card-list pt10">
             <div class="monitoringPoints">
-                <el-card style="height: 390px">
+                <el-card style="height: 200px">
                     <template #header>
                         <div class="card-header">
                             <span>监测点统计</span>
@@ -34,21 +34,28 @@
                         <div class="statistics">
                             <div class="divBox">
                                 <span class="iconfont icon-qiyezongshu" style="color: #57bc6e"></span>
-                                <span class="divBox_title">总数</span>
-                                <span class="divBox_num" style="color: #57bc6e">400</span>
+                                <span class="divBox_title">监测点总数</span>
+                                <span class="divBox_num" style="color: #57bc6e">{{ monitoringPoints.runNum }}</span>
                             </div>
                             <div class="divBox" style="width: 200px">
-                                <span class="iconfont icon-igw-f-warning-data" style="color: #fca955"></span>
+                                <span class="iconfont icon-yichang" style="color: #ff0000"></span>
                                 <span class="divBox_title">告警测点数</span>
-                                <span class="divBox_num" style="color: #fca955">200</span>
+                                <span class="divBox_num" style="color: #ff0000">
+                                    {{ monitoringPoints.abnormalNum }}
+                                </span>
                             </div>
-                            <!-- <div class="divBox">
-                                <span class="iconfont icon-shouruzhanbi" style="color: #06b6a9"></span>
-                                <span class="divBox_title">占比</span>
-                                <span class="divBox_num" style="color: #06b6a9">50%</span>
-                            </div> -->
                         </div>
-                        <div class="mt10" style="height: 240px">
+                        <div class="echartTitle">
+                            <div>告警占比</div>
+                            <div>
+                                {{
+                                    isNaN((monitoringPoints.abnormalNum / monitoringPoints.runNum) * 100)
+                                        ? 0
+                                        : ((monitoringPoints.abnormalNum / monitoringPoints.runNum) * 100).toFixed(2)
+                                }}%
+                            </div>
+                        </div>
+                        <div style="height: 30px">
                             <MyEchart :options="percentage"></MyEchart>
                         </div>
                     </div>
@@ -59,29 +66,28 @@
                             <span>告警指标统计</span>
                         </div>
                     </template>
+                    <div class="mb5" style="height: 40px">
+                        <el-segmented style="height: 100%" v-model="segmented" :options="segmentedList" block />
+                    </div>
                     <div class="header">
                         <span style="flex: 1; text-align: left">指标名称</span>
-                      
-                        <span style="width: 100px">告警测点数</span>
+
+                        <span style="width: 110px">告警测点数</span>
                     </div>
                     <div :style="indicatorHeight" style="overflow-y: auto">
                         <div v-for="o in abnormal" class="abnormal mb10">
                             <span style="flex: 1; height: 24px" class="iconDiv">
-                                <!-- <span
-                                    class="iconFont iconfont icon-yichang"
-                                   
-                                ></span> -->
-                                <div  :style="{  backgroundColor: o.quantity > 0 ? '#ff9800' : '' }"></div>
-                                {{ o.name }}
+                                <div :style="{ backgroundColor: o.ids.length > 0 ? '#ff9800' : '' }"></div>
+                                {{ o.targetName }}
                             </span>
-                           
-                            <span style="width: 100px; text-align: center">
+
+                            <span style="width: 110px; text-align: center">
                                 <span
                                     style="color: #ff9800; cursor: pointer; text-decoration: underline"
                                     class="text"
                                     @click="quantityClick(o)"
                                 >
-                                    {{ o.quantity }}
+                                    {{ o.ids.length }}
                                 </span>
                             </span>
                         </div>
@@ -100,11 +106,16 @@
                 <el-form :inline="true" class="form">
                     <el-form-item label="告警持续天数"></el-form-item>
                     <el-form-item label="告警阀值(天)">
-                        <el-input-number v-model="tableStore.table.params.alarm" :min="0" :step="1" step-strictly />
+                        <el-input-number
+                            v-model="tableStore.table.params.alarmDayLimit"
+                            :min="0"
+                            :step="1"
+                            step-strictly
+                        />
                     </el-form-item>
                     <el-form-item label="预警阀值(天)">
                         <el-input-number
-                            v-model="tableStore.table.params.earlyWarning"
+                            v-model="tableStore.table.params.warnDayLimit"
                             :min="0"
                             :step="1"
                             step-strictly
@@ -127,174 +138,59 @@
 import TableStore from '@/utils/tableStore'
 import Table from '@/components/table/index.vue'
 import TableHeader from '@/components/table/header/index.vue'
-import { deleteDeploy } from '@/api/process-boot/bpm'
 import { onMounted, provide, ref } from 'vue'
 import { useDictData } from '@/stores/dictData'
-import { ElMessage } from 'element-plus'
-import { CaretRight } from '@element-plus/icons-vue'
 import { mainHeight } from '@/utils/layout'
 import MyEchart from '@/components/echarts/MyEchart.vue'
 import alarmDetails from './alarmDetails.vue'
 import { useConfig } from '@/stores/config'
-const config = useConfig()
+import { queryFirstNode } from '@/api/auth'
+
 const alarmDetailsRef = ref()
 const dictData = useDictData()
 //字典获取监督对象类型
-const supvObjTypeList = dictData.getBasicData('supv_obj_type')
+const objTypeList: any = ref([])
 const pageHeight = mainHeight(155)
-const indicatorHeight = mainHeight(652)
+const indicatorHeight = mainHeight(507)
 const tableRef = ref()
-const abnormal = ref([
+const monitoringPoints = ref({
+    runNum: 0,
+    abnormalNum: 0
+})
+
+const percentage = ref({})
+const abnormal: any = ref([])
+const segmented = ref(1)
+const segmentedList = [
     {
-        name: '频率',
-        range: '42.5~57.5',
-        unit: '',
-        quantity: 11
+        label: '基础数据',
+        value: 1
     },
     {
-        name: '频率偏差',
-        range: '-7.5~7.5',
-        unit: '',
-        quantity: 0
+        label: '稳态数据',
+        value: 2
     },
     {
-        name: '相（线）电压有效值',
-        range: '0~150%U',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压偏差',
-        range: '-20%~20%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电流有效值',
-        range: '大于CT一次变比',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '单相功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '单相基波功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '三相功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '基波功率因数',
-        range: '-1~1',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压总谐波畸变率',
-        range: '0~30%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '相（线）电压基波有效值',
-        range: '0~150%U',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '相（线）电压基波相角',
-        range: '-180~180',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '谐波电压含有率',
-        range: '0~30%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '谐波电压相角',
-        range: '-180~180',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '间谐波电压含有率',
-        range: '0~30%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '正序、负序和零序电压',
-        range: '0~150%U',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '负序电压不平衡度',
-        range: '0~40%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '零序电压不平衡度',
-        range: '0~40%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压波动',
-        range: '0~40%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '短时间闪变值',
-        range: '0~20',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '长时间闪变值',
-        range: '0~20',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压暂降特征幅值',
-        range: '0~90%',
-        unit: '',
-        quantity: 0
-    },
-    {
-        name: '电压暂升特征幅值',
-        range: '110%~180%',
-        unit: '',
-        quantity: 0
+        label: '暂态数据',
+        value: 3
     }
-])
+]
 const tableStore = new TableStore({
-    url: '/user-boot/user/getAllUserSimpleList',
-    method: 'GET',
-    isWebPaging: true,
+    url: '/device-boot/dataVerify/getMonitorVerifyData',
+    method: 'POST',
     showPage: false,
     publicHeight: 480,
     column: [
-        { title: '序号', width: 80 },
+        {
+            title: '序号',
+            width: 80,
+            formatter: (row: any) => {
+                return (tableStore.table.params.pageNum - 1) * tableStore.table.params.pageSize + row.rowIndex + 1
+            }
+        },
         {
             title: '监测点名称',
-            field: 'name',
+            field: 'monitorName',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
@@ -302,26 +198,39 @@ const tableStore = new TableStore({
         },
         {
             title: '所属终端名称',
-            field: 'name1',
+            field: 'devName',
             type: 'html',
             formatter: (row, column) => {
-                return `<div class="table_name">${row.cellValue}</div>`
+                return `<div class="table_name">测试终端</div>`
+                // `<div class="table_name">${row.cellValue}</div>`
             }
         },
         {
             title: '所属电站',
-            field: 'name2',
+            field: 'stationName',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
             }
         },
-        { title: '监测对象类型', field: 'name3' },
-        { title: '监测对象名称', field: 'name4' },
-        { title: '电压等级', field: 'name5' },
+        {
+            title: '监测对象类型',
+            field: 'objType',
+            formatter: (row, column) => {
+                return `测试光伏电站`
+            }
+        },
+        {
+            title: '监测对象名称',
+            field: 'objName',
+            formatter: (row, column) => {
+                return `测试对象`
+            }
+        },
+        { title: '电压等级', field: 'voltageLevel' },
         {
             title: '告警天数',
-            field: 'name6',
+            field: 'abnormalDay',
             type: 'html',
             formatter: (row, column) => {
                 return `<div class="table_name">${row.cellValue}</div>`
@@ -329,7 +238,7 @@ const tableStore = new TableStore({
         },
         {
             title: '严重度',
-            field: 'name7',
+            field: 'severity',
             render: 'tag',
             custom: {
                 0: 'warning',
@@ -358,78 +267,12 @@ const tableStore = new TableStore({
         }
     ],
     loadCallback: () => {
-        tableStore.table.data = [
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '0'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '1'
-            },
-            {
-                name: '测试监测点1',
-                name1: '025875',
-                name2: '测试变电站',
-                name3: '测试光伏电站',
-                name4: '测试光伏电站',
-                name5: '110',
-                name6: '1',
-                name7: '1'
-            }
-        ]
+        console.log('🚀 ~   abnormal.value:', tableStore.table.data)
+        monitoringPoints.value.runNum = tableStore.table.data.runNum //总数
+        monitoringPoints.value.abnormalNum = tableStore.table.data.abnormalNum //告警测点数
+        abnormal.value = tableStore.table.data.targetList
+        tableStore.table.data = tableStore.table.data.monitorAlarmInfo
+        echart()
     }
 })
 
@@ -465,231 +308,119 @@ const options = ref({
         ]
     }
 })
-
-const percentage = ref({
-    // options: {
-    //     tooltip: {
-    //         show: false
-    //     },
-    //     grid: {
-    //         left: 50
-    //     },
-    //     toolbox: {
-    //         show: false
-    //     },
-    //     legend: {
-    //         show: false
-    //     },
-    //     dataZoom: null,
-    //     xAxis: {
-    //         max: 100,
-    //         splitLine: {
-    //             show: false
-    //         },
-    //         axisLine: {
-    //             show: false
-    //         },
-    //         axisLabel: {
-    //             show: false
-    //         },
-    //         axisTick: {
-    //             show: false
-    //         }
-    //     },
-
-    //     yAxis: [
-    //         {
-    //             type: 'category',
-    //             inverse: false,
-    //             data: ['占比'],
-    //             axisLine: {
-    //                 show: false
-    //             },
-    //             axisTick: {
-    //                 show: false
-    //             },
-    //             axisLabel: {
-    //                 show: false
-    //             }
-    //         }
-    //     ],
-    //     series: [
-    //         {
-    //             //内
-    //             type: 'bar',
-    //             barWidth: 18,
-
-    //             legendHoverLink: false,
-    //             silent: true,
-    //             itemStyle: {
-    //                 color: '#06b6a9'
-    //             },
-    //             label: {
-    //                 normal: {
-    //                     show: true,
-    //                     position: 'left',
-    //                     formatter: '{b}',
-    //                     textStyle: {
-    //                         color: '#000',
-    //                         fontSize: 14,
-    //                         fontWeight: 'bold'
-    //                     }
-    //                 }
-    //             },
-    //             data: [50],
-    //             z: 1,
-    //             animationEasing: 'elasticOut'
-    //         },
-    //         {
-    //             //分隔
-    //             type: 'pictorialBar',
-    //             itemStyle: {
-    //                 color: '#e4e7ed'
-    //             },
-    //             symbolRepeat: 'fixed',
-    //             symbolMargin: 4,
-    //             symbol: 'rect',
-    //             symbolClip: true,
-    //             symbolSize: [2, 21],
-    //             symbolPosition: 'start',
-    //             symbolOffset: [0, 0],
-    //             symbolBoundingData: 100,
-    //             data: [50],
-    //             z: 2,
-    //             animationEasing: 'elasticOut'
-    //         },
-    //         {
-    //             //外边框
-    //             type: 'pictorialBar',
-    //             symbol: 'rect',
-    //             symbolBoundingData: 100,
-    //             itemStyle: {
-    //                 normal: {
-    //                     color: 'none'
-    //                 }
-    //             },
-    //             label: {
-    //                 normal: {
-    //                     show: true,
-    //                     formatter: '{c}%',
-    //                     position: 'right',
-    //                     offset: [0, 0], //设置右边数据位置
-    //                     textStyle: {
-    //                         color: '#06b6a9',
-    //                         fontSize: 16,
-    //                         fontWeight: 600
-    //                     }
-    //                 }
-    //             },
-    //             data: [50],
-    //             z: 0,
-    //             animationEasing: 'elasticOut'
-    //         },
-    //         {
-    //             name: '外框',
-    //             type: 'bar',
-    //             barGap: '-100%', //设置外框粗细
-    //             data: [100],
-    //             barWidth: 26,
-    //             itemStyle: {
-    //                 normal: {
-    //                     color: '#e4e7ed', //填充色
-    //                     barBorderColor: '#e4e7ed', //边框色
-    //                     barBorderWidth: 1, //边框宽度
-    //                     // barBorderRadius: 0, //圆角半径
-    //                     label: {
-    //                         //标签显示位置
-    //                         show: false,
-    //                         position: 'top' //insideTop 或者横向的 insideLeft
-    //                     }
-    //                 }
-    //             },
-    //             z: 0
-    //         }
-    //     ]
-    // }
-    options: {
-        toolbox: {
-            show: false
-        },
-        legend: {
-            show: false
-        },
-        dataZoom: null,
-        title: {
-            text: `{t|占比}
-  {v|50%}`,
-            x: 'center',
-            y: 'center',
-            textStyle: {
-                color: config.layout.elementUiPrimary[0],
-
-                rich: {
-                    v: {
-                        fontSize: 28,
-                        fontWeight: '550',
-                        color: config.layout.elementUiPrimary[0]
-                    },
-
-                    t: {
-                        lineHeight: 28,
-                        fontSize: 16
-                    }
+const echart = () => {
+    percentage.value = {
+        color: ['#ff9800'],
+        options: {
+            dataZoom: null,
+            toolbox: {
+                show: false
+            },
+            grid: {
+                top: '0%',
+                left: '2%',
+                right: '2%',
+                bottom: '0%'
+            },
+            tooltip: {
+                show: false
+            },
+            legend: {
+                show: false
+            },
+            yAxis: {
+                show: false,
+                data: ['']
+            },
+            xAxis: [
+                {
+                    show: false,
+                    type: 'value'
                 }
-            }
-        },
-        color: ['#ccc'],
-        series: [
-            {
-                name: 'Line 1',
-                type: 'pie',
-                clockWise: true,
-                radius: ['63%', '80%'],
-                itemStyle: {
-                    normal: {
-                        label: {
-                            show: false
-                        },
-                        labelLine: {
-                            show: false
+            ],
+
+            series: [
+                {
+                    name: '告警占比',
+                    type: 'bar',
+                    barWidth: 12,
+                    data: [((monitoringPoints.value.abnormalNum / monitoringPoints.value.runNum) * 100).toFixed(2)],
+                    z: 0,
+                    zlevel: 0,
+
+                    itemStyle: {
+                        normal: {
+                            color: {
+                                type: 'linear',
+                                x: 0,
+                                y: 0,
+                                x2: 1,
+                                y2: 0,
+                                colorStops: [
+                                    {
+                                        offset: 0,
+                                        color: '#ff0007' // 0% 处的颜色
+                                    },
+                                    {
+                                        offset: 1,
+                                        color: '#E22331' // 100% 处的颜色
+                                    }
+                                ],
+                                global: false // 缺省为 false
+                            }
                         }
                     }
                 },
-                hoverAnimation: false,
-                data: [
-                    {
-                        value: 80,
-                        name: '01',
-                        itemStyle: {
-                            normal: {
-                                color: config.layout.elementUiPrimary[0],
-                                label: {
-                                    show: false
-                                },
-                                labelLine: {
-                                    show: false
-                                }
-                            }
+                {
+                    type: 'pictorialBar',
+                    itemStyle: {
+                        normal: {
+                            color: '#fff'
                         }
                     },
-                    {
-                        name: '02',
-                        value: 20
-                    }
-                ]
-            }
-        ]
-    }
-})
+                    symbolRepeat: 50,
+                    // symbolMargin: 300,
+                    symbol: 'rect',
+                    symbolClip: true,
+                    symbolSize: [2, 15],
+                    symbolPosition: 'start',
+                    symbolOffset: [0, 0],
+                    data: [100],
+                    z: 1,
+                    zlevel: 0
+                },
+                {
+                    name: '机器故障率',
+                    type: 'bar',
+                    barGap: '-125%',
+                    data: [100],
+                    barWidth: 18,
 
-tableStore.table.params.radio = '1'
-tableStore.table.params.alarm = 5
-tableStore.table.params.earlyWarning = 1
+                    itemStyle: {
+                        normal: {
+                            color: 'transparent',
+                            barBorderColor: 'rgb(148,217,249)',
+                            barBorderWidth: 1
+                        }
+                    },
+                    z: 2
+                }
+            ]
+        }
+    }
+}
+tableStore.table.params.deptId = dictData.state.area[0].id
+tableStore.table.params.objType = ''
+tableStore.table.params.alarmDayLimit = 5
+tableStore.table.params.warnDayLimit = 1
 
 const quantityClick = (e: any) => {
     alarmDetailsRef.value.open(e)
 }
 onMounted(() => {
+    queryFirstNode({ type: 0 }).then(res => {
+        objTypeList.value = res.data
+    })
     // 加载数据
     tableStore.index()
 })
@@ -733,7 +464,7 @@ provide('tableStore', tableStore)
                     background-color: #eef8f0;
                 }
                 &:nth-child(2) {
-                    background-color: #fff6ed;
+                    background-color: #ffd7d7;
                 }
                 &:nth-child(3) {
                     background-color: #e5f8f6;
@@ -808,4 +539,24 @@ provide('tableStore', tableStore)
     text-decoration: underline;
     text-underline-offset: 4px;
 }
+.echartTitle {
+    display: flex;
+    justify-content: space-between;
+    font-size: 14px;
+    font-weight: 600;
+    div:nth-child(2) {
+        font-size: 16px;
+        color: #ff0000;
+    }
+}
+
+:deep(.el-segmented__item-selected, ) {
+    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
+}
+:deep(.el-segmented__item, ) {
+    clip-path: polygon(10% 0, 100% 0, 90% 100%, 0 100%);
+}
+:deep(.el-segmented) {
+    clip-path: polygon(4% 0, 100% 0, 96% 100%, 0 100%);
+}
 </style>
diff --git a/src/views/pqs/runManage/cleaning/components/alarmDetails.vue b/src/views/pqs/runManage/cleaning/components/alarmDetails.vue
index 7990a224..a99f354e 100644
--- a/src/views/pqs/runManage/cleaning/components/alarmDetails.vue
+++ b/src/views/pqs/runManage/cleaning/components/alarmDetails.vue
@@ -1,10 +1,9 @@
 <template>
     <el-dialog draggable width="1300px" class="cn-operate-dialog" v-model="dialogVisible" :title="title">
         <div style="display: flex">
-            <el-tabs v-model="activeName" type="border-card" class="mr10" style="width: 450px">
-                <el-tab-pane label="告警监测点详情" name="first">
-                    <div :style="height">
-                        <vxe-table height="auto" :data="TableData" v-bind="defaultAttribute">
+            
+                    <div :style="height1" class="mr10" style="width: 450px">
+                        <vxe-table  height="auto" :data="TableData" v-bind="defaultAttribute">
                             <vxe-column type="seq" title="序号" width="60px"></vxe-column>
                             <vxe-column field="time" title="日期">
                                 <template #default="{ row }">
@@ -15,8 +14,7 @@
                             <vxe-column field="fz" title="告警时间(分钟)" width="80px"></vxe-column>
                         </vxe-table>
                     </div>
-                </el-tab-pane>
-            </el-tabs>
+        
             <el-tabs v-model="activeName" type="border-card" style="width: 820px">
                 <el-tab-pane :label="`变电站1 > 测试监测点1_告警指标详情`" name="first">
                     <div :style="height">
@@ -45,6 +43,7 @@ import { ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
 import { mainHeight } from '@/utils/layout'
 const dialogVisible = ref(false)
+const height1 = mainHeight(-110, 2)
 const height = mainHeight(10, 2)
 const title = ref('')
 const activeName = 'first'
@@ -162,7 +161,7 @@ const TableData1 = ref([
 ])
 
 const open = (data: anyObj) => {
-    title.value = data.name + '_告警详情展示'
+    title.value = data.targetName + '_告警详情展示'
     dialogVisible.value = true
 }
 
diff --git a/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue b/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue
index e7613648..fff58118 100644
--- a/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue
+++ b/src/views/pqs/runManage/cleaning/components/anomalyDetails.vue
@@ -1,10 +1,9 @@
 <template>
     <el-dialog draggable width="1300px" class="cn-operate-dialog" v-model="dialogVisible" :title="title">
         <div style="display: flex">
-            <el-tabs v-model="activeName" type="border-card" class="mr10" style="width: 450px">
-                <el-tab-pane label="异常监测点详情" name="first">
-                    <div :style="height">
-                        <vxe-table height="auto" :data="TableData" v-bind="defaultAttribute">
+            
+                    <div :style="height1" class="mr10" style="width: 450px">
+                        <vxe-table  height="auto" :data="TableData" v-bind="defaultAttribute">
                             <vxe-column type="seq" title="序号" width="60px"></vxe-column>
                             <vxe-column field="time" title="日期">
                                 <template #default="{ row }">
@@ -15,8 +14,7 @@
                             <vxe-column field="fz" title="异常时间(分钟)" width="80px"></vxe-column>
                         </vxe-table>
                     </div>
-                </el-tab-pane>
-            </el-tabs>
+        
             <el-tabs v-model="activeName" type="border-card" style="width: 820px">
                 <el-tab-pane :label="`变电站1 > 测试监测点1_异常指标详情`" name="first">
                     <div :style="height">
@@ -45,6 +43,7 @@ import { ElMessage } from 'element-plus'
 import TableStore from '@/utils/tableStore' // 若不是列表页面弹框可删除
 import { mainHeight } from '@/utils/layout'
 const dialogVisible = ref(false)
+const height1 = mainHeight(-110, 2)
 const height = mainHeight(10, 2)
 const title = ref('')
 const activeName = 'first'
@@ -162,7 +161,7 @@ const TableData1 = ref([
 ])
 
 const open = (data: anyObj) => {
-    title.value = data.name + '_异常详情展示'
+    title.value = data.targetName + '_异常详情展示'
     dialogVisible.value = true
 }
 
diff --git a/src/views/pqs/runManage/cleaning/index.vue b/src/views/pqs/runManage/cleaning/index.vue
index 80c6332f..3e20d110 100644
--- a/src/views/pqs/runManage/cleaning/index.vue
+++ b/src/views/pqs/runManage/cleaning/index.vue
@@ -1,8 +1,8 @@
 <template>
     <div class="default-main">
-        <el-tabs type="border-card">
-            <el-tab-pane label="异常数据清洗"><abnormal /></el-tab-pane>
-            <el-tab-pane label="稳态告警统计"><alarm /></el-tab-pane>
+        <el-tabs type="border-card" v-model="activeName">
+            <el-tab-pane label="异常数据统计" name="1"><abnormal v-if="activeName == '1'"/></el-tab-pane>
+            <el-tab-pane label="稳态告警统计" name="2"><alarm v-if="activeName == '2'"/></el-tab-pane>
         </el-tabs>
     </div>
 </template>
@@ -13,5 +13,6 @@ defineOptions({
 import abnormal from './components/abnormal.vue'
 import alarm from './components/alarm.vue'
 import { ref, reactive } from 'vue'
+const activeName = ref(`1`)
 </script>
 <style lang="scss" scoped></style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/map.vue b/src/views/pqs/runManage/runEvaluate/components/map.vue
index 257eef7f..2ae885e1 100644
--- a/src/views/pqs/runManage/runEvaluate/components/map.vue
+++ b/src/views/pqs/runManage/runEvaluate/components/map.vue
@@ -266,1305 +266,1510 @@ const boundaryList: any = ref([
 ])
 const mapStyle = ref(
     ref({
-        styleJson:[{
-    "featureType": "land",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#091220ff"
-    }
-}, {
-    "featureType": "water",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#113549ff"
-    }
-}, {
-    "featureType": "green",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#0e1b30ff"
-    }
-}, {
-    "featureType": "building",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "building",
-    "elementType": "geometry.topfill",
-    "stylers": {
-        "color": "#113549ff"
-    }
-}, {
-    "featureType": "building",
-    "elementType": "geometry.sidefill",
-    "stylers": {
-        "color": "#143e56ff"
-    }
-}, {
-    "featureType": "building",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#dadada00"
-    }
-}, {
-    "featureType": "subwaystation",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#113549B2"
-    }
-}, {
-    "featureType": "education",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "medical",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "scenicspots",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "weight": 4
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#fed66900"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "arterial",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "weight": 2
-    }
-}, {
-    "featureType": "arterial",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "arterial",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffeebb00"
-    }
-}, {
-    "featureType": "arterial",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "arterial",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "arterial",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "local",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on",
-        "weight": 1
-    }
-}, {
-    "featureType": "local",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "local",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "local",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "local",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#979c9aff"
-    }
-}, {
-    "featureType": "local",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffffff"
-    }
-}, {
-    "featureType": "railway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "subway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "weight": 1
-    }
-}, {
-    "featureType": "subway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#d8d8d8ff"
-    }
-}, {
-    "featureType": "subway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "subway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "subway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#979c9aff"
-    }
-}, {
-    "featureType": "subway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffffff"
-    }
-}, {
-    "featureType": "continent",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "continent",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "continent",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "continent",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "city",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "city",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "city",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "city",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "town",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "town",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "town",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#454d50ff"
-    }
-}, {
-    "featureType": "town",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffffff"
-    }
-}, {
-    "featureType": "road",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "poilabel",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "districtlabel",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "road",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "road",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "road",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "district",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "poilabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "poilabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "poilabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "manmade",
-    "elementType": "geometry",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "districtlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffffff"
-    }
-}, {
-    "featureType": "entertainment",
-    "elementType": "geometry",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "shopping",
-    "elementType": "geometry",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "nationalway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "6"
-    }
-}, {
-    "featureType": "nationalway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "7"
-    }
-}, {
-    "featureType": "nationalway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "8"
-    }
-}, {
-    "featureType": "nationalway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "9"
-    }
-}, {
-    "featureType": "nationalway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "10"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "6"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "7"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "8"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "9"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "10"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "6"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "7"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "8"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "9"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,10",
-        "level": "10"
-    }
-}, {
-    "featureType": "cityhighway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "6"
-    }
-}, {
-    "featureType": "cityhighway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "7"
-    }
-}, {
-    "featureType": "cityhighway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "8"
-    }
-}, {
-    "featureType": "cityhighway",
-    "stylers": {
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "9"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "6"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "7"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "8"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "9"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "6"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "7"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "8"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off",
-        "curZoomRegionId": "0",
-        "curZoomRegion": "6,9",
-        "level": "9"
-    }
-}, {
-    "featureType": "subwaylabel",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "subwaylabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "tertiarywaysign",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "tertiarywaysign",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "provincialwaysign",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "provincialwaysign",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "nationalwaysign",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "nationalwaysign",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "highwaysign",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "highwaysign",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "village",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "district",
-    "elementType": "labels.text",
-    "stylers": {
-        "fontsize": 20
-    }
-}, {
-    "featureType": "district",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "district",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "country",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "country",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "water",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "water",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "tertiaryway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "tertiaryway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff10"
-    }
-}, {
-    "featureType": "provincialway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "provincialway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "highway",
-    "elementType": "labels.text",
-    "stylers": {
-        "fontsize": 20
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "nationalway",
-    "elementType": "labels.text",
-    "stylers": {
-        "fontsize": 20
-    }
-}, {
-    "featureType": "provincialway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "provincialway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "provincialway",
-    "elementType": "labels.text",
-    "stylers": {
-        "fontsize": 20
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels.text",
-    "stylers": {
-        "fontsize": 20
-    }
-}, {
-    "featureType": "cityhighway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "estate",
-    "elementType": "geometry",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "tertiaryway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "tertiaryway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "fourlevelway",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "fourlevelway",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "scenicspotsway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "scenicspotsway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "universityway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "universityway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "vacationway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "vacationway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "fourlevelway",
-    "elementType": "geometry",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "fourlevelway",
-    "elementType": "geometry.fill",
-    "stylers": {
-        "color": "#12223dff"
-    }
-}, {
-    "featureType": "fourlevelway",
-    "elementType": "geometry.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "transportationlabel",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "transportationlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "transportationlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "transportationlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "educationlabel",
-    "elementType": "labels",
-    "stylers": {
-        "visibility": "on"
-    }
-}, {
-    "featureType": "educationlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "educationlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "educationlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "transportation",
-    "elementType": "geometry",
-    "stylers": {
-        "color": "#113549ff"
-    }
-}, {
-    "featureType": "airportlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "airportlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "scenicspotslabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "scenicspotslabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "medicallabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "medicallabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "medicallabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "scenicspotslabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "airportlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "entertainmentlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "entertainmentlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "entertainmentlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "estatelabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "estatelabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "estatelabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "businesstowerlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "businesstowerlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "businesstowerlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "companylabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "companylabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "companylabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "governmentlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "governmentlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "governmentlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "restaurantlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "restaurantlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "restaurantlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "hotellabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "hotellabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "hotellabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "shoppinglabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "shoppinglabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "shoppinglabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "lifeservicelabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "lifeservicelabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "lifeservicelabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "carservicelabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "carservicelabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "carservicelabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "financelabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "financelabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "financelabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "otherlabel",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "otherlabel",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "otherlabel",
-    "elementType": "labels.icon",
-    "stylers": {
-        "visibility": "off"
-    }
-}, {
-    "featureType": "manmade",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "manmade",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "transportation",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "transportation",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "education",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "education",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "medical",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "medical",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}, {
-    "featureType": "scenicspots",
-    "elementType": "labels.text.fill",
-    "stylers": {
-        "color": "#2dc4bbff"
-    }
-}, {
-    "featureType": "scenicspots",
-    "elementType": "labels.text.stroke",
-    "stylers": {
-        "color": "#ffffff00"
-    }
-}]
+        styleJson: [
+            {
+                featureType: 'land',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#091220ff'
+                }
+            },
+            {
+                featureType: 'water',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#113549ff'
+                }
+            },
+            {
+                featureType: 'green',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#0e1b30ff'
+                }
+            },
+            {
+                featureType: 'building',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'building',
+                elementType: 'geometry.topfill',
+                stylers: {
+                    color: '#113549ff'
+                }
+            },
+            {
+                featureType: 'building',
+                elementType: 'geometry.sidefill',
+                stylers: {
+                    color: '#143e56ff'
+                }
+            },
+            {
+                featureType: 'building',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#dadada00'
+                }
+            },
+            {
+                featureType: 'subwaystation',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#113549B2'
+                }
+            },
+            {
+                featureType: 'education',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'medical',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'scenicspots',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    weight: 4
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#fed66900'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'arterial',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    weight: 2
+                }
+            },
+            {
+                featureType: 'arterial',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'arterial',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffeebb00'
+                }
+            },
+            {
+                featureType: 'arterial',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'arterial',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'arterial',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'local',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on',
+                    weight: 1
+                }
+            },
+            {
+                featureType: 'local',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'local',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'local',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'local',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#979c9aff'
+                }
+            },
+            {
+                featureType: 'local',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffffff'
+                }
+            },
+            {
+                featureType: 'railway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'subway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    weight: 1
+                }
+            },
+            {
+                featureType: 'subway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#d8d8d8ff'
+                }
+            },
+            {
+                featureType: 'subway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'subway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'subway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#979c9aff'
+                }
+            },
+            {
+                featureType: 'subway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffffff'
+                }
+            },
+            {
+                featureType: 'continent',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'continent',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'continent',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'continent',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'city',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'city',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'city',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'city',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'town',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'town',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'town',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#454d50ff'
+                }
+            },
+            {
+                featureType: 'town',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffffff'
+                }
+            },
+            {
+                featureType: 'road',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'poilabel',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'districtlabel',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'road',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'road',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'road',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'district',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'poilabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'poilabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'poilabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'manmade',
+                elementType: 'geometry',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'districtlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffffff'
+                }
+            },
+            {
+                featureType: 'entertainment',
+                elementType: 'geometry',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'shopping',
+                elementType: 'geometry',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '6'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '7'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '8'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '9'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '10'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '6'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '7'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '8'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '9'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '10'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '6'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '7'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '8'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '9'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,10',
+                    level: '10'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '6'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '7'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '8'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                stylers: {
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '9'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '6'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '7'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '8'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '9'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '6'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '7'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '8'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off',
+                    curZoomRegionId: '0',
+                    curZoomRegion: '6,9',
+                    level: '9'
+                }
+            },
+            {
+                featureType: 'subwaylabel',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'subwaylabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'tertiarywaysign',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'tertiarywaysign',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'provincialwaysign',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'provincialwaysign',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'nationalwaysign',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'nationalwaysign',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'highwaysign',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'highwaysign',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'village',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'district',
+                elementType: 'labels.text',
+                stylers: {
+                    fontsize: 20
+                }
+            },
+            {
+                featureType: 'district',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'district',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'country',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'country',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'water',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'water',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'tertiaryway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'tertiaryway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff10'
+                }
+            },
+            {
+                featureType: 'provincialway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'provincialway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'highway',
+                elementType: 'labels.text',
+                stylers: {
+                    fontsize: 20
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'nationalway',
+                elementType: 'labels.text',
+                stylers: {
+                    fontsize: 20
+                }
+            },
+            {
+                featureType: 'provincialway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'provincialway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'provincialway',
+                elementType: 'labels.text',
+                stylers: {
+                    fontsize: 20
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels.text',
+                stylers: {
+                    fontsize: 20
+                }
+            },
+            {
+                featureType: 'cityhighway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'estate',
+                elementType: 'geometry',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'tertiaryway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'tertiaryway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'fourlevelway',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'fourlevelway',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'scenicspotsway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'scenicspotsway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'universityway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'universityway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'vacationway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'vacationway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'fourlevelway',
+                elementType: 'geometry',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'fourlevelway',
+                elementType: 'geometry.fill',
+                stylers: {
+                    color: '#12223dff'
+                }
+            },
+            {
+                featureType: 'fourlevelway',
+                elementType: 'geometry.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'transportationlabel',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'transportationlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'transportationlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'transportationlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'educationlabel',
+                elementType: 'labels',
+                stylers: {
+                    visibility: 'on'
+                }
+            },
+            {
+                featureType: 'educationlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'educationlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'educationlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'transportation',
+                elementType: 'geometry',
+                stylers: {
+                    color: '#113549ff'
+                }
+            },
+            {
+                featureType: 'airportlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'airportlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'scenicspotslabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'scenicspotslabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'medicallabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'medicallabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'medicallabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'scenicspotslabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'airportlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'entertainmentlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'entertainmentlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'entertainmentlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'estatelabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'estatelabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'estatelabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'businesstowerlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'businesstowerlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'businesstowerlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'companylabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'companylabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'companylabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'governmentlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'governmentlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'governmentlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'restaurantlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'restaurantlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'restaurantlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'hotellabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'hotellabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'hotellabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'shoppinglabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'shoppinglabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'shoppinglabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'lifeservicelabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'lifeservicelabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'lifeservicelabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'carservicelabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'carservicelabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'carservicelabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'financelabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'financelabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'financelabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'otherlabel',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'otherlabel',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'otherlabel',
+                elementType: 'labels.icon',
+                stylers: {
+                    visibility: 'off'
+                }
+            },
+            {
+                featureType: 'manmade',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'manmade',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'transportation',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'transportation',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'education',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'education',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'medical',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'medical',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            },
+            {
+                featureType: 'scenicspots',
+                elementType: 'labels.text.fill',
+                stylers: {
+                    color: '#2dc4bbff'
+                }
+            },
+            {
+                featureType: 'scenicspots',
+                elementType: 'labels.text.stroke',
+                stylers: {
+                    color: '#ffffff00'
+                }
+            }
+        ]
     })
 )
 const zoom = ref(13)
diff --git a/src/views/pqs/runManage/runEvaluate/components/region.vue b/src/views/pqs/runManage/runEvaluate/components/region.vue
new file mode 100644
index 00000000..7891cfd4
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/region.vue
@@ -0,0 +1,124 @@
+<template>
+    <div class="mt10 mr5 btnsBox">
+        <el-radio-group v-model="radio2">
+            <el-radio-button label="区域" value="1" />
+            <el-radio-button label="变电站" value="2" />
+            <el-radio-button label="用户" value="3" />
+        </el-radio-group>
+    </div>
+    <div :style="height">
+        <MyEChart :options="options" />
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import MyEChart from '@/components/echarts/MyEchart.vue'
+import { mainHeight } from '@/utils/layout'
+const radio2 = ref('1')
+const height = mainHeight(300, 1.5)
+const options = ref({})
+const info = () => {
+    let dataSource = [
+        { value: '90',  name: '张家口' },
+        { value: '80',  name: '廊坊' },
+        { value: '70',  name: '秦皇岛' },
+        { value: '60',  name: '唐山' },
+        { value: '50',  name: '承德' },
+    
+    ]
+    options.value = {
+        xAxis: {
+            type: 'value',
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#FFF'
+                }
+            },
+            splitLine: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            },
+            axisLine: {
+                show: true
+            }
+        },
+        grid: {
+            top: '10'
+        },
+        toolbox: {
+            show: false
+        },
+        options: {
+            yAxis: {
+                type: 'category',
+                data: dataSource.map(item => item.name),
+                axisLabel: {
+                    color: '#fff'
+                },
+                splitLine: {
+                    show: false
+                }
+            },
+            dataZoom: null,
+            series: [
+                {
+                    type: 'bar',
+                    itemStyle: {
+                        color: function (params) {
+                            return params.value >= 90
+                                ? '#009900'
+                                : params.value >= 60
+                                ? '#FFCC00'
+                                : params.value > 0
+                                ? '#CC0000'
+                                : '#CCC'
+                        }
+                    },
+
+                    data: dataSource.map(item => item.value)
+                }
+            ]
+        }
+    }
+}
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped>
+.btnsBox {
+    display: flex;
+    justify-content: end;
+}
+::v-deep .el-radio-button__inner {
+    padding: 8px 18px;
+    background: var(--el-color-primary);
+    border: 1px solid #00fff4;
+    border-radius: 0;
+    font-weight: normal;
+    color: #ffffff;
+    text-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.73);
+    opacity: 0.52;
+}
+::v-deep .el-radio-button:last-child .el-radio-button__inner {
+    border-radius: 0;
+}
+::v-deep .el-radio-button:first-child .el-radio-button__inner {
+    border-radius: 0;
+    border-left: 1px solid #00fff4;
+}
+::v-deep .is-active {
+    border: 1px solid #00fff4;
+    opacity: 1 !important;
+    color: #ffffff;
+    background: var(--el-color-primary);
+    
+    .el-radio-button__inner{
+        opacity: 1 !important;
+        border-left: 1px solid #00fff4 !important;
+    }
+}
+</style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/run.vue b/src/views/pqs/runManage/runEvaluate/components/run.vue
new file mode 100644
index 00000000..7ed2bab5
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/run.vue
@@ -0,0 +1,138 @@
+<template>
+    <div :style="height">
+        <MyEChart :options="options" />
+    </div>
+    <div class="boxBG">
+        <div class="appraise">
+            <div class="iconfont icon-wanzhengshuaifenxi2"></div>
+            <div class="right">
+                <span>完整率</span>
+                <span>优</span>
+            </div>
+        </div>
+        <div class="appraise">
+            <div class="iconfont icon-zaixianshuaibaobiao0"></div>
+            <div class="right">
+                <span>在线率</span>
+                <span>优</span>
+            </div>
+        </div>
+        <div class="appraise">
+            <div class="iconfont icon-dianyahegeshuai"></div>
+            <div class="right">
+                <span>合格率</span>
+                <span>优</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'
+
+const options = ref({})
+const height = mainHeight(650, 1.5)
+
+const info = () => {
+    options.value = {
+        xAxis: {
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#FFF'
+                }
+            },
+            splitLine: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            },
+            axisLine: {
+                show: true
+            },
+            data: ['运行', '调试', '停运']
+        },
+
+        grid: {
+            top: '30'
+        },
+        toolbox: {
+            show: false
+        },
+        yAxis: {
+            axisLine: {
+                show: true
+            },
+            axisLabel: {
+                color: '#fff'
+            },
+            splitLine: {
+                show: false
+            }
+        },
+
+        options: {
+            dataZoom: null,
+
+            series: [
+                {
+                    type: 'bar',
+                    data: [45, 5, 1],
+                    itemStyle: {
+                        color: function (params) {
+                            // 根据索引返回不同颜色
+                            var colorList = ['#00CC00', '#FF9900', '#CC0000']
+                            return colorList[params.dataIndex]
+                        }
+                    }
+                }
+            ]
+        }
+    }
+}
+
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped>
+.boxBG {
+    display: flex;
+    justify-content: space-around;
+    .appraise {
+        width: 30%;
+        background-image: url('@/assets/imgs/bg02.png');
+        background-size: 100% 100%;
+        display: inline-block;
+        height: 80px;
+        color: #fff;
+        display: flex;
+        justify-content: center;
+        .right {
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            justify-content: center;
+            font-size: 14px;
+            span:nth-child(2) {
+                font-size: 20px;
+                font-weight: 600;
+                margin-top: 5px;
+                color: #00cc00;
+            }
+        }
+        .iconfont {
+            width: 50px;
+            height: 50px;
+            background-color: var(--el-color-primary);
+            font-size: 30px;
+            text-align: center;
+            line-height: 50px;
+            border-radius: 10px;
+            margin: 15px 10px 15px 0;
+        }
+    }
+}
+</style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/statistics.vue b/src/views/pqs/runManage/runEvaluate/components/statistics.vue
new file mode 100644
index 00000000..df8fef97
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/statistics.vue
@@ -0,0 +1,61 @@
+<template>
+    <div style="height:150px" class="box">
+        <div class="boxDiv">
+            <div style="color: #07ccca">300</div>
+            <img src="@/assets/imgs/ditu.png" />
+            <div class="mt10 divBot">总数</div>
+        </div>
+        <div class="boxDiv">
+            <div style="color: #339900">250</div>
+            <img src="@/assets/imgs/ditu.png" />
+            <div class="mt10 divBot">在运</div>
+        </div>
+        <div class="boxDiv">
+            <div style="color: #cc0000">50</div>
+            <img src="@/assets/imgs/ditu.png" />
+            <div class="mt10 divBot">停运</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 height = mainHeight(330, 3)
+
+const info = () => {}
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped>
+.box {
+    display: flex;
+    align-items: center;
+    
+    .boxDiv {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        position: relative;
+        margin-top: 20px;
+        img {
+            width: 80%;
+        }
+        div:nth-child(1) {
+            position: absolute;
+            font-size: 30px;
+            top: -10px;
+            font-weight: 700;
+        }
+        .divBot {
+            font-size: 16px;
+            position: absolute;
+            top: -45px;
+        }
+        color: #fff;
+    }
+}
+</style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/terminalDetails.vue b/src/views/pqs/runManage/runEvaluate/components/terminalDetails.vue
new file mode 100644
index 00000000..4a3bab1b
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/terminalDetails.vue
@@ -0,0 +1,82 @@
+<template>
+    <div :style="height" class="mt10">
+        <vxe-table height="auto" v-bind="defaultAttribute" :data="tableData">
+            <vxe-column type="seq" title="序号"></vxe-column>
+            <vxe-column field="a" title="终端名称"></vxe-column>
+            <vxe-column field="b" title="所属电站"></vxe-column>
+            <vxe-column field="c" title="完整性"></vxe-column>
+            <vxe-column field="d" title="在线率"></vxe-column>
+            <vxe-column field="e" title="合格率"></vxe-column>
+        </vxe-table>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import { mainHeight } from '@/utils/layout'
+import { defaultAttribute } from '@/components/table/defaultAttribute'
+const tableData = ref([
+    {
+        a: '025875',
+        b: '测试变电站1',
+        c: '60',
+        d: '95',
+        e: '66'
+    },
+    {
+        a: '025876',
+        b: '测试变电站2',
+        c: '60',
+        d: '95',
+        e: '66'
+    }
+])
+const height = mainHeight(360, 3)
+
+const info = () => {}
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped>
+// :deep(.vxe-header--row) {
+//     background: #071de2 !important;
+//     color: #fff !important;
+// }
+
+/*调整表格 单元格背景颜色*/
+:deep(.vxe-table .vxe-table--body-wrapper, .vxe-table .vxe-table--footer-wrapper) {
+    background: #ffffff00 !important;
+}
+:deep(.vxe-table--render-wrapper) {
+    background-color: #ffffff00 !important;
+}
+:deep(.vxe-table--body .vxe-body--row) {
+    background-color:#ffffff2e !important;
+}
+
+:deep(.vxe-table--render-default .vxe-table--body-wrapper table) {
+    background-color: #00000000 !important;
+    color: #fff;
+}
+:deep(
+        .vxe-table--render-default.border--full .vxe-body--column,
+        .vxe-table--render-default.border--full .vxe-footer--column,
+        .vxe-table--render-default.border--full .vxe-header--column,
+
+    ) {
+    background-image: linear-gradient(#00fff4, #00fff4), linear-gradient(#00fff4, #00fff4);
+}
+:deep(
+
+        .vxe-table--render-default.border--full .vxe-header--column
+    ) {
+    background-image: linear-gradient(#00fff4, #00fff4), linear-gradient(#00fff4, #00fff4) !important;
+}
+:deep(.vxe-table--render-default .vxe-table--border-line){
+    border: var(--vxe-table-border-width) solid #00fff4;
+}
+:deep(.vxe-header--row) {
+    background: var(--el-color-primary);
+    color:#fff;
+}
+</style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/terminalOperation.vue b/src/views/pqs/runManage/runEvaluate/components/terminalOperation.vue
new file mode 100644
index 00000000..73753833
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/terminalOperation.vue
@@ -0,0 +1,122 @@
+<template>
+    <div>
+        <div :style="height" style="width: 100%" ref="chartRef"></div>
+    </div>
+</template>
+<script setup lang="ts">
+import { ref, reactive, onMounted } from 'vue'
+import echarts from '@/components/echarts/echarts'
+import { useDictData } from '@/stores/dictData'
+import { color } from '@/components/echarts/color'
+import { mainHeight } from '@/utils/layout'
+
+
+const height = mainHeight(330, 3)
+const chartRef = ref<HTMLDivElement>()
+const info = () => {
+    let chart = echarts.init(chartRef.value as HTMLDivElement)
+    let option = {
+        toolbox: {
+            show: false
+        },
+        tooltip: {
+            trigger: 'item',
+            axisPointer: {
+                type: 'shadow',
+                label: {
+                    color: '#fff',
+                    fontSize: 14
+                }
+            },
+            textStyle: {
+                color: '#fff',
+                fontStyle: 'normal',
+                opacity: 0.35,
+                fontSize: 14
+            },
+            backgroundColor: 'rgba(0,0,0,0.55)',
+            borderWidth: 0,
+            confine: true
+        },
+
+        radar: {
+            shape: 'circle',
+            center: ['50%', '55%'],
+            name: {
+                textStyle: {
+                    color: '#fff',
+                    fontSize: 14
+                }
+            },
+            indicator: [
+                {
+                    text: '完整率',
+                    min: 0,
+                    max: 100
+                },
+                {
+                    text: '合格率',
+                    min: 0,
+                    max: 100
+                },
+                {
+                    text: '在线率',
+                    min: 0,
+                    max: 100
+                }
+            ],
+            splitArea: {
+                // 坐标轴在 grid 区域中的分隔区域，默认不显示。
+                show: true,
+                areaStyle: {
+                    // 分隔区域的样式设置。
+                    color: ['rgba(27, 50, 66, 0.4)']
+                }
+            },
+            axisLine: {
+                //指向外圈文本的分隔线样式
+                lineStyle: {
+                    color: '#5aa3d0'
+                }
+            },
+            splitLine: {
+                lineStyle: {
+                    color: 'rgba(99,192,251,0.2)', // 分隔线颜色
+                    width: 2 // 分隔线线宽
+                }
+            }
+        },
+        series: {
+            name: '',
+            type: 'radar',
+            symbolSize: 8,
+            itemStyle: {
+                borderColor: color[1],
+                borderWidth: 2
+            },
+            areaStyle: {
+                normal: {
+                    width: 1,
+                    opacity: 0.3
+                }
+            },
+            data: [
+                {
+                    itemStyle: {
+                        normal: {
+                            color: color[1]
+                        }
+                    },
+                    value: [20, 33, 80]
+                }
+            ]
+        }
+    }
+
+    chart.setOption(option)
+}
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/pqs/runManage/runEvaluate/components/week.vue b/src/views/pqs/runManage/runEvaluate/components/week.vue
new file mode 100644
index 00000000..c9d59831
--- /dev/null
+++ b/src/views/pqs/runManage/runEvaluate/components/week.vue
@@ -0,0 +1,119 @@
+<template>
+    <div :style="height">
+        <MyEChart :options="options" />
+    </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 { yMethod } from '@/utils/echartMethod'
+const options = ref({})
+const height = mainHeight(330, 3)
+
+const info = () => {
+    let [min, max] = yMethod([80, 99])
+    options.value = {
+        xAxis: {
+            axisLabel: {
+                show: true,
+                textStyle: {
+                    color: '#FFF'
+                }
+            },
+            splitLine: {
+                show: false
+            },
+            axisTick: {
+                show: false
+            },
+            axisLine: {
+                show: true
+            },
+            data: ['03-24', '03-25', '03-26', '03-27', '03-28', '03-29', '03-30']
+        },
+        legend: {
+            textStyle: {
+                color: '#fff'
+            }
+        },
+        grid: {
+            top: '50',
+            left: '20',
+            right: '20'
+        },
+        toolbox: {
+            show: false
+        },
+        yAxis: {
+            min: min,
+            max: 100,
+            axisLine: {
+                show: true
+            },
+            axisLabel: {
+                color: '#fff'
+            },
+            splitLine: {
+                show: false
+            }
+        },
+        // color: [color[1]],
+        // ['承德', '唐山', '秦皇岛', '廊坊', '张家口']
+        options: {
+            dataZoom: null,
+            series: [
+                {
+                    name: '承德',
+                    type: 'line',
+                    symbol: 'circle',
+                    smooth: true,
+                    showSymbol: false,
+
+                    data: [80, 82, 90, 92, 97,100,100]
+                },
+                {
+                    name: '唐山',
+                    type: 'line',
+                    symbol: 'circle',
+                    smooth: true,
+                    showSymbol: false,
+
+                    data: [83, 84, 91, 93, 98,100,100]
+                },
+                {
+                    name: '秦皇岛',
+                    type: 'line',
+                    symbol: 'circle',
+                    smooth: true,
+                    showSymbol: false,
+
+                    data: [84, 82, 90, 90, 95,100,100]
+                },
+                {
+                    name: '廊坊',
+                    type: 'line',
+                    symbol: 'circle',
+                    smooth: true,
+                    showSymbol: false,
+
+                    data: [87, 82, 90, 94, 97,100,100]
+                },
+                {
+                    name: '张家口',
+                    type: 'line',
+                    symbol: 'circle',
+                    smooth: true,
+                    showSymbol: false,
+
+                    data: [90, 92, 95, 97, 100,100,100]
+                }
+            ]
+        }
+    }
+}
+onMounted(() => {
+    info()
+})
+</script>
+<style lang="scss" scoped></style>
diff --git a/src/views/pqs/runManage/runEvaluate/index.vue b/src/views/pqs/runManage/runEvaluate/index.vue
index 14aab261..659c00b5 100644
--- a/src/views/pqs/runManage/runEvaluate/index.vue
+++ b/src/views/pqs/runManage/runEvaluate/index.vue
@@ -20,9 +20,108 @@
             </template>
 
             <template v-slot:operation>
-                <el-button type="primary" class="ml10" @click="toggle" :icon="leftVisible ? 'el-icon-Hide' : 'el-icon-View'">
+                <el-button
+                    type="primary"
+                    class="ml10"
+                    @click="toggle"
+                    :icon="leftVisible ? 'el-icon-Hide' : 'el-icon-View'"
+                >
                     {{ leftVisible ? '隐藏' : '显示' }}
                 </el-button>
+
+                <el-tooltip    placement="left-start">
+                    <InfoFilled style="height: 20px" class="ml10" />
+                    <!-- <el-button circle icon="el-icon-InfoFilled" /> -->
+                    <template #content>
+                        <div style="font-size: 16px " class="mt10 mb10">
+                            <div>终端在线率</div>
+                            <div class="em1">定义：终端在指定时间段内处于在线状态的时间比例。</div>
+                            <div class="em1">计算方法：在线率=终端在线时间/总监测时间×100%</div>
+                            <div class="em1">评价标准：</div>
+                            <div class="em2">
+                                <span style="color: #00b07d">优秀</span>
+                                　在线率 ≥ 95%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #2b7fd3">良好</span>
+                                　90% ≤ 在线率 < 95
+                            </div>
+                            <div class="em2">
+                                <span style="color: #ffcc33">一般</span>
+                                　80% ≤ 在线率 < 90%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #97017e">较差</span>
+                                　在线率 < 80%
+                            </div>
+
+                            <div class="mt10">数据完整性</div>
+                            <div class="em1">定义：终端上传数据的完整性和连续性</div>
+                            <div class="em1">计算方法：数据完整性=实际上传数据量/预期上传数据量×100%</div>
+                            <div class="em1">评价标准：</div>
+                            <div class="em2">
+                                <span style="color: #00b07d">优秀</span>
+                                　完整性 ≥ 98%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #2b7fd3">良好</span>
+                                　95% ≤ 完整性 < 98%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #ffcc33">一般</span>
+                                　90% ≤ 完整性 < 95%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #97017e">较差</span>
+                                　完整性 < 90%
+                            </div>
+
+                            <div class="mt10">数据合格率</div>
+                            <div class="em1">定义：终端上传数据的合格率(以谐波电压为代表)。</div>
+                            <div class="em1">计算方法：合格率=合格数据量/总数据量×100%</div>
+                            <div class="em1">评价标准：</div>
+                            <div class="em2">
+                                <span style="color: #00b07d">优秀</span>
+                                　完整性 ≥ 98%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #2b7fd3">良好</span>
+                                　95% ≤ 完整性 < 98%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #ffcc33">一般</span>
+                                　90% ≤ 完整性 < 95%
+                            </div>
+                            <div class="em2">
+                                <span style="color: #97017e">较差</span>
+                                　完整性 < 90%
+                            </div>
+                            <div class="mt10">综合评价方法</div>
+                            <div class="em1">权重分配:根据各维度的重要性，分配不同的权重。例如:</div>
+                            <div class="em2">终端在线率:20%</div>
+                            <div class="em2">数据完整性:50%</div>
+                            <div class="em2">数据合格率:30%</div>
+                            <div class="em1">综合评分:综合评分=∑(单项评分x权重)</div>
+                            <div class="em1">评价等级:</div>
+                            <div class="em2">
+                                <span style="color: #00b07d">优秀</span>
+                                　综合评分 ≥ 90
+                            </div>
+                            <div class="em2">
+                                <span style="color: #2b7fd3">良好</span>
+                                　80 ≤ 综合评分 < 90
+                            </div>
+                            <div class="em2">
+                                <span style="color: #ffcc33">一般</span>
+                                　70 ≤ 综合评分 < 80
+                            </div>
+                            <div class="em2">
+                                <span style="color: #97017e">较差</span>
+                                　综合评分 < 70
+                            </div>
+                        </div>
+                    </template>
+                </el-tooltip>
             </template>
         </TableHeader>
         <Map />
@@ -30,6 +129,7 @@
         <transition name="slide-left">
             <div class="left" :style="height" v-if="leftVisible">
                 <BorderBox13
+                    style="height: 200px"
                     :color="[color[0], color[0]]"
                     class="box"
                     :backgroundColor="`${color[0]}24`"
@@ -39,10 +139,12 @@
                         <span class="iconfont icon-zhongduantongji-xian"></span>
                         终端统计
                     </div>
+                    <statistics />
                 </BorderBox13>
                 <BorderBox13
                     :color="[color[0], color[0]]"
                     class="box"
+                    style="flex: 1"
                     :backgroundColor="`${color[0]}24`"
                     title="终端运行评价"
                 >
@@ -50,8 +152,10 @@
                         <span class="iconfont icon-daipingjia"></span>
                         终端运行评价
                     </div>
+                    <run />
                 </BorderBox13>
                 <BorderBox13
+                    :style="height3"
                     :color="[color[0], color[0]]"
                     class="box"
                     :backgroundColor="`${color[0]}24`"
@@ -61,6 +165,7 @@
                         <span class="iconfont icon-a-qushi1"></span>
                         最近一周终端评价趋势
                     </div>
+                    <week />
                 </BorderBox13>
             </div>
         </transition>
@@ -77,18 +182,23 @@
                         <span class="iconfont icon-a-ziyuan118"></span>
                         区域终端运行评价
                     </div>
+                    <region />
                 </BorderBox13>
-                <BorderBox13
-                    :color="[color[0], color[0]]"
-                    class="box"
-                    :backgroundColor="`${color[0]}24`"
-                    title="终端运行评价详情"
-                >
-                    <div class="title">
-                        <span class="iconfont icon-yunhangxiangqing"></span>
-                        终端运行评价详情
-                    </div>
-                </BorderBox13>
+                <div :style="height3">
+                    <BorderBox13
+                        style="height: 100%"
+                        :color="[color[0], color[0]]"
+                        class="box"
+                        :backgroundColor="`${color[0]}24`"
+                        title="终端运行评价详情"
+                    >
+                        <div class="title">
+                            <span class="iconfont icon-yunhangxiangqing"></span>
+                            终端运行评价详情
+                        </div>
+                        <terminalOperation />
+                    </BorderBox13>
+                </div>
             </div>
         </transition>
 
@@ -104,6 +214,8 @@
                         <span class="iconfont icon-yichangxiangqing-xian"></span>
                         异常终端详情
                     </div>
+                    <terminalDetails />
+                    <table />
                 </BorderBox13>
             </div>
         </transition>
@@ -118,6 +230,13 @@ import { mainHeight } from '@/utils/layout'
 import Map from './components/map.vue'
 import { BorderBox13 } from '@kjgl77/datav-vue3'
 import { useConfig } from '@/stores/config'
+import terminalOperation from './components/terminalOperation.vue'
+import region from './components/region.vue'
+import { InfoFilled } from '@element-plus/icons-vue'
+import week from './components/week.vue'
+import terminalDetails from './components/terminalDetails.vue'
+import statistics from './components/statistics.vue'
+import run from './components/run.vue'
 const config = useConfig()
 const color = config.layout.elementUiPrimary
 const dictData = useDictData()
@@ -257,4 +376,12 @@ onMounted(() => {
     transform: translateY(100%);
     opacity: 0;
 }
+.em1 {
+    margin-top: 5px;
+    text-indent: 1em;
+}
+.em2 {
+    margin-top: 5px;
+    text-indent: 2em;
+}
 </style>