Skip to content

卡
卡车调度系统
Commit 44841a6a authored by caicaicai's avatar caicaicai
Browse files
Options

修改

parent 8b6c4843
Show whitespace changes
Inline Side-by-side
Showing with 53 additions and 42 deletions
src/assets/images/cutGraph/examplePic12.png 0 → 100644
View file @ 44841a6a
This diff is collapsed.
src/views/carManagement/carTrajectory/index.vue
View file @ 44841a6a
...@@ -6,50 +6,58 @@ ...@@ -6,50 +6,58 @@
<div class="content-fix"> <div class="content-fix">
<el-form size="small" label-width="100px"> <el-form size="small" label-width="100px">
<el-form-item label="车辆名称" style="display: inline-block;"> <div style="font-size:18px;font-weight:bold;margin-bottom:10px;">车辆历史轨迹查询</div>
<el-input v-model="query.name" clearable size="small" placeholder="请输入车辆名称" style="width:180px;"/>
<el-form-item label="开始时间" style="display: inline-block;">
<el-date-picker v-model="query.startTime" type="datetime" placeholder="选择开始时间"></el-date-picker>
</el-form-item>
<el-form-item label="结束时间" style="display: inline-block;">
<el-date-picker v-model="query.endTime" type="datetime" placeholder="选择结束时间"></el-date-picker>
</el-form-item>
<el-form-item label="选择矿区" style="display: inline-block;">
<el-select v-model="query.road" placeholder="请选择矿区">
<el-option v-for="(obj,index) in areaInformationData" :label="obj.name" :value="obj.name" :key="index"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="所属车队" style="display: inline-block;"> <el-form-item label="车辆牌号" style="display: inline-block;">
<el-select v-model="query.road" placeholder="请选择所属车队" style="width:180px;"> <el-select v-model="query.number" placeholder="请选择车辆牌号">
<el-option v-for="(obj,index) in carFleetData" :label="obj.name" :value="obj.name" :key="index"></el-option> <el-option v-for="(obj,index) in carInformationData" :label="obj.number" :value="obj.number" :key="index"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-button type="primary" icon="el-icon-search" @click="toSearch" style="display: inline-block;">搜索</el-button> <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 icon="el-icon-refresh" @click="clearLimit" style="display: inline-block;">重置</el-button>
<el-form-item label="调度单号" style="display: inline-block;"> <br>
<el-input v-model="form.odd" clearable size="small" placeholder="请输入调度单号" style="width:220px;"/>
</el-form-item> <el-form-item label="测量距离" style="display: inline-block;">
<el-form-item label="车辆类型" style="display: inline-block;"> <el-button type="primary" plain style="font-size:15px;">开测距</el-button>
<el-select v-model="form.carclass" placeholder="请选择卡车类型" style="width:220px;"> <el-button type="primary" plain style="font-size:15px;">关测距</el-button>
<el-option label="挖机" value="挖机"></el-option>
<el-option label="铲车" value="铲车"></el-option>
<el-option label="卡车" value="卡车"></el-option>
<el-option label="清扫车" value="清扫车"></el-option>
</el-select>
</el-form-item> </el-form-item>
<el-form-item label="调度目的地" style="display: inline-block;"> <el-form-item label="轨迹时间点" style="display: inline-block;">
<el-select v-model="form.destination" placeholder="请选择调度目的地" style="width:220px;"> <el-select v-model="query.pointOfTime" placeholder="请选择轨迹时间点">
<el-option v-for="(obj,index) in areaInformationData" :label="obj.name" :value="obj.name" :key="index"></el-option> <el-option label="点1" value="点1"></el-option>
<el-option label="点2" value="点2"></el-option>
<el-option label="点3" value="点3"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<br> <el-button style="font-size:15px;">暂停</el-button>
<el-form-item label="调度时长" style="display: inline-block;"> <el-button style="font-size:15px;">继续</el-button>
<el-select v-model="form.duration" placeholder="请选择调度时长" style="width:220px;"> <el-button style="font-size:15px;">统计轨迹</el-button>
<el-option label="单次" value="单次"></el-option> <el-form-item label="观看倍速" style="display: inline-block;">
<el-option label="一天" value="一天"></el-option> <el-select v-model="query.playSpeed" placeholder="请选择观看倍速">
<el-option label="长期" value="长期"></el-option> <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-select>
</el-form-item> </el-form-item>
<el-form-item label="调度截止日期" style="display: inline-block;"> <el-button type="primary" plain style="font-size:15px;">显示所有轨迹</el-button>
<el-date-picker v-model="form.endTime" type="datetime" placeholder="选择日期时间" style="width:220px;"></el-date-picker>
</el-form-item>
<br>
<el-form-item label="说明" style="display: inline-block;">
<el-input type="textarea" v-model="form.carshow" style="width:545px;"></el-input>
</el-form-item>
</el-form> </el-form>
<div class="playbackView">
<img src="../../../assets/images/cutGraph/examplePic12.png">
</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -64,35 +72,35 @@ export default { ...@@ -64,35 +72,35 @@ export default {
name: 'CarTrajectory', name: 'CarTrajectory',
data() { data() {
return { return {
query:{}, query:{
form:{}, startTime:'',
carFleetData:[], endTime:'',
},
carInformationData:[], carInformationData:[],
areaInformationData:[], areaInformationData:[],
} }
}, },
mounted() { mounted() {
this.$nextTick(() => { this.$nextTick(() => {
//this.loadData(); this.loadData();
}) })
}, },
methods: { methods: {
// 点击搜索 // 点击搜索
toSearch() { toSearch() {
this.loadData();
}, },
// 重置搜索 // 重置搜索
clearLimit(){ clearLimit(){
this.query = {}; this.query = {};
this.loadData() this.loadData();
}, },
//获取数据
loadData() { loadData() {
var param = this.query;
param.size = 9999;
this.$nextTick(()=>{ this.$nextTick(()=>{
//获取车辆信息 //获取车辆信息
HttpReq.truckDispatching.carInformationQuery(param).then((res) => { HttpReq.truckDispatching.carInformationQuery({size:9999}).then((res) => {
if(res.code == 200){; if(res.code == 200){;
this.carInformationData = res.data.content; this.carInformationData = res.data.content;
} }
...@@ -120,10 +128,8 @@ export default { ...@@ -120,10 +128,8 @@ export default {
.device-manage{ .device-manage{
.panel-bottom{ .panel-bottom{
.el-button{font-size:15px;}
.btn-groub2{ .btn-groub2{
display:inline-block; display:inline-block;
.el-button{font-size:15px;}
.el-button--warning { .el-button--warning {
background-color: #e6a23c; background-color: #e6a23c;
border-color: #e6a23c; border-color: #e6a23c;
...@@ -132,5 +138,10 @@ export default { ...@@ -132,5 +138,10 @@ export default {
} }
} }
} }
.playbackView{
width: 80vw;
height: 65.5vh;
overflow: hidden;
}
</style> </style>
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