样式调整问题修正

src/api/index.js

@@ -170,7 +170,7 @@ export function get24hTowerStatis() {
 }
 
 export function getTowerWarnings() {
-    return request({
+    return noLoadingrequest({
         url: '/pweb/s/towercrane/warning/list',
         method: 'get',
     })
@@ -332,7 +332,7 @@ export function getFallWarningStatus() {
 
 }
 export function getFallWarningTableList(params) {
-    return request({
+    return noLoadingrequest({
         url: '/pweb/s/linbian/warning',
         method: 'get',
         params
@@ -378,7 +378,7 @@ export function getPlatformWarningStatus() {
     })
 }
 export function getPlatformWarningList(params) {
-    return request({
+    return noLoadingrequest({
         url: '/pweb/s/unload/warning',
         method: 'get',
         params
@@ -394,7 +394,7 @@ export function getElevatorList() {
     })
 }
 export function getElevatorWarningList(params) {
-    return request({
+    return noLoadingrequest({
         url: '/pweb/s/elevator/warning',
         method: 'get',
         params
@@ -426,7 +426,7 @@ export function getCurrentMonthCheckStats() {
     })
 }
 export function getBlackspotRankingList(params) {
-    return request({
+    return noLoadingrequest({
         url: '/pweb/s/check/item/sort',
         method: 'get',
         params

src/assets/common/element.less

@@ -6,6 +6,7 @@
 
     .el-dialog__title {
         color: #fff !important;
+        font-weight: bold;
     }
 
     .el-dialog__headerbtn {
@@ -45,6 +46,7 @@
 ::v-deep .el-table td.el-table__cell,
 ::v-deep .el-table th.el-table__cell.is-leaf {
     border-color: transparent;
+    font-weight: 400 !important;
 }
 
 ::v-deep .el-table__empty-text {

src/assets/iconfont/iconfont.css

+@font-face {
+  font-family: "iconfont";
+  /* Project id 4100703 */
+  src: url('iconfont.woff2?t=1685676784641') format('woff2'),
+    url('iconfont.woff?t=1685676784641') format('woff'),
+    url('iconfont.ttf?t=1685676784641') format('truetype');
+}
+
+.iconfont {
+  font-family: "iconfont" !important;
+  font-size: 16px;
+  font-style: normal;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-anquanmao:before {
+  content: "\e9cb";
+}
+
+.icon-you-21:before {
+  content: "\e7b7";
+}
+
+.icon-shanchu-2:before {
+  content: "\e7b8";
+}
+
+.icon-you-23:before {
+  content: "\e7c4";
+}
+
+.icon-you-22:before {
+  content: "\e7d3";
+}
+
+.icon-you-2-2:before {
+  content: "\e7d4";
+}
+
+.icon-shang-01:before {
+  content: "\e8e3";
+}
+
+.icon-shang-02:before {
+  content: "\e8e4";
+}
+
+.icon-shanghun-2:before {
+  content: "\e9d0";
+}
+
+.icon-shanghun-3:before {
+  content: "\e9d1";
+}
+
+.icon-shanghun-1:before {
+  content: "\e9d2";
+}
+
+.icon-linbianfanghu-liebiao-2:before {
+  content: "\e9c9";
+}
+
+.icon-anquanmao-dangqianshiyong:before {
+  content: "\e9c1";
+}
+
+.icon-icon_ss:before {
+  content: "\e9c2";
+}
+
+.icon-shipinjiankong-1:before {
+  content: "\e9c3";
+}
+
+.icon-anquanmao-lishiguiji:before {
+  content: "\e9c4";
+}
+
+.icon-bofang:before {
+  content: "\e9c5";
+}
+
+.icon-tadiao:before {
+  content: "\e9c6";
+}
+
+.icon-shigongshengjiangji:before {
+  content: "\e9c7";
+}
+
+.icon-shipinjiankong-2:before {
+  content: "\e9c8";
+}
+
+.icon-linbianfanghu-liebiao-1:before {
+  content: "\e9ca";
+}
+
+.icon-yangchenzaoyin:before {
+  content: "\e9cc";
+}
+
+.icon-linbianfanghu-dingwei:before {
+  content: "\e9cd";
+}
+
+.icon-xieliaopingtai:before {
+  content: "\e9ce";
+}
\ No newline at end of file

src/assets/iconfont/iconfont.js

+window._iconfont_svg_string_4100703='<svg><symbol id="icon-anquanmao" viewBox="0 0 1024 1024"><path d="M392 300c4-1.6 8.8-2.4 12.8-4-4 1.6-8.8 2.4-12.8 4zM444 288c-1.6 0-2.4 0.8-4 0.8 2.4 0 4.8-0.8 6.4-0.8h-2.4z"  ></path><path d="M875.2 653.6h-8c0-179.2-126.4-328.8-295.2-362.4 12 2.4 23.2 5.6 34.4 8.8 69.6 68.8 88 205.6 64 317.6C658.4 412.8 586.4 256 499.2 256 412 256 340 412.8 328 617.6c-23.2-108.8-6.4-241.6 58.4-312l4.8-5.6C240 346.4 130.4 487.2 130.4 653.6h-8c-25.6 0-47.2 20.8-46.4 47.2 0 25.6 20.8 47.2 46.4 47.2h752c25.6 0 47.2-20.8 46.4-47.2 1.6-25.6-20-47.2-45.6-47.2zM447.2 436c32-18.4 71.2-18.4 104 0 32 18.4 52 52.8 52 90.4 0 57.6-46.4 104-104 104s-104-46.4-104-104c0.8-37.6 20-72 52-90.4z"  ></path><path d="M499.2 448.8c-42.4 0-76.8 34.4-76.8 76.8s34.4 76.8 76.8 76.8S576 568 576 525.6s-34.4-76.8-76.8-76.8z m-23.2 41.6c-3.2 5.6-8.8 11.2-15.2 15.2-5.6 3.2-11.2 4-12.8 1.6-2.4-2.4-1.6-7.2 1.6-13.6 4-6.4 8.8-11.2 15.2-15.2 5.6-3.2 11.2-4 12.8-1.6 2.4 3.2 2.4 8-1.6 13.6z"  ></path></symbol><symbol id="icon-you-21" viewBox="0 0 1024 1024"><path d="M512 628l349.6-349.6c21.6-20.8 56.8-20.8 77.6 1.6 20.8 21.6 20.8 55.2 0 76L553.6 741.6c-20 23.2-54.4 25.6-77.6 5.6l-2.4-2.4-388.8-388C64 335.2 64 300 86.4 279.2c21.6-20.8 55.2-20.8 76 0L512 628z"  ></path></symbol><symbol id="icon-shanchu-2" viewBox="0 0 1024 1024"><path d="M512 420.984L178.426 87.335a64.357 64.357 0 1 0-91.016 91.016L420.91 512 87.26 845.574a64.357 64.357 0 1 0 91.016 91.016L512 603.09l333.574 333.65a64.357 64.357 0 1 0 91.016-91.016L603.09 512l333.65-333.574a64.357 64.357 0 1 0-91.016-91.016L512 420.91z"  ></path></symbol><symbol id="icon-you-23" viewBox="0 0 1024 1024"><path d="M512 396L162.4 745.6c-21.6 20.8-56.8 20.8-77.6-1.6-20.8-21.6-20.8-55.2 0-76l385.6-385.6c20-23.2 54.4-25.6 77.6-5.6l2.4 2.4 388 388c20.8 21.6 20.8 56.8-1.6 77.6-21.6 20.8-55.2 20.8-76 0L512 396z"  ></path></symbol><symbol id="icon-you-22" viewBox="0 0 1024 1024"><path d="M396 512l349.6 349.6c20.8 21.6 20.8 56.8-1.6 77.6-21.6 20.8-55.2 20.8-76 0L282.4 553.6c-23.2-20-25.6-54.4-5.6-77.6l2.4-2.4 388-388c21.6-20.8 56.8-20.8 77.6 1.6 20.8 21.6 20.8 55.2 0 76L396 512z"  ></path></symbol><symbol id="icon-you-2-2" viewBox="0 0 1024 1024"><path d="M628 512L278.4 162.4c-20.8-21.6-20.8-56.8 1.6-77.6 21.6-20.8 55.2-20.8 76 0l385.6 385.6c23.2 20 25.6 54.4 5.6 77.6l-2.4 2.4-388 388c-21.6 20.8-56.8 20.8-77.6-1.6-20.8-21.6-20.8-55.2 0-76L628 512z"  ></path></symbol><symbol id="icon-shang-01" viewBox="0 0 1098 1024"><path d="M55.17436 786.286c-58.707 0-73.143-29.835-30.797-71.218L473.82136 268.51c41.383-41.383 109.714-40.42 151.098 0.963l449.443 445.594c41.384 41.383 27.91 71.218-30.797 71.218H55.17536z"  ></path></symbol><symbol id="icon-shang-02" viewBox="0 0 1096 1024"><path d="M54.857 237.714h986.466c58.707 0 73.143 29.835 30.797 71.218L623.64 754.526c-41.384 41.384-109.715 42.346-151.099 0.963L24.061 308.932c-41.384-41.383-27.91-71.218 30.796-71.218z"  ></path></symbol><symbol id="icon-shanghun-2" viewBox="0 0 1024 1024"><path d="M883.41087 0.00066H140.58582A140.159821 140.159821 0 0 0 0 139.735481v744.531048A140.159821 140.159821 0 0 0 140.58582 1023.99935h742.82505A140.159821 140.159821 0 0 0 1023.99869 884.265529V139.734481A140.159821 140.159821 0 0 0 883.41087 0.00066zM293.759624 824.533605a137.172825 137.172825 0 1 1 138.025824-136.959825 137.172825 137.172825 0 0 1-138.025824 136.959825z m175.572776-564.905277L278.399644 449.493085a29.012963 29.012963 0 0 1-42.666946 0l-97.279875-98.559874a38.399951 38.399951 0 0 1 0-53.972931A37.972951 37.972951 0 0 1 191.999754 293.974284l59.519924 59.305924 149.332809-142.719817a63.999918 63.999918 0 0 1 35.625955-17.279978 39.892949 39.892949 0 0 1 32.853958 11.093986 44.586943 44.586943 0 0 1 0 55.252929z m374.185521 480.425385H600.532232a52.479933 52.479933 0 1 1 0-104.959865h242.985689a52.479933 52.479933 0 1 1 0 104.959865z m0-346.879556H600.532232a52.479933 52.479933 0 1 1 0-104.959866h242.985689a52.479933 52.479933 0 1 1 0 104.959866z"  ></path><path d="M222.505715 687.57278a71.252909 70.826909 0 1 0 142.506818 0 71.252909 70.826909 0 1 0-142.506818 0z"  ></path></symbol><symbol id="icon-shanghun-3" viewBox="0 0 1097 1024"><path d="M5.119994 215.546745v570.209327s8.04499 62.096927 26.549969 81.625903c18.431978 19.527977 52.661938 39.934953 52.661937 39.934953l378.871553 109.49187s33.79096 10.532988 42.859949 6.069993c8.84999-4.459995 6.289993-18.064979 6.289993-18.064978V362.048572L5.119994 215.546745z m1091.63271 0L934.963895 261.919691V508.989399L828.179021 539.269363V292.492654l-243.559712 69.849918v588.421305s-1.536998 58.87793 5.630994 69.409918c7.094992 10.679987 42.56795-4.387995 42.567949-4.387995l342.520595-98.081884s72.409914-19.967976 98.886884-47.760944c26.549969-27.866967 22.673973-145.185828 22.673973-145.185828v-509.209399h-0.146z m0.365-58.58593L579.571315 5.630993S557.189342 0 549.509351 0c-7.752991 0-30.939963 6.069993-30.939964 6.069993L358.904576 52.662938 910.608924 210.207752l186.50978-53.246937zM0 153.010819l548.193352 154.181818 215.693745-60.706928-550.680349-154.839817L0 153.011819z"  ></path></symbol><symbol id="icon-shanghun-1" viewBox="0 0 1567 1024"><path d="M1424.70617 673.613h-909.92c-13.582 0-24.446 10.864-24.446 27.162V143.958s-43.46-2.717-97.783-2.717c-86.918 0-192.849 2.717-217.294 21.73C112.79117 209.146 12.29217 325.94 6.86017 578.546c0 108.648-2.717 176.552-5.433 222.727-2.716 84.202-2.716 86.918 10.865 97.783 8.148 8.148 24.446 8.148 38.026 8.148h84.202c27.162 0 29.878-5.432 29.878-5.432 8.149-54.324 21.73-122.228 89.634-162.97 0 0 27.162-19.014 67.904-21.73 32.595 0 67.905 13.58 89.634 35.31l27.162 27.162h35.31c8.15 0 13.581 0 13.581-2.716v108.647c0 13.58 10.865 27.162 21.73 29.878v19.013c0 2.716 5.432 2.716 8.148 2.716h190.133c2.716 0 8.149 0 8.149-2.716v-19.013h43.459c0-43.46 29.878-190.133 160.254-190.133 135.81 0 165.687 157.539 160.255 187.417h8.148v2.716h320.51c2.716-95.067-70.621-192.849-160.255-192.849-86.918 0-152.106 86.918-160.255 187.416-5.432-38.026 27.162-184.7 157.539-190.132 119.512-2.716 171.12 141.241 162.97 190.132h19.014c13.58 0 27.162-13.58 27.162-29.878V692.626c-2.716-5.432-16.297-19.013-29.878-19.013zM126.37217 312.36c59.755-103.215 86.917-95.067 86.917-95.067 46.175-13.58 203.714 0 203.714 0v200.998L80.19617 494.345s8.149-119.512 46.176-181.984zM419.71817 507.926v24.445s0 5.433-5.432 5.433h-81.486c-5.432 0-5.432-8.149-5.432-8.149v-21.73c0-8.148 8.148-8.148 8.148-8.148h78.77c0 2.716 2.716 2.716 5.432 8.149zM9.57617 689.91v-5.433s372.116-65.188 423.724-76.053V190.133h-277.05V184.7h282.482v429.157c2.716 0-426.44 76.053-429.156 76.053z"  ></path><path d="M919.49617 733.369c-89.634 0-157.538 84.201-157.538 190.132h317.793c-2.716-100.498-70.62-190.132-160.255-190.132zM438.73217 608.424h-5.432 5.432zM321.93617 719.788c-43.458 0-86.917 27.162-119.511 70.62-27.162 38.027-35.31 86.918-40.743 130.377h323.225c-5.432-108.647-73.337-200.997-162.97-200.997zM588.12217 298.78c43.459 0 81.486-38.027 81.486-84.202s-35.31-84.201-81.486-84.201c-43.459 0-81.485 38.026-81.485 84.201 2.716 46.175 38.026 84.202 81.485 84.202zM506.63817 662.748h168.403c5.432 0 10.865-5.432 10.865-13.58L579.97417 336.805c0-8.148-5.433-13.58-10.865-13.58h-62.472c-5.433 0-10.865 5.432-10.865 13.58v312.361c0 5.432 5.432 13.581 10.865 13.581z m784.976-173.836L1136.79117 35.31 764.67417 179.268 922.21217 632.87z"  ></path><path d="M588.12217 325.942l108.647 315.077 220.011-8.149h2.716L761.95817 179.268 588.12217 325.942z m787.692-287.915L1139.50817 35.31h-2.716l157.538 450.886v2.716l181.984-168.403-100.499-279.766z m190.133 233.591l-92.35-260.753C1470.88117 2.716 1465.44817 0 1460.01717 0h-5.433l-65.189 27.162c-8.148 2.716-10.864 10.865-8.148 19.013l92.35 260.753c2.716 5.433 8.149 8.149 13.58 8.149h5.433l67.905-27.162c5.432-2.716 8.148-10.865 5.432-16.297z"  ></path><path d="M865.17317 651.883h559.533c8.148 0 16.297-8.148 16.297-16.297V374.833h-2.716c-51.608 48.891-133.093 124.944-138.526 127.66L924.92917 646.451l-59.756 5.432z m51.607 304.212c-21.73 0-43.459-10.864-54.324-29.877h-59.756c5.433 27.161 21.73 51.607 40.743 70.62 21.73 19.013 46.175 27.162 73.337 27.162 27.162 0 54.324-10.865 73.337-27.162 21.73-16.297 35.31-43.459 40.743-70.62h-65.189c-5.432 16.297-27.162 29.877-48.891 29.877z m325.942-2.716c-21.73 0-43.46-10.864-54.324-29.878h-59.756c5.432 27.162 21.73 51.608 40.743 70.621 21.73 19.013 46.175 27.162 73.337 27.162 27.161 0 54.323-10.865 73.337-27.162 21.729-16.297 35.31-43.459 40.742-70.62h-65.188c-5.432 19.013-24.446 29.877-48.891 29.877z m-918.07 0c-21.729 0-43.458-10.864-54.323-29.878h-59.756c5.432 27.162 21.73 51.608 40.743 70.621 21.73 19.013 46.175 27.162 73.337 27.162 27.161 0 54.323-10.865 73.337-27.162 21.729-16.297 35.31-43.459 40.742-70.62h-65.188c-8.149 19.013-27.162 29.877-48.891 29.877z"  ></path></symbol><symbol id="icon-linbianfanghu-liebiao-2" viewBox="0 0 1076 1024"><path d="M957.582923 497.707718c-28.584565-126.949097-112.656814-232.880131-226.154352-290.049262 0.840722-5.885057 0.840722-11.770115 0.840723-17.655172C731.428571 84.912972 647.356322 0.840722 543.947455 0.840722c-104.249589 0-188.321839 84.07225-188.321839 188.32184 0 4.203612 0 8.407225 0.840722 12.610837C236.243021 257.261084 147.126437 365.714286 117.701149 497.707718 48.761905 525.45156 0 592.70936 0 671.737274c0 104.249589 84.07225 188.321839 188.321839 188.321839 4.203612 0 9.247947 0 13.45156-0.840722 79.027915 98.364532 200.091954 161.418719 336.288998 161.418719s257.261084-63.054187 336.288999-161.418719c4.203612 0 9.247947 0.840722 13.45156 0.840722 104.249589 0 188.321839-84.07225 188.321839-188.321839-0.840722-79.027915-49.602627-146.285714-118.541872-174.029556zM538.062397 935.724138c-97.52381 0-184.958949-40.35468-247.172413-105.090312 52.124795-33.6289 86.594417-91.638752 86.594417-158.055829 0-96.683087-72.302135-175.711002-165.622332-186.640394C240.446634 398.502463 302.660099 327.041051 383.369458 285.845649c32.788177 55.487685 93.320197 92.479475 162.259442 92.479474 67.2578 0 126.108374-35.310345 158.896552-88.275862 76.505747 42.036125 134.515599 111.816092 162.259441 195.888342-95.001642 10.08867-168.144499 89.957307-168.144499 185.799671 0 66.417077 34.469622 124.426929 86.594417 158.055829A340.156322 340.156322 0 0 1 538.062397 935.724138z"  ></path></symbol><symbol id="icon-anquanmao-dangqianshiyong" viewBox="0 0 1024 1024"><path d="M800 768H563.2c19.2-20.8 40-40.8 61.6-60.8l24.8-23.2c86.4-81.6 169.6-166.4 169.6-312.8C819.2 201.6 681.6 64 512 64S204.8 201.6 204.8 371.2c0 146.4 83.2 231.2 169.6 312.8l24.8 23.2c20.8 20 41.6 40 61.6 60.8H288l-9.6-0.8C229.6 763.2 192 721.6 192 672c0-17.6-14.4-32-32-32s-32 14.4-32 32c0 88 72 160 160 160h512l5.6 0.8c15.2 2.4 26.4 16 26.4 31.2 0 17.6-14.4 32-32 32H160l-5.6 0.8c-15.2 2.4-26.4 16-26.4 31.2 0 17.6 14.4 32 32 32h640l9.6-0.8c48.8-4.8 86.4-46.4 86.4-95.2 0-52.8-43.2-96-96-96zM284 385.6c0-125.6 102.4-228 228-228s228 102.4 228 228S637.6 613.6 512 613.6 284 511.2 284 385.6z"  ></path><path d="M512 385.6m-134.4 0a134.4 134.4 0 1 0 268.8 0 134.4 134.4 0 1 0-268.8 0Z"  ></path></symbol><symbol id="icon-icon_ss" viewBox="0 0 1024 1024"><path d="M674.816 196.096C538.624 60.16 315.136 64 184.064 208.128c-118.528 130.304-115.456 335.616 6.656 462.336s317.44 137.216 452.096 32.512l211.712 211.712c16.64 16.384 43.52 16.384 59.904 0 16.64-16.384 16.64-43.264 0-59.904l-211.712-211.712c103.424-132.864 94.464-324.864-27.904-446.976z m-32 386.304c-102.656 143.104-313.088 143.104-415.488 0-62.208-86.528-62.208-206.592 0-293.12 102.656-143.104 313.088-143.104 415.488 0 62.208 86.528 62.208 206.336 0 293.12z"  ></path></symbol><symbol id="icon-shipinjiankong-1" viewBox="0 0 1024 1024"><path d="M929.792 118.784H94.464c-16.64 0-30.208 13.568-30.464 30.208v546.816c0 16.64 13.568 30.208 30.208 30.464h127.744c9.216 0 17.92-4.096 23.552-11.264l169.728-210.432 77.568 64c12.288 10.24 30.72 8.96 41.472-2.816l150.784-162.56c14.592 8.96 31.744 14.08 50.432 14.08 53.504 0 97.024-43.52 97.024-97.024s-43.52-97.024-97.024-97.024-97.024 43.52-97.024 97.024c0 12.8 2.56 25.344 7.168 36.608L509.44 503.552l-79.104-65.28c-6.144-5.12-14.336-7.68-22.272-6.912-8.192 0.768-15.36 4.864-20.736 11.008L207.36 665.344H124.672V179.456h774.656v485.888H480.768c-16.64 0-30.208 13.568-30.464 30.208v148.992h-178.176c-16.64 0-30.208 13.568-30.464 30.208v0.256c0 16.64 13.568 30.208 30.208 30.464h408.32c16.64 0 30.208-13.568 30.464-30.208v-0.256c0-16.64-13.568-30.208-30.208-30.464h-169.216v-118.528h418.56c16.64 0 30.208-13.568 30.464-30.208V149.248c-0.256-16.896-13.824-30.464-30.464-30.464z m-194.56 164.608c20.224 0 36.352 16.384 36.352 36.352 0 20.224-16.384 36.352-36.352 36.352-20.224 0-36.352-16.384-36.352-36.352s16.384-36.352 36.352-36.352z"  ></path></symbol><symbol id="icon-anquanmao-lishiguiji" viewBox="0 0 1024 1024"><path d="M512 64c169.6 0 307.2 137.6 307.2 307.2 0 146.4-83.2 231.2-169.6 312.8l-24.8 23.2c-20.8 20-41.6 40-61.6 60.8H800c52.8 0 96 43.2 96 96 0 49.6-37.6 90.4-86.4 95.2l-9.6 0.8H160c-17.6 0-32-14.4-32-32 0-15.2 11.2-28.8 26.4-31.2l5.6-0.8h640c17.6 0 32-14.4 32-32 0-15.2-11.2-28.8-26.4-31.2l-5.6-0.8H288c-88 0-160-72-160-160 0-17.6 14.4-32 32-32s32 14.4 32 32c0 49.6 37.6 91.2 86.4 95.2l9.6 0.8h172.8c-19.2-20.8-40-40.8-61.6-60.8l-24.8-23.2C288 602.4 204.8 517.6 204.8 371.2 204.8 201.6 342.4 64 512 64z m0 64c-67.2 0-131.2 26.4-179.2 73.6v-27.2c-2.4-13.6-16-23.2-29.6-20.8-12 2.4-21.6 12.8-20.8 25.6v107.2c2.4 13.6 16 23.2 29.6 20.8h1.6L416 280.8l4-1.6c11.2-4.8 17.6-17.6 14.4-29.6l-1.6-4c-4.8-11.2-17.6-17.6-29.6-14.4l-37.6 9.6c79.2-80.8 208.8-81.6 289.6-2.4s81.6 208.8 2.4 289.6-208.8 81.6-289.6 2.4c-39.2-38.4-61.6-91.2-61.6-146.4 0-14.4-11.2-25.6-25.6-25.6S256 369.6 256 384c0 141.6 114.4 256 256 256s256-114.4 256-256-114.4-256-256-256z m0 76.8c-14.4 0-25.6 11.2-25.6 25.6v157.6c0.8 5.6 3.2 10.4 7.2 14.4l102.4 102.4 3.2 3.2c10.4 7.2 24 5.6 32.8-3.2l3.2-3.2c7.2-10.4 5.6-24-3.2-32.8L537.6 373.6V225.6c-2.4-12-13.6-20.8-25.6-20.8z"  ></path></symbol><symbol id="icon-bofang" viewBox="0 0 1024 1024"><path d="M513.6 111.2c54.4 0 106.4 10.4 156 31.2 48 20 90.4 48.8 127.2 85.6s65.6 79.2 85.6 127.2c20.8 49.6 31.2 101.6 31.2 156s-10.4 106.4-31.2 156c-20 48-48.8 90.4-85.6 127.2s-79.2 65.6-127.2 85.6c-49.6 20.8-101.6 31.2-156 31.2s-106.4-10.4-156-31.2c-48-20-90.4-48.8-127.2-85.6s-65.6-79.2-85.6-127.2c-20.8-49.6-31.2-101.6-31.2-156s10.4-106.4 31.2-156c20-48 48.8-90.4 85.6-127.2s79.2-65.6 127.2-85.6c49.6-20.8 102.4-31.2 156-31.2m0-80C256 31.2 46.4 234.4 34.4 488.8c-13.6 288 214.4 515.2 502.4 502.4 254.4-12 457.6-221.6 457.6-479.2-0.8-265.6-215.2-480.8-480.8-480.8z"  ></path><path d="M659.2 499.2l-208-176c-12-10.4-31.2-1.6-31.2 14.4v352.8c0 16 18.4 24.8 31.2 14.4l208-176c8.8-8.8 8.8-22.4 0-29.6z"  ></path></symbol><symbol id="icon-tadiao" viewBox="0 0 1024 1024"><path d="M183.2 340.8L120 404h63.2v-63.2zM88 455.2v-12.8H68.8c-6.4 0-12.8 0-19.2-6.4s-6.4-25.6 0-32l145.6-145.6L728.8 16.8h12.8c6.4 0 12.8 0 19.2 6.4L983.2 264c6.4 6.4 6.4 12.8 6.4 19.2v145.6c0 12.8-12.8 25.6-25.6 25.6H760v496h164.8c19.2 0 38.4 13.6 38.4 32.8s-19.2 30.4-38.4 30.4h-520c-19.2 0-38.4-12-38.4-31.2s19.2-31.2 38.4-31.2h153.6V548.8h-58.4c-19.2 0-38.4-5.6-38.4-24.8v-69.6H138.4v253.6c0 12.8-12.8 25.6-25.6 25.6S88 721.6 88 708.8V455.2z m456.8-141.6h-76v72l76-76v4z m160 319.2v-76.8H618.4v76.8h97.6-11.2z m-77.6-292L526.4 429.6v56.8h168.8V340.8h-68z m77.6 609.6v-120.8H618.4v120.8h86.4z m11.2-685.6V131.2L633.6 264.8h82.4z m-406.4 0H576l101.6-171.2-368 171.2zM760 100v164.8h152L760 100zM419.2 313.6H333.6V400h86.4l-0.8-86.4zM284.8 404V308.8H232v95.2h52.8z m545.6-4.8V313.6h-63.2V400l63.2-0.8z m109.6 0V313.6h-60.8V400h65.6l-4.8-0.8zM704.8 772V687.2H618.4v84.8h97.6-11.2z"  ></path></symbol><symbol id="icon-shigongshengjiangji" viewBox="0 0 1024 1024"><path d="M407.938 419.469V159.734L619.789 276.56v9.246L407.938 419.469z m0 21.797v-11.883l211.851-133.594v268.98L407.938 441.267z m0 255.972v-246.27l211.851 123.61v2.285L407.938 697.238z m0 33.258v-23.555l211.851-120.445v282.516L407.938 730.496z m0 201.902V740.586l211.851 138.516v53.296H407.938zM716.89 319.906h146.214v262.266H624.043V319.906h78.75V142.86h-83.004v124.032L408.008 150.137v-7.278h-86.73v276.575H399.5v262.265H160.437V419.434h146.567v-276.54h-75.41a18.352 18.352 0 0 1-18.457-18.246v-16.242c0-10.09 8.261-18.246 18.457-18.246h564.433c10.196 0 18.457 8.156 18.457 18.246v16.278a18.352 18.352 0 0 1-18.457 18.246h-79.101V319.94z"  ></path></symbol><symbol id="icon-shipinjiankong-2" viewBox="0 0 1024 1024"><path d="M512 348.173618c41.983154 0 81.40636 14.847701 111.101761 41.983154 29.695402 27.135453 46.079072 62.974731 46.079072 101.373957s-16.38367 74.238504-46.079072 101.373958c-29.695402 27.135453-69.118607 41.983154-111.101761 41.983154s-81.40636-14.847701-111.101761-41.983154c-29.695402-27.135453-46.079072-62.974731-46.079072-101.373958s16.38367-74.238504 46.079072-101.373957c29.695402-27.135453 69.118607-41.983154 111.101761-41.983154z m0-61.438762c-121.59755 0-220.155564 91.646153-220.155564 204.795873s98.558014 204.795873 220.155564 204.795874 220.155564-91.646153 220.155564-204.795874-98.558014-204.795873-220.155564-204.795873z m20.991577-163.836699h-62.974731c-17.407649 0-31.487366 13.823721-31.487366 30.719381s14.079716 30.719381 31.487366 30.719381h62.974731c17.407649 0 31.487366-13.823721 31.487366-30.719381s-14.335711-30.719381-31.487366-30.719381z"  ></path><path d="M962.550921 432.139926C962.550921 194.832708 763.386935 2.580582 516.607907 0.020633 267.012936-2.28332 63.753032 188.688832 61.449079 428.044009c-1.791964 186.364245 119.549591 345.849031 291.066135 408.055777 25.855479 9.471809 42.751139 33.279329 42.751138 59.646798v56.318865c0 4.607907-3.839923 8.191835-8.44783 7.935841h-75.006488c-36.863257 0-66.814654 28.671422-66.814654 63.99871h534.00524c0-35.327288-29.951396-63.99871-66.814654-63.99871h-75.006488c-4.607907 0-8.191835-3.583928-8.44783-7.935841v-56.318865c0-26.623464 17.151654-50.430984 43.007133-59.902793C841.721356 774.149034 962.550921 616.712207 962.550921 432.139926zM555.775118 962.561238H468.480877c-4.607907 0-8.703825-3.583928-8.703825-8.191835V860.163301c17.151654 1.791964 34.815298 2.815943 52.478943 2.815944s35.071293-1.023979 52.478942-2.815944v94.206102c-0.51199 4.607907-4.351912 8.191835-8.959819 8.191835zM512 798.724539c-52.478943 0-103.165921-9.727804-150.780962-28.927417-45.823077-18.175634-87.550236-45.055092-123.389513-79.102406-35.071293-33.279329-63.486721-72.95853-83.198324-117.245637-20.223592-45.055092-30.463386-93.950107-30.463386-143.357112 0-49.662999 10.239794-98.046024 30.463386-143.357111 19.711603-44.287108 47.871035-83.966308 83.198324-117.245638 35.583283-34.047314 77.566437-60.670777 123.133518-79.102406 47.871035-19.199613 98.814009-28.927417 151.036957-28.927417 52.478943 0 103.165921 9.727804 150.780962 28.927417 45.823077 18.175634 87.550236 45.055092 123.389513 79.102406 35.071293 33.279329 63.486721 72.95853 83.198324 117.245638 20.223592 45.055092 30.463386 93.950107 30.463386 143.357111 0 49.662999-10.239794 98.046024-30.463386 143.357112-19.711603 44.287108-47.871035 83.966308-83.198324 117.245637-35.583283 34.047314-77.566437 60.670777-123.133518 79.102406-47.871035 19.199613-98.814009 28.927417-151.036957 28.927417z"  ></path></symbol><symbol id="icon-linbianfanghu-liebiao-1" viewBox="0 0 1024 1024"><path d="M1017.715872 567.764116c8.061998 25.827993 4.159999 66.946983 4.159999 103.519974v267.081932c0 18.467995 1.427 37.172991-3.12 49.689987-4.639999 12.773997-17.767995 26.883993-32.249991 32.091992-16.986996 6.106998-49.016988 3.104999-72.818982 3.104999h-150.839962c-24.569994 0-55.976986 2.059999-71.779981-3.104999-16.154996-5.279999-28.813993-17.049996-34.327992-31.056992-6.355998-16.148996-4.161999-44.285989-4.161999-70.393982v-442.029888c0-27.473993-3.609999-57.236985 4.161999-75.569981 7.062998-16.655996 24.539994-29.368993 42.649989-32.089992 25.237994-3.799999 39.81299 7.265998 59.296985 18.632996 54.519986 31.821992 117.53097 68.633983 170.604957 99.378974 22.501994 13.042997 48.269988 24.212994 65.537983 42.44299 12.109997 12.773997 19.547995 27.618993 22.886995 38.30199z m-123.792969 68.323982c0-10.849997 1.935-20.092995-2.079999-31.056992-3.557999-9.729998-13.803996-18.798995-21.845995-21.737994-7.916998-2.888999-44.139989-3.416999-57.215985-1.036-11.910997 2.173999-21.523995 8.715998-26.006994 15.528996-6.979998 10.599997-10.007997 50.837987-5.201998 69.358983 3.349999 12.917997 13.981996 21.281995 22.886994 24.844993 13.127997 5.247999 47.643988 5.929998 62.416984 2.07 12.503997-3.261999 23.040994-14.626996 26.006993-25.880994 2.329999-8.829998 1.04-21.811994 1.04-32.090992zM579.759983 933.191023c0 21.034995 1.935 41.966989-3.121999 56.934986-4.845999 14.358996-14.937996 25.092994-28.086993 30.019992-13.875996 5.207999-38.71799 3.105999-62.415984 3.105999H93.950106c-22.906994 0-46.344988 2.017999-61.375984-3.104999-12.742997-4.347999-24.363994-14.079996-29.126993-25.879993-4.929999-12.236997-3.119999-35.776991-3.119999-57.971986V89.501237c0-21.987994-1.79-42.774989 3.119999-56.935985C9.499128 15.080256 23.815124 4.160259 41.936119 1.51026 58.508115-0.91174 85.846108 0.47526 106.433103 0.47526h380.741903c21.679994 0 45.063989-2.267999 60.335985 3.104999 12.555997 4.409999 23.415994 14.305996 28.087993 24.844994 5.669999 12.793997 4.159999 34.689991 4.159999 56.935985v847.829785zM475.732009 200.268209c0-15.993996 2.495999-28.311993-2.080999-41.407989-7.749998-22.163994-36.888991-28.943993-70.738982-22.774995-14.678996 2.670999-23.686994 12.101997-27.046993 20.704995-3.983999 10.185997-2.079999 18.487995-2.08 42.442989 0 34.182991-0.354 55.559986 23.925994 64.182984 11.785997 4.180999 35.909991 4.699999 49.932987 1.035 11.712997-3.053999 22.677994-14.295996 26.006994-23.809994 3.650999-10.434997 2.079999-27.132993 2.079999-40.37299z m0 246.377938c0-15.217996 1.622-32.701992-3.121999-43.478989-9.204998-20.900995-38.40699-26.209993-68.657983-20.703995-15.301996 2.783999-24.476994 11.955997-28.086992 21.738994-2.786999 7.576998-2.339999 47.400988-2.08 64.181984 0.322 21.096995 8.436998 36.003991 22.885994 41.40799 12.439997 4.647999 42.474989 4.699999 55.133986 0 8.083998-3.001999 17.268996-11.634997 20.804995-19.668995 4.712999-10.681997 3.121999-28.921993 3.121999-43.476989zM234.38707 205.444208c0-23.912994 1.768-49.357987-4.160998-61.075985-10.141997-20.041995-41.620989-23.364994-67.617983-18.633995-36.669991 6.676998-30.166992 43.509989-30.166993 83.850979v387.163901c0 19.554995-2.517999 48.405988 4.159999 61.077985 2.902999 5.506999 10.568997 12.751997 16.644996 15.527996 14.365996 6.562998 44.523989 5.744999 58.255985 0 26.849993-11.242997 22.885994-38.80999 22.885994-76.605981l-0.001-391.3049z"  ></path></symbol><symbol id="icon-yangchenzaoyin" viewBox="0 0 1024 1024"><path d="M694.834 405.502H295.708l-28.657 31.022h456.44l-28.657-31.022z m-427.783 31.022h456.44v16.406h-456.44z m27.44 43.774l-27.44-27.368h20.275l7.164 27.368z m401.633 0l27.367-27.368h-20.203l-7.164 27.368z"  ></path><path d="M291.911 459.02v56.455h-5.373a8.526 8.526 0 0 0-8.526 8.597v27.44a8.526 8.526 0 0 0 8.526 8.597h5.373v321.177h-5.373a8.526 8.526 0 0 0-8.526 8.526v27.51a8.526 8.526 0 0 0 8.526 8.526h5.373v85.471A12.68 12.68 0 0 0 304.592 1024h379.066a12.68 12.68 0 0 0 12.68-12.68v-552.3z m-39.189-163.706l-109.757 7.165v-60.252l36.251-7.165 18.627 45.279 54.88 0.215v14.758z"  ></path><path d="M251.29 436.524h-7.595v-69.996H219.05v-69.064H194.69v69.064H174.56v69.996h-26.508v16.406h53.303v20.203h17.338V452.93h32.597v-16.406zM796.998 496.632h24v19.63h-24z m60.897-234.489a24.645 24.645 0 0 0-22.281 21.493c-2.221-8.31-6.305-13.97-11.105-13.97-6.305 0-11.463 9.457-12.538 21.995h-2.436v-5.23h-16.12v5.015h-35.821a28.657 28.657 0 1 0-0.43 7.164h27.654v63.404h-24.645v69.924h-7.594v16.478h32.526v20.204h17.41v-20.204h53.302v-16.478h-26.58v-69.924h-20.132v-59.32h2.58c1.29 11.964 6.304 20.848 12.394 20.848s10.746-8.454 12.251-19.989a23.57 23.57 0 0 0 21.493 17.123c12.824 0 23.212-13.039 23.212-29.159s-10.531-29.374-23.14-29.374z m-185.7-79.452a45.35 45.35 0 0 0-41.697-44.706l-1.576-42.413h-5.731l-1.505 42.485a44.706 44.706 0 0 0-3.08 88.838l-5.374 155.466h-5.66v23.141h37.255v-23.14h-5.66l-5.516-155.324a45.135 45.135 0 0 0 38.544-44.347z m-267.23-88.695V55.094c37.756-2.508 66.27-13.684 66.27-27.081 0-15.26-36.968-27.655-82.533-27.655s-82.462 11.75-82.462 27.296c0 13.398 28.657 24.574 66.27 27.082v39.26h7.165V385.3H354.67v20.203h67.631v-20.203H397.37V93.996z"  ></path><path d="M569.601 160.84c0-2.078-6.734-4.012-17.91-5.445 11.176-1.505 17.91-3.368 17.91-5.445 0-4.657-33.457-8.454-74.795-8.454s-74.796 3.797-74.796 8.454c0 2.077 6.734 3.94 17.91 5.445-11.176 1.433-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.444c-11.176 1.505-17.91 3.368-17.91 5.517s6.734 3.94 17.91 5.445c-11.176 1.433-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.445c-11.176 1.504-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.516c-11.176 1.433-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.445c-11.176 1.505-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.516c-11.176 1.433-17.91 3.368-17.91 5.445s6.734 4.012 17.91 5.445c-11.176 1.505-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.517c-11.176 1.433-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.444c-11.176 1.505-17.91 3.368-17.91 5.445s6.734 4.012 17.91 5.517c-11.176 1.433-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.445c-11.176 1.504-17.91 3.367-17.91 5.445s6.734 4.012 17.91 5.516c-11.176 1.433-17.91 3.367-17.91 5.445 0 4.657 33.529 8.454 74.796 8.454s74.795-3.797 74.795-8.454c0-2.078-6.734-4.012-17.91-5.445 11.176-1.504 17.91-3.367 17.91-5.516s-6.734-3.94-17.91-5.445c11.176-1.433 17.91-3.367 17.91-5.445s-6.734-4.012-17.839-5.445c11.105-1.505 17.84-3.367 17.84-5.517s-6.735-3.94-17.912-5.445c11.177-1.432 17.911-3.367 17.911-5.444s-6.734-4.012-17.91-5.445c11.176-1.505 17.91-3.368 17.91-5.517s-6.734-3.94-17.91-5.445c11.176-1.433 17.91-3.367 17.91-5.445s-6.734-4.012-17.839-5.445c11.105-1.504 17.84-3.367 17.84-5.516s-6.735-3.94-17.912-5.445c11.177-1.433 17.911-3.367 17.911-5.445s-6.734-4.012-17.91-5.445c11.176-1.504 17.91-3.367 17.91-5.516s-6.734-3.94-17.91-5.445c11.176-1.433 17.91-3.368 17.91-5.445s-6.734-4.012-17.839-5.445c11.105-1.505 17.84-3.367 17.84-5.445s-6.735-4.012-17.912-5.517c11.177-1.432 17.911-3.367 17.911-5.444z"  ></path><path d="M475.032 295.53h39.69v44.49h-39.69z m-25.935 3.223h9.887v106.749h-9.887z m75.656 0h9.886v106.749h-9.886z m-24.717 80.24h-10.317l-7.164-38.973H507.2l-7.164 38.974z m-8.168 0h5.947v26.58h-5.947z"  ></path></symbol><symbol id="icon-linbianfanghu-dingwei" viewBox="0 0 1024 1024"><path d="M854.592 128v696.832h62.72V896H64v-71.168h66.816V128h723.84zM441.856 650.24h-27.072L336.32 824.768h27.904l-0.64-0.256 78.272-174.336z m-104 0h-25.92l-78.464 174.528h26.88l-0.704-0.256 78.208-174.336z m206.336 0H518.72l-78.4 174.464h26.048l-0.448-0.128 78.336-174.464z m102.848 0h-25.984l-78.4 174.528h26.432l-0.384-0.128 78.336-174.464z m104 0h-27.136l-78.4 174.528h27.52l-0.32-0.128 78.336-174.464z m33.664 96.192l-35.2 78.336h35.2v-78.336z m-549.696-96.256h-34.304v76.416l34.304-76.416zM455.68 199.168H200.704v379.84H455.68v-379.84z m328.96 0H525.696v379.84h259.072v-379.84z"  ></path></symbol><symbol id="icon-xieliaopingtai" viewBox="0 0 1024 1024"><path d="M196.415 41.887v29.017l721.45 432.832-101.374 0.61L196.87 132.42l-0.456-23.608v396.889a36.648 36.648 0 0 1 4.971-0.303h744.86v151.66h-744.86l-4.971-0.347v23.201h749.831V854.95l-749.831-0.145v118.702H73.21V41.887h123.204z m620.93 689.34l-42.529 72.105 120.801 0.059v-72.11h-78.273v-0.054z m-516.936 0l-103.994 0.054v72.11h61.412l42.582-72.164z m116.488 0h-65.376l-42.533 72.105h65.323l42.586-72.105z m116.493 0h-65.426l-42.582 72.105h65.426l42.528-72.105h0.054z m116.444 0h-65.381l-42.582 72.105h65.38l42.583-72.105z m116.493 0h-65.426l-42.533 72.105h65.381l42.578-72.105z m0 0"  ></path></symbol></svg>',function(l){var c=(c=document.getElementsByTagName("script"))[c.length-1],h=c.getAttribute("data-injectcss"),c=c.getAttribute("data-disable-injectsvg");if(!c){var t,a,o,s,i,v=function(c,h){h.parentNode.insertBefore(c,h)};if(h&&!l.__iconfont__svg__cssinject__){l.__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(c){console&&console.log(c)}}t=function(){var c,h=document.createElement("div");h.innerHTML=l._iconfont_svg_string_4100703,(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,(c=document.body).firstChild?v(h,c.firstChild):c.appendChild(h))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(a=function(){document.removeEventListener("DOMContentLoaded",a,!1),t()},document.addEventListener("DOMContentLoaded",a,!1)):document.attachEvent&&(o=t,s=l.document,i=!1,e(),s.onreadystatechange=function(){"complete"==s.readyState&&(s.onreadystatechange=null,n())})}function n(){i||(i=!0,o())}function e(){try{s.documentElement.doScroll("left")}catch(c){return void setTimeout(e,50)}n()}}(window);
\ No newline at end of file

src/assets/iconfont/iconfont.json

+{
+  "id": "4100703",
+  "name": "智慧工地",
+  "font_family": "font_family",
+  "css_prefix_text": "icon-",
+  "description": "",
+  "glyphs": [
+    {
+      "icon_id": "35798422",
+      "name": "安全帽",
+      "font_class": "anquanmao",
+      "unicode": "e9cb",
+      "unicode_decimal": 59851
+    },
+    {
+      "icon_id": "15937967",
+      "name": "ico_xiaj",
+      "font_class": "you-21",
+      "unicode": "e7b7",
+      "unicode_decimal": 59319
+    },
+    {
+      "icon_id": "15937969",
+      "name": "ico_guanbi",
+      "font_class": "shanchu-2",
+      "unicode": "e7b8",
+      "unicode_decimal": 59320
+    },
+    {
+      "icon_id": "16040674",
+      "name": "ico_shang",
+      "font_class": "you-23",
+      "unicode": "e7c4",
+      "unicode_decimal": 59332
+    },
+    {
+      "icon_id": "16111497",
+      "name": "ico_zuo",
+      "font_class": "you-22",
+      "unicode": "e7d3",
+      "unicode_decimal": 59347
+    },
+    {
+      "icon_id": "16111498",
+      "name": "ico_you",
+      "font_class": "you-2-2",
+      "unicode": "e7d4",
+      "unicode_decimal": 59348
+    },
+    {
+      "icon_id": "28202666",
+      "name": "shang-01",
+      "font_class": "shang-01",
+      "unicode": "e8e3",
+      "unicode_decimal": 59619
+    },
+    {
+      "icon_id": "28202667",
+      "name": "shang-02",
+      "font_class": "shang-02",
+      "unicode": "e8e4",
+      "unicode_decimal": 59620
+    },
+    {
+      "icon_id": "35798148",
+      "name": "商混-2",
+      "font_class": "shanghun-2",
+      "unicode": "e9d0",
+      "unicode_decimal": 59856
+    },
+    {
+      "icon_id": "35798149",
+      "name": "商混-3",
+      "font_class": "shanghun-3",
+      "unicode": "e9d1",
+      "unicode_decimal": 59857
+    },
+    {
+      "icon_id": "35798150",
+      "name": "商混-1",
+      "font_class": "shanghun-1",
+      "unicode": "e9d2",
+      "unicode_decimal": 59858
+    },
+    {
+      "icon_id": "35798104",
+      "name": "临边防护-列表-2",
+      "font_class": "linbianfanghu-liebiao-2",
+      "unicode": "e9c9",
+      "unicode_decimal": 59849
+    },
+    {
+      "icon_id": "35798047",
+      "name": "安全帽-当前使用",
+      "font_class": "anquanmao-dangqianshiyong",
+      "unicode": "e9c1",
+      "unicode_decimal": 59841
+    },
+    {
+      "icon_id": "35798048",
+      "name": "icon_ss",
+      "font_class": "icon_ss",
+      "unicode": "e9c2",
+      "unicode_decimal": 59842
+    },
+    {
+      "icon_id": "35798049",
+      "name": "视频监控-1",
+      "font_class": "shipinjiankong-1",
+      "unicode": "e9c3",
+      "unicode_decimal": 59843
+    },
+    {
+      "icon_id": "35798050",
+      "name": "安全帽-历史轨迹",
+      "font_class": "anquanmao-lishiguiji",
+      "unicode": "e9c4",
+      "unicode_decimal": 59844
+    },
+    {
+      "icon_id": "35798051",
+      "name": "播放",
+      "font_class": "bofang",
+      "unicode": "e9c5",
+      "unicode_decimal": 59845
+    },
+    {
+      "icon_id": "35798052",
+      "name": "塔吊",
+      "font_class": "tadiao",
+      "unicode": "e9c6",
+      "unicode_decimal": 59846
+    },
+    {
+      "icon_id": "35798053",
+      "name": "施工升降机",
+      "font_class": "shigongshengjiangji",
+      "unicode": "e9c7",
+      "unicode_decimal": 59847
+    },
+    {
+      "icon_id": "35798054",
+      "name": "视频监控-2",
+      "font_class": "shipinjiankong-2",
+      "unicode": "e9c8",
+      "unicode_decimal": 59848
+    },
+    {
+      "icon_id": "35798056",
+      "name": "临边防护-列表-1",
+      "font_class": "linbianfanghu-liebiao-1",
+      "unicode": "e9ca",
+      "unicode_decimal": 59850
+    },
+    {
+      "icon_id": "35798058",
+      "name": "扬尘噪音",
+      "font_class": "yangchenzaoyin",
+      "unicode": "e9cc",
+      "unicode_decimal": 59852
+    },
+    {
+      "icon_id": "35798059",
+      "name": "临边防护-定位",
+      "font_class": "linbianfanghu-dingwei",
+      "unicode": "e9cd",
+      "unicode_decimal": 59853
+    },
+    {
+      "icon_id": "35798060",
+      "name": "卸料平台",
+      "font_class": "xieliaopingtai",
+      "unicode": "e9ce",
+      "unicode_decimal": 59854
+    }
+  ]
+}

src/components/Index.vue

@@ -160,16 +160,28 @@ export default {
     },
     bodyScale() {
       var deviceHeight = window.screen.height;
-      var scale = deviceHeight / 1230;
+      // var deviceWidth = window.screen.width;
+      var scale = deviceHeight / 1250; // height:550=2100 height:720=1680   height:940=1250 height:2160=1080
+      // var canvasScale = deviceWidth / 1920;
+      // 1.777778 16:9 1080
+      //1.6 16:10 1100
+      // 1.547    1728:890 1350
+      console.log(window.screen.width / window.screen.height);
       document.body.style.zoom = scale;
       document.styleSheets[document.styleSheets.length - 1].insertRule(
-        "canvas {zoom: " + 1 / scale + "}"
+        "canvas:not(.amap-layer):not(.amap-labels) {zoom: " +
+          Number(1 / scale).toFixed(2) +
+          "!important}"
       );
+
       document.styleSheets[document.styleSheets.length - 1].insertRule(
-        "canvas {transform: scale(" + scale + ")}"
+        "canvas:not(.amap-layer):not(.amap-labels) {transform: scale(" +
+          scale +
+          ")!important}"
       );
+
       document.styleSheets[document.styleSheets.length - 1].insertRule(
-        "canvas {transform-origin: 0 0}"
+        "canvas:not(.amap-layer):not(.amap-labels) {transform-origin: 0 0}"
       );
     },
     jumpBack() {
@@ -260,6 +272,9 @@ export default {
     }
   }
 }
+.parent-router {
+  margin-right: 0 !important;
+}
 a,
 .parent-router {
   cursor: pointer;
@@ -267,7 +282,7 @@ a,
   text-align: center;
   display: inline-block;
   text-decoration: none;
-  margin-right: 16px;
+  margin-right: 8px;
   color: #80a1c6;
   padding: 9px 12px;
   border: 1px solid #0f5da6;
@@ -337,9 +352,13 @@ a,
   .weather-img {
     vertical-align: top;
     width: 50px;
+    height: 50px;
     margin-right: 6px;
   }
 }
+.el-dropdown {
+  margin-right: 8px;
+}
 .el-dropdown-menu {
   padding: 0;
   border: none;

src/components/construction/Index.vue

@@ -136,14 +136,22 @@
             <div class="count" style="color: rgba(254, 186, 1, 1)">
               {{ screenDetail.today_manage_attendance_rate }} <span>%</span>
             </div>
-            <img src="@/assets/icon-person.png" alt="" />
+            <img
+              style="width: 120px; transform: translateY(-30px)"
+              src="@/assets/icon-person.png"
+              alt=""
+            />
           </div>
           <div class="checks">
             <div class="title">普通工人/考勤率</div>
             <div class="count" style="color: rgba(24, 215, 185, 1)">
               {{ screenDetail.today_normal_attendance_rate }} <span>%</span>
             </div>
-            <img src="@/assets/icon-person.png" alt="" />
+            <img
+              style="width: 120px; transform: translateY(-30px)"
+              src="@/assets/icon-person.png"
+              alt=""
+            />
           </div>
         </div>
       </ShadowContainer>
@@ -235,7 +243,6 @@
       <Title text="AI预警"> </Title>
       <ShadowContainer>
         <div class="chart-container">
-          <img class="custom-chart" src="@/assets/chart.png" />
           <div ref="qualityChart" id="quality-chart"></div>
         </div>
       </ShadowContainer>
@@ -360,7 +367,7 @@ export default {
       const option = {
         title: {
           x: "49%", //X坐标
-          y: "30%",
+          y: "27%",
           text: total,
           subtext: "AI预警",
           textAlign: "center",
@@ -384,7 +391,7 @@ export default {
           itemHeight: 12,
           itemWidth: 12,
           icon: "rect",
-          bottom: "5%",
+          bottom: "0%",
           left: "center",
           itemGap: 40,
           textStyle: {
@@ -431,7 +438,14 @@ export default {
               position: "center",
             },
 
-            data: this.aiwarningData,
+            data: this.aiwarningData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "已处理" ? "#AEE4F8" : "#FF754C",
+                },
+              };
+            }),
           },
         ],
       };
@@ -662,7 +676,7 @@ table {
   position: relative;
   .custom-chart {
     position: absolute;
-    width: 160px;
+    width: 20%;
     left: 50%;
     transform: translateX(-50%);
     top: 18%;
@@ -671,7 +685,7 @@ table {
 #security-chart,
 #quality-chart {
   width: 100%;
-  height: 370px;
+  height: 220px;
 }
 .steps {
   padding-top: 40px;
@@ -764,6 +778,8 @@ table {
   display: flex;
   justify-content: space-between;
   flex-wrap: wrap;
+  height: 528px;
+  overflow-y: auto;
   .status-count {
     width: calc(100% / 3);
     padding: 30px 0px;
@@ -809,7 +825,7 @@ table {
   }
 }
 .table-scroll {
-  max-height: 300px;
+  max-height: 366px;
   overflow-y: auto;
 }
 .check-in {

src/components/earlywarning/Index.vue

@@ -90,11 +90,9 @@
         <ShadowContainer>
           <div class="total-chart">
             <div class="chart-container">
-              <img class="custom-chart" src="@/assets/chart.png" />
               <div ref="todayChart" id="today-chart"></div>
             </div>
             <div class="chart-container">
-              <img class="custom-chart" src="@/assets/chart.png" />
               <div ref="historyChart" id="history-chart"></div>
             </div>
           </div>
@@ -301,7 +299,14 @@ export default {
               position: "center",
             },
 
-            data: chartData,
+            data: chartData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "未处理" ? "#FFAF51" : "#0CDEE3",
+                },
+              };
+            }),
           },
         ],
       };
@@ -395,7 +400,14 @@ export default {
               position: "center",
             },
 
-            data: chartData,
+            data: chartData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "未处理" ? "#FCFF11" : "#2980FF",
+                },
+              };
+            }),
           },
         ],
       };

src/components/elevator/Index.vue

@@ -10,8 +10,8 @@
             :key="index"
             @click="selectElevator(elevator, index)"
           >
-            <div class="elevator-title" @click="showElevatorStatus(elevator)">
-              <img src="@/assets/elevator/icon_elevator.png" alt="" />
+            <div class="elevator-title">
+              <i class="iconfont icon-shigongshengjiangji"></i>
               {{ elevator.name }}
               <span class="status">
                 <span
@@ -83,6 +83,7 @@
             class="warning-table-list"
             v-infinite-scroll="load"
             :infinite-scroll-distance="1"
+            id="table-scroll"
           >
             <div
               class="warning-table-column"
@@ -119,70 +120,43 @@
             <template
               v-if="
                 leftElevator &&
-                leftElevator.current_person &&
-                leftElevator.realtime_data &&
-                leftElevator.device_info
+                leftElevator.person &&
+                leftElevator.device &&
+                leftElevator.realtime
               "
             >
               <div class="tower-title">左侧运行情况</div>
               <div class="driver-info">
                 <div class="driver-icon">
-                  <img :src="leftElevator.current_person.head_img" alt="" />
+                  <img :src="leftElevator.person.head_img" alt="" />
                 </div>
                 <div class="driver-description">
-                  <div class="t-des">
-                    姓名：{{ leftElevator.current_person.name }}
-                  </div>
-                  <div class="t-des">
-                    身份证号：{{ leftElevator.current_person.id_card }}
-                  </div>
-                  <div class="t-des">
-                    上机时间：{{ leftElevator.current_person.start_time }}
+                  <div
+                    class="t-des"
+                    v-for="(personData, index) in leftElevator.person.data"
+                    :key="index"
+                  >
+                    {{ personData.title }}：{{ personData.value }}
                   </div>
                 </div>
               </div>
               <div class="current-status">
-                <div class="t-des">
-                  高度：{{ leftElevator.realtime_data.height }}m
-                </div>
-                <div class="t-des">
-                  载重：{{ leftElevator.realtime_data.weight }}t
-                </div>
-                <div class="t-des">
-                  运行速度：{{ leftElevator.realtime_data.speed }}m/s
-                </div>
-                <div class="t-des">
-                  倾角X轴：{{ leftElevator.realtime_data.tilt_x }}°
-                </div>
-                <div class="t-des">
-                  倾角Y轴：{{ leftElevator.realtime_data.tilt_y }}°
-                </div>
-
-                <div class="t-des">
-                  前面：{{
-                    leftElevator.realtime_data.switch_front_status_text
-                  }}
-                </div>
-                <div class="t-des">
-                  后面：{{ leftElevator.realtime_data.switch_back_status_text }}
-                </div>
-                <div class="t-des">
-                  更新时间：{{ leftElevator.realtime_data.latest_record_time }}
+                <div
+                  class="t-des"
+                  v-for="(currentData, index) in leftElevator.realtime.data"
+                  :key="index"
+                >
+                  {{ currentData.title }}：{{ currentData.value }}
                 </div>
               </div>
               <div class="tower-title">设备信息</div>
               <div class="device-info">
-                <div class="t-des">
-                  设备名称：{{ leftElevator.device_info.device_name }}
-                </div>
-                <div class="t-des">
-                  设备编号：{{ leftElevator.device_info.device_no }}
-                </div>
-                <div class="t-des">
-                  设备型号：{{ leftElevator.device_info.model }}
-                </div>
-                <div class="t-des">
-                  生产厂家：{{ leftElevator.device_info.produce_name }}
+                <div
+                  class="t-des"
+                  v-for="(deviceData, index) in leftElevator.device.data"
+                  :key="index"
+                >
+                  {{ deviceData.title }}：{{ deviceData.value }}
                 </div>
               </div>
             </template>
@@ -190,18 +164,14 @@
           <div class="elevator-tower">
             <div id="tower-main">
               <div
-                v-if="leftElevator && leftElevator.realtime_data"
+                v-if="leftElevator"
                 class="left-elevator"
                 :style="{
-                  bottom: `${
-                    (leftElevator.realtime_data.height /
-                      currentElevatorTower.height) *
-                    100
-                  }%`,
+                  bottom: `${leftBottom}%`,
                 }"
               >
-                <div class="online-status" v-if="leftElevator.device_info">
-                  {{ leftElevator.device_info.is_online_text }}
+                <div class="online-status" v-if="leftElevator">
+                  {{ leftElevator.is_online_text }}
                 </div>
                 <div>
                   <img
@@ -213,19 +183,15 @@
               </div>
               <img class="tower" src="@/assets/elevator/tower.png" alt="" />
               <div
-                v-if="rightElevator && rightElevator.realtime_data"
+                v-if="rightElevator"
                 class="right-elevator"
                 :style="{
-                  bottom: `${
-                    (rightElevator.realtime_data.height /
-                      currentElevatorTower.height) *
-                    100
-                  }%`,
+                  bottom: `${rightBottom}%`,
                 }"
               >
                 <div>
-                  <div class="online-status" v-if="rightElevator.device_info">
-                    {{ rightElevator.device_info.is_online_text }}
+                  <div class="online-status" v-if="rightElevator">
+                    {{ rightElevator.is_online_text }}
                   </div>
                   <img
                     class="elevator"
@@ -243,72 +209,43 @@
             <template
               v-if="
                 rightElevator &&
-                rightElevator.current_person &&
-                rightElevator.realtime_data &&
-                rightElevator.device_info
+                rightElevator.person &&
+                rightElevator.device &&
+                rightElevator.realtime
               "
             >
               <div class="tower-title">右侧运行情况</div>
               <div class="driver-info">
                 <div class="driver-icon">
-                  <img :src="rightElevator.current_person.head_img" alt="" />
+                  <img :src="rightElevator.person.head_img" alt="" />
                 </div>
                 <div class="driver-description">
-                  <div class="t-des">
-                    姓名：{{ rightElevator.current_person.name }}
-                  </div>
-                  <div class="t-des">
-                    身份证号：{{ rightElevator.current_person.id_card }}
-                  </div>
-                  <div class="t-des">
-                    上机时间：{{ rightElevator.current_person.start_time }}
+                  <div
+                    class="t-des"
+                    v-for="(personData, index) in rightElevator.person.data"
+                    :key="index"
+                  >
+                    {{ personData.title }}：{{ personData.value }}
                   </div>
                 </div>
               </div>
               <div class="current-status">
-                <div class="t-des">
-                  高度：{{ rightElevator.realtime_data.height }}m
-                </div>
-                <div class="t-des">
-                  载重：{{ rightElevator.realtime_data.weight }}t
-                </div>
-                <div class="t-des">
-                  运行速度：{{ rightElevator.realtime_data.speed }}m/s
-                </div>
-                <div class="t-des">
-                  倾角X轴：{{ rightElevator.realtime_data.tilt_x }}°
-                </div>
-                <div class="t-des">
-                  倾角Y轴：{{ rightElevator.realtime_data.tilt_y }}°
-                </div>
-
-                <div class="t-des">
-                  前面：{{
-                    rightElevator.realtime_data.switch_front_status_text
-                  }}
-                </div>
-                <div class="t-des">
-                  后面：{{
-                    rightElevator.realtime_data.switch_back_status_text
-                  }}
-                </div>
-                <div class="t-des">
-                  更新时间：{{ rightElevator.realtime_data.latest_record_time }}
+                <div
+                  class="t-des"
+                  v-for="(currentData, index) in rightElevator.realtime.data"
+                  :key="index"
+                >
+                  {{ currentData.title }}：{{ currentData.value }}
                 </div>
               </div>
               <div class="tower-title">设备信息</div>
               <div class="device-info">
-                <div class="t-des">
-                  设备名称：{{ rightElevator.device_info.device_name }}
-                </div>
-                <div class="t-des">
-                  设备编号：{{ rightElevator.device_info.device_no }}
-                </div>
-                <div class="t-des">
-                  设备型号：{{ rightElevator.device_info.model }}
-                </div>
-                <div class="t-des">
-                  生产厂家：{{ rightElevator.device_info.produce_name }}
+                <div
+                  class="t-des"
+                  v-for="(deviceData, index) in rightElevator.device.data"
+                  :key="index"
+                >
+                  {{ deviceData.title }}：{{ deviceData.value }}
                 </div>
               </div>
             </template>
@@ -341,6 +278,8 @@ export default {
       leftElevator: {},
       rightElevator: {},
       currentElevatorTower: {},
+      leftBottom: 0,
+      rightBottom: 0,
     };
   },
   methods: {
@@ -360,10 +299,44 @@ export default {
         getElevatorWarningList({ page: 1, limit: 20 }).then((res) => {
           this.page = 1;
           this.elevatorWarningList = res.data.data;
+          this.$nextTick(() => {
+            const element = document.getElementById("table-scroll");
+            this.autoScroll(1, 50, 1500, element);
+          });
         });
       }
     },
+    autoScroll(stepLength, speed, delay, element) {
+      let interval;
+      //let step = 1
+      element.scrollTop = 0;
+      function start() {
+        interval = setInterval(scrolling, speed);
+        element.scrollTop += stepLength;
+      }
+      function scrolling() {
+        var sTop = element.scrollTop;
+        element.scrollTop += stepLength;
+        if (
+          sTop === element.scrollTop ||
+          sTop == 0 ||
+          element.scrollTop === element.scrollHeight - element.offsetHeight
+        ) {
+          element.scrollTop = 0;
+          clearInterval(interval);
+          setTimeout(start, delay);
+        }
+      }
+      if (element.offsetHeight !== element.scrollHeight) {
+        // 元素内容没有溢出时，不触发
+        setTimeout(start, delay);
+      }
+    },
     getCurrentElevatorStatus(tower) {
+      this.leftBottom = 0;
+      this.rightBottom = 0;
+      this.leftElevator = null;
+      this.rightElevator = null;
       const elevatorArray = [];
       if (tower.left_elevator) {
         elevatorArray.push(tower.left_elevator.id);
@@ -373,15 +346,36 @@ export default {
       }
       getElevatorRealData({ device_ids: elevatorArray.join(",") }).then(
         (res) => {
-          console.log(res);
-          this.leftElevator = res.data.filter((item) => {
+          this.leftElevator = tower.left_elevator
+            ? {
+                ...tower.left_elevator,
+                ...res.data.filter((item) => {
                   return item.device_id == tower.left_elevator.id;
-          })[0];
-          this.rightElevator = res.data.filter((item) => {
+                })[0],
+              }
+            : null;
+          this.rightElevator = tower.right_elevator
+            ? {
+                ...tower.right_elevator,
+                ...res.data.filter((item) => {
                   return item.device_id == tower.right_elevator.id;
-          })[0];
-          console.log(this.leftElevator, "left");
-          console.log(this.rightElevator, "right");
+                })[0],
+              }
+            : null;
+          this.$nextTick(() => {
+            setTimeout(() => {
+              this.leftBottom = this.leftElevator
+                ? (this.leftElevator.realtime.height /
+                    this.leftElevator.device.total_height) *
+                  100
+                : 0;
+              this.rightBottom = this.rightElevator
+                ? (this.rightElevator.realtime.height /
+                    this.rightElevator.device.total_height) *
+                  100
+                : 0;
+            }, 100);
+          });
         }
       );
     },
@@ -427,6 +421,12 @@ export default {
   }
   .elevator-title {
     line-height: 22px;
+    i {
+      font-size: 22px;
+    }
+    &:hover {
+      color: #27acfb;
+    }
     img {
       width: 22px;
       vertical-align: top;
@@ -583,6 +583,7 @@ export default {
         left: 0;
         transform: translateX(-100%);
         bottom: 0%;
+        transition: all 3s linear;
         .online-status {
           font-size: 18px;
           color: #c6def9;
@@ -595,6 +596,8 @@ export default {
         right: 0;
         transform: translateX(100%);
         bottom: 0%;
+        transition: all 3s linear;
+
         .online-status {
           font-size: 18px;
           color: #c6def9;

src/components/fallprotection/Index.vue

@@ -10,7 +10,7 @@
             :key="index"
           >
             <div class="level-title" @click="showDeviceStatus(building)">
-              <img src="@/assets/fallprotection/building-2.png" alt="" />
+              <i class="iconfont icon-linbianfanghu-liebiao-1"></i>
               {{ building.area_name }}
               <span>{{ building.total }}</span>
             </div>
@@ -21,7 +21,7 @@
                 :key="i"
                 @click="showDeviceInfo(device)"
               >
-                <img src="@/assets/fallprotection/device.png" alt="" />
+                <i class="iconfont icon-linbianfanghu-liebiao-2"></i>
                 {{ device.device_no }}
                 <span
                   :style="{ color: device.is_online == 1 ? '#26D591' : '' }"
@@ -73,7 +73,6 @@
             v-for="(warn, index) in fallWarningList"
             :key="index"
           >
-            <img src="@/assets/fallprotection/rect.png" alt="" />
             <div class="warning-info">
               <div class="warning-num">{{ warn.num }}</div>
               <div class="warning-text">{{ warn.alarm_type_text }}</div>
@@ -124,6 +123,7 @@
             class="warning-table-list"
             v-infinite-scroll="load"
             :infinite-scroll-distance="1"
+            id="table-scroll"
           >
             <div
               class="warning-table-column"
@@ -213,6 +213,11 @@ export default {
             resizeEnable: true,
             mapStyle: "amap://styles/darkblue",
           });
+          this.$nextTick(() => {
+            var scale = window.screen.height / 1250;
+            console.log(document.getElementById("amap-container").style);
+            document.getElementById("amap-container").style.zoom = 1 / scale;
+          });
           this.map.on("click", () => {
             this.buildingWindowVisible = false;
           });
@@ -355,7 +360,37 @@ export default {
         getFallWarningTableList({ page: 1 }).then((res) => {
           this.page = 1;
           this.fallwarningTableData = res.data.data;
+          this.$nextTick(() => {
+            const element = document.getElementById("table-scroll");
+            this.autoScroll(1, 50, 1500, element);
           });
+        });
+      }
+    },
+    autoScroll(stepLength, speed, delay, element) {
+      let interval;
+      //let step = 1
+      element.scrollTop = 0;
+      function start() {
+        interval = setInterval(scrolling, speed);
+        element.scrollTop += stepLength;
+      }
+      function scrolling() {
+        var sTop = element.scrollTop;
+        element.scrollTop += stepLength;
+        if (
+          sTop === element.scrollTop ||
+          sTop == 0 ||
+          element.scrollTop === element.scrollHeight - element.offsetHeight
+        ) {
+          element.scrollTop = 0;
+          clearInterval(interval);
+          setTimeout(start, delay);
+        }
+      }
+      if (element.offsetHeight !== element.scrollHeight) {
+        // 元素内容没有溢出时，不触发
+        setTimeout(start, delay);
       }
     },
   },
@@ -445,6 +480,10 @@ export default {
     }
     .level-title {
       line-height: 22px;
+      &:hover {
+        color: #27acfb;
+        background: rgba(44, 96, 162, 0.5);
+      }
       img {
         width: 22px;
         vertical-align: top;
@@ -460,7 +499,10 @@ export default {
     }
     .level-info {
       line-height: 22px;
-
+      &:hover {
+        color: #27acfb;
+        background: rgba(44, 96, 162, 0.5);
+      }
       img {
         width: 22px;
         vertical-align: top;
@@ -468,7 +510,7 @@ export default {
       background: rgba(44, 96, 162, 0.1);
       font-size: 14px;
       color: #c6def9;
-      padding: 10px 12px;
+      padding: 10px 30px;
       border-top: 1px solid rgba(122, 143, 173, 0.2);
       cursor: pointer;
       span {
@@ -483,10 +525,13 @@ export default {
 .warning-count {
   display: inline-block;
   vertical-align: top;
-  width: 49%;
-  position: relative;
+  padding: 20px 0;
+  width: 32%;
   margin-right: 2%;
-  &:nth-child(2n) {
+  margin-bottom: 16px;
+  background: url("@/assets/fallprotection/rect.png") no-repeat;
+  background-size: 100% 100%;
+  &:nth-child(3n) {
     margin-right: 0;
   }
   img {
@@ -494,10 +539,6 @@ export default {
     width: 100%;
   }
   .warning-info {
-    position: absolute;
-    left: 50%;
-    top: 50%;
-    transform: translateX(-50%) translateY(-50%);
     text-align: center;
     .warning-num {
       font-size: 24px;
@@ -506,6 +547,7 @@ export default {
     .warning-text {
       font-size: 14px;
       color: #27acfb;
+      white-space: nowrap;
     }
   }
 }
@@ -569,7 +611,7 @@ export default {
   }
 }
 .warning-scroll {
-  height: 370px;
+  height: 346px;
   overflow-y: auto;
 }
 
@@ -586,9 +628,9 @@ export default {
 }
 .recent-open,
 .building-info-text {
-  font-size: 16px;
+  font-size: 14px;
   color: #c6def9;
-  line-height: 45px;
+  line-height: 36px;
 }
 .building-info {
   display: flex;

src/components/management/Index.vue

@@ -240,7 +240,12 @@ export default {
             mapStyle: "amap://styles/darkblue",
           });
           this.map.on("click", () => {});
+          this.$nextTick(() => {
+            var scale = window.screen.height / 1250;
+            document.getElementById("amap-container").style.zoom = 1 / scale;
+          });
         })
+
         .catch((e) => {
           console.log(e);
         });

src/components/management/sampleDialog.vue

@@ -87,6 +87,11 @@ export default {
           resizeEnable: true,
           mapStyle: "amap://styles/darkblue",
         });
+        this.$nextTick(() => {
+          var scale = window.screen.height / 1250;
+          document.getElementById("sample-map-container").style.zoom =
+            1 / scale;
+        });
       });
     },
     search() {

src/components/noise/Index.vue

@@ -10,7 +10,7 @@
             :key="index"
             @click="changeMonitor(monitor, index)"
           >
-            <img src="@/assets/noise/icon_device.png" alt="" />
+            <i class="iconfont icon-yangchenzaoyin"></i>
             {{ monitor.device_name }} / {{ monitor.device_no }}
           </div>
         </div>
@@ -18,14 +18,12 @@
       <Title text="设备总览"></Title>
       <ShadowContainer>
         <div class="chart-container">
-          <img class="custom-chart" src="@/assets/chart.png" />
           <div ref="deviceChart" id="device-chart"></div>
         </div>
       </ShadowContainer>
       <Title text="近30日噪音"></Title>
       <ShadowContainer>
         <div class="chart-container">
-          <img class="custom-chart" src="@/assets/chart.png" />
           <div ref="noiseChart" id="noise-chart"></div>
         </div>
       </ShadowContainer>
@@ -132,6 +130,7 @@
             class="warning-table-list"
             v-infinite-scroll="load"
             :infinite-scroll-distance="1"
+            id="table-scroll"
           >
             <div
               class="warning-table-column"
@@ -250,8 +249,8 @@ export default {
           itemHeight: 12,
           itemWidth: 12,
           icon: "rect",
-          right: "10%",
-          top: "20%",
+          right: "15%",
+          top: "35%",
           orient: "vertical",
           itemGap: 20,
           textStyle: {
@@ -283,7 +282,7 @@ export default {
         series: [
           {
             type: "pie",
-            radius: ["80%", "90%"],
+            radius: ["60%", "70%"],
             center: ["28%", "50%"],
             avoidLabelOverlap: false,
             itemStyle: {
@@ -295,7 +294,14 @@ export default {
               position: "center",
             },
 
-            data: pieData,
+            data: pieData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "在线总数" ? "#18D7B9" : "#FEBA01",
+                },
+              };
+            }),
           },
         ],
       };
@@ -334,10 +340,10 @@ export default {
           itemHeight: 12,
           itemWidth: 12,
           icon: "rect",
-          right: "10%",
-          top: "30%",
+          right: "15%",
+          top: "35%",
           orient: "vertical",
-          itemGap: 40,
+          itemGap: 20,
           textStyle: {
             color: "inherit",
             rich: {
@@ -367,7 +373,7 @@ export default {
         series: [
           {
             type: "pie",
-            radius: ["80%", "90%"],
+            radius: ["60%", "70%"],
             center: ["28%", "50%"],
             avoidLabelOverlap: false,
             itemStyle: {
@@ -379,7 +385,14 @@ export default {
               position: "center",
             },
 
-            data: chartData,
+            data: chartData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "达标" ? "#18D7B9" : "#FF754C",
+                },
+              };
+            }),
           },
         ],
       };
@@ -529,9 +542,39 @@ export default {
         }).then((res) => {
           this.page = 1;
           this.warnings = res.data.data;
+          this.$nextTick(() => {
+            const element = document.getElementById("table-scroll");
+            this.autoScroll(1, 50, 1500, element);
+          });
         });
       }
     },
+    autoScroll(stepLength, speed, delay, element) {
+      let interval;
+      //let step = 1
+      element.scrollTop = 0;
+      function start() {
+        interval = setInterval(scrolling, speed);
+        element.scrollTop += stepLength;
+      }
+      function scrolling() {
+        var sTop = element.scrollTop;
+        element.scrollTop += stepLength;
+        if (
+          sTop === element.scrollTop ||
+          sTop == 0 ||
+          element.scrollTop === element.scrollHeight - element.offsetHeight
+        ) {
+          element.scrollTop = 0;
+          clearInterval(interval);
+          setTimeout(start, delay);
+        }
+      }
+      if (element.offsetHeight !== element.scrollHeight) {
+        // 元素内容没有溢出时，不触发
+        setTimeout(start, delay);
+      }
+    },
   },
   mounted() {
     this.getNoiseData();
@@ -549,6 +592,7 @@ export default {
   .mid-area {
     width: calc(44% - 40px);
     margin: 0 20px;
+    min-width: 840px;
   }
 }
 .chart-container {
@@ -597,7 +641,7 @@ export default {
 }
 #aqi-chart {
   width: 100%;
-  height: 154px;
+  height: 200px;
 }
 .monitor {
   display: flex;
@@ -809,9 +853,12 @@ export default {
 }
 #stats-container {
   position: relative;
-  margin-bottom: 60px;
+  margin-bottom: 10px;
+
+  border-bottom: 4px solid #114e70;
   img {
     width: 100%;
+    vertical-align: top;
   }
   .text {
     color: #ffffff;

src/components/projectcheck/Index.vue

@@ -4,7 +4,6 @@
       <Title text="本月检查统计"></Title>
       <ShadowContainer>
         <div class="chart-container" id="current-chart">
-          <img class="custom-chart" src="@/assets/chart.png" />
           <div id="current-check-stats" ref="currentCheckStatsChart"></div>
         </div>
       </ShadowContainer>
@@ -20,6 +19,7 @@
             class="warning-table-list"
             v-infinite-scroll="load"
             :infinite-scroll-distance="1"
+            id="table-scroll"
           >
             <div
               class="warning-table-column"
@@ -70,28 +70,24 @@
             <div class="chart-angle">
               <div class="chart-title">项目自查</div>
               <div class="chart-container">
-                <img class="custom-chart" src="@/assets/chart.png" />
                 <div id="project-check-chart" ref="projectCheck"></div>
               </div>
             </div>
             <div class="chart-angle">
               <div class="chart-title">企业检查</div>
               <div class="chart-container">
-                <img class="custom-chart" src="@/assets/chart.png" />
                 <div id="enterprise-check" ref="enterpriseCheck"></div>
               </div>
             </div>
             <div class="chart-angle">
               <div class="chart-title">监督检测</div>
               <div class="chart-container">
-                <img class="custom-chart" src="@/assets/chart.png" />
                 <div id="supervise-check" ref="superviseCheck"></div>
               </div>
             </div>
             <div class="chart-angle">
               <div class="chart-title">移动巡查</div>
               <div class="chart-container">
-                <img class="custom-chart" src="@/assets/chart.png" />
                 <div id="move-check" ref="moveCheck"></div>
               </div>
             </div>
@@ -275,7 +271,23 @@ export default {
               position: "center",
             },
 
-            data: chartData,
+            data: chartData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color:
+                    item.name == "无问题"
+                      ? "#18D7B9"
+                      : item.name == "待整改"
+                      ? "#E39B36"
+                      : item.name == "复查中"
+                      ? "#5399F7"
+                      : item.name == "已整改"
+                      ? "#E25E80"
+                      : "",
+                },
+              };
+            }),
           },
         ],
       };
@@ -291,19 +303,15 @@ export default {
       });
     },
     load() {
-      if (this.blackspotRanking.length == this.blackSpotPage * 10) {
-        getBlackspotRankingList({
-          page: this.blackSpotPage + 1,
-        }).then((res) => {
-          this.blackSpotPage += 1;
-          this.blackspotRanking = [...this.blackspotRanking, ...res.data.data];
-          this.$forceUpdate();
-        });
-      } else if (this.blackspotRanking.length == 0) {
+      if (this.blackspotRanking.length == 0) {
         getBlackspotRankingList({ page: 1 }).then((res) => {
           this.blackSpotPage = 1;
           this.blackspotRanking = res.data.data;
           this.$forceUpdate();
+          this.$nextTick(() => {
+            const element = document.getElementById("table-scroll");
+            this.autoScroll(1, 50, 1500, element);
+          });
         });
       }
     },
@@ -334,23 +342,31 @@ export default {
         this.renderSmallChart(
           "project-check-chart",
           "projectCheck",
-          res.data.project_data
+          res.data.project_data,
+          "#FEBA01"
         );
         this.renderSmallChart(
           "enterprise-check",
           "enterpriseCheck",
-          res.data.company_data
+          res.data.company_data,
+          "#FC6E03"
         );
         this.renderSmallChart(
           "supervise-check",
           "superviseCheck",
-          res.data.supervise_data
+          res.data.supervise_data,
+          "#E86365"
+        );
+        this.renderSmallChart(
+          "move-check",
+          "moveCheck",
+          res.data.move_data,
+          "#CD4091"
         );
-        this.renderSmallChart("move-check", "moveCheck", res.data.move_data);
         this.renderQuestionBarChart(res.data);
       });
     },
-    renderSmallChart(id, ref, data) {
+    renderSmallChart(id, ref, data, pColor) {
       const chartData = [...data];
       const chart = this.$echarts.init(this.$refs[`${ref}`]);
       let total = 0;
@@ -428,7 +444,14 @@ export default {
               position: "center",
             },
 
-            data: chartData,
+            data: chartData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "有隐患" ? pColor : "#18D7B9",
+                },
+              };
+            }),
           },
         ],
       };
