修改

src/views/MLargeScreen/components/carManagement/index.vue

@@ -19,7 +19,7 @@
                         </div>
                         <div style="display: flex;">
                             <div style="color:#A6F6F9;font-size: 15px;">卡车状态</div>
-                            <div style="display: flex;width: 80%;margin-left: 0.5vw;">
+                            <div style="display: flex;width: 80%;margin-left: 0.5vw;border: #02F7EF 0.5px solid;border-radius: 3px;">
                                 <div :style="'height:1.7vh;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #14F3C5;width:' + (carWorkingStateData.kacheonline/(carWorkingStateData.kacheonline + carWorkingStateData.kacheoffline)) * 100  + '%;'"></div>
                                 <div :style="'height:1.7vh;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #2195FD;width:' + (carWorkingStateData.kacheoffline/(carWorkingStateData.kacheonline + carWorkingStateData.kacheoffline)) * 100  + '%;'"></div>
                             </div>
@@ -32,7 +32,7 @@
                         </div>
                         <div style="display: flex;">
                             <div style="color:#A6F6F9;font-size: 15px;">铲车状态</div>
-                            <div style="display: flex;width: 80%;margin-left: 0.5vw;">
+                            <div style="display: flex;width: 80%;margin-left: 0.5vw;border: #02F7EF 0.5px solid;border-radius: 3px;">
                                 <div :style="'height:1.7vh;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #14F3C5;width:' + (carWorkingStateData.chancheonline/(carWorkingStateData.chancheonline + carWorkingStateData.chancheoffline)) * 100  + '%;'"></div>
                                 <div :style="'height:1.7vh;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #2195FD;width:' + (carWorkingStateData.chancheoffline/(carWorkingStateData.chancheonline + carWorkingStateData.chancheoffline)) * 100  + '%;'"></div>
                             </div>
@@ -45,7 +45,7 @@
                         </div>
                         <div style="display: flex;">
                             <div style="color:#A6F6F9;font-size: 15px;">其他车辆</div>
-                            <div style="display: flex;width: 80%;margin-left: 0.5vw;">
+                            <div style="display: flex;width: 80%;margin-left: 0.5vw;border: #02F7EF 0.5px solid;border-radius: 3px;">
                                 <div :style="'height:1.7vh;border-top-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #14F3C5;width:' + (carWorkingStateData.qitacheonline/(carWorkingStateData.qitacheonline + carWorkingStateData.qitacheoffline)) * 100  + '%;'"></div>
                                 <div :style="'height:1.7vh;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #2195FD;width:' + (carWorkingStateData.qitacheoffline/(carWorkingStateData.qitacheonline + carWorkingStateData.qitacheoffline)) * 100  + '%;'"></div>
                             </div>
@@ -310,14 +310,6 @@ export default {
                             opacity: 0.2,
                             color: "#00A8FF",
                         },
-                    },
-                    {
-                        name: "其他",
-                        value: 0,
-                        itemStyle: {
-                            opacity: 0.2,
-                            color: "#158DFD",
-                        },
                     }
                 ],
             },
@@ -413,7 +405,6 @@ export default {
                             })
                             this.carWorkingStateData.optionData[0].value = kache1.length;
                             this.carWorkingStateData.optionData[1].value = dianchan1.length;
-                            this.carWorkingStateData.optionData[2].value = qitache1.length;
                             kache1.forEach((item)=>{
                                 if(item.status == 1){
                                     kachezaixian.push(item);
@@ -565,7 +556,6 @@ export default {
                                     })
                                     this.carWorkingStateData.optionData[0].value = kache1.length;
                                     this.carWorkingStateData.optionData[1].value = dianchan1.length;
-                                    this.carWorkingStateData.optionData[2].value = qitache1.length;
                                     kache1.forEach((item)=>{
                                         if(item.status == 1){
                                             kachezaixian.push(item);
@@ -756,15 +746,15 @@ export default {
                     width: 1.5,
                 },
                 },
-                startAngle: 321, //起始角度，支持范围[0, 360]。 //重要
+                startAngle: 10, //起始角度，支持范围[0, 360]。 //重要
                 clockwise: false, //饼图的扇区是否是顺时针排布。上述这两项配置主要是为了对齐3d的样式
-                radius: ["25%", "50%"],
+                radius: ["50%", "50%"],
                 center: ["50%", "50%"],
                 data: this.carWorkingStateData.optionData,
                 itemStyle: {
                 opacity: 0,
                 },
-                top: "10%",
+                top: "15%",
                 avoidLabelOverlap: true, //防止标签重叠
             });
             chartPanel.setOption(option);

src/views/MLargeScreen/components/intelligentSchedul/index.vue

@@ -1169,7 +1169,6 @@ export default {
 <style scoped>
 .intelligentSchScrView{
     position: absolute;
-    z-index: 1;
     width: 100%;
     height: 100%;
     overflow: hidden;
@@ -1179,10 +1178,12 @@ export default {
 .intelligentSchScrView_leftView{
     height: 100%;
     width: 20%;
+    z-index: 3;
 }
 .intelligentSchScrView_rightView{
     height: 100%;
     width: 20%;
+    z-index: 3;
 }
 .intelligentSchScrView_leftView1{
     width: 100%;