程序运行状态界面优化

src/views/modules_guAn/visualization/modules/RunningState.vue

@@ -10,12 +10,12 @@
           <div class="rii">内部</div>
         </div>
         <div class="item">
-          <div class="lee">循环设定值</div>
+          <div class="lee">循环设定</div>
           <div class="cee">0</div>
           <div class="rii">0</div>
         </div>
         <div class="item">
-          <div class="lee">循环运行值</div>
+          <div class="lee">循环运行</div>
           <div class="cee">0</div>
           <div class="rii">0</div>
         </div>
@@ -39,17 +39,17 @@
           <div class="cee">0</div>
           <div class="rii">0</div>
         </div>
-        <div style="width: 100%; height: 12%; margin-bottom: 4.5px; display: flex;">
+        <!-- <div style="width: 100%; height: 12%; margin-bottom: 4.5px; display: flex;">
           <div style="width: 45%; height: 100%; font-size: 11px; color: #0CB8FF; display: flex; align-items: center; justify-content: center;">预计结束时间:</div>
           <div style="width: 60%; height: 100%; font-size: 8px; color: #FEFFFE; display: flex; align-items: center; justify-content: center;">2023年12月13日08时30分</div>
-        </div>
+        </div> -->
       </div>
       <!-- 中间 -->
       <div class="ce">
         <div class="itemHead">
-          <div class="leece">内部循环</div>
-          <div class="ceece">起始段</div>
-          <div class="ceecee">结束段</div>
+          <div class="leece">内循环</div>
+          <div class="ceece">始段</div>
+          <div class="ceecee">终段</div>
           <div class="riice">次数</div>
         </div>
         <div class="item">
@@ -114,17 +114,17 @@
           <div class="riiri">0min</div>
         </div>
         <div class="item">
-          <div class="leeri">剩余时间</div>
+          <div class="leeri">段余时间</div>
           <div class="riiri">0min</div>
         </div>
         <div class="item">
-          <div class="leeri">总时间</div>
+          <div class="leeri">段总时间</div>
           <div class="riiri">0min</div>
         </div>
         <div class="echarts">
-          <div style="width: 30%; height: 100%; font-size: 12px; color: #0CB8FF; display: flex; align-items: center; padding-left:1%;">进度:</div>
+          <div style="width: 23%; height: 100%; font-size: 12px; color: #0CB8FF; display: flex; align-items: center; padding-left:1%;">进度</div>
           <div style="width: 60%; height: 100%;" ref="zhuzhuang"></div>
-          <div style="width: 10%; height: 100%; font-size: 9px; color: #FEFFFE; display: flex; align-items: center; justify-content: center; padding-top:2%">80%</div>
+          <div style="width: 10%; height: 100%; font-size: 9px; color: #FEFFFE; display: flex; align-items: center; justify-content: center; padding-top:2%; padding-left:7%;">80%</div>
         </div>
       </div>
     </div>
@@ -528,19 +528,19 @@ export default {
   }
   .le {
     height: 93%;
-    width: 37%;
+    width: 30%;
     margin: 2% 0% 2% 2%;
     // border: 1px solid rgb(255, 255, 255);
   }
   .ce{
     height: 93%;
-    width: 37%;
+    width: 40%;
     margin: 2% 0% 2% 2%;
     // border: 1px solid rgb(255, 255, 255);
   }
   .ri{
     height: 93%;
-    width: 24%;
+    width: 30%;
     margin: 2%;
     // border: 1px solid rgb(255, 255, 255);
   }
@@ -599,7 +599,7 @@ export default {
   }
   // 中
   .leece{
-    width: 33%;
+    width: 28%;
     height: 100%;
     font-size: 12px;
     // border: 1px solid rgb(255, 255, 255);