Skip to content

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

1

parent bf11121f
Show whitespace changes
Inline Side-by-side
Showing with 157 additions and 15 deletions
src/assets/js/common.js
View file @ 2ff84eaa
...@@ -2181,7 +2181,7 @@ var HttpReq = function(){ ...@@ -2181,7 +2181,7 @@ var HttpReq = function(){
//大屏——车辆信息弹框——车辆实时数据(使用,铲车) //大屏——车辆信息弹框——车辆实时数据(使用,铲车)
apiManmadesChancheRealQuery1: function(param){ apiManmadesChancheRealQuery1: function(param){
return request({ return request({
url: '/api/Manmades/chancheReal', url: '/api/Manmades/ChanCheReal',
method: 'get', method: 'get',
params:param, params:param,
}) })
......
src/views/MLargeScreen/components/smallComponents/DPcomputer13.vue
View file @ 2ff84eaa
...@@ -7,6 +7,11 @@ ...@@ -7,6 +7,11 @@
<img src="../../../../assets/images/cutGraph/huoche11.png" height="28"> <img src="../../../../assets/images/cutGraph/huoche11.png" height="28">
<div>{{truckDynamicListData.number ? truckDynamicListData.number : '无'}}</div> <div>{{truckDynamicListData.number ? truckDynamicListData.number : '无'}}</div>
</div> </div>
<div class="xuanzekuang1">
<el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()">
<el-option v-for="item in truckDynamicListData.data" :key="item.number" :label="item.number" :value="item.number"></el-option>
</el-select>
</div>
<div class="truckDynamicContent1"> <div class="truckDynamicContent1">
<div id="kachedongtaiRateId" class="kachedongtaiRateClass"></div> <div id="kachedongtaiRateId" class="kachedongtaiRateClass"></div>
<div style="text-align: center;"> <div style="text-align: center;">
...@@ -56,6 +61,7 @@ export default { ...@@ -56,6 +61,7 @@ export default {
data(){ data(){
return { return {
DPcomputer13BoxTimer:null, DPcomputer13BoxTimer:null,
xuanzekuangValue:'',
//卡车动态 //卡车动态
truckDynamicListData:{ truckDynamicListData:{
data:[], data:[],
...@@ -92,7 +98,7 @@ export default { ...@@ -92,7 +98,7 @@ export default {
this.kachedongtai(); this.kachedongtai();
this.DPcomputer13BoxTimer = setInterval(() => { this.DPcomputer13BoxTimer = setInterval(() => {
this.kachedongtai(); this.kachedongtai();
},20000) },60000)
}) })
}, },
//卡车动态 //卡车动态
...@@ -118,6 +124,15 @@ export default { ...@@ -118,6 +124,15 @@ export default {
this.truckDynamicListData.endTime = res[0].endTime; this.truckDynamicListData.endTime = res[0].endTime;
this.truckDynamicListData.loadArea = res[0].loadArea; this.truckDynamicListData.loadArea = res[0].loadArea;
this.truckDynamicListData.unloadArea = res[0].unloadArea; this.truckDynamicListData.unloadArea = res[0].unloadArea;
}else{
this.truckDynamicListData.rate = 0;
this.truckDynamicListData.carry = 0;
this.truckDynamicListData.workTime = 0;
this.truckDynamicListData.mil = 0;
this.truckDynamicListData.startTime = '无';
this.truckDynamicListData.endTime = '无';
this.truckDynamicListData.loadArea = '无';
this.truckDynamicListData.unloadArea = '无';
} }
this.kachedongtaiEcharts(); this.kachedongtaiEcharts();
this.truckDynamicListData.num2 = this.truckDynamicListData.num2 + 1; this.truckDynamicListData.num2 = this.truckDynamicListData.num2 + 1;
...@@ -141,7 +156,7 @@ export default { ...@@ -141,7 +156,7 @@ export default {
text: this.truckDynamicListData.rate ? this.truckDynamicListData.rate + '%' : 0 + '%', text: this.truckDynamicListData.rate ? this.truckDynamicListData.rate + '%' : 0 + '%',
textAlign: 'center', textAlign: 'center',
fill: 'white', fill: 'white',
fontSize: 22 fontSize: 18
} }
}, },
//第二行文字 //第二行文字
...@@ -202,6 +217,32 @@ export default { ...@@ -202,6 +217,32 @@ export default {
}; };
pipe.setOption(option); pipe.setOption(option);
}, },
//切换车牌号
xuanzekuang1Fn(){
this.truckDynamicListData.number = this.xuanzekuangValue;
HttpReq.truckDispatching.apiManmadesRealQuery1({number:this.truckDynamicListData.number}).then((res) => {
if(res.length != 0){
this.truckDynamicListData.rate = res[0].rate;
this.truckDynamicListData.carry = res[0].carry;
this.truckDynamicListData.workTime = res[0].workTime;
this.truckDynamicListData.mil = res[0].mil;
this.truckDynamicListData.startTime = res[0].startTime;
this.truckDynamicListData.endTime = res[0].endTime;
this.truckDynamicListData.loadArea = res[0].loadArea;
this.truckDynamicListData.unloadArea = res[0].unloadArea;
}else{
this.truckDynamicListData.rate = 0;
this.truckDynamicListData.carry = 0;
this.truckDynamicListData.workTime = 0;
this.truckDynamicListData.mil = 0;
this.truckDynamicListData.startTime = '无';
this.truckDynamicListData.endTime = '无';
this.truckDynamicListData.loadArea = '无';
this.truckDynamicListData.unloadArea = '无';
}
this.kachedongtaiEcharts();
})
},
}, },
beforeDestroy(){ beforeDestroy(){
if(this.DPcomputer13BoxTimer) { if(this.DPcomputer13BoxTimer) {
...@@ -242,6 +283,7 @@ export default { ...@@ -242,6 +283,7 @@ export default {
.DPcomputer13Box .carManScrView_rightView_content{ .DPcomputer13Box .carManScrView_rightView_content{
width: 100%; width: 100%;
height: 27vh; height: 27vh;
position: relative;
} }
.DPcomputer13Box .carDynamicTitleStyle{ .DPcomputer13Box .carDynamicTitleStyle{
display: flex; display: flex;
...@@ -298,4 +340,10 @@ export default { ...@@ -298,4 +340,10 @@ export default {
transform: rotateZ(90deg); transform: rotateZ(90deg);
font-size: 30px; font-size: 30px;
} }
.DPcomputer13Box .xuanzekuang1{
position: absolute;
top: 0.1vh;
left: 3vw;
opacity: 0;
}
</style> </style>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer14.vue
View file @ 2ff84eaa
...@@ -7,10 +7,15 @@ ...@@ -7,10 +7,15 @@
<img src="../../../../assets/images/cutGraph/huoche11.png" height="28"> <img src="../../../../assets/images/cutGraph/huoche11.png" height="28">
<div>{{forkliftkDynamicListData.number ? forkliftkDynamicListData.number : '无'}}</div> <div>{{forkliftkDynamicListData.number ? forkliftkDynamicListData.number : '无'}}</div>
</div> </div>
<div class="xuanzekuang1">
<el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()">
<el-option v-for="item in forkliftkDynamicListData.data" :key="item.number" :label="item.number" :value="item.number"></el-option>
</el-select>
</div>
<div class="ForkliftDynamicContent1"> <div class="ForkliftDynamicContent1">
<div> <div>
<div>今日完成量</div> <div>今日完成量</div>
<div class="ForkliftDynamicContent1_son1">{{forkliftkDynamicListData.rate ? forkliftkDynamicListData.rate : 0}}%</div> <div class="ForkliftDynamicContent1_son1">{{forkliftkDynamicListData.rate ? forkliftkDynamicListData.rate : 0}}</div>
</div> </div>
<div> <div>
<div>今日工时/H</div> <div>今日工时/H</div>
...@@ -54,6 +59,7 @@ export default { ...@@ -54,6 +59,7 @@ export default {
data(){ data(){
return { return {
DPcomputer14BoxTimer:null, DPcomputer14BoxTimer:null,
xuanzekuangValue:'',
//铲车动态 //铲车动态
forkliftkDynamicListData:{ forkliftkDynamicListData:{
data:[], data:[],
...@@ -90,7 +96,7 @@ export default { ...@@ -90,7 +96,7 @@ export default {
this.dianchandongtai(); this.dianchandongtai();
this.DPcomputer14BoxTimer = setInterval(() => { this.DPcomputer14BoxTimer = setInterval(() => {
this.dianchandongtai(); this.dianchandongtai();
},20000) },60000)
}) })
}, },
//铲车动态 //铲车动态
...@@ -107,19 +113,53 @@ export default { ...@@ -107,19 +113,53 @@ export default {
} }
this.forkliftkDynamicListData.number = this.forkliftkDynamicListData.data[this.forkliftkDynamicListData.num2].number; this.forkliftkDynamicListData.number = this.forkliftkDynamicListData.data[this.forkliftkDynamicListData.num2].number;
HttpReq.truckDispatching.apiManmadesChancheRealQuery1({number:this.forkliftkDynamicListData.number}).then((res) => { HttpReq.truckDispatching.apiManmadesChancheRealQuery1({number:this.forkliftkDynamicListData.number}).then((res) => {
if(res.length != 0){ if(res.data.length != 0){
this.forkliftkDynamicListData.rate = res[0].rate; this.forkliftkDynamicListData.rate = res.data[0].carry;
this.forkliftkDynamicListData.carry = res[0].carry; this.forkliftkDynamicListData.carry = res.data[0].carry;
this.forkliftkDynamicListData.workTime = res[0].workTime; this.forkliftkDynamicListData.workTime = res.data[0].workTime;
this.forkliftkDynamicListData.mil = res[0].mil; this.forkliftkDynamicListData.mil = res.data[0].mil;
this.forkliftkDynamicListData.startTime = res[0].startTime; this.forkliftkDynamicListData.startTime = res.data[0].startTime;
this.forkliftkDynamicListData.endTime = res[0].endTime; this.forkliftkDynamicListData.endTime = res.data[0].endTime;
this.forkliftkDynamicListData.loadArea = res[0].loadArea; this.forkliftkDynamicListData.loadArea = res.data[0].loadArea;
this.forkliftkDynamicListData.unloadArea = res[0].unloadArea; this.forkliftkDynamicListData.unloadArea = res.data[0].unloadArea;
}else{
this.forkliftkDynamicListData.rate = 0;
this.forkliftkDynamicListData.carry = 0;
this.forkliftkDynamicListData.workTime = 0;
this.forkliftkDynamicListData.mil = 0;
this.forkliftkDynamicListData.startTime = '无';
this.forkliftkDynamicListData.endTime = '无';
this.forkliftkDynamicListData.loadArea = '无';
this.forkliftkDynamicListData.unloadArea = '无';
} }
this.forkliftkDynamicListData.num2 = this.forkliftkDynamicListData.num2 + 1; this.forkliftkDynamicListData.num2 = this.forkliftkDynamicListData.num2 + 1;
}) })
}, },
//切换车牌号
xuanzekuang1Fn(){
this.forkliftkDynamicListData.number = this.xuanzekuangValue;
HttpReq.truckDispatching.apiManmadesChancheRealQuery1({number:this.forkliftkDynamicListData.number}).then((res) => {
if(res.data.length != 0){
this.forkliftkDynamicListData.rate = res.data[0].carry;
this.forkliftkDynamicListData.carry = res.data[0].carry;
this.forkliftkDynamicListData.workTime = res.data[0].workTime;
this.forkliftkDynamicListData.mil = res.data[0].mil;
this.forkliftkDynamicListData.startTime = res.data[0].startTime;
this.forkliftkDynamicListData.endTime = res.data[0].endTime;
this.forkliftkDynamicListData.loadArea = res.data[0].loadArea;
this.forkliftkDynamicListData.unloadArea = res.data[0].unloadArea;
}else{
this.forkliftkDynamicListData.rate = 0;
this.forkliftkDynamicListData.carry = 0;
this.forkliftkDynamicListData.workTime = 0;
this.forkliftkDynamicListData.mil = 0;
this.forkliftkDynamicListData.startTime = '无';
this.forkliftkDynamicListData.endTime = '无';
this.forkliftkDynamicListData.loadArea = '无';
this.forkliftkDynamicListData.unloadArea = '无';
}
})
},
}, },
beforeDestroy(){ beforeDestroy(){
if(this.DPcomputer14BoxTimer) { if(this.DPcomputer14BoxTimer) {
...@@ -160,6 +200,7 @@ export default { ...@@ -160,6 +200,7 @@ export default {
.DPcomputer14Box .carManScrView_rightView_content{ .DPcomputer14Box .carManScrView_rightView_content{
width: 100%; width: 100%;
height: 27vh; height: 27vh;
position: relative;
} }
.DPcomputer14Box .carDynamicTitleStyle{ .DPcomputer14Box .carDynamicTitleStyle{
display: flex; display: flex;
...@@ -226,4 +267,10 @@ export default { ...@@ -226,4 +267,10 @@ export default {
transform: rotateZ(90deg); transform: rotateZ(90deg);
font-size: 30px; font-size: 30px;
} }
.DPcomputer14Box .xuanzekuang1{
position: absolute;
top: 0.1vh;
left: 3vw;
opacity: 0;
}
</style> </style>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer15.vue
View file @ 2ff84eaa
...@@ -7,6 +7,11 @@ ...@@ -7,6 +7,11 @@
<img src="../../../../assets/images/cutGraph/huoche11.png" height="28"> <img src="../../../../assets/images/cutGraph/huoche11.png" height="28">
<div>{{otherCarDynamicListData.number ? otherCarDynamicListData.number : '无'}}</div> <div>{{otherCarDynamicListData.number ? otherCarDynamicListData.number : '无'}}</div>
</div> </div>
<div class="xuanzekuang1">
<el-select v-model="xuanzekuangValue" placeholder="请选择" style="width:5vw;" @change="xuanzekuang1Fn()">
<el-option v-for="item in otherCarDynamicListData.data" :key="item.number" :label="item.number" :value="item.number"></el-option>
</el-select>
</div>
<div class="otherCarDynamicContent1"> <div class="otherCarDynamicContent1">
<div> <div>
<div>今日完成量</div> <div>今日完成量</div>
...@@ -54,6 +59,7 @@ export default { ...@@ -54,6 +59,7 @@ export default {
data(){ data(){
return { return {
DPcomputer15BoxTimer:null, DPcomputer15BoxTimer:null,
xuanzekuangValue:'',
//其他车动态 //其他车动态
otherCarDynamicListData:{ otherCarDynamicListData:{
data:[], data:[],
...@@ -96,7 +102,7 @@ export default { ...@@ -96,7 +102,7 @@ export default {
this.qitachedongtai(); this.qitachedongtai();
this.DPcomputer15BoxTimer = setInterval(() => { this.DPcomputer15BoxTimer = setInterval(() => {
this.qitachedongtai(); this.qitachedongtai();
},20000) },60000)
}) })
}, },
//其他车动态 //其他车动态
...@@ -122,10 +128,44 @@ export default { ...@@ -122,10 +128,44 @@ export default {
this.otherCarDynamicListData.endTime = res[0].endTime; this.otherCarDynamicListData.endTime = res[0].endTime;
this.otherCarDynamicListData.loadArea = res[0].loadArea; this.otherCarDynamicListData.loadArea = res[0].loadArea;
this.otherCarDynamicListData.unloadArea = res[0].unloadArea; this.otherCarDynamicListData.unloadArea = res[0].unloadArea;
}else{
this.otherCarDynamicListData.rate = 0;
this.otherCarDynamicListData.carry = 0;
this.otherCarDynamicListData.workTime = 0;
this.otherCarDynamicListData.mil = 0;
this.otherCarDynamicListData.startTime = '无';
this.otherCarDynamicListData.endTime = '无';
this.otherCarDynamicListData.loadArea = '无';
this.otherCarDynamicListData.unloadArea = '无';
} }
this.otherCarDynamicListData.num2 = this.otherCarDynamicListData.num2 + 1; this.otherCarDynamicListData.num2 = this.otherCarDynamicListData.num2 + 1;
}) })
}, },
//切换车牌号
xuanzekuang1Fn(){
this.otherCarDynamicListData.number = this.xuanzekuangValue;
HttpReq.truckDispatching.apiManmadesRealQuery1({number:this.otherCarDynamicListData.number}).then((res) => {
if(res.length != 0){
this.otherCarDynamicListData.rate = res[0].rate;
this.otherCarDynamicListData.carry = res[0].carry;
this.otherCarDynamicListData.workTime = res[0].workTime;
this.otherCarDynamicListData.mil = res[0].mil;
this.otherCarDynamicListData.startTime = res[0].startTime;
this.otherCarDynamicListData.endTime = res[0].endTime;
this.otherCarDynamicListData.loadArea = res[0].loadArea;
this.otherCarDynamicListData.unloadArea = res[0].unloadArea;
}else{
this.otherCarDynamicListData.rate = 0;
this.otherCarDynamicListData.carry = 0;
this.otherCarDynamicListData.workTime = 0;
this.otherCarDynamicListData.mil = 0;
this.otherCarDynamicListData.startTime = '无';
this.otherCarDynamicListData.endTime = '无';
this.otherCarDynamicListData.loadArea = '无';
this.otherCarDynamicListData.unloadArea = '无';
}
})
},
}, },
beforeDestroy(){ beforeDestroy(){
if(this.DPcomputer15BoxTimer) { if(this.DPcomputer15BoxTimer) {
...@@ -166,6 +206,7 @@ export default { ...@@ -166,6 +206,7 @@ export default {
.DPcomputer15Box .carManScrView_rightView_content{ .DPcomputer15Box .carManScrView_rightView_content{
width: 100%; width: 100%;
height: 27vh; height: 27vh;
position: relative;
} }
.DPcomputer15Box .carDynamicTitleStyle{ .DPcomputer15Box .carDynamicTitleStyle{
display: flex; display: flex;
...@@ -232,4 +273,10 @@ export default { ...@@ -232,4 +273,10 @@ export default {
transform: rotateZ(90deg); transform: rotateZ(90deg);
font-size: 30px; font-size: 30px;
} }
.DPcomputer15Box .xuanzekuang1{
position: absolute;
top: 0.1vh;
left: 3vw;
opacity: 0;
}
</style> </style>
\ No newline at end of file
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