提交统计样式与部局问题

ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/deviceUptime/assets/charts.js

@@ -1,5 +1,5 @@
 
-let data = [100, 0, 0, 0, 40, 40,40, 64,40, 64,40, 64]
+let data = [0, 0, 0, 0, 0, 0,0, 0,0, 0,0, 0]
 let indicator = [
 
     { name: '智能设备箱', max: 100 },
@@ -25,7 +25,7 @@ let options = {
     tooltip: {},
     radar: {
         center: ['50%', '50%'],
-        radius: '75%',
+        radius: '72%',
         nameGap: 0,
         indicator: indicator,
         splitLine: {
@@ -41,7 +41,7 @@ let options = {
         name: {
             textStyle: {
                 color: '#F2F3F5',
-                fontSize: '20',
+                fontSize: '14',
                 borderRadius: 3,
                 padding: [3, 5]
             }

ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/deviceUptime/index.vue

@@ -74,7 +74,7 @@
       padding: 0px 20px;
       background: linear-gradient(180deg, rgba(6,66,88,0.2) 0%, #064258 100%);
       border-radius: 5px 5px 5px 5px;
-        opacity: 0.8;
+        opacity:1;
         border: 1px solid;
         border-image: linear-gradient(360deg, rgba(55, 231, 255,0.3), rgba(55, 231, 255, 0)) 1 1;
       display: flex;

ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/monthlyEquipment/assets/charts.js

@@ -41,7 +41,7 @@ let options = {
         name: {
             textStyle: {
                 color: '#F2F3F5',
-                fontSize: '20',
+                fontSize: '12',
                 borderRadius: 3,
                 padding: [3, 5]
             }

ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/components/monthlyEquipment/index.vue

@@ -203,7 +203,7 @@
       padding: 0px 20px;
       background: linear-gradient(180deg, rgba(6,66,88,0.2) 0%, #064258 100%);
       border-radius: 5px 5px 5px 5px;
-        opacity: 0.8;
+        opacity: 1;
         border: 1px solid;
         border-image: linear-gradient(360deg, rgba(55, 231, 255,0.3), rgba(55, 231, 255, 0)) 1 1;
       display: flex;
@@ -268,7 +268,7 @@
             align-items: center;    
             width: 100%;
             height: 21px;
-            font-size: 12px;
+            font-size: 14px;
             font-family: Hiragino Sans GB, Hiragino Sans GB;
             font-weight: normal;
             color: #FFFFFF;

ruoyi-ui/src/views/JiHeExpressway/pages/maintenanceOperations/statisticalAnalysis/index.vue

@@ -21,8 +21,7 @@
                               {{ item.sucessRate }}
                             </div>
                          </div>
-                         <div class="list-text" >
-                            <span>离线：</span>
+                         <div class="list-text" ><span>离线：</span>
                               <div class="show-text2" >
                                 {{ item.failRate }}
                               </div>
@@ -521,6 +520,9 @@ import * as echarts from "echarts";
                 }
                 console.log(it,i);
                 i+= 1;
+                if ( it == "全部设备" ) {
+                  allList.splice(0,0,item);
+                } else 
                 allList.push(item);
              }
              console.log(allList);
@@ -687,7 +689,13 @@ import * as echarts from "echarts";
             justify-content: center;
             align-items: center;
 
+            > span:first-child {
+               display: inline-flex;
+               width:40px;
+            }
+
             .show-text1 {
+              width:100px;
                color:#00EBC1ee;
                font-size: 14px;
               font-family: PangMenZhengDao, PangMenZhengDao;
@@ -695,6 +703,7 @@ import * as echarts from "echarts";
             }
 
             .show-text2 {
+              width:100px;
                color:#FFFFFFee;
                font-size: 14px;
               font-family: PangMenZhengDao, PangMenZhengDao;
@@ -702,6 +711,7 @@ import * as echarts from "echarts";
             }
 
             .show-text3 {
+              width:100px;
                color:#FFD15Cee;
                font-size: 14px;
               font-family: PangMenZhengDao, PangMenZhengDao;