1

src/views/MLargeScreen/index.vue

@@ -4,7 +4,7 @@
 			<div class="topTitle">{{systemTitle}}</div>
 			<div class="topcontent">
 				<div style="margin-right: 20px;">{{currentTime}}</div>
-				<ElectricQuantity style=" width: 75px;height: 30px;" :proIsCharge="IsCharge" :proQuantity="batteryEnegy"></ElectricQuantity>
+				<ElectricQuantity class="ElectricQuantityStyle" :proIsCharge="IsCharge" :proQuantity="batteryEnegy"></ElectricQuantity>
 				<span>{{batteryEnegy}}%</span>
 				<!-- <div style="margin-right: 20px;cursor: pointer;">
 					<img src="../../assets/images/truckTuPian/moon1.png" width="15">
@@ -37,12 +37,12 @@
 			
 		</div>
 		<div class="roadblockStyle" @click="failureDe1Fn()">
-			<img src="../../assets/images/truckTuPian/luzhang.png" height="17">
-			<span>路障申报</span>
+			<img src="../../assets/images/truckTuPian/luzhang.png" height="15">
+			<span> 路障申报</span>
 		</div>
 		<div class="dispatchCenterStyle" @click="voiceApFn('右下角')">
-			<img src="../../assets/images/truckTuPian/diaoduzhongxin.png" height="20">
-			<span>调度中心</span>
+			<img src="../../assets/images/truckTuPian/diaoduzhongxin.png" height="17">
+			<span> 调度中心</span>
 		</div>
 		<startOrderReceiving ref="startOrderReceivingMethod" />
 		<voiceApplication ref="voiceApplicationMethod" v-show="selectFunction == 2"/>
@@ -61,7 +61,7 @@
 			<div class="waitingtrucksView_content">
 				<div v-for="(item,index) in daizhangCar" :key="index">
 					<div>车牌号：{{item.number}}</div>
-					<el-button type="primary" style="font-size:18px;" :disabled="item.weightStatus != 2" @click="wanchengzhuangcheFn(item.number,item.id)">完成装车</el-button>
+					<button class="daizhangCarBtn1" :disabled="item.weightStatus != 2" @click="wanchengzhuangcheFn(item.number,item.id)">完成装车</button>
 				</div>
 			</div>
 		</div>
@@ -569,7 +569,22 @@ export default {
 </script>
 
 <style scope>
+
 @media screen and (max-width:901px){
+	.daizhangCarBtn1{
+		font-size:13px;
+		height: 8vh;
+		width: 7vw;
+		text-align: center;
+		background-color: rgb(64,158,255);
+		color: white;
+		border: 0px;
+		border-radius: 5px;
+	}
+	.ElectricQuantityStyle{
+		width: 75px;
+		height: 8.5vh;
+	}
 	.mapcontainer {
 		height: 100vh;
 		width: 100vw;
@@ -599,14 +614,14 @@ export default {
 		background-image:-webkit-linear-gradient(bottom, #59C8FF, #FAFEFF); 
 		-webkit-background-clip:text; 
 		-webkit-text-fill-color:transparent; 
-		font-size: 27px;
+		font-size: 16px;
 		letter-spacing: 4px;
 		font-weight: bold;
 	}
 	.topcontent{
 		display: flex;
 		align-items: center;
-		font-size: 24px;
+		font-size: 16px;
 		font-weight: 600;
 		background-image:-webkit-linear-gradient(bottom, #59C8FF, #FAFEFF); 
 		-webkit-background-clip:text; 
@@ -617,10 +632,10 @@ export default {
 		top: 0px;
 		left: 0px;
 		z-index: 1;
-		font-size: 19px;
+		font-size: 12px;
 		font-weight: 600;
 		text-align: center;
-		letter-spacing: 2px;
+		letter-spacing: 1px;
 	}
 	.centerViewsTitle1{
 		margin-top: 10.5vh;
@@ -757,10 +772,10 @@ export default {
 		z-index: 1;
 		right: 170px;
 		bottom: 2vh;
-		height: 5vh;
-		line-height: 5vh;
-		width: 130px;
-		font-size: 18px;
+		height: 8vh;
+		line-height: 8vh;
+		width: 15vw;
+		font-size: 15px;
 		text-align: center;
 		color: rgb(254,210,5);
 		background-color: rgb(26,39,83);
@@ -774,10 +789,10 @@ export default {
 		position: absolute;
 		right: 20px;
 		bottom: 2vh;
-		height: 5vh;
-		line-height: 5vh;
-		width: 130px;
-		font-size: 18px;
+		height: 8vh;
+		line-height: 8vh;
+		width: 15vw;
+		font-size: 15px;
 		text-align: center;
 		color: rgb(14,229,226);
 		background-color: rgb(26,39,83);
@@ -808,7 +823,7 @@ export default {
 		box-sizing: border-box;
 	}
 	.waitingtrucksView_title{
-		font-size: 26px;
+		font-size: 15px;
 		font-weight: 600;
 		text-align: center;
 		width: 100%;
@@ -818,7 +833,7 @@ export default {
 	}
 	.waitingtrucksView_content{
 		margin-top: 10px;
-		height: 70vh;
+		height: 67vh;
 		width: 100%;
 		overflow-y:auto;
 	}
@@ -850,7 +865,7 @@ export default {
 	}
 	.waitingtrucksView_content>div{
 		color: rgb(254,210,5);
-		font-size: 19px;
+		font-size: 14px;
 		margin-bottom: 15px;
 		display: flex;
 		align-items: center;
@@ -859,6 +874,20 @@ export default {
 }
 
 @media screen and (min-width:901px){
+	.daizhangCarBtn1{
+		font-size:16px;
+		height: 6vh;
+		width: 7vw;
+		text-align: center;
+		background-color: rgb(64,158,255);
+		color: white;
+		border: 0px;
+		border-radius: 5px;
+	}
+	.ElectricQuantityStyle{
+		width: 75px;
+		height: 4.5vh;
+	}
 	.mapcontainer {
 		height: 100vh;
 		width: 100vw;