程序运行状态界面优化

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

@@ -122,9 +122,9 @@
           <div class="riiri">0min</div>
         </div>
         <div class="echarts">
-          <div style="width: 23%; height: 100%; font-size: 12px; color: #0CB8FF; display: flex; align-items: center; padding-left:1%;">进度</div>
+          <div style="width: 25%; 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%; padding-left:7%;">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:5%;">80%</div>
         </div>
       </div>
     </div>
@@ -165,8 +165,8 @@ export default {
               console.log(ctx,shape);
               const yAxisPoint = shape.yAxisPoint
               const c0 = [shape.x, shape.y]
-              const c1 = [shape.x + 9, shape.y - 9]
-              const c2 = [yAxisPoint[0] + 9, yAxisPoint[1] - 9]
+              const c1 = [shape.x + 6, shape.y - 6]
+              const c2 = [yAxisPoint[0] + 6, yAxisPoint[1] - 6]
               const c3 = [yAxisPoint[0], yAxisPoint[1]]
               ctx.moveTo(c0[0], c0[1]).lineTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).closePath()
           }
@@ -180,8 +180,8 @@ export default {
               const yAxisPoint = shape.yAxisPoint
               const c1 = [shape.x, shape.y]
               const c2 = [yAxisPoint[0], yAxisPoint[1]]
-              const c3 = [yAxisPoint[0] + 9, yAxisPoint[1] + 18]
-              const c4 = [shape.x + 9, shape.y + 18]
+              const c3 = [yAxisPoint[0] + 6, yAxisPoint[1] + 12]
+              const c4 = [shape.x + 6, shape.y + 12]
               ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()
           }
       })
@@ -192,9 +192,9 @@ export default {
           },
           buildPath: function(ctx, shape) {
               const c1 = [shape.x, shape.y]
-              const c2 = [shape.x + 9, shape.y + 18]
-              const c3 = [shape.x + 18, shape.y + 9]
-              const c4 = [shape.x + 9, shape.y - 9]
+              const c2 = [shape.x + 6, shape.y + 12]
+              const c3 = [shape.x + 12, shape.y + 6]
+              const c4 = [shape.x + 6, shape.y - 6]
               ctx.moveTo(c1[0], c1[1]).lineTo(c2[0], c2[1]).lineTo(c3[0], c3[1]).lineTo(c4[0], c4[1]).closePath()
           }
       })
@@ -219,7 +219,7 @@ export default {
               left: '0',
               // right: 10,
               bottom: '10',
-              top: 10,
+              top: '7',
               // containLabel: true
           },
           yAxis: {