修改

src/views/carManagement/carTrajectory/index.vue

@@ -39,6 +39,7 @@
 						<div id="centerDiv" class="mapcontainer2">
 							<mars3dViewerMap :url="configUrl" @onload="onMapload" ref="mars3dViewerMapMethod" :key="shuaxinTimer"/>
 						</div>
+						<div class="tishiTextStyle" v-if="tishiTextShow">请选择车辆查看轨迹</div>
 					</div>
 				</div>
 			</div>
@@ -70,6 +71,7 @@ export default {
 			areaInformationData:[],
 			shuaxinTimer:null,
 			playSpeedNum:5,
+			tishiTextShow:true,
 		}
 	},
 	mounted() {
@@ -84,6 +86,7 @@ export default {
 			let that = this;
 			HttpReq.truckDispatching.carInformationQuery({number:this.query.number}).then((res) => {
 				if(res.code == 200){
+					this.tishiTextShow = false;
 					this.shuaxinTimer = new Date().getTime();
 					that.$refs.mars3dViewerMapMethod.getCoordinate(res.data.content[0].equipmentName,res.data.content[0].number,that.playSpeedNum,that.query.bTime,that.query.eTime);
 				}
@@ -91,7 +94,6 @@ export default {
 		},
 		// 重置搜索
 		clearLimit(){
-			let that = this;
 			this.query = {
 				number:'',
 				bTime:'',
@@ -100,8 +102,9 @@ export default {
 			};
 			this.playSpeedNum = 5;
 			this.loadData();
+			this.tishiTextShow = true;
 			this.shuaxinTimer = new Date().getTime();
-			that.$refs.mars3dViewerMapMethod.getCoordinate('','',5,'','');
+			this.$refs.mars3dViewerMapMethod.getCoordinate('','',5,'','');
 		},
 		//获取数据
 		loadData() {
@@ -132,6 +135,7 @@ export default {
 			}else{
 				HttpReq.truckDispatching.carInformationQuery({number:this.query.number}).then((res) => {
 					if(res.code == 200){
+						this.tishiTextShow = false;
 						this.shuaxinTimer = new Date().getTime();
 						that.$refs.mars3dViewerMapMethod.getCoordinate(res.data.content[0].equipmentName,res.data.content[0].number,parseFloat(numSpeed1),that.query.bTime,that.query.eTime);
 					}
@@ -187,7 +191,17 @@ export default {
 			height: 65.5vh;
 			overflow: hidden;
 		}
+		.tishiTextStyle{
+			font-size: 30px;
+			color: rgb(24,144,255);
+			font-weight: 600;
+			letter-spacing: 3px;
+			position: absolute;
+			top: 50%;
+			left: 50%;
+			transform: translateX(-50%);
+		}
+		
 	}
 	
-	
 </style>