perf:overview 页面调整

1.机房图标修改
2.英文星期改为缩写
3.全屏状态下 按F11排版错乱问题修改

nezha-fronted/src/assets/css/font/iconfont.svg

@@ -20,6 +20,9 @@ Created by iconfont
   />
     <missing-glyph />
     
+    <glyph glyph-name="cabinet" unicode="&#59082;" d="M345.6 588.8H179.2c-14.08 0-25.6-11.52-25.6-25.6v-422.4c0-14.08 11.52-25.6 25.6-25.6h166.4c14.08 0 25.6 11.52 25.6 25.6V563.2c0 14.08-11.52 25.6-25.6 25.6z m-83.2-64c17.92 0 32-14.08 32-32S280.32 460.8 262.4 460.8 230.4 474.88 230.4 492.8s14.08 32 32 32z m0-102.4c17.92 0 32-14.08 32-32S280.32 358.4 262.4 358.4 230.4 372.48 230.4 390.4s14.08 32 32 32zM320 166.39999999999998h-115.2v38.4h115.2v-38.4z m0 64h-115.2v38.4h115.2v-38.4zM588.8 652.8H422.4c-14.08 0-25.6-11.52-25.6-25.6v-486.4c0-14.08 11.52-25.6 25.6-25.6h166.4c14.08 0 25.6 11.52 25.6 25.6V627.2c0 14.08-11.52 25.6-25.6 25.6z m-83.2-64c17.92 0 32-14.08 32-32S523.52 524.8 505.6 524.8 473.6 538.88 473.6 556.8s14.08 32 32 32z m0-102.4c17.92 0 32-14.08 32-32S523.52 422.4 505.6 422.4 473.6 436.48 473.6 454.4s14.08 32 32 32zM563.2 166.39999999999998h-115.2v38.4h115.2v-38.4z m0 64h-115.2v38.4h115.2v-38.4z m0 64h-115.2v38.4h115.2v-38.4zM832 588.8H665.6c-14.08 0-25.6-11.52-25.6-25.6v-422.4c0-14.08 11.52-25.6 25.6-25.6h166.4c14.08 0 25.6 11.52 25.6 25.6V563.2c0 14.08-11.52 25.6-25.6 25.6z m-83.2-64c17.92 0 32-14.08 32-32S766.72 460.8 748.8 460.8 716.8 474.88 716.8 492.8s14.08 32 32 32z m0-102.4c17.92 0 32-14.08 32-32S766.72 358.4 748.8 358.4 716.8 372.48 716.8 390.4s14.08 32 32 32zM806.4 166.39999999999998h-115.2v38.4h115.2v-38.4z m0 64h-115.2v38.4h115.2v-38.4z"  horiz-adv-x="1024" />
+
+    
     <glyph glyph-name="idc_barn" unicode="&#59346;" d="M352 768h320v-768H352zM672-32H352a32 32 0 0 0-32 32V768a32 32 0 0 0 32 32h320a32 32 0 0 0 32-32v-768a32 32 0 0 0-32-32z m-288 64h256V736h-256v-704zM544 544h-64a32 32 0 0 0 0 64h64a32 32 0 1 0 0-64zM544 416h-64a32 32 0 0 0 0 64h64a32 32 0 1 0 0-64zM544 288h-64a32 32 0 1 0 0 64h64a32 32 0 1 0 0-64zM256 352H192a32 32 0 1 0 0 64h64a32 32 0 0 0 0-64zM256 192H192a32 32 0 1 0 0 64h64a32 32 0 1 0 0-64zM832 352h-64a32 32 0 1 0 0 64h64a32 32 0 1 0 0-64zM832 192h-64a32 32 0 1 0 0 64h64a32 32 0 1 0 0-64zM544 160h-64a32 32 0 1 0 0 64h64a32 32 0 1 0 0-64zM928-32h-256a32 32 0 0 0-32 32V576a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32v-576a32 32 0 0 0-32-32z m-224 64h192V544h-192v-512zM352-32H96a32 32 0 0 0-32 32V576a32 32 0 0 0 32 32h256a32 32 0 0 0 32-32v-576a32 32 0 0 0-32-32z m-224 64h192V544H128v-512z"  horiz-adv-x="1024" />
 
     
