修改

package.json

@@ -42,6 +42,7 @@
     "core-js": "^2.6.12",
     "echarts": "^4.2.1",
     "echarts-gl": "^1.1.1",
+    "echarts-liquidfill": "^2.0.6",
     "echarts-wordcloud": "^1.1.3",
     "element-ui": "^2.13.2",
     "ezuikit-js": "0.0.7",

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

@@ -272,33 +272,33 @@
             <div>
                 <div class="dataScrView_rightView_title">矿石开采效率</div>
                 <div class="dataScrView_rightView_content">
-                    <div class="dataScrView_rightView_content_view1">
+                    <div class="dataScrView_rightView_content_view1 guanhulanseditu">
                         <div class="dataScrView_rightView_content_view1_rate1">
                             <div style="color:#06BEFA;">比率</div>
                             <div style="color:white;">28%</div>
                         </div>
                         <el-progress type="circle" :percentage="outputMineData.day.rate" :stroke-width="7" :width="80" :height="80" :show-text='false'></el-progress>
                         <div style="color:white;">
-                            <div>日总开采量</div>
                             <div style="color:#A6F6F9;font-size:20px;"><span style="color:#06BEFA;">1000</span> T</div>
+                            <div>日总开采量</div>
                         </div>
                         <div style="color:white;">
-                            <div>日总里程</div>
                             <div style="color:#A6F6F9;font-size:20px;"><span style="color:#06BEFA;">300</span> KM</div>
+                            <div>日总里程</div>
                         </div>
                     </div>
-                    <div class="dataScrView_rightView_content_view1">
+                    <div class="dataScrView_rightView_content_view1 guanhulvseditu">
                         <div class="dataScrView_rightView_content_view1_rate2">
                             <div style="color:#03FEFE;">比率</div>
                             <div style="color:white;">28%</div>
                         </div>
                         <div style="color:white;">
-                            <div>司机日总工作时长</div>
                             <div style="color:#A6F6F9;font-size:20px;"><span style="color:#03FEFE;">1000</span> H</div>
+                            <div>司机日总工作时长</div>
                         </div>
                         <div style="color:white;">
-                            <div>日总开采量</div>
                             <div style="color:#A6F6F9;font-size:20px;"><span style="color:#03FEFE;">300</span> T</div>
+                            <div>日总开采量</div> 
                         </div>
                         <el-progress type="circle" :percentage="outputMineData.month.rate" :stroke-width="7" :width="80" :height="80" :show-text='false'></el-progress>
                     </div>
@@ -1016,8 +1016,6 @@ dd>div{
     bottom: 0px;
     width: 100%;
     height: 23.5vh;
-    /* background:no-repeat center center url('~@/assets/images/cutGraph/yuanjianjuxing1.png');
-	background-size:100% 100%; */
     background-color: rgba(32,42,67,0.8);
     padding: 5px 7px;
     box-sizing: border-box;
@@ -1110,12 +1108,12 @@ dd>div{
 .carPicStyle1{
     width: 3.5vw;
     height: 3.5vw;
-    border: 3px solid #03FEFE;
-    border-radius: 50%;
     margin: 0px auto;
     position: relative;
 }
 .carPicStyle1>img{
+    height: 3.5vw;
+    width: 3.5vw;
     position: absolute;
     top: 50%;
     left: 50%;
@@ -1149,6 +1147,16 @@ dd>div{
     right: 2.3vw;
     top: 2.4vh;
 }
+.guanhulanseditu{
+    background:no-repeat center center url('~@/assets/images/cutGraph/juxinglanse.png');
+	background-size:100% 90%;
+    margin-right: 5%;
+}
+.guanhulvseditu{
+    background:no-repeat center center url('~@/assets/images/cutGraph/juxinglvse.png');
+	background-size:100% 90%;
+    margin-left: 5%;
+}
 .realAlarmStyle{
     width: 100%;
     height: 19vh;