1

src/views/carManagement/carTrajectory/index.vue

@@ -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;