Skip to content

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

1

parent baf10bc2
Show whitespace changes
Inline Side-by-side
Showing with 32 additions and 51 deletions
src/views/carManagement/carTrajectory/index.vue
View file @ 349c356c
......@@ -16,55 +16,47 @@
<el-date-picker v-model="query.eTime" type="datetime" placeholder="选择结束时间"></el-date-picker>
</el-form-item>
<el-form-item label="选择矿区" style="display: inline-block;">
<el-select v-model="query.area" placeholder="请选择矿区">
<el-option v-for="(obj,index) in areaInformationData" :label="obj" :value="obj" :key="index"></el-option>
<el-form-item label="*车牌号" style="display: inline-block;">
<el-select v-model="query.number" placeholder="请选择车牌号">
<el-option v-for="(obj,index) in carInformationData" :label="obj.number" :value="obj.number" :key="index"></el-option>
</el-select>
</el-form-item>
<el-button type="success" icon="el-icon-search" @click="toSearch" style="display: inline-block;">搜索</el-button>
<el-button icon="el-icon-refresh" @click="clearLimit" style="display: inline-block;">重置</el-button>
<br>
<el-form-item label="*车辆牌号" style="display: inline-block;">
<el-select v-model="query.number" placeholder="请选择车辆牌号">
<el-option v-for="(obj,index) in carInformationData" :label="obj.number" :value="obj.number" :key="index"></el-option>
<el-form-item label="轨迹时间点" style="display: inline-block;">
<el-select v-model="trajectoryTimePoint" placeholder="请选择时间">
<!-- <el-option v-for="(obj,index) in carInformationData" :label="obj.number" :value="obj.number" :key="index"></el-option> -->
<el-option label="11" value="11"></el-option>
<el-option label="22" value="22"></el-option>
<el-option label="33" value="33"></el-option>
</el-select>
</el-form-item>
<el-form-item label="相关挖机" style="display: inline-block;">
<el-input v-model="query.dig"></el-input>
</el-form-item>
<el-button type="primary" icon="el-icon-search" @click="toSearch" style="display: inline-block;">搜索</el-button>
<el-button icon="el-icon-refresh" @click="clearLimit" style="display: inline-block;">清除所有痕迹</el-button>
<el-button style="display: inline-block;">暂停</el-button>
<el-button style="display: inline-block;">继续</el-button>
<el-button type="primary" @click="changeSpeed(1)" plain>1倍</el-button>
<el-button type="primary" @click="changeSpeed(4)" plain>4倍</el-button>
<el-button type="primary" @click="changeSpeed(8)" plain>8倍</el-button>
<el-button type="primary" @click="changeSpeed(16)" plain>16倍</el-button>
<el-button type="primary" @click="changeSpeed(32)" plain>32倍</el-button>
<el-button type="primary" @click="trajectoryShow(true)" plain>显示所有轨迹</el-button>
<el-button @click="trajectoryShow(false)" plain>隐藏所有轨迹</el-button>
<el-form-item label="测量距离" style="display: inline-block;">
<!-- <el-form-item label="测量距离" style="display: inline-block;">
<el-button type="primary" @click="measureDistance()" plain :disabled="measureDistanceDis">开测距</el-button>
<el-button type="primary" @click="measureDistanceClose()" plain :disabled="measureDistanceDis">关测距</el-button>
</el-form-item>
<br>
<!-- <el-form-item label="观看倍速" style="display: inline-block;">
<el-select v-model="query.playSpeed" placeholder="请选择观看倍速" @change="changeSpeed()">
<el-option label="1倍" value="1"></el-option>
<el-option label="4倍" value="4"></el-option>
<el-option label="8倍" value="8"></el-option>
<el-option label="16倍" value="16"></el-option>
<el-option label="32倍" value="32"></el-option>
</el-select>
</el-form-item> -->
<el-form-item label="" style="display: inline-block;">
<el-button type="primary" @click="trajectoryShow(true)" plain>显示所有轨迹</el-button>
<el-button type="primary" @click="trajectoryShow(false)" plain>关闭所有轨迹</el-button>
</el-form-item>
</el-form>
<div id="centerDiv" class="mapcontainer2">
<mars3dViewerMap :url="configUrl" @onload="onMapload" ref="mars3dViewerMapMethod" :key="shuaxinTimer"/>
</div>
<div class="trajectoryTableView">
<div style="font-size:20px;font-weight: 600;">播放时间</div>
<div style="font-size:20px;font-weight: 600;">播放时间列表</div>
<div v-for="(obj,index) in trajectoryTableData" :key="index" style="display:flex;justify-content: space-between;margin-top: 1vh;">
<div>{{obj.alarmTime}}</div>
<div>停止{{obj.time}}分钟</div>
......@@ -96,18 +88,21 @@ export default {
number:'',
bTime:'',
eTime:'',
area:'所有矿区',
dig:'',
playSpeed:'1',
},
carInformationData:[],
areaInformationData:[],
shuaxinTimer:null,
playSpeedNum:5,
tishiTextShow:true,
//停车时间以及地点数据
trajectoryTableData:[],
//测距按钮是否能用
measureDistanceDis:true,
//是否显示轨迹
leadTime:false,
//轨迹时间点
trajectoryTimePoint:'',
//右侧播放时间列表
playtimeTableData:[]
}
},
mounted() {
......@@ -211,9 +206,6 @@ export default {
number:'',
bTime:'',
eTime:'',
area:'所有矿区',
dig:'',
playSpeed:'1',
};
this.playSpeedNum = 5;
this.trajectoryTableData = [];
......@@ -232,24 +224,13 @@ export default {
this.carInformationData = res.data.content;
}
})
//获取区域信息
HttpReq.truckDispatching.RegionalInformationQuery({size:9999}).then((res) => {
if(res.code == 200){
let arr1 = ['所有矿区'];
res.data.content.forEach((item,index)=>{
arr1.push(item.name)
})
this.areaInformationData = arr1;
}
})
})
},
//改变倍速
changeSpeed(){
changeSpeed(num){
let that = this;
let numSpeed1 = 5 / parseFloat(this.query.playSpeed);
let numSpeed1 = 5 / parseFloat(num);
this.playSpeedNum = parseFloat(numSpeed1);
if(this.query.number == '' || this.query.bTime == '' || this.query.eTime == ''){
return;
......
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