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