@@ -35,7 +38,7 @@ Created by iconfont
     <glyph glyph-name="server" unicode="&#58921;" d="M512.209065-52.945692m-56.0294 0a56.0294 56.0294 0 1 1 112.0588 0 56.0294 56.0294 0 1 1-112.0588 0ZM883.926501-52.945692m-56.0294 0a56.0294 56.0294 0 1 1 112.058799 0 56.0294 56.0294 0 1 1-112.058799 0ZM140.073499-52.945692m-56.029399 0a56.0294 56.0294 0 1 1 112.058799 0 56.0294 56.0294 0 1 1-112.058799 0ZM925.94855 832.235198c0 35.122907-28.641895 63.764802-63.764802 63.764802H162.234381C127.111474 896 98.469579 867.358105 98.469579 832.235198v-144.463863c0-17.352389 7.108207-33.241323 18.397714-44.739894-11.289506-11.498571-18.397713-27.387505-18.397714-44.739893v-144.463863c0-17.352389 7.108207-33.241323 18.397714-44.739894-11.289506-11.498571-18.397713-27.387505-18.397714-44.739894v-144.463863c0-35.122907 28.641895-63.764802 63.764802-63.764802h699.949367c35.122907 0 63.764802 28.641895 63.764802 63.764802v144.463863c0 17.352389-7.108207 33.241323-18.397713 44.739894 11.289506 11.498571 18.397713 27.387505 18.397713 44.739894v144.463863c0 17.352389-7.108207 33.241323-18.397713 44.739893 11.289506 11.498571 18.397713 27.387505 18.397713 44.739894V832.235198z m-789.638219 0c0 14.216415 11.498571 25.714986 25.714985 25.714986h699.949368c14.216415 0 25.924051-11.498571 25.92405-25.714986v-144.463863c0-14.216415-11.498571-25.924051-25.92405-25.92405H162.234381c-14.216415 0-25.714986 11.498571-25.714985 25.92405V832.235198h-0.209065z m751.797468-233.94365v-144.463863c0-14.216415-11.498571-25.714986-25.924051-25.714986H162.234381c-14.216415 0-25.714986 11.498571-25.714985 25.714986v144.463863c0 14.216415 11.498571 25.714986 25.714985 25.714985h699.949367c14.216415 0 25.924051-11.498571 25.924051-25.714985z m0-378.407514c0-14.216415-11.498571-25.714986-25.924051-25.714985H162.234381c-14.216415 0-25.714986 11.498571-25.714985 25.714985v144.463863c0 14.216415 11.498571 25.714986 25.714985 25.714986h699.949367c14.216415 0 25.924051-11.498571 25.924051-25.714986v-144.463863zM503.846468 741.082891h236.243365c10.453246 0 19.024908 8.571662 19.024908 19.024908s-8.571662 19.024908-19.024908 19.024908H503.846468c-10.453246 0-19.024908-8.571662-19.024908-19.024908s8.571662-19.024908 19.024908-19.024908zM311.088608 759.898734m-22.579012 0a22.579012 22.579012 0 1 1 45.158023 0 22.579012 22.579012 0 1 1-45.158023 0ZM503.846468 507.139241h236.243365c10.453246 0 19.024908 8.571662 19.024908 19.024908s-8.571662 19.024908-19.024908 19.024908H503.846468c-10.453246 0-19.024908-8.571662-19.024908-19.024908 0.209065-10.662311 8.571662-19.024908 19.024908-19.024908zM740.089833 311.036341H503.846468c-10.453246 0-19.024908-8.571662-19.024908-19.024908s8.571662-19.024908 19.024908-19.024908h236.243365c10.453246 0 19.024908 8.571662 19.024908 19.024908s-8.571662 19.024908-19.024908 19.024908zM311.088608 525.955084m-22.579012 0a22.579012 22.579012 0 1 1 45.158023 0 22.579012 22.579012 0 1 1-45.158023 0ZM311.088608 292.011433m-22.579012 0a22.579012 22.579012 0 1 1 45.158023 0 22.579012 22.579012 0 1 1-45.158023 0ZM883.926501 22.108616c-34.704777 0-63.973867-23.833401-72.545529-56.0294H584.754594a75.305186 75.305186 0 0 1-53.520621 53.520621v59.374438c0 10.453246-8.571662 19.024908-19.024908 19.024908s-19.024908-8.571662-19.024908-19.024908v-59.374438a75.305186 75.305186 0 0 1-53.520621-53.520621H212.409963c-8.362597 32.195998-37.631686 56.0294-72.545529 56.0294-41.394855 0-75.054308-33.659453-75.054307-75.054308s33.659453-75.054308 75.054307-75.054308c34.704777 0 63.973867 23.833401 72.545529 56.0294h227.253573c8.362597-32.195998 37.631686-56.0294 72.545529-56.0294 34.913842 0 63.973867 23.833401 72.545529 56.0294h226.835443c8.362597-32.195998 37.631686-56.0294 72.545529-56.0294 41.394855 0 75.054308 33.659453 75.054307 75.054308s-33.868518 75.054308-75.263372 75.054308zM140.073499-89.950184c-20.488363 0-37.213557 16.725194-37.213556 37.213557S119.585137-15.523071 140.073499-15.523071s37.213557-16.725194 37.213557-37.213556-16.934259-37.213557-37.213557-37.213557z m372.135566 0c-20.488363 0-37.213557 16.725194-37.213557 37.213557s16.725194 37.213557 37.213557 37.213556 37.213557-16.725194 37.213556-37.213556-16.725194-37.213557-37.213556-37.213557z m371.717436 0c-20.488363 0-37.213557 16.725194-37.213557 37.213557s16.725194 37.213557 37.213557 37.213556 37.213557-16.725194 37.213556-37.213556-16.725194-37.213557-37.213556-37.213557z"  horiz-adv-x="1024" />
 
     