@@ -458,6 +481,14 @@ export default {
             })[0].value;
           }),
           barWidth: 15,
+          itemStyle: {
+            color:
+              item.name == "质量问题"
+                ? "#B16400"
+                : item.name == "安全问题"
+                ? "#CF2C16"
+                : "",
+          },
         };
       });
       const option = {
@@ -521,6 +552,32 @@ export default {
         this.correctDialogVisible = true;
       });
     },
+    autoScroll(stepLength, speed, delay, element) {
+      let interval;
+      //let step = 1
+      element.scrollTop = 0;
+      function start() {
+        interval = setInterval(scrolling, speed);
+        element.scrollTop += stepLength;
+      }
+      function scrolling() {
+        var sTop = element.scrollTop;
+        element.scrollTop += stepLength;
+        if (
+          sTop === element.scrollTop ||
+          sTop == 0 ||
+          element.scrollTop === element.scrollHeight - element.offsetHeight
+        ) {
+          element.scrollTop = 0;
+          clearInterval(interval);
+          setTimeout(start, delay);
+        }
+      }
+      if (element.offsetHeight !== element.scrollHeight) {
+        // 元素内容没有溢出时，不触发
+        setTimeout(start, delay);
+      }
+    },
   },
   mounted() {
     getCurrentMonthCheckStats().then((res) => {
@@ -590,8 +647,8 @@ export default {
       }
       .custom-chart {
         position: absolute;
-        width: 25%;
-        left: 15.5%;
+        width: 20%;
+        left: 18%;
         transform: translateY(-50%);
         top: 50%;
       }

src/components/realname/Index.vue

@@ -124,7 +124,6 @@
       <Title text="人员地域分布"></Title>
       <ShadowContainer>
         <div class="chart-container" id="reset-area2">
-          <img class="custom-chart" src="@/assets/chart.png" />
           <div ref="areaChart" id="area-chart"></div>
         </div>
       </ShadowContainer>

src/components/safecap/Index.vue

@@ -27,7 +27,10 @@
               />
             </div>
             <div class="device-description">
-              <div>{{ device.person_type }} / {{ device.person_name }}</div>
+              <div>
+                {{ device.person_type ? device.person_type : "---" }} /
+                {{ device.person_name ? device.person_name : "---" }}
+              </div>
               <div>绑定设备：{{ device.name }}</div>
             </div>
             <div
@@ -65,7 +68,10 @@
               >{{ windowData.is_online_text }}</span
             >
             <span class="name"
-              >{{ windowData.person_type }} / {{ windowData.person_name }}</span
+              >{{ windowData.person_type ? windowData.person_type : "---" }} /
+              {{
+                windowData.person_name ? windowData.person_name : "---"
+              }}</span
             >
           </div>
           <div class="recent-open">最近使用:{{ windowData.last_use_time }}</div>
@@ -265,6 +271,10 @@ export default {
             console.log(e);
             this.capWindowVisible = false;
           });
+          this.$nextTick(() => {
+            var scale = window.screen.height / 1250;
+            document.getElementById("amap-container").style.zoom = 1 / scale;
+          });
           this.getSafeCapDeviceList();
           this.getSafeCapArea();
         })
