Skip to content

卡
卡车调度系统
Commit 9ff6cec6 authored by xxx's avatar xxx
Browse files
Options

修改车辆运行状况

parent e042058d
Hide whitespace changes
Inline Side-by-side
Showing with 18 additions and 18 deletions
src/views/MLargeScreen/components/smallComponents/DPcomputer10.vue
View file @ 9ff6cec6
...@@ -11,40 +11,40 @@ ...@@ -11,40 +11,40 @@
</div> </div>
<div> <div>
<div style="margin-top:5px;"> <div style="margin-top:5px;">
<span style="color:#02F7EF;margin-left: 4vw;">{{carWorkingStateData.kacheonline}}</span> <span style="color:#02F7EF;margin-left: 4vw;">{{carWorkingStateData.kacheoffline}}</span>
<span style="color:#2195FD;margin-left: 13vw;">{{carWorkingStateData.kacheoffline}}</span> <span style="color:#2195FD;margin-left: 13vw;">{{carWorkingStateData.kacheonline}}</span>
</div> </div>
<div style="display: flex;"> <div style="display: flex;">
<div style="color:#A6F6F9;font-size: 15px;">卡车状态</div> <div style="color:#A6F6F9;font-size: 15px;">卡车状态</div>
<div style="display: flex;width: 80%;margin-left: 0.5vw;border: #02F7EF 0.5px solid;border-radius: 3px;"> <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-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #14F3C5;width:' + (carWorkingStateData.kacheoffline/(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 :style="'height:1.7vh;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #2195FD;width:' + (carWorkingStateData.kacheonline/(carWorkingStateData.kacheonline + carWorkingStateData.kacheoffline)) * 100 + '%;'"></div>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<div style="margin-top:5px;"> <div style="margin-top:5px;">
<span style="color:#02F7EF;margin-left: 4vw;">{{carWorkingStateData.chancheonline}}</span> <span style="color:#02F7EF;margin-left: 4vw;">{{carWorkingStateData.chancheoffline}}</span>
<span style="color:#2195FD;margin-left: 13vw;">{{carWorkingStateData.chancheoffline}}</span> <span style="color:#2195FD;margin-left: 13vw;">{{carWorkingStateData.chancheonline}}</span>
</div> </div>
<div style="display: flex;"> <div style="display: flex;">
<div style="color:#A6F6F9;font-size: 15px;">铲车状态</div> <div style="color:#A6F6F9;font-size: 15px;">铲车状态</div>
<div style="display: flex;width: 80%;margin-left: 0.5vw;border: #02F7EF 0.5px solid;border-radius: 3px;"> <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-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #14F3C5;width:' + (carWorkingStateData.chancheoffline/(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 :style="'height:1.7vh;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #2195FD;width:' + (carWorkingStateData.chancheonline/(carWorkingStateData.chancheonline + carWorkingStateData.chancheoffline)) * 100 + '%;'"></div>
</div> </div>
</div> </div>
</div> </div>
<div> <div>
<div style="margin-top:5px;"> <div style="margin-top:5px;">
<span style="color:#02F7EF;margin-left: 4vw;">{{carWorkingStateData.qitacheonline}}</span> <span style="color:#02F7EF;margin-left: 4vw;">{{carWorkingStateData.qitacheoffline}}</span>
<span style="color:#2195FD;margin-left: 13vw;">{{carWorkingStateData.qitacheoffline}}</span> <span style="color:#2195FD;margin-left: 13vw;">{{carWorkingStateData.qitacheonline}}</span>
</div> </div>
<div style="display: flex;"> <div style="display: flex;">
<div style="color:#A6F6F9;font-size: 15px;">其他车辆</div> <div style="color:#A6F6F9;font-size: 15px;">其他车辆</div>
<div style="display: flex;width: 80%;margin-left: 0.5vw;border: #02F7EF 0.5px solid;border-radius: 3px;"> <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-left-radius: 3px;border-bottom-left-radius: 3px;background-color: #14F3C5;width:' + (carWorkingStateData.qitacheoffline/(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 :style="'height:1.7vh;border-top-right-radius: 3px;border-bottom-right-radius: 3px;background-color: #2195FD;width:' + (carWorkingStateData.qitacheonline/(carWorkingStateData.qitacheonline + carWorkingStateData.qitacheoffline)) * 100 + '%;'"></div>
</div> </div>
</div> </div>
</div> </div>
...@@ -122,21 +122,21 @@ export default { ...@@ -122,21 +122,21 @@ export default {
this.carWorkingStateData.optionData[0].value = kache1.length; this.carWorkingStateData.optionData[0].value = kache1.length;
this.carWorkingStateData.optionData[1].value = dianchan1.length; this.carWorkingStateData.optionData[1].value = dianchan1.length;
kache1.forEach((item)=>{ kache1.forEach((item)=>{
if(item.status == 1){ if(item.odo != 0){
kachezaixian.push(item); kachezaixian.push(item);
}else{ }else{
kachelixian.push(item); kachelixian.push(item);
} }
}) })
dianchan1.forEach((item)=>{ dianchan1.forEach((item)=>{
if(item.status == 1){ if(item.odo != 0){
dianchanzaixian.push(item); dianchanzaixian.push(item);
}else{ }else{
dianchanlixian.push(item); dianchanlixian.push(item);
} }
}) })
qitache1.forEach((item)=>{ qitache1.forEach((item)=>{
if(item.status == 1){ if(item.odo != 0){
qitachezaixian.push(item); qitachezaixian.push(item);
}else{ }else{
qitachelixian.push(item); qitachelixian.push(item);
...@@ -182,21 +182,21 @@ export default { ...@@ -182,21 +182,21 @@ export default {
this.carWorkingStateData.optionData[0].value = kache1.length; this.carWorkingStateData.optionData[0].value = kache1.length;
this.carWorkingStateData.optionData[1].value = dianchan1.length; this.carWorkingStateData.optionData[1].value = dianchan1.length;
kache1.forEach((item)=>{ kache1.forEach((item)=>{
if(item.status == 1){ if(item.odo != 0){
kachezaixian.push(item); kachezaixian.push(item);
}else{ }else{
kachelixian.push(item); kachelixian.push(item);
} }
}) })
dianchan1.forEach((item)=>{ dianchan1.forEach((item)=>{
if(item.status == 1){ if(item.odo != 0){
dianchanzaixian.push(item); dianchanzaixian.push(item);
}else{ }else{
dianchanlixian.push(item); dianchanlixian.push(item);
} }
}) })
qitache1.forEach((item)=>{ qitache1.forEach((item)=>{
if(item.status == 1){ if(item.odo != 0){
qitachezaixian.push(item); qitachezaixian.push(item);
}else{ }else{
qitachelixian.push(item); qitachelixian.push(item);
......
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