-    <glyph glyph-name="IDCCabinet" unicode="&#58927;" d="M605.09 709.818H418.91v-651.636h186.18V709.818z m46.546 0v-651.636h162.91a23.273 23.273 0 0 1 23.272 23.273v605.09a23.273 23.273 0 0 1-23.273 23.273H651.636z m-279.272 0h-162.91a23.273 23.273 0 0 1-23.272-23.273v-605.09a23.273 23.273 0 0 1 23.273-23.273h162.909V709.818z m465.454 46.546a46.545 46.545 0 0 0 46.546-46.546v-651.636a46.545 46.545 0 0 0-46.546-46.546H186.182a46.545 46.545 0 0 0-46.546 46.546V709.818a46.545 46.545 0 0 0 46.546 46.546h651.636z m-558.545-162.91a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.545z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546zM256 360.72799999999995h46.545a23.273 23.273 0 0 0 0-46.546H256a23.273 23.273 0 0 0 0 46.545z m0-186.183h46.545a23.273 23.273 0 0 0 0-46.545H256a23.273 23.273 0 0 0 0 46.545z m0 93.091h46.545a23.273 23.273 0 0 0 0-46.545H256a23.273 23.273 0 0 0 0 46.545z m232.727 93.091h46.546a23.273 23.273 0 0 0 0-46.545h-46.546a23.273 23.273 0 0 0 0 46.545z m0-186.182h46.546a23.273 23.273 0 0 0 0-46.545h-46.546a23.273 23.273 0 0 0 0 46.545z m0 93.091h46.546a23.273 23.273 0 0 0 0-46.545h-46.546a23.273 23.273 0 0 0 0 46.545z m232.728 93.091H768a23.273 23.273 0 0 0 0-46.545h-46.545a23.273 23.273 0 0 0 0 46.545z m0-186.182H768A23.273 23.273 0 0 0 768 128h-46.545a23.273 23.273 0 0 0 0 46.545z m0 93.091H768a23.273 23.273 0 0 0 0-46.545h-46.545a23.273 23.273 0 0 0 0 46.545zM512 593.4549999999999A23.273 23.273 0 1 0 512 640a23.273 23.273 0 0 0 0-46.545z m0-69.819a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m232.727 139.637a23.273 23.273 0 1 0 0 46.545 23.273 23.273 0 0 0 0-46.545z m0-69.819a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z"  horiz-adv-x="1024" />
+    <glyph glyph-name="IDCCabinet" unicode="&#58927;" d="M605.09 709.818H418.91v-651.636h186.18V709.818z m46.546 0v-651.636h162.91a23.273 23.273 0 0 1 23.272 23.273v605.09a23.273 23.273 0 0 1-23.273 23.273H651.636z m-279.272 0h-162.91a23.273 23.273 0 0 1-23.272-23.273v-605.09a23.273 23.273 0 0 1 23.273-23.273h162.909V709.818z m465.454 46.546a46.545 46.545 0 0 0 46.546-46.546v-651.636a46.545 46.545 0 0 0-46.546-46.546H186.182a46.545 46.545 0 0 0-46.546 46.546V709.818a46.545 46.545 0 0 0 46.546 46.546h651.636z m-558.545-162.91a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.545z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546zM256 360.728h46.545a23.273 23.273 0 0 0 0-46.546H256a23.273 23.273 0 0 0 0 46.545z m0-186.183h46.545a23.273 23.273 0 0 0 0-46.545H256a23.273 23.273 0 0 0 0 46.545z m0 93.091h46.545a23.273 23.273 0 0 0 0-46.545H256a23.273 23.273 0 0 0 0 46.545z m232.727 93.091h46.546a23.273 23.273 0 0 0 0-46.545h-46.546a23.273 23.273 0 0 0 0 46.545z m0-186.182h46.546a23.273 23.273 0 0 0 0-46.545h-46.546a23.273 23.273 0 0 0 0 46.545z m0 93.091h46.546a23.273 23.273 0 0 0 0-46.545h-46.546a23.273 23.273 0 0 0 0 46.545z m232.728 93.091H768a23.273 23.273 0 0 0 0-46.545h-46.545a23.273 23.273 0 0 0 0 46.545z m0-186.182H768A23.273 23.273 0 0 0 768 128h-46.545a23.273 23.273 0 0 0 0 46.545z m0 93.091H768a23.273 23.273 0 0 0 0-46.545h-46.545a23.273 23.273 0 0 0 0 46.545zM512 593.455A23.273 23.273 0 1 0 512 640a23.273 23.273 0 0 0 0-46.545z m0-69.819a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m232.727 139.637a23.273 23.273 0 1 0 0 46.545 23.273 23.273 0 0 0 0-46.545z m0-69.819a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z m0-69.818a23.273 23.273 0 1 0 0 46.546 23.273 23.273 0 0 0 0-46.546z"  horiz-adv-x="1024" />
 
     
     <glyph glyph-name="dataRecv" unicode="&#59041;" d="M331.1 639.5c16.8 17.3 25.2 40.2 25.2 68.7 0 60-30 90-89.9 90h-58.3v-184.7h58.1c26.5 0.1 48.1 8.7 64.9 26z m-87 6.3V766.1h19.5c16.3 0 29.5-5.1 39.7-15.4 10.2-10.3 15.2-24.6 15.2-43 0-19-4.9-34.1-14.6-45.2-9.7-11.1-23.1-16.7-40.2-16.7h-19.6z m371.7-339.4h-69.5v79.8c35.3 9.9 61.4 42.8 61.4 81.5 0 46.5-37.6 84.6-83.6 84.6s-83.6-38.1-83.6-84.6c0-38.1 25.3-70.5 59.7-81v-80.2H433c-13.9 36.2-41.9 82.1-67.5 118.3 7.5 12.6 11.8 27.3 11.8 43 0 46.5-38 84.6-84.5 84.6s-84.5-38.1-84.5-84.6c0-46.5 38-84.6 84.5-84.6 13 0 25.4 3 36.4 8.3 17.5-28.4 35.4-61.5 47.8-85h-61.1L422 198.60000000000002l78.3 90.1v-120.6H408L530.4 45l108.1 123.1h-92.2v107l75.4-76.5 93.7 107.7h-44c12.2 23.5 29.9 56.6 47.3 85 10.9-5.3 23.1-8.3 36-8.3 46 0 83.6 38.1 83.6 84.6 0 46.5-37.6 84.6-83.6 84.6S671 514.1 671 467.6c0-15.7 4.3-30.4 11.7-43-25.4-36.1-53.1-82.1-66.9-118.2z m-323 122.8c-21.1 0-38.4 17.3-38.4 38.4s17.3 38.4 38.4 38.4c21.1 0 38.4-17.3 38.4-38.4 0-21.1-17.3-38.4-38.4-38.4z m231.4 0c-20.9 0-38 17.3-38 38.4 0 21.1 17.1 38.4 38 38.4s38-17.3 38-38.4-17.1-38.4-38-38.4z m230.4 76.9c20.9 0 38-17.3 38-38.4s-17.1-38.4-38-38.4-38 17.3-38 38.4c0 21.1 17.1 38.4 38 38.4z m99-92.2V168c0-84.2-66.6-150.3-149.8-150.3H327.3c-83.3 0-147 64.4-147 148.6V414h-49v-247.7c0-109 88.2-198.1 195.9-198.1h376.5c107.8 0 195.9 89.2 195.9 198.1V414l-46-0.1z m-435.7 242h61.3l12.6-42.3H531L470.5 798.2h-42.3l-61.8-184.7h39l12.5 42.4z m27.1 94.9c1.5 5 2.5 10.2 2.9 15.6h1c0.5-6.7 1.4-12 2.6-16.1l19.2-64h-45l19.3 64.5z m139.7-137.2h36.1V766.1h48.1V798.2H536.7V766h48v-152.4z m140.5 42.3h61.3l12.6-42.3h39.2L777.8 798.2h-42.3l-61.8-184.7h39l12.5 42.4z m27.1 94.9c1.5 5 2.5 10.2 2.9 15.6h1c0.5-6.7 1.4-12 2.6-16.1l19.2-64h-45l19.3 64.5z"  horiz-adv-x="1024" />

