视频自动播放以及部门下监控设备的查看

src/config/route.js

@@ -59,31 +59,17 @@ const routes = [
         },
         "component": "bigScreen"
       },
-       
+      {
-      // {
+        "path": "/track",
-      //   "path": "/bigScreen",
+        "name": "track",
-      //   "name": "bigScreen",
+        "meta": {
-      //   "meta": {
+          "title": "轨迹追踪",
-      //     "title": "驾驶舱",
+          "icon": "el-icon-position",
-      //     "icon": "el-icon-position",
+          "fullpage": true,
-      //     "perms": ["bigScreen"],
+          "hidden": true,
-      //     "type": "link",
+        },
-      //     "fullpage": true, 
+        "component": "bigScreen/track"
-      //   },
+      },
-      //   "component": "bigScreen"
-      // },
-      // {
-      //   "path": "/bigScreen",
-      //   "name": "bigScreens",
-      //   "meta": {
-      //     "title": "bigScreens",
-      //     "icon": "el-icon-position",
-      //     "perms": ["bigScreen"],
-      //     "fullpage": true,
-      //     "hidden":true,
-      //   },
-      //   "component": "bigScreen"
-      // },
       {
         "name": "userCenter",
         "path": "/usercenter",

src/utils/checkIdent.js

@@ -0,0 +1,130 @@
+const validateIdent = {
+    aIdentityCode_City: { // 城市代码列表  
+        11: "北京", 12: "天津", 13: "河北", 14: "山西", 15: "内蒙古", 21: "辽宁", 22: "吉林",
+        23: "黑龙江 ", 31: "上海", 32: "江苏", 33: "浙江", 34: "安徽", 35: "福建", 36: "江西",
+        37: "山东", 41: "河南", 42: "湖北 ", 43: "湖南", 44: "广东", 45: "广西", 46: "海南",
+        50: "重庆", 51: "四川", 52: "贵州", 53: "云南", 54: "西藏 ", 61: "陕西", 62: "甘肃",
+        63: "青海", 64: "宁夏", 65: "新疆", 71: "台湾", 81: "香港", 82: "澳门", 91: "国外 "
+    },
+    IdentityCode_isCardNo(card) {//检查号码是否符合规范，包括长度，类型  
+        var reg = /(^\d{15}$)|(^\d{17}(\d|X)$)/; //身份证号码为15位或者18位，15位时全为数字，18位前17位为数字，最后一位是校验位，可能为数字或字符X  
+        if (reg.test(card) === false) {
+            return false;
+        }
+        return true;
+    },
+    IdentityCode_checkProvince(card) { //取身份证前两位，校验省份    
+        var province = card.substr(0, 2);
+        if (validateIdent.aIdentityCode_City[province] == undefined) {
+            return false;
+        }
+        return true;
+    },
+    IdentityCode_checkBirthday(card) { //检查生日是否正确，15位以'19'年份来进行补齐。  
+        var len = card.length;
+        //身份证15位时，次序为省（3位）市（3位）年（2位）月（2位）日（2位）校验位（3位），皆为数字    
+        if (len == '15') {
+            var re_fifteen = /^(\d{6})(\d{2})(\d{2})(\d{2})(\d{3})$/;
+            var arr_data = card.match(re_fifteen); // 正则取号码内所含出年月日数据  
+            var year = arr_data[2];
+            var month = arr_data[3];
+            var day = arr_data[4];
+            var birthday = new Date('19' + year + '/' + month + '/' + day);
+            return validateIdent.IdentityCode_verifyBirthday('19' + year, month, day, birthday);
+        }
+        //身份证18位时，次序为省（3位）市（3位）年（4位）月（2位）日（2位）校验位（4位），校验位末尾可能为X    
+        if (len == '18') {
+            var re_eighteen = /^(\d{6})(\d{4})(\d{2})(\d{2})(\d{3})([0-9]|X)$/;
+            var arr_data = card.match(re_eighteen); // 正则取号码内所含出年月日数据  
+            var year = arr_data[2];
+            var month = arr_data[3];
+            var day = arr_data[4];
+            var birthday = new Date(year + '/' + month + '/' + day);
+            return validateIdent.IdentityCode_verifyBirthday(year, month, day, birthday);
+        }
+        return false;
+    },
+    IdentityCode_verifyBirthday(year, month, day, birthday) {//校验日期 ，15位以'19'年份来进行补齐。
+        var now = new Date();
+        var now_year = now.getFullYear();
+        //年月日是否合理    
+        if (birthday.getFullYear() == year
+            && (birthday.getMonth() + 1) == month
+            && birthday.getDate() == day) {
+            //判断年份的范围（3岁到150岁之间)    
+            var time = now_year - year;
+            if (time >= 3 && time <= 150) {
+                return true;
+            }
+            return false;
+        }
+        return false;
+    },
+    IdentityCode_checkParity(card) { //校验位的检测  
+        card = validateIdent.IdentityCode_changeFivteenToEighteen(card); // 15位转18位    
+        var len = card.length;
+        if (len == '18') {
+            var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
+            var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
+            var cardTemp = 0, i, valnum;
+            for (i = 0; i < 17; i++) {
+                cardTemp += card.substr(i, 1) * arrInt[i];
+            }
+            valnum = arrCh[cardTemp % 11];
+            if (valnum == card.substr(17, 1)) {
+                return true;
+            }
+            return false;
+        }
+        return false;
+    },
+    IdentityCode_changeFivteenToEighteen(card) {  //15位转18位身份证号   
+        if (card.length == '15') {
+            var arrInt = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2);
+            var arrCh = new Array('1', '0', 'X', '9', '8', '7', '6', '5', '4', '3', '2');
+            var cardTemp = 0, i;
+            card = card.substr(0, 6) + '19' + card.substr(6, card.length - 6);
+            for (i = 0; i < 17; i++) {
+                cardTemp += card.substr(i, 1) * arrInt[i];
+            }
+            card += arrCh[cardTemp % 11];
+            return card;
+        }
+        return card;
+    },
+    IdentityCodeValid(card) {//   身份证号码检验主入口 
+        let pass = true;
+        let sex = ''
+        //是否为空    
+        if (pass && card === '')
+            pass = false;
+        //校验长度，类型    
+        if (pass && validateIdent.IdentityCode_isCardNo(card) === false)
+            pass = false;
+        //检查省份    
+        if (pass && validateIdent.IdentityCode_checkProvince(card) === false)
+            pass = false;
+        //校验生日    
+        if (pass && validateIdent.IdentityCode_checkBirthday(card) === false)
+            pass = false;
+        //检验位的检测    
+        // if (pass && validateIdent.IdentityCode_checkParity(card) === false)
+        //     pass = false;
+        if (pass) {
+            var iCard = validateIdent.IdentityCode_changeFivteenToEighteen(card);
+            if (parseInt(iCard.charAt(16)) % 2 == 0) {
+                sex = "0"; // 女生  
+            } else {
+                sex = "1"; // 男生  
+            }
+            return true
+        } else {
+            return false
+        }
+    }
+}
+
+
+
+
+export default validateIdent.IdentityCodeValid   //导出