@@ -461,7 +471,6 @@ export default {
 }
 .cap-window {
   width: 460px;
-  height: 170px;
   position: absolute;
   left: 50%;
   top: 50%;

src/components/safecap/mapDialog.vue

@@ -2,7 +2,7 @@
   <el-dialog
     :visible.sync="dialogVisible"
     title="使用轨迹"
-    width="80vw"
+    width="1200px"
     top="10vh"
     append-to-body
   >
@@ -97,6 +97,10 @@ export default {
           resizeEnable: true,
           mapStyle: "amap://styles/darkblue",
         });
+        this.$nextTick(() => {
+          var scale = window.screen.height / 1250;
+          document.getElementById("route-map-container").style.zoom = 1 / scale;
+        });
         this.search();
       });
     },

src/components/supervisory/Index.vue

@@ -134,13 +134,14 @@ export default {
           on-click={() => this.selectNode(node, data)}
         >
           <span>
-            <img
-              src={
+            <span
+              class={
                 node.level == 1
-                  ? require("@/assets/visor.png")
-                  : require("@/assets/camera.png")
+                  ? "iconfont icon-shipinjiankong-1"
+                  : "iconfont icon-shipinjiankong-2"
               }
-            />
+              style="margin-right:6px"
+            ></span>
             {node.label}
           </span>
           {node.level == 1 && <span>{data.device_count}</span>}
@@ -308,6 +309,7 @@ export default {
 </script>
 <style lang="less" scoped>
 @import "@/assets/common/element.less";
+
 #supervisory {
   padding: 12px 20px;
   display: flex;

src/components/tower/Index.vue

@@ -4,7 +4,6 @@
       <Title text="设备总览"></Title>
       <ShadowContainer>
         <div class="chart-container">
-          <img class="custom-chart" src="@/assets/chart.png" />
           <div ref="deviceChart" id="device-chart"></div>
         </div>
       </ShadowContainer>
@@ -96,6 +95,7 @@
             class="warning-table-list"
             v-infinite-scroll="load"
             :infinite-scroll-distance="1"
+            id="table-scroll"
           >
             <div
               class="warning-table-column"
@@ -212,8 +212,8 @@ export default {
           itemHeight: 12,
           itemWidth: 12,
           icon: "rect",
-          right: "10%",
-          top: "15%",
+          right: "15%",
+          top: "30%",
           orient: "vertical",
           itemGap: 40,
           textStyle: {
@@ -245,7 +245,7 @@ export default {
         series: [
           {
             type: "pie",
-            radius: ["80%", "90%"],
+            radius: ["60%", "70%"],
             center: ["28%", "50%"],
             avoidLabelOverlap: false,
             itemStyle: {
@@ -256,7 +256,14 @@ export default {
               show: false,
               position: "center",
             },
-            data: pieData,
+            data: pieData.map((item) => {
+              return {
+                ...item,
+                itemStyle: {
+                  color: item.name == "在线总数" ? "#2980FF" : "#AEE4F8",
+                },
+              };
+            }),
           },
         ],
       };
@@ -453,6 +460,10 @@ export default {
             resizeEnable: true,
             mapStyle: "amap://styles/darkblue",
           });
+          this.$nextTick(() => {
+            var scale = window.screen.height / 1250;
+            document.getElementById("amap-container").style.zoom = 1 / scale;
+          });
           this.map.on("click", (e) => {
             console.log(e);
             this.towerWindowVisible = false;
@@ -664,7 +675,37 @@ export default {
         getTowerWarnings({ page: 1, limit: 20 }).then((res) => {
           this.page = 1;
           this.warnings = res.data.data;
+          this.$nextTick(() => {
+            const element = document.getElementById("table-scroll");
+            this.autoScroll(1, 50, 1500, element);
           });
+        });
+      }
+    },
+    autoScroll(stepLength, speed, delay, element) {
+      let interval;
+      //let step = 1
+      element.scrollTop = 0;
+      function start() {
+        interval = setInterval(scrolling, speed);
+        element.scrollTop += stepLength;
+      }
+      function scrolling() {
+        var sTop = element.scrollTop;
+        element.scrollTop += stepLength;
+        if (
+          sTop === element.scrollTop ||
+          sTop == 0 ||
+          element.scrollTop === element.scrollHeight - element.offsetHeight
+        ) {
+          element.scrollTop = 0;
+          clearInterval(interval);
+          setTimeout(start, delay);
+        }
+      }
+      if (element.offsetHeight !== element.scrollHeight) {
+        // 元素内容没有溢出时，不触发
+        setTimeout(start, delay);
       }
     },
   },
@@ -821,15 +862,15 @@ export default {
   }
 }
 .monitor-list {
-  height: 320px;
+  height: 210px;
   overflow-y: auto;
 }
 .noise-monitor {
   font-size: 14px;
   color: #c6def9;
-  line-height: 72px;
   background: rgba(44, 96, 162, 0.05);
-  padding: 0 12px;
+  padding: 10px 12px;
+  line-height: 22px;
   margin-bottom: 12px;
   cursor: pointer;
   &:last-child {
@@ -840,10 +881,7 @@ export default {
     background: rgba(44, 96, 162, 0.2);
   }
   img {
-    width: 30px;
-    height: 30px;
-    margin-top: 20px;
-    margin-right: 12px;
+    width: 20px;
     vertical-align: top;
   }
   .device-description {
@@ -909,7 +947,7 @@ export default {
   text-align: center;
   color: #c6def9;
   .warning-table-list {
-    height: 380px;
+    height: 500px;
     overflow-y: auto;
   }
   .warning-table-header {

src/components/unloadingplatform/Index.vue

@@ -11,7 +11,7 @@
             @click="showDeviceInfo(platform)"
           >
             <div class="platform-title">
-              <img src="@/assets/unloadingplatform/platform.png" alt="" />
+              <i class="iconfont icon-xieliaopingtai"></i>
               {{ platform.device_no }}
               <span
                 :style="{ color: platform.is_online == 1 ? '#66cab9' : '' }"
@@ -38,6 +38,7 @@
           </div>
         </div>
         <div id="battery-chart" ref="batteryChart"></div>
+        <div class="separate-chart-line"></div>
         <div id="weight-chart" ref="weightChart"></div>
       </ShadowContainer>
     </div>
@@ -110,6 +111,7 @@
             class="warning-table-list"
             v-infinite-scroll="load"
             :infinite-scroll-distance="1"
+            id="table-scroll"
           >
             <div
               class="warning-table-column"
@@ -201,6 +203,11 @@ export default {
             resizeEnable: true,
             mapStyle: "amap://styles/darkblue",
           });
+
+          this.$nextTick(() => {
+            var scale = window.screen.height / 1250;
+            document.getElementById("amap-container").style.zoom = 1 / scale;
+          });
           this.map.on("click", () => {
             this.platformWindowVisible = false;
           });
@@ -431,7 +438,37 @@ export default {
         getPlatformWarningList({ page: 1, limit: 20 }).then((res) => {
           this.page = 1;
           this.platformWarningList = res.data.data;
+          this.$nextTick(() => {
+            const element = document.getElementById("table-scroll");
+            this.autoScroll(1, 50, 1500, element);
           });
+        });
+      }
+    },
+    autoScroll(stepLength, speed, delay, element) {
+      let interval;
+      //let step = 1
+      element.scrollTop = 0;
+      function start() {
+        interval = setInterval(scrolling, speed);
+        element.scrollTop += stepLength;
+      }
+      function scrolling() {
+        var sTop = element.scrollTop;
+        element.scrollTop += stepLength;
+        if (
+          sTop === element.scrollTop ||
+          sTop == 0 ||
+          element.scrollTop === element.scrollHeight - element.offsetHeight
+        ) {
+          element.scrollTop = 0;
+          clearInterval(interval);
+          setTimeout(start, delay);
+        }
+      }
+      if (element.offsetHeight !== element.scrollHeight) {
+        // 元素内容没有溢出时，不触发
+        setTimeout(start, delay);
       }
     },
   },
@@ -535,6 +572,7 @@ export default {
       }
       &:hover {
         background: rgba(44, 96, 162, 0.5);
+        color: #16c0ff;
       }
       &.active {
         background: rgba(44, 96, 162, 0.5);
@@ -561,7 +599,7 @@ export default {
 }
 #battery-chart,
 #weight-chart {
-  height: 250px;
+  height: 230px;
 }
 .warning-count {
   display: inline-block;
@@ -669,9 +707,9 @@ export default {
 }
 .recent-open,
 .building-info-text {
-  font-size: 16px;
+  font-size: 14px;
   color: #c6def9;
-  line-height: 45px;
+  line-height: 36px;
 }
 .building-info {
   display: flex;
@@ -742,8 +780,9 @@ export default {
 
 .filters {
   display: flex;
-  justify-content: space-between;
+  justify-content: center;
   margin-bottom: 10px;
+
   .filter {
     font-size: 14px;
     color: rgba(198, 222, 249, 1);
@@ -751,6 +790,7 @@ export default {
     padding: 6px;
     text-align: center;
     cursor: pointer;
+    margin: 0 40px;
     background: linear-gradient(
       90deg,
       rgba(8, 36, 71, 0) 0%,
@@ -762,4 +802,10 @@ export default {
     }
   }
 }
+.separate-chart-line {
+  background: #114e70;
+  height: 4px;
+  width: 100%;
+  margin: 20px 0;
+}
 </style>
\ No newline at end of file

src/main.js

@@ -8,7 +8,7 @@ import Title from "@/components/Title"
 import ShadowContainer from "@/components/ShadowContainer"
 import * as echarts from "echarts"
 import scroll from 'vue-seamless-scroll'
-
+import "@/assets/iconfont/iconfont.css";
 
 Vue.use(scroll)
 

vue.config.js

@@ -7,11 +7,11 @@ module.exports = defineConfig({
       postcss: {
         postcssOptions: {
           plugins: [
-            // require('postcss-plugin-px2rem')({
-            //   rootValue: 100,
-            //   mediaQuery: false, //（布尔值）允许在媒体查询中转换px。
-            //   minPixelValue: 5 //设置要替换的最小像素值(3px会被转rem)。 默认 0
-            // }),
+            require('postcss-plugin-px2rem')({
+              rootValue: 54,
+              mediaQuery: false, //（布尔值）允许在媒体查询中转换px。
+              minPixelValue: 5 //设置要替换的最小像素值(3px会被转rem)。 默认 0
+            }),
           ]
         }