nezha-fronted/src/components/page/dashboard/overview/overview.vue

@@ -103,6 +103,7 @@
     props:[],
     data(){
       return {
+        storedAssetStatData:null,
         assetStatData:{},
         typeFilter: 'typeStat',
         projectStatData:{},
@@ -147,16 +148,23 @@
       },
       queryAssetData:function(){
         this.$refs.assetTab.startLoading();
-        axios.get('/overview/assetStat').then((res)=>{
+        if(this.storedAssetStatData){
-          let response=res.data;
+          let showData=this.storedAssetStatData[this.typeFilter];
-          if(response.msg == 'success'){
+          this.assetStatData=this.formatAssetData(showData,this.storedAssetStatData.totalStat);
-            let showData=response.data[this.typeFilter];
+          this.$refs.assetTab.endLoading();
-            this.assetStatData=this.formatAssetData(showData,response.data.totalStat);
+        }else{
-            this.$refs.assetTab.endLoading();
+          axios.get('/overview/assetStat').then((res)=>{
-          }else{
+            let response=res.data;
-            this.$message.error(response.msg)
+            if(response.msg == 'success'){
-          }
+              this.storedAssetStatData=Object.assign({},response.data)
-        })
+              let showData=response.data[this.typeFilter];
+              this.assetStatData=this.formatAssetData(showData,response.data.totalStat);
+              this.$refs.assetTab.endLoading();
+            }else{
+              this.$message.error(response.msg)
+            }
+          })
+        }
       },
       formatAssetData:function(data,totalData){
         if(data && totalData){
@@ -411,7 +419,7 @@
                 num:data.dcTotal,
                 title:this.$t('dashboard.overview.dataCenter.dataCenter'),
                 showPopover:true,
-                icon:'nz-icon nz-icon-idc_barn-black',
+                icon:'nz-icon nz-icon-IDCCabinet',
                 popover:[
                   {
                     label:this.$t('dashboard.overview.dataCenter.cabinet'),
@@ -852,7 +860,6 @@
       fullScreen:function(){
         let container=document.getElementById('mainDisplay');
         let fullScreenFunc=container.requestFullscreen||container.mozRequestFullScreen||container.webkitRequestFullscreen||container.msRequestFullscreen;
-        console.log(fullScreenFunc)
         fullScreenFunc.call(container)
       },
       exitFullScreen:function(){
@@ -864,24 +871,6 @@
           } else if(document.webkitExitFullscreen) {
             document.webkitExitFullscreen();
           }
-          //解决flex排版错乱问题
-          document.querySelectorAll(".content-row-box").forEach((item,index)=>{
-            item.style.display = "none";
-            setTimeout(()=>{item.style.display = '';},100)
-          })
-          //解决table显示原生滚动条问题
-          setTimeout(() => {
-            document.querySelectorAll('.el-table__body-wrapper').forEach((item,index)=>{
-              item.classList.add("ps");
-              item.classList.add("ps--active-y");
-              item._ps_.update();
-            })
-          },200)
-
-          setTimeout(()=>{
-            this.$refs.alertRuleTab.layoutTable();
-            console.log('layout')
-          },1000)
         }
       },
       /*header 时间处理 start*/
@@ -915,7 +904,7 @@
       },
       getWeek:function(){
         let language=localStorage.getItem("nz-language") ? localStorage.getItem("nz-language") : 'en';
-        let enWeeks=['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
+        let enWeeks=['SUN','MON','TUE','WED','THU','FRI','SAT'];
         let cnWeeks=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
         let date=new Date();
         let day=date.getDay();
@@ -966,6 +955,20 @@
       this.initData();
       window.onresize = () => {
         setTimeout(()=>{this.isFullScreen=this.judgeFullScreen();},200)
+        console.log('resize')
+        //解决flex排版错乱问题
+        document.querySelectorAll(".content-row-box").forEach((item,index)=>{
+          item.style.display = "none";
+          setTimeout(()=>{item.style.display = '';},100)
+        })
+        //解决table显示原生滚动条问题
+        setTimeout(() => {
+          document.querySelectorAll('.el-table__body-wrapper').forEach((item,index)=>{
+            item.classList.add("ps");
+            item.classList.add("ps--active-y");
+            item._ps_.update();
+          })
+        },200)
       }
       // window.addEventListener('keyup',(e)=>{
       //   if(e.key == 'F11'){