Skip to content

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

1

parent 45f88de8
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 389 additions and 15 deletions
src/views/MLargeScreen/components/smallComponents/DPcomputer8.vue
View file @ 0690f55a
<template>
<div class="DPcomputer8Box">
<!-- 矿石开采效率 -->
<div class="dataScrView_rightView_title">矿石开采效率</div>
<div class="dataScrView_rightView_content">
<div class="dataScrView_rightView_content_view1 guanhulanseditu">
<div id='liquidEchart1' class="dataScrView_rightView_content_view1_rate1"></div>
<div style="color:white;">
<div style="color:#A6F6F9;font-size:20px;"><span style="color:#06BEFA;">{{exploitationEfficiencyData.dayYield1}}</span> T</div>
<div>日总开采量</div>
</div>
<div style="color:white;">
<div style="color:#A6F6F9;font-size:20px;"><span style="color:#06BEFA;">{{exploitationEfficiencyData.dayMil1}}</span> KM</div>
<div>日总里程</div>
</div>
</div>
<div class="dataScrView_rightView_content_view1 guanhulvseditu">
<div style="color:white;">
<div style="color:#A6F6F9;font-size:20px;"><span style="color:#03FEFE;">{{exploitationEfficiencyData.dayWorkTime2}}</span> H</div>
<div>司机日总工作时长</div>
</div>
<div style="color:white;">
<div style="color:#A6F6F9;font-size:20px;"><span style="color:#03FEFE;">{{exploitationEfficiencyData.dayYield2}}</span> T</div>
<div>日总开采量</div>
</div>
<div id='liquidEchart2' class="dataScrView_rightView_content_view1_rate2"></div>
</div>
</div>
</div>
</template>
......@@ -14,7 +39,15 @@ export default {
data(){
return {
DPcomputer8BoxTimer:null,
//矿石开采效率
exploitationEfficiencyData:{
rate1:[0.5],
dayYield1:50,
dayMil1:30,
rate2:[0.5],
dayWorkTime2:8,
dayYield2:50,
},
}
},
mounted(){
......@@ -22,7 +55,15 @@ export default {
},
methods:{
loadData(){
//矿石开采效率
this.initLiquidEchart1();
this.initLiquidEchart2();
this.DPcomputer8BoxTimer = setInterval(() => {
//矿石开采效率
this.initLiquidEchart1();
this.initLiquidEchart2();
},10000)
},
//矿石开采效率
initLiquidEchart1(){
......@@ -158,4 +199,48 @@ export default {
box-sizing: border-box;
overflow: hidden;
}
.DPcomputer8Box .dataScrView_rightView_title{
margin-bottom: 5px;
width: 100%;
height: 3.5vh;
background:no-repeat center center url('~@/assets/images/cutGraph/biaoti1.png');
background-size:100% 100%;
padding-left: 10px;
box-sizing: border-box;
font-size: 18px;
line-height: 3.5vh;
color: #FAFAFB;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #92CBFF;
}
.DPcomputer8Box .dataScrView_rightView_content{
width: 100%;
height: 19vh;
}
.DPcomputer8Box .dataScrView_rightView_content_view1{
position: relative;
margin-top: 1vh;
display: flex;
align-items: center;
font-weight: 600;
justify-content: space-evenly;
}
.DPcomputer8Box .dataScrView_rightView_content_view1_rate1{
height: 80px;
width: 80px;
}
.DPcomputer8Box .dataScrView_rightView_content_view1_rate2{
height: 80px;
width: 80px;
}
.DPcomputer8Box .guanhulanseditu{
background:no-repeat center center url('~@/assets/images/cutGraph/juxinglanse.png');
background-size:100% 85%;
margin-right: 5%;
}
.DPcomputer8Box .guanhulvseditu{
background:no-repeat center center url('~@/assets/images/cutGraph/juxinglvse.png');
background-size:100% 90%;
margin-left: 5%;
}
</style>
\ No newline at end of file
src/views/MLargeScreen/components/smallComponents/DPcomputer9.vue
View file @ 0690f55a
<template>
<div>
<div class="DPcomputer9Box">
<!-- 实时报警 -->
<div class="dataScrView_rightView_title">实时报警</div>
<div class="dataScrView_rightView_content">
<div class="realAlarmStyle">
<div v-for="(item,index) in realAlarmStyleData.listData" :key="index">
<img v-if="index % 4 == 0" src="../../../../assets/images/cutGraph/jingshikaobei1.png">
<img v-else-if="index % 3 == 0" src="../../../../assets/images/cutGraph/jingshikaobei2.png">
<img v-else-if="index % 2 == 0" src="../../../../assets/images/cutGraph/jingshikaobei3.png">
<img v-else src="../../../../assets/images/cutGraph/jingshikaobei4.png">
<div style="color:#A6F6F9;margin-left:10px;">
<div>{{item.alarmexplain ? item.alarmexplain : item.number + item.carbreak}}</div>
<div>{{item.createTime}}</div>
</div>
</div>
</div>
</div>
</div>
</template>
......@@ -11,15 +26,48 @@ import { Tools, HttpReq, CAMap} from '@/assets/js/common.js';
export default {
data(){
return {
DPcomputer9BoxTimer:null,
//实时报警
realAlarmStyleData:{
listData:[],
}
}
},
mounted(){},
mounted(){
this.loadData();
},
methods:{
loadData(){
//实时报警
HttpReq.truckDispatching.callPoliceQuery({status:1,size:9999}).then((res) => {
if(res.code == 200){
HttpReq.truckDispatching.carFaultQuery({status:1,size:9999,sort:'createTime,desc'}).then((res1) => {
if(res1.code == 200){
this.realAlarmStyleData.listData = res.data.content.concat(res1.data.content);
}
})
}
})
this.DPcomputer9BoxTimer = setInterval(() => {
//实时报警
HttpReq.truckDispatching.callPoliceQuery({status:1,size:9999}).then((res) => {
if(res.code == 200){
HttpReq.truckDispatching.carFaultQuery({status:1,size:9999,sort:'createTime,desc'}).then((res1) => {
if(res1.code == 200){
this.realAlarmStyleData.listData = res.data.content.concat(res1.data.content);
}
})
}
})
},10000)
},
},
beforeDestroy(){
if(this.DPcomputer9BoxTimer) {
clearInterval(this.DPcomputer9BoxTimer);
this.DPcomputer9BoxTimer = null;
}
}
}
</script>
......@@ -29,5 +77,46 @@ export default {
margin: 0;
padding: 0;
}
.DPcomputer9Box{
width: 20vw;
height: 23.5vh;
background-color: rgba(32,42,67,0.95);
padding: 5px 7px;
box-sizing: border-box;
overflow: hidden;
}
.DPcomputer9Box .dataScrView_rightView_title{
margin-bottom: 5px;
width: 100%;
height: 3.5vh;
background:no-repeat center center url('~@/assets/images/cutGraph/biaoti1.png');
background-size:100% 100%;
padding-left: 10px;
box-sizing: border-box;
font-size: 18px;
line-height: 3.5vh;
color: #FAFAFB;
letter-spacing: 1px;
text-shadow: 1px 1px 1px #92CBFF;
}
.DPcomputer9Box .dataScrView_rightView_content{
width: 100%;
height: 19vh;
}
.DPcomputer9Box .realAlarmStyle{
width: 100%;
height: 19vh;
overflow-y:auto;
scrollbar-width: none;
}
.DPcomputer9Box .realAlarmStyle::-webkit-scrollbar {
display: none;
}
.DPcomputer9Box .realAlarmStyle>div{
width: 100%;
height: 5vh;
border-bottom: 1px solid #03FEFE;
display: flex;
align-items: center;
}
</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