src/views/bigScreen/index.vue

@@ -271,7 +271,7 @@
 									</template>
 								</el-table-column>
 							</el-table>
-							<el-table class="bigScreenTable" :data="areaVideo" v-if="areaShowType==2" :height="300">
+							<el-table class="bigScreenTable" :data="areaVideo" v-if="areaShowType==2" :height="300" @row-click="showVchannel">
 								<el-table-column label="通道名称" prop="name"></el-table-column>
 								<el-table-column label="所在区域" prop="area_name"></el-table-column>
 								<el-table-column label="code" prop="code"></el-table-column>
@@ -559,6 +559,19 @@
 					>{{ item.cate_name }}
 					</el-tag>
 				</div>
+				<div class="simple-title">
+					<div>监控设备</div>
+				</div>
+				<div class="job-list" v-if="screenJobItem.vchannels_.length>0">
+					<el-tag
+					v-for="item in screenJobItem.vchannels_"
+					:key="item.id"
+					@click="showVchannel(item)"
+					style="margin-right: 10px;margin-left:0"
+					>{{ item.name }}
+					</el-tag>
+				</div>
+				<div class="job-list" v-else style="color:#ffffff">该作业没有选择监控设备</div>
 			</div>
 		</div>
 		<!--区域-->
@@ -982,12 +995,11 @@ export default {
 								newEle2.autoplay = true;
 								newEle2.id = item.markers[0].id + 'videoPlayer';
 								newEle2.name = item.markers[0].id + 'videoPlayer';
-								newEle2.setAttribute("style", "width: 327px;height:183px;background:url('/img/v_mask.png') no-repeat;background-size: 100% 100%;");
+								// newEle2.setAttribute("style", "width: 327px;height:183px;background:url('/img/v_mask.png') no-repeat;background-size: 100% 100%;");
 								// 在对应dom 下追加创建的dom
 								otest.appendChild(newEle);
 								otest.appendChild(newEle2);
 								let flvPlayer = null,URLS=null;
-								newEle2.onclick = () => {
 								newEle2.setAttribute("style", "width: 327px;height:183px;background:url(/img/rotate_line.png) no-repeat;background-size:60px 60px;background-position:center center;");
 								this.$API.am.video.item.req(this.params).then(res => {
 										console.log(res);
@@ -1014,7 +1026,6 @@ export default {
 											flvPlayer.play();
 										}
 									})
-								};
 								close.onclick = () => {
 									let nodeMark = document.getElementById(item.markers[0].id);
 									nodeMark.remove();
@@ -1028,7 +1039,6 @@ export default {
 								//人员
 								that.screenUserItem = item.properties.get("employee");
 								that.screenUser = true;
-								// debugger;
 								window.map.flyToMarker(that.userMarker[that.screenUserItem.mac], {
 									duration: 1000,
 									range: 200
@@ -1037,7 +1047,6 @@ export default {
 						}
 					} else if (type === 'Symbol(polygonmarker)') {
 						//危险作业
-						debugger;
 						console.log(item)
 						let workId = item.properties.get("workId");
 						if(workId){
@@ -1072,7 +1081,6 @@ export default {
 			let height1 = document.getElementsByClassName('cockpit-count')[0].clientHeight;
 			let height2 = document.getElementsByClassName('cockpit-alarm')[0].clientHeight;
 			let height3 = document.getElementsByClassName('area-simple-title')[0].clientHeight;
-			// debugger;
 			let domHeight = pageHeight - height1 - 310 - 84;
 			let areaTableHeight = domHeight - height3 - 50;
 			this.areaTableHeight = areaTableHeight;
@@ -1099,7 +1107,6 @@ export default {
 	},
 	methods: {
 		loadScript(id, url, callback) {
-			debugger;
 			let that = this;
 			//如果已经存在这个id，则证明已经加载过，已经有这个js文件了，可以直接执行回调里面的操作
 			if (document.querySelector(`#${id}`)) {
@@ -1398,7 +1405,6 @@ export default {
 		},
 		areaDetailClose(){
 			let that = this;
-			debugger;
 			that.areaDetail = false;
 			if(that.singleAreaMaskerLayer){
 				that.singleAreaMaskerLayer.show = false;
@@ -1464,11 +1470,9 @@ export default {
 		//点击区域下的作业
 		areaOperationRowClick(row){
 			let that = this;
-			debugger;
 			console.log(row);
 			that.screenJobItem = row;
 			that.$API.opm.opl.list.req({ operation: row.id}).then((res) => {
-				debugger;
 				console.log(res)
 				that.screenJobItem.cates_ = res.results;
 				that.screenOperation = true;
@@ -1586,7 +1590,6 @@ export default {
 
 				} else {
 					that.dangerList = res.results;
-					debugger;
 					that.showPolygonMarkers(that.dangerList);
 				}
 			})
@@ -1978,7 +1981,6 @@ export default {
 		showPolygonMarkers(data) {
 			let that = this;
 			if(data.length>0){
-				debugger;
 				data.forEach(item => {
 					let polygonMarker = null;
 					 let areaWork = that.areaList.filter(area=>{
@@ -2244,100 +2246,113 @@ export default {
 		},
 		//人员轨迹
 		userLineTrack(){
+			debugger;
 			let that = this;
-			that.lineTracking = true;
+			let obj = {};
-			that.userMaskerLayer.show = false;
+			obj.id=that.screenUserItem.id;
-			let nowTime = new Date().getTime();
+			obj.mac=that.screenUserItem.mac;
-			let preTime = nowTime-60*60 * 1000;
+			obj.name=that.screenUserItem.name;
-			let params = {
+			obj.type=that.screenUserItem.type;
-				url:"/api/datacenter/user/historypathV2",
+			obj.floorNo=that.screenUserItem.location.xx_detail.floorNo;
-				method:"post",
+			obj.longitude=that.screenUserItem.location.xx_detail.longitude;
-				json:{
+			obj.latitude=that.screenUserItem.location.xx_detail.latitude;
-					mac: that.screenUserItem.mac,
+			localStorage.setItem('trackItem',JSON.stringify(obj))
-					startTime: preTime,
+			this.$router.push({
-					endTime: nowTime,
+				name: "track"
-					locationType: "real"
-				}
-			};
-			let points0 = [];
-			that.$API.third.blt.xunxiCommon.req(params).then(res => {
-				if (res.err_msg) { } else {
-					let points = [];
-					res.forEach(item=>{
-						item.points.forEach(poi=>{
-							points.push(poi)
-						})
-					})
-					points.forEach(item=>{
-						let obj=new Object();
-						obj.x=item.longitude;
-						obj.y=item.latitude;
-						obj.z=item.z;
-						points0.push(obj); 
 			});
-					if(points0.length>0){
+			// that.lineTracking = true;
-						that.line1 = null;
+			// that.userMaskerLayer.show = false;
-					if (that.line1==null) {
+			// let nowTime = new Date().getTime();
-						that.line1 = new jsmap.JSLineMarker({
+			// let preTime = nowTime-60*60 * 1000;
-							position: points0,
+			// let params = {
-							floorId: 1,
+			// 	url:"/api/datacenter/user/historypathV2",
-							lineType: jsmap.JSLineType.ARROW,
+			// 	method:"post",
-							color: '#0000ff',
+			// 	json:{
-							width: 10,
+			// 		mac: that.screenUserItem.mac,
-							depthTest: true
+			// 		startTime: preTime,
-						});
+			// 		endTime: nowTime,
-						window.map.addMarker(that.line1);
+			// 		locationType: "real"
-					}
+			// 	}
-					that.trackMarker = new jsmap.JSIconTextMarker({
+			// };
-						id: '1',
+			// let points0 = [];
-						position: points0[0],
+			// that.$API.third.blt.xunxiCommon.req(params).then(res => {
-						image: "/img/visitor.png",
+			// 	if (res.err_msg) { } else {
-						rotation: {
+			// 		let points = [];
-							rx: 0,
+			// 		res.forEach(item=>{
-							ry: 0,
+			// 			item.points.forEach(poi=>{
-							rz: -90
+			// 				points.push(poi)
-						},
+			// 			})
-						text: that.screenUserItem.name,
+			// 		})
-						fontColor: '#0000ff',
+			// 		points.forEach(item=>{
-						font: '14px 微软雅黑',
+			// 			let obj=new Object();
-						backgroundColor: 'rgba(112,253,147,0.5)',
+			// 			obj.x=item.longitude;
-						backgroundRadius: 5,
+			// 			obj.y=item.latitude;
-						textOffsetInMeter: 1.6,
+			// 			obj.z=item.z;
-						backgroundStrokeColor: 'rgb(255,255,255)',
+			// 			points0.push(obj); 
-						modelAnimate: {
+			// 		});
-							multiplier: 2,
+			// 		if(points0.length>0){
-						},
+			// 			that.line1 = null;
-						scale: 1,
+			// 		if (that.line1==null) {
-						properties: {
+			// 			that.line1 = new jsmap.JSLineMarker({
-							name: 'trackMarker'
+			// 				position: points0,
-						},
+			// 				floorId: 1,
-						callback: (marker) => {
+			// 				lineType: jsmap.JSLineType.ARROW,
-							window.map.trackMarker(marker, {
+			// 				color: '#0000ff',
-							range: 100,
+			// 				width: 10,
-							tilt: 60,
+			// 				depthTest: true
-							rotate: 310
+			// 			});
-							});
+			// 			window.map.addMarker(that.line1);
-							for (let i = 1; i < points0.length; i++) {
+			// 		}
-								setTimeout(() => {
+			// 		that.trackMarker = new jsmap.JSIconTextMarker({
-									window.map.updateMarkerPosition(marker, {
+			// 			id: '1',
-										position: points0[i],
+			// 			position: points0[0],
-										animate: {
+			// 			image: "/img/visitor.png",
-											duration: 1000,
+			// 			rotation: {
-											update: (pos) => {
+			// 				rx: 0,
-												that.line1.trace(pos)
+			// 				ry: 0,
-											}
+			// 				rz: -90
-										}
+			// 			},
-									});
+			// 			text: that.screenUserItem.name,
-								}, i * 1000);
+			// 			fontColor: '#0000ff',
-							}
+			// 			font: '14px 微软雅黑',
-						}
+			// 			backgroundColor: 'rgba(112,253,147,0.5)',
-					});
+			// 			backgroundRadius: 5,
-					window.map.addMarker(that.trackMarker);
+			// 			textOffsetInMeter: 1.6,
-					}else{
+			// 			backgroundStrokeColor: 'rgb(255,255,255)',
-						that.$message.error('暂无运动痕迹');
+			// 			modelAnimate: {
-					}
+			// 				multiplier: 2,
-				}
+			// 			},
-			})
+			// 			scale: 1,
+			// 			properties: {
+			// 				name: 'trackMarker'
+			// 			},
+			// 			callback: (marker) => {
+			// 				window.map.trackMarker(marker, {
+			// 				range: 100,
+			// 				tilt: 60,
+			// 				rotate: 310
+			// 				});
+			// 				for (let i = 1; i < points0.length; i++) {
+			// 					setTimeout(() => {
+			// 						window.map.updateMarkerPosition(marker, {
+			// 							position: points0[i],
+			// 							animate: {
+			// 								duration: 1000,
+			// 								update: (pos) => {
+			// 									that.line1.trace(pos)
+			// 								}
+			// 							}
+			// 						});
+			// 					}, i * 1000);
+			// 				}
+			// 			}
+			// 		});
+			// 		window.map.addMarker(that.trackMarker);
+			// 		}else{
+			// 			that.$message.error('暂无运动痕迹');
+			// 		}
+			// 	}
+			// })
 		},
 		userLineTrackCancel(){
 			window.location.reload();
@@ -2382,7 +2397,7 @@ export default {
 		//查看监控
 		showVchannel(item){
 			let that = this;
-			debugger;
+			// debugger;
 			console.log(item)
 			that.channelCode = item.code;
 			that.channelName = item.name;

src/views/bigScreen/track.vue

@@ -0,0 +1,422 @@
+<template>
+	<div class="screen-main">
+		<!--头部展示-->
+		<div class="screen-header">
+			<div class="timeWrap"> 
+				<el-date-picker
+                  v-model="form.startTime"
+                  type="datetime"
+                  placeholder="选择开始时间"
+                  :default-time="defaultStartTime"
+                />
+				<el-date-picker
+					v-model="form.endTime"
+					type="datetime"
+					placeholder="选择结束时间"
+					:default-time="defaultEndTime"
+				/>
+				<el-button class="searchBtn" @click="trackSearch">查询</el-button>
+				<el-button class="searchBtn" @click="userLineTrackCancel">取消跟踪</el-button>
+			</div>
+			<!-- <div class="header-left-bg">曲阳金隅智能安全管控系统</div> -->
+			<div class="header-right-action">
+				<div class="right-action-clock">
+					<span class="action-time">{{ currentDay }}</span>
+					<span class="action-time">{{ currentWeek }} </span>
+					<span class="action-time">{{ currentTime }}</span>
+				</div>
+			</div>
+		</div>
+		<!--地图-->
+		<div id='mapContainer'></div>
+	</div>
+</template>
+
+<script>
+export default {
+	data() {
+		return {
+			mac:null,
+			type:null,
+			name:'',
+			line1:null,
+			timeNow:'',
+			currentDay: '',
+			currentTime: '',
+			currentWeek: '',
+			todayDate:'',
+			timerTime:null,
+			userMarker:null,
+			userMaskerLayer:null,
+			defaultStartTime:new Date(2000, 1, 1, 8, 0, 0),
+			defaultEndTime:new Date(2000, 1, 1, 11, 0, 0),
+			form:{
+				endTime:'',
+				startTime:''
+			}
+		}
+	},
+	
+	mounted() {
+		let that = this;
+		that.item = JSON.parse(localStorage.getItem('trackItem')) 
+		console.log(that.item)
+		let date = new Date();
+		that.timeNow = date.getDay();
+		that.todayDate = that.$TOOL.dateFormat(new Date(), 'yyyy-MM-dd');
+		that.showTime();
+		that.timerTime = setInterval(() => {
+			that.showTime();
+		}, 1000);
+		let host = window.location.host;
+		let jsUrl = '/jsmap/jsmap.js';
+		that.loadScript('mapId',jsUrl, () => {
+			window.map = new jsmap.JSMap({
+				mapType: jsmap.JSMapType.MAP_3D,
+				container: 'mapContainer',
+				mapServerURL: 'data/map',
+				enableShadows: false, //是否开启阴影 默认false
+				enableLighting: false, //是否开发光照 默认false
+				showBuildingMarker: true,
+				// showNavigationDisplay: true,
+				mapScaleLevelRange: [16, 23],//比例尺级别范围， 16级到23级,默认[1,24]
+				floorControlOptions: {
+					floorHeight: 20,//楼层间距
+					position: jsmap.JSControlPosition.RIGHT_TOP,//控件位置
+					offset: {
+						x: 10,
+						y: 200,
+					}//控件偏移位置
+				},
+				imageryProvider: jsmap.JSImageryProviderType.IMAGE_TDT,
+				backgroundColor: '#3798ff',  //背景颜色
+				viewOptions: {
+					//屏幕中心坐标
+					center: { x: 114.63059258861512, y: 38.81407163905287, z: 1 },
+					// center: {x:120,y:30,z:10},
+					//相机距屏幕中心点距离（单位m）
+					distance: 550,
+					// 旋转角（单位°）
+					rotate: 0,
+					//倾斜角（单位°）
+					tilt: 45,
+				}
+			});
+			window.map.openMapById('0000');
+			window.map.on('loadComplete', e => {
+				let compassControl = new jsmap.JSCompassControl({
+					position: jsmap.JSControlPosition.LEFT_TOP,
+					offset: {
+						x: 20,
+						y: 50
+					}
+				});
+				window.map.addControl(compassControl);
+				let zoomControl = new jsmap.JSZoomControl({
+					position: jsmap.JSControlPosition.LEFT_TOP,
+					offset: {
+						x: 50,
+						y: 5
+					}
+				});
+				window.map.addControl(zoomControl);
+				that.userMaskerLayers();
+			});
+		})
+	},
+	
+	beforeUnmount(){
+		window.map.destroy();
+		window.map = null;
+	},
+	methods: {
+		loadScript(id, url, callback) {
+			debugger;
+			let that = this;
+			//如果已经存在这个id，则证明已经加载过，已经有这个js文件了，可以直接执行回调里面的操作
+			if (document.querySelector(`#${id}`)) {
+				that.ElLoading = null;
+				callback && callback();
+				return;
+			}else{
+				that.ElLoading = this.$loading({
+				lock: true,
+				text: '地图资源加载中...',
+				background: 'rgba(0, 0, 0, 0)',
+			})
+			}
+			
+			//第一次加载，先创建 script 标签
+			const script = document.createElement('script');
+			script.src = url;
+			//创建id属性
+			script.setAttribute('id', id);
+			//获取第一个script标签
+			const firstScript = document.getElementsByTagName('script')[0];
+			//获取第一个script标签的父节点 BODY,在body的第一个script引用之前插入，即把这个动态的js文件放在第一个调用
+			firstScript.parentNode.insertBefore(script, firstScript);
+			//script 一加载就执行
+			script.onload = script.onreadystatechange = function() {
+				that.ElLoading.close();
+				// 加载完成
+				if (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete') {
+					callback && callback()
+				}
+			};
+		},
+		//显示右上角的时间
+		showTime() {
+			this.currentTime = this.$TOOL.dateFormat(new Date(), 'hh:mm:ss');
+			this.currentWeek = this.$TOOL.dateFormat(new Date(), 'week');
+			this.currentDay = this.$TOOL.dateFormat(new Date(), 'yyyy年MM月dd日')
+		},
+		//获取人员详细信息
+		showUserDetail() {
+			this.$API.hrm.employee.item.req(this.screenUserItem.id).then(res => {
+				this.screenUserItemDetail = res;
+			})
+		},
+
+		//员工标记layer
+		userMaskerLayers() {//图标文字
+			let that = this;
+			that.userMaskerLayer = new jsmap.JSIconTextMarkerLayer({
+				minimumLevel: 3,
+				maxmumLevel: 22,
+				show: false
+			});
+			window.map.addLayer(that.userMaskerLayer);
+			let endTime = new Date().getTime();
+			let startTime = endTime-60*60 * 1000;
+			that.userLineTrack(startTime,endTime);
+		},
+		//人员轨迹
+		userLineTrack(startTime,endTime){
+			let that = this;
+			that.userMaskerLayer.show = false;
+			
+			let params = {
+				url:"/api/datacenter/user/historypathV2",
+				method:"post",
+				json:{
+					mac: that.item.mac,
+					startTime: startTime,
+					endTime: endTime,
+					locationType: "real"
+				}
+			};
+			let points0 = [];
+			that.$API.third.blt.xunxiCommon.req(params).then(res => {
+				if (res.err_msg) { } else {
+					let points = [];
+					res.forEach(item=>{
+						item.points.forEach(poi=>{
+							points.push(poi)
+						})
+					})
+					points.forEach(item=>{
+						let obj=new Object();
+						obj.x=item.longitude;
+						obj.y=item.latitude;
+						obj.z=item.z;
+						points0.push(obj); 
+					});
+					if(points0.length>0){
+						that.line1 = null;
+					if (that.line1==null) {
+						that.line1 = new jsmap.JSLineMarker({
+							position: points0,
+							floorId: 1,
+							lineType: jsmap.JSLineType.ARROW,
+							color: '#0000ff',
+							width: 10,
+							depthTest: true
+						});
+						window.map.addMarker(that.line1);
+					}
+					let trackItem = that.item;
+					//标记图片
+					let userImage = '';
+					if (trackItem.type === 'employee') {
+						userImage = "/img/employee.png"
+					}else if (trackItem.type === 'driver') {
+						userImage = "/img/driver.png"
+					}  else if (trackItem.type === 'remployee') {
+						userImage = "/img/driver.png"
+					}else {
+						userImage = "/img/visitor.png"
+					}
+					that.trackMarker = new jsmap.JSIconTextMarker({
+						id: '1',
+						position: points0[0],
+						image: userImage,
+						rotation: {
+							rx: 0,
+							ry: 0,
+							rz: -90
+						},
+						text: trackItem.name,
+						fontColor: '#0000ff',
+						font: '14px 微软雅黑',
+						backgroundColor: 'rgba(112,253,147,0.5)',
+						backgroundRadius: 5,
+						textOffsetInMeter: 1.6,
+						backgroundStrokeColor: 'rgb(255,255,255)',
+						modelAnimate: {
+							multiplier: 2,
+						},
+						scale: 1,
+						properties: {
+							name: 'trackMarker'
+						},
+						callback: (marker) => {
+							window.map.trackMarker(marker, {
+							range: 100,
+							tilt: 60,
+							rotate: 310
+							});
+							for (let i = 1; i < points0.length; i++) {
+								setTimeout(() => {
+									window.map.updateMarkerPosition(marker, {
+										position: points0[i],
+										animate: {
+											duration: 1000,
+											update: (pos) => {
+												that.line1.trace(pos)
+											}
+										}
+									});
+								}, i * 1000);
+							}
+						}
+					});
+					window.map.addMarker(that.trackMarker);
+					}else{
+						that.$message.error('暂无运动痕迹');
+					}
+				}
+			})
+		},
+		trackSearch(){
+			let startTime = new Date(this.form.startTime)
+			let endTime = new Date(this.form.endTime)
+			this.userLineTrack(startTime,endTime);
+		},
+		userLineTrackClear(){
+			let that = this;
+			window.map.cancelTrack();
+			window.map.removeMarker(that.trackMarker);
+			window.map.removeAllPointMarker();
+			window.map.removeMarker(that.line1);
+			window.map.removeAllLineMarker();
+			that.trackMarker = null;
+			that.line1 = null;
+		},
+		userLineTrackCancel(){
+			this.$router.push({
+				name: "bigScreen"
+			});
+		},
+		
+	},
+	unmounted() {
+		// window.map.destroy();
+		window.map = null;
+	},
+}
+</script>
+
+<style lang="scss">
+.screen-main {
+	width: 100%;
+	height: 100%;
+	.screen-header {
+		width: 100% !important;
+		height: 84px !important;
+		position: absolute !important;
+		left: 0 !important;
+		top: 0 !important;
+		background: linear-gradient(0deg, rgba(0, 113, 155, 0) 0, #00455f) !important;
+		z-index: 2 !important;
+		transition: all .5s linear !important;
+		.timeWrap{
+			width: 100% !important;
+			// position: absolute !important;
+			// top: 84px !important;
+			z-index: 2 !important;
+			display: flex;
+			align-items: self-end;
+			.searchBtn{
+				background-color: aquamarine;
+			}
+		}
+		.header-left-bg {
+			height: 60px;
+			position: absolute;
+			left: 18px;
+			top: 12px;
+			font-size: 40px;
+			font-weight: 700;
+			color: #fff;
+		}
+
+		.header-right-action {
+			position: absolute;
+			top: 10px;
+			right: 18px;
+			display: flex;
+			align-items: center;
+
+			.right-action-clock {
+				:before {
+					content: " ";
+					display: inline;
+					position: absolute;
+					left: -24px;
+					top: 9px;
+					width: 16px;
+					height: 16px;
+					/*background: url(/img/screen5/clock.png) no-repeat;*/
+					background-size: 100% 100%;
+				}
+
+				.action-time {
+					width: 56px;
+					height: 19px;
+					font-size: 14px;
+					font-weight: 400;
+					color: #fff;
+					position: relative;
+					margin-right: 20px;
+				}
+			}
+
+		}
+	}
+	
+}
+#mapContainer {
+	width: 100%;
+	height: 100%;
+	background-color: #49a1ff;
+}
+
+[class*=" el-icon-"],
+[class^=el-icon-] {
+	font-family: element-icons !important;
+	speak: none;
+	font-style: normal;
+	font-weight: 400;
+	font-variant: normal;
+	text-transform: none;
+	line-height: 1;
+	vertical-align: baseline;
+	display: inline-block;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+}
+
+
+
+
+</style>

src/views/hrm/ep_form.vue

@@ -150,6 +150,7 @@
 </template>
 
 <script>
+	import IdentityCodeValid from '@/utils/checkIdent'
 	import {genTree} from "@/utils/verificate";
 	const defaultForm = {
 		id: null,
@@ -270,6 +271,10 @@
 			submit() {
 				this.$refs.dialogForm.validate((valid) => {
 					if (valid) {
+						this.form.id_number=this.form.id_number.toUpperCase();
+						let ide = IdentityCodeValid( this.form.id_number )//得到 true or false
+						if(ide){
+							debugger;
 							this.isSaveing = true;
 							if (this.mode === 'add') {
 								this.$API.hrm.employee.create.req(this.form)
@@ -296,6 +301,10 @@
 									return err
 								})
 							}
+						}else{
+							this.$message.warning("请输入正确的身份证号");
+						}
+						
 
 					}
 				});

src/views/rpm/remployee_form.vue

@@ -37,10 +37,9 @@
             </el-col>
             <el-col :md="24" :sm="12" :xs="24">
               <el-form-item label="身份证号">
-                <el-input v-model="form.id_number" type="text" clearable :disabled="mode != 'add'"></el-input>
+                <el-input v-model="form.id_number" type="text" clearable :disabled="mode == 'show'"></el-input>
               </el-form-item>
             </el-col>
-
             <el-col :md="24" :sm="12" :xs="24" v-if="rparty_show">
               <el-form-item label="相关方">
                 <el-select v-model="form.rparty" style="width: 100%" :disabled="mode != 'add'">
@@ -51,25 +50,18 @@
                     :value="item.id"
                   />
                 </el-select>
-                
               </el-form-item>
             </el-col>
-           
             <el-col :md="24" :sm="12" :xs="24">
               <el-form-item label="证件照">
-              
 								<sc-upload v-model="form.photo" :modelValue="form.photo" title="证件照"></sc-upload>
-						
               </el-form-item>
             </el-col>
-          
           </el-row>
         </el-form>
       </el-main>
       <el-footer>
-        <el-button type="primary" :loading="isSaveing" @click="submit"
+        <el-button type="primary" :loading="isSaveing" @click="submit">保存</el-button>
-          >保存</el-button
-        >
         <el-button @click="visible = false">取消</el-button>
       </el-footer>
     </el-container>
@@ -77,6 +69,7 @@
 </template>
 
 <script>
+import IdentityCodeValid from '@/utils/checkIdent'
 import {genTree} from "@/utils/verificate";
 export default {
   emits: ["success", "closed"],
@@ -127,6 +120,9 @@ export default {
     submit() {
       this.$refs.dialogForm.validate(async (valid) => {
         if (valid) {
+          this.form.id_number=this.form.id_number.toUpperCase();
+          let ide = IdentityCodeValid( this.form.id_number )//得到 true or false
+          if(ide){
             this.isSaveing = true;
             try {
               var res;
@@ -148,6 +144,9 @@ export default {
               this.isSaveing = false;
               return err;
             }
+          }else{
+            this.$message.warning("请输入正确的身份证号");
+          }
         }
       });
     },

src/views/vm/visitor.vue

@@ -101,8 +101,8 @@
             ></el-input>
           </el-form-item>
         </el-col>
-        <el-col :md="24" :sm="12" :xs="24" prop="photo">
+        <el-col :md="24" :sm="12" :xs="24">
-          <el-form-item label="上传证件照">
+          <el-form-item label="上传证件照" prop="photo">
             <sc-upload v-model="form.photo" title="证件照"></sc-upload>
           </el-form-item>
         </el-col>
@@ -115,6 +115,7 @@
   </el-dialog>
 </template>
 <script>
+  import IdentityCodeValid from '@/utils/checkIdent'
   const defaultform = { id: "", name: "", phone: "", id_number: "" };
   export default {
     name: "certificate",
@@ -124,10 +125,10 @@ export default {
         form: defaultform,
         //验证规则
         rules: {
-       
-         
           name: [{ required: true, message: "请输入姓名" }],
-       
+          phone: [{ required: true, message: "请输入手机号" }],
+          id_number: [{ required: true, message: "请输入身份证号" }],
+          photo: [{ required: true, message: "请上传" }],
         },
         dialogcart: false,
         apiObj: this.$API.vm.visitor.list,
@@ -161,6 +162,11 @@ export default {
       submitcert() {
         this.form.employee = this.$route.query.id;
         this.$refs.dialogForm.validate((valid) => {
+          if(valid){
+            debugger;
+            this.form.id_number=this.form.id_number.toUpperCase();
+            let ide = IdentityCodeValid( this.form.id_number )//得到 true or false
+            if(ide){
               if (this.form.id == "") {
                 this.$API.vm.visitor.create
                   .req(this.form)
@@ -186,6 +192,10 @@ export default {
                     return err;
                   });
               }
+            }else{
+              this.$message.warning("请输入正确的身份证号");
+            }
+          }
         });
       },
       //删除
@@ -194,7 +204,7 @@ export default {
           .req(row.id)
           .then((res) => {
             this.$message.success("访客删除成功");
-
+            this.$refs.table.refresh();
             return res;
           })
           .catch((err) => {