Skip to content

N
NewTruckTerminalSyetem
Commit 3a94b7d5 authored by xxx's avatar xxx
Browse files
Options

1

parent 013b07f6
Show whitespace changes
Inline Side-by-side
Showing with 50 additions and 21 deletions
src/views/MLargeScreen/index.vue
View file @ 3a94b7d5
...@@ -4,7 +4,7 @@ ...@@ -4,7 +4,7 @@
<div class="topTitle">{{systemTitle}}</div> <div class="topTitle">{{systemTitle}}</div>
<div class="topcontent"> <div class="topcontent">
<div style="margin-right: 20px;">{{currentTime}}</div> <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> <span>{{batteryEnegy}}%</span>
<!-- <div style="margin-right: 20px;cursor: pointer;"> <!-- <div style="margin-right: 20px;cursor: pointer;">
<img src="../../assets/images/truckTuPian/moon1.png" width="15"> <img src="../../assets/images/truckTuPian/moon1.png" width="15">
...@@ -37,12 +37,12 @@ ...@@ -37,12 +37,12 @@
</div> </div>
<div class="roadblockStyle" @click="failureDe1Fn()"> <div class="roadblockStyle" @click="failureDe1Fn()">
<img src="../../assets/images/truckTuPian/luzhang.png" height="17"> <img src="../../assets/images/truckTuPian/luzhang.png" height="15">
<span>路障申报</span> <span> 路障申报</span>
</div> </div>
<div class="dispatchCenterStyle" @click="voiceApFn('右下角')"> <div class="dispatchCenterStyle" @click="voiceApFn('右下角')">
<img src="../../assets/images/truckTuPian/diaoduzhongxin.png" height="20"> <img src="../../assets/images/truckTuPian/diaoduzhongxin.png" height="17">
<span>调度中心</span> <span> 调度中心</span>
</div> </div>
<startOrderReceiving ref="startOrderReceivingMethod" /> <startOrderReceiving ref="startOrderReceivingMethod" />
<voiceApplication ref="voiceApplicationMethod" v-show="selectFunction == 2"/> <voiceApplication ref="voiceApplicationMethod" v-show="selectFunction == 2"/>
...@@ -61,7 +61,7 @@ ...@@ -61,7 +61,7 @@
<div class="waitingtrucksView_content"> <div class="waitingtrucksView_content">
<div v-for="(item,index) in daizhangCar" :key="index"> <div v-for="(item,index) in daizhangCar" :key="index">
<div>车牌号：{{item.number}}</div> <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> </div>
</div> </div>
...@@ -569,7 +569,22 @@ export default { ...@@ -569,7 +569,22 @@ export default {
</script> </script>
<style scope> <style scope>
@media screen and (max-width:901px){ @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 { .mapcontainer {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
...@@ -599,14 +614,14 @@ export default { ...@@ -599,14 +614,14 @@ export default {
background-image:-webkit-linear-gradient(bottom, #59C8FF, #FAFEFF); background-image:-webkit-linear-gradient(bottom, #59C8FF, #FAFEFF);
-webkit-background-clip:text; -webkit-background-clip:text;
-webkit-text-fill-color:transparent; -webkit-text-fill-color:transparent;
font-size: 27px; font-size: 16px;
letter-spacing: 4px; letter-spacing: 4px;
font-weight: bold; font-weight: bold;
} }
.topcontent{ .topcontent{
display: flex; display: flex;
align-items: center; align-items: center;
font-size: 24px; font-size: 16px;
font-weight: 600; font-weight: 600;
background-image:-webkit-linear-gradient(bottom, #59C8FF, #FAFEFF); background-image:-webkit-linear-gradient(bottom, #59C8FF, #FAFEFF);
-webkit-background-clip:text; -webkit-background-clip:text;
...@@ -617,10 +632,10 @@ export default { ...@@ -617,10 +632,10 @@ export default {
top: 0px; top: 0px;
left: 0px; left: 0px;
z-index: 1; z-index: 1;
font-size: 19px; font-size: 12px;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
letter-spacing: 2px; letter-spacing: 1px;
} }
.centerViewsTitle1{ .centerViewsTitle1{
margin-top: 10.5vh; margin-top: 10.5vh;
...@@ -757,10 +772,10 @@ export default { ...@@ -757,10 +772,10 @@ export default {
z-index: 1; z-index: 1;
right: 170px; right: 170px;
bottom: 2vh; bottom: 2vh;
height: 5vh; height: 8vh;
line-height: 5vh; line-height: 8vh;
width: 130px; width: 15vw;
font-size: 18px; font-size: 15px;
text-align: center; text-align: center;
color: rgb(254,210,5); color: rgb(254,210,5);
background-color: rgb(26,39,83); background-color: rgb(26,39,83);
...@@ -774,10 +789,10 @@ export default { ...@@ -774,10 +789,10 @@ export default {
position: absolute; position: absolute;
right: 20px; right: 20px;
bottom: 2vh; bottom: 2vh;
height: 5vh; height: 8vh;
line-height: 5vh; line-height: 8vh;
width: 130px; width: 15vw;
font-size: 18px; font-size: 15px;
text-align: center; text-align: center;
color: rgb(14,229,226); color: rgb(14,229,226);
background-color: rgb(26,39,83); background-color: rgb(26,39,83);
...@@ -808,7 +823,7 @@ export default { ...@@ -808,7 +823,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
} }
.waitingtrucksView_title{ .waitingtrucksView_title{
font-size: 26px; font-size: 15px;
font-weight: 600; font-weight: 600;
text-align: center; text-align: center;
width: 100%; width: 100%;
...@@ -818,7 +833,7 @@ export default { ...@@ -818,7 +833,7 @@ export default {
} }
.waitingtrucksView_content{ .waitingtrucksView_content{
margin-top: 10px; margin-top: 10px;
height: 70vh; height: 67vh;
width: 100%; width: 100%;
overflow-y:auto; overflow-y:auto;
} }
...@@ -850,7 +865,7 @@ export default { ...@@ -850,7 +865,7 @@ export default {
} }
.waitingtrucksView_content>div{ .waitingtrucksView_content>div{
color: rgb(254,210,5); color: rgb(254,210,5);
font-size: 19px; font-size: 14px;
margin-bottom: 15px; margin-bottom: 15px;
display: flex; display: flex;
align-items: center; align-items: center;
...@@ -859,6 +874,20 @@ export default { ...@@ -859,6 +874,20 @@ export default {
} }
@media screen and (min-width:901px){ @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 { .mapcontainer {
height: 100vh; height: 100vh;
width: 100vw; width: 100vw;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment