/*
|
* 三维场景中
|
* 通过entities的ID查询实体详细信息，属性框展示
|
*/
|
/*根据重点人口ID查询,显示单个重点人口详细信息
|
* keypeopleDataById：后台返回的单个详细信息
|
*/
|
function showInfoKeypeople_3D(keypeopleDataById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>图像</th><td height="150px">'
|
+'<img width="93px" onclick="parent.openBigImg(this.src)" src="'
|
+keypeopleDataById.imgurl
|
+'">'
|
+ '</td></tr>'
|
+ '<tr><th>姓名</th><td >'
|
+ keypeopleDataById.name
|
+ '</td></tr>'
|
+ '<tr><th>身份证号</th><td >'
|
+ keypeopleDataById.identity
|
+ '</td></tr>'
|
+ '<tr><th>性别</th><td >'
|
+ keypeopleDataById.gender
|
+ '</td></tr>'
|
+ '<tr><th>生日</th><td >'
|
+ keypeopleDataById.birthday
|
+ '</td></tr>'
|
+ '<tr><th>血型</th><td >'
|
+ keypeopleDataById.blood
|
+ '</td></tr>'
|
+ '<tr><th>民族</th><td >'
|
+ keypeopleDataById.nation
|
+ '</td></tr>'
|
+ '<tr><th>籍贯</th><td >'
|
+ keypeopleDataById.origin
|
+ '</td></tr>'
|
+ '<tr><th>身高</th><td >'
|
+ keypeopleDataById.height
|
+ 'cm</td></tr>'
|
+ '<tr><th>人口类别</th><td >'
|
+ keypeopleDataById.type
|
+ '</td></tr>'
|
+ '<tr><th>情况描述</th><td >'
|
+ keypeopleDataById.describe
|
+ '</td></tr>'
|
+ '<tr><th>工作单位</th><td >'
|
+ keypeopleDataById.job
|
+ '</td></tr>'
|
+ '<tr><th>联系电话</th><td >'
|
+ keypeopleDataById.tel
|
+ '</td></tr>'
|
+ '<tr><th>地址</th><td >'
|
+ keypeopleDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>活动轨迹</th><td >'
|
+ '<a href="javascript:void(0);" onclick="parent.getPoepleRoute(\''
|
+ keypeopleDataById.identity+'\')">活动轨迹</a>'
|
+ '</td></tr>'
|
+ '<tr><th>同户联动查询</th><td >'
|
+ '<a id = "'
|
+ keypeopleDataById.addId
|
+ '" href="javascript:void(0);" onclick="parent.getPeopleByAddId(this.id)">同户联动查询</a>'
|
+ '</td></tr>'
|
+ '<tr><th>人口-房屋联动</th><td >'
|
+ '<a id = "'
|
+ keypeopleDataById.addId
|
+ '" href="javascript:void(0);" onclick="parent.getHouseByAddId(this.id)">人口-房屋联动</a>'
|
+ '</td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = keypeopleDataById.name;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据流动人口ID查询,显示单个流动人口详细信息
|
* flowpeopleDataById：后台返回的单个详细信息
|
*/
|
function showInfoFlowpeople_3D(flowpeopleDataById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>图像</th><td height="150px">'
|
+'<img width="93px" onclick="parent.openBigImg(this.src)" src="'
|
+flowpeopleDataById.imgurl
|
+'">'
|
+ '</td></tr>'
|
+ '<tr><th>姓名</th><td >'
|
+ flowpeopleDataById.name
|
+ '</td></tr>'
|
+ '<tr><th>身份证号</th><td >'
|
+ flowpeopleDataById.identity
|
+ '</td></tr>'
|
+ '<tr><th>性别</th><td >'
|
+ flowpeopleDataById.gender
|
+ '</td></tr>'
|
+ '<tr><th>生日</th><td >'
|
+ flowpeopleDataById.birthday
|
+ '</td></tr>'
|
+ '<tr><th>血型</th><td >'
|
+ flowpeopleDataById.blood
|
+ '</td></tr>'
|
+ '<tr><th>民族</th><td >'
|
+ flowpeopleDataById.nation
|
+ '</td></tr>'
|
+ '<tr><th>籍贯</th><td >'
|
+ flowpeopleDataById.origin
|
+ '</td></tr>'
|
+ '<tr><th>身高</th><td >'
|
+ flowpeopleDataById.height
|
+ 'cm</td></tr>'
|
+ '<tr><th>人口类别</th><td >'
|
+ flowpeopleDataById.type
|
+ '</td></tr>'
|
+ '<tr><th>情况描述</th><td >'
|
+ flowpeopleDataById.describe
|
+ '</td></tr>'
|
+ '<tr><th>工作单位</th><td >'
|
+ flowpeopleDataById.job
|
+ '</td></tr>'
|
+ '<tr><th>联系电话</th><td >'
|
+ flowpeopleDataById.tel
|
+ '</td></tr>'
|
+ '<tr><th>地址</th><td >'
|
+ flowpeopleDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>活动轨迹</th><td >'
|
+ '<a href="javascript:void(0);" onclick="parent.getPoepleRoute(\''
|
+ flowpeopleDataById.identity+'\')">活动轨迹</a>'
|
+ '</td></tr>'
|
+ '<tr><th>人口联动</th><td >'
|
+ '<a id = "'
|
+ flowpeopleDataById.addId
|
+ '" href="javascript:void(0);" onclick="parent.getPeopleByAddId(this.id)">人口联动</a>'
|
+ '</td></tr>'
|
+ '<tr><th>人口-房屋联动</th><td >'
|
+ '<a id = "'
|
+ flowpeopleDataById.addId
|
+ '" href="javascript:void(0);" onclick="parent.getHouseByAddId(this.id)">人口-房屋联动</a>'
|
+ '</td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = flowpeopleDataById.name;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据房屋ID查询,显示单个房屋详细信息
|
* houseDataById：后台返回的单个详细信息
|
*/
|
function showInfoHouse_3D(houseDataById){
|
var content='<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>房屋地址</th><td >'
|
+ houseDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>房产证编号</th><td >'
|
+ houseDataById.paperId
|
+ '</td></tr>'
|
+ '<tr><th>房产所有人</th><td >'
|
+ houseDataById.owner
|
+ '</td></tr>'
|
+ '<tr><th>人员列表</th><td>'
|
+ '<a href="javascript:void(0);" onclick="parent.getPeopleByAddId(\''
|
+ houseDataById.addId+'\')">人员列表</a>'
|
+ '</td></tr>'
|
+ '<tr><th>房屋面积</th><td >'
|
+ houseDataById.area
|
+ '㎡</td></tr>'
|
+ '<tr><th>建成时间</th><td >'
|
+ houseDataById.buildDate
|
+ '</td></tr>'
|
+ '<tr><th>户型图</th><td style="height:200px">'
|
+ '<img style="max-width:300px;max-height:240px" onclick="parent.openBigImg(this.src)" src='
|
+ '"'+houseDataById.houseUrl
|
+ '"/></td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = houseDataById.paperId;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据重点单位ID查询,显示单个重点单位详细信息
|
* keyDepartmentDataById：后台返回的单个详细信息
|
*/
|
function showInfoKeyDepartment_3D(keyDepartmentDataById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>名称</th><td >'
|
+ keyDepartmentDataById.keyDepName
|
+ '</td></tr>'
|
+ '<tr><th>类别</th><td >'
|
+ keyDepartmentDataById.keyDepType
|
+ '</td></tr>'
|
+ '<tr><th>联系人</th><td >'
|
+ keyDepartmentDataById.keyDepPerson
|
+ '</td></tr>'
|
+ '<tr><th>联系电话</th><td >'
|
+ keyDepartmentDataById.keyDepTel
|
+ '</td></tr>'
|
+ '<tr><th>地址</th><td >'
|
+ keyDepartmentDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>描述</th><td >'
|
+ keyDepartmentDataById.keyDepDescribe
|
+ '</td></tr>'
|
+ '<tr><th>图片</th><td style="height:200px">'
|
+ '<img style="max-width:300px;max-height:240px" onclick="parent.openBigImg(this.src)" src='
|
+ '"'+keyDepartmentDataById.keyDepUrl
|
+ '"/></td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = keyDepartmentDataById.keyDepName;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据消防列管ID查询,显示单个消防列管详细信息
|
* fireControlById：后台返回的单个详细信息
|
*/
|
function showInfoFireControl_3D(fireControlById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>名称</th><td >'
|
+ fireControlById.fireCtlName
|
+ '</td></tr>'
|
+ '<tr><th>类别</th><td >'
|
+ fireControlById.fireCtlType
|
+ '</td></tr>'
|
+ '<tr><th>联系人</th><td >'
|
+ fireControlById.fireCtlPerson
|
+ '</td></tr>'
|
+ '<tr><th>联系电话</th><td >'
|
+ fireControlById.fireCtlTel
|
+ '</td></tr>'
|
+ '<tr><th>地址</th><td >'
|
+ fireControlById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>描述</th><td >'
|
+ fireControlById.fireCtlDescribe
|
+ '</td></tr>'
|
+ '<tr><th>消防等级</th><td >'
|
+ fireControlById.fireCtlLevel
|
+ '</td></tr>'
|
+ '<tr><th>人员规模</th><td >'
|
+ fireControlById.fireCtlScale
|
+ '</td></tr>'
|
+ '<tr><th>图片</th><td style="height:200px">'
|
+ '<img style="max-width:300px;max-height:240px" onclick="parent.openBigImg(this.src)" src='
|
+ '"'+fireControlById.fireCtlUrl
|
+ '"/></td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = fireControlById.fireCtlName;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据治安卡口ID查询,显示单个治安卡口详细信息
|
* securitySDataById：后台返回的单个详细信息
|
*/
|
function showInfoSecurityS_3D(securitySDataById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>卡口名称</th><td >'
|
+ securitySDataById.securityName
|
+ '</td></tr>'
|
+ '<tr><th>卡口类别</th><td >'
|
+ securitySDataById.securityType
|
+ '</td></tr>'
|
+ '<tr><th>负责人</th><td >'
|
+ securitySDataById.securityPerson
|
+ '</td></tr>'
|
+ '<tr><th>联系电话</th><td >'
|
+ securitySDataById.securityTel
|
+ '</td></tr>'
|
+ '<tr><th>卡口位置</th><td >'
|
+ securitySDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>卡口描述</th><td >'
|
+ securitySDataById.securityDescribe
|
+ '</td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = securitySDataById.securityName;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据行业场所ID查询,显示单个行业场所详细信息
|
* businessDataById：后台返回的单个详细信息
|
*/
|
function showInfoBusiness_3D(businessDataById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>名称</th><td >'
|
+ businessDataById.businessName
|
+ '</td></tr>'
|
+ '<tr><th>类别</th><td >'
|
+ businessDataById.businessType
|
+ '</td></tr>'
|
+ '<tr><th>执照编号</th><td >'
|
+ businessDataById.businessLisense
|
+ '</td></tr>'
|
+ '<tr><th>法人</th><td >'
|
+ businessDataById.businessPerson
|
+ '</td></tr>'
|
+ '<tr><th>联系电话</th><td >'
|
+ businessDataById.businessTel
|
+ '</td></tr>'
|
+ '<tr><th>地址</th><td >'
|
+ businessDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>经营范围</th><td >'
|
+ businessDataById.businessScope
|
+ '</td></tr>'
|
+ '<tr><th>经营面积</th><td >'
|
+ businessDataById.businessArea
|
+ '㎡</td></tr>'
|
+ ' </tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = businessDataById.businessName;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据警用网格ID查询,显示单个警用网格详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoPoliceNet_3D(data){
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.netName;
|
selectedEntity.description = '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>网格名称</th><td >'
|
+ data.netName
|
+ '</td></tr>'
|
+ '<tr><th>责任部门</th><td >'
|
+ data.netDep
|
+ '</td></tr>'
|
+ ' </tbody></table>';
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据应急物资ID查询,显示单个应急物资详细信息
|
* emergencySDataById:后台返回的单个详细信息
|
*/
|
function showInfoEmergencySupplies_3D(emergencySDataById){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>物品类型</th><td >'
|
+ emergencySDataById.type
|
+ '</td></tr>'
|
+ '<tr><th>数量</th><td >'
|
+ emergencySDataById.num
|
+ '</td></tr>'
|
+ '<tr><th>单位</th><td >'
|
+ emergencySDataById.unit
|
+ '</td></tr>'
|
+ '<tr><th>地址</th><td >'
|
+ emergencySDataById.address.addName
|
+ '</td></tr>'
|
+ '<tr><th>维护时间</th><td >'
|
+ emergencySDataById.serverTime
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = emergencySDataById.type;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据摄像头ID查询,显示单个摄像头详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoVideo_3D(data,type){
|
var pos = data.camPosition.split(',');
|
var content = '<div id="stick'+data.id+'" class="ibox float-e-margins mybox mapPopVideo box-shadow-2" onclick="clickStick(this.id)">'
|
+ '<div class="ibox-title mybox-title box-shadow-inset"><h5>'+data.camAdd+'</h5><div class="ibox-tools">'
|
+'<i class="fa fa-caret-square-o-down myfab myfa-dark" onclick="putVideo(\''+data.id+'\',\''+type+'\')" title="视频贴地"></i>'
|
+ '<i class="fa fa-search-plus myfab myfa-dark" onclick="maxVideo(\''+data.camAdd+'\',\''+data.camUrl+'\')" title="放大视频"></i>'
|
+ '<i class="fa fa-street-view myfab myfa-dark" onclick="fixedView('
|
+ data.camPosition+','+data.camHeading+','+data.camPitch+','+data.camRoll+');closeVideoPop(\''+data.id+'\')" title="定点环视"></i>'
|
+ '<i class="fa fa-address-book-o myfab myfa-dark" onclick="ctrlDrawFace(\''+data.id+'\')" title="人工智能识别"></i>'
|
+ '<i class="fa fa-remove myfab myfa-dark" onclick="closeVideoPop(\''+data.id+'\')" title="关闭气泡"></i>'
|
+ '</div></div><div class="ibox-content">'
|
+ '<video id="'+data.id+'" style="width:100%;" crossorigin="anonymous" src="'+data.camUrl
|
+ '" autoplay="autoplay" loop="loop"></video></div>'
|
+ '<div class="box_lt"></div><div class="box_lb"></div><div class="box_rt"></div><div class="box_rb"></div></div>';
|
var options = {
|
"viewer":viewer,
|
"id":data.id,
|
"popupWidth":260,
|
"popupHeight":175,
|
"pos":{"lon":Number(pos[0]),"lat":Number(pos[1]),"alt":Number(pos[2])},
|
"extentHeight":70,
|
"extentColor":Cesium.Color.WHITE,
|
"content":content
|
};
|
CesiumPop.addDivPop(options);
|
|
}
|
|
//显示放大视频
|
function maxVideo(camAdd,camUrl) {
|
var content = '<table class="layui-table"><tbody style="overflow:hidden">'
|
+ '<div style="margin:auto"><video id="maxVideo" crossorigin="anonymous" src="'+camUrl
|
+ '" autoplay="autoplay" loop="loop" onmousewheel="videoWheel_3D()" class="video-class"'
|
+ ' width="1280px!important" height="720px"></video></div>'
|
+ '</tbody></table>';
|
layer.open({
|
skin : 'demo-class',
|
title : [ camAdd, 'font-size:20px;'],
|
type : 1,
|
area : ['1310px', '722px'],
|
shadeClose : true,
|
content : content
|
});
|
}
|
//关闭视频气泡
|
function closeVideoPop(id){
|
CesiumPop.removeDivPopById(viewer,id);
|
}
|
function videoWheel_3D() {
|
var myVideo = document.getElementById("maxVideo");
|
var delta = Math.max(-1, Math.min(1, event.wheelDelta));
|
var changeWidth = myVideo.width + (16 * delta);
|
var changeHeight = myVideo.height + (9 * delta);
|
|
if (changeWidth >= 1280 && changeWidth * 9 == changeHeight * 16) {
|
myVideo.width = changeWidth;
|
myVideo.height = changeHeight;
|
}
|
}
|
//视频置顶
|
var videopopzIndex = 0;
|
function clickStick(id){
|
++videopopzIndex;
|
var stick = document.getElementById(id);
|
if(stick != null){
|
stick.style.zIndex = videopopzIndex;
|
stick.style.position = "fixed";
|
}
|
}
|
/*根据案件ID查询,显示单个案件详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoCase_3D(data){
|
var content='<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>案件编号</th><td >'
|
+ data.caseId.substring(0,8)
|
+ '</td></tr>'
|
+ '<tr><th>网格编号</th><td >'
|
+ data.policeNet.netName
|
+ '</td></tr>'
|
+ '<tr><th>案件名称</th><td >'
|
+ data.caseName
|
+ '</td></tr>'
|
+ '<tr><th>案件性质</th><td >'
|
+ data.caseType
|
+ '</td></tr>'
|
+ '<tr><th>案发地址</th><td >'
|
+ data.caseAddr
|
+ '</td></tr>'
|
+ '<tr><th>案发时间</th><td >'
|
+ data.caseDate
|
+ '</td></tr>'
|
+ '<tr><th>案发来源</th><td >'
|
+ data.caseSource
|
+ '</td></tr>'
|
+ '<tr><th>受害人</th><td >'
|
+ data.victim
|
+ '</td></tr>'
|
+ '<tr><th>嫌疑犯</th><td >'
|
+ data.suspect
|
+ '</td></tr>'
|
+ '<tr><th>案件简介</th><td >'
|
+ data.caseDescribe
|
+ '</td></tr>'
|
+ '<tr><th>历史处理记录</th><td >'
|
+ '<a href="javascript:void(0);" name="'
|
+ data.caseId
|
+ '" onclick="parent.getcaseHistory(this.name)">历史处理记录</a>'
|
+ '</td></tr>'
|
+ '<tr><th>图片信息</th><td >'
|
+ '<a href="javascript:void(0);" name="'
|
+ data.caseId
|
+ '" onclick="parent.openMaterial(this.name,\'img\')">图片信息</a>'
|
+ '</td></tr>'
|
+ '<tr><th>视频信息</th><td >'
|
+ '<a href="javascript:void(0);"name="'
|
+ data.caseId
|
+ '" onclick="parent.openMaterial(this.name,\'vid\')">视频信息</a>'
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.caseName;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据车辆ID查询,显示单个车辆详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoPoliceCar_3D(data){
|
var content='<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>图像</th><td style="height:210px">'
|
+ '<img width="240px" onclick="parent.openBigImg(this.src)" src="'
|
+ data.image
|
+ '"></td></tr>'
|
+ '<tr><th>牌照</th><td >'
|
+ data.carLicense
|
+ '</td></tr>'
|
+ '<tr><th>型号</th><td >'
|
+ data.carStyle
|
+ '</td></tr>'
|
+ '<tr><th>购置时间</th><td >'
|
+ data.carDate
|
+ '</td></tr>'
|
+ '<tr><th>驾驶员</th><td >'
|
+ data.driver
|
+ '</td></tr>'
|
+ '<tr><th>警用类型</th><td >'
|
+ data.policeType
|
+ '</td></tr>'
|
+ '<tr><th>卡号</th><td >'
|
+ data.cardNum
|
+ '</td></tr>'
|
+ '<tr><th>轨迹回放</th><td >'
|
+ '<a href="javascript:void(0);" id="'+data.cardNum+'" name="'
|
+ data.carId
|
+ '" onclick="parent.getPoliceCarHistory(this.name,this.id)">轨迹回放</a>'
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.carLicense;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/*根据人员ID查询,显示单个人员详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoPolice_3D(data){
|
var content='<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>图像</th><td style="height:210px">'
|
+ '<img width="200px" onclick="parent.openBigImg(this.src)" src="'
|
+ data.image
|
+ '"></td></tr>'
|
+ '<tr><th>姓名</th><td >'
|
+ data.name
|
+ '</td></tr>'
|
+ '<tr><th>身份证</th><td >'
|
+ data.identity
|
+ '</td></tr>'
|
+ '<tr><th>性别</th><td >'
|
+ data.gender
|
+ '</td></tr>'
|
+ '<tr><th>出生年月</th><td >'
|
+ data.birth
|
+ '</td></tr>'
|
+ '<tr><th>民族</th><td >'
|
+ data.nation
|
+ '</td></tr>'
|
+ '<tr><th>籍贯</th><td >'
|
+ data.origin
|
+ '</td></tr>'
|
+ '<tr><th>担任职务</th><td >'
|
+ data.post
|
+ '</td></tr>'
|
+ '<tr><th>入职时间</th><td >'
|
+ data.jobDate
|
+ '</td></tr>'
|
+ '<tr><th>警衔</th><td >'
|
+ data.policeRank
|
+ '</td></tr>'
|
+ '<tr><th>最高学历</th><td >'
|
+ data.education
|
+ '</td></tr>'
|
+ '<tr><th>设备号码</th><td >'
|
+ data.deviceNum
|
+ '</td></tr>'
|
+ '<tr><th>设备类型</th><td >'
|
+ data.deviceType
|
+ '</td></tr>'
|
+ '<tr><th>初装日期</th><td >'
|
+ data.deviceDate
|
+ '</td></tr>'
|
+ '<tr><th>活动轨迹</th><td >'
|
+ '<a href="javascript:void(0);" id="'+data.deviceNum+'" name="'
|
+ data.policeId
|
+ '" onclick="parent.getPoliceCarHistory(this.name,this.id)">活动轨迹</a>'
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.name;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
|
function showManVideo(data,posCart) {
|
closeVideoPop(data.deviceNum);
|
var num=0;
|
var dataPE=data.policeEquipments
|
if(dataPE!=undefined){
|
for(var i=0;i<dataPE.length;i++){
|
num+=Number(dataPE[i].equipment.equipmentGrade)
|
}
|
}
|
var popcolor = '';
|
switch (data.origin) {
|
case '特警':
|
popcolor = '#00d3e7';
|
break;
|
case '巡警':
|
popcolor = '#FF6A6A';
|
break;
|
case '治安警察':
|
popcolor = '#836FFF';
|
break;
|
default:
|
break;
|
}
|
var content = '<div style="box-shadow:0 0 25px '+popcolor+'" class="ibox float-e-margins mybox mapPopMan">'
|
+ '<div style="box-shadow:inset 0 0 15px '+popcolor+'" class="ibox-title mybox-title">'
|
+ '<h5>'+data.name+'-5G视频图传</h5><div class="ibox-tools">'
|
+ '<i class="fa fa-object-group myfab myfa-dark" onclick="initSewisePlayer(\''+data.deviceNum+'\',\''+data.name+'\',\'min\')" title="视频图传"></i>'
|
+ '<i class="fa fa-address-book-o myfab myfa-dark" onclick="getPoliceInfoById_3D(\''+data.deviceNum+'\')" title="人员信息"></i>'
|
+ '<i class="fa fa-remove myfab myfa-dark" onclick="closeVideoPop(\''+data.deviceNum+'\')" title="关闭气泡"></i>'
|
+ '</div></div><div class="ibox-content equipPopnei"><div style="margin-bottom:5px;">战斗能力综合评分:'+num+'</div><div class="popBoxwai">'
|
+ '<div class="equipLeftbox">'
|
+ '<img src="'+data.image+'" alt=""></div>'
|
+ '<div class="equipPopRightbox">'
|
if(dataPE!=undefined){
|
for(var i=0;i<dataPE.length;i++){
|
content+= '<div class="equipPoliceType">'+dataPE[i].equipment.equipmentType+':<img src="'+(dataPE[i].equipment.equipmentPicture==null?"../images/noneImg.png":dataPE[i].equipment.equipmentPicture)+'"></div>'
|
}
|
}else{
|
content+= '<div class="equipPoliceType" style="text-align:center;">未佩戴装备<img src="../images/noneImg.png" alt="未装载装备" style="width:72px;height:50px;;margin:10px 49px 0 0;"></div>'
|
}
|
content+='</div></div></div></div>'
|
+ '<div style="border-top-color:'+popcolor+'" class="box_leg box_legnew"></div>'
|
+ '<div style="border-color:'+popcolor+'" class="box_lt"></div>'
|
+ '<div style="border-color:'+popcolor+'" class="box_lb"></div>'
|
+ '<div style="border-color:'+popcolor+'" class="box_rt"></div>'
|
+ '<div style="border-color:'+popcolor+'" class="box_rb"></div></div>';
|
var cartographic = Cesium.Cartographic.fromCartesian(posCart);
|
var lon = Cesium.Math.toDegrees(cartographic.longitude);
|
var lat = Cesium.Math.toDegrees(cartographic.latitude);
|
var options = {
|
"viewer":viewer,
|
"id":data.deviceNum,
|
"popupWidth":300,
|
"popupHeight":185,
|
"pos":{"lon":Number(lon),"lat":Number(lat),"alt":Number(cartographic.height)},
|
"extentHeight":70,
|
"extentColor":Cesium.Color.WHITE,
|
"content":content
|
};
|
CesiumPop.addDivPop(options);
|
}
|
var manVideoPlayerArr = [];
|
function initSewisePlayer(id,name,type){
|
var isVideoOn = false;
|
for (var i = 0; i < manVideoPlayerArr.length; i++) {
|
if(manVideoPlayerArr[i]==id){
|
isVideoOn = true;
|
break;
|
}
|
}
|
if(!isVideoOn){
|
var content = '<td id="td'+id+'" class="col-face"><div class="textshadow-n alarmadd">'
|
+ name+'<i onclick="closeVideoPlayer(\'td'+id+'\',\'min\')" class="fa myfa fa-remove pull-right"></i>'
|
+ '<i class="fa fa-search-plus myfa pull-right" onclick="maxManVideo(\''+id+'\')" title="放大视频"></i></div>'
|
+ '<div id="'+id+'" style="height:150px;"></div></td>';
|
$('#manVideocon').append(content);
|
manVideoPlayerArr.push(id);
|
var strVideoDivId = document.getElementById(id);
|
openSmartEyeVideo(id,strVideoDivId,type);
|
}
|
}
|
function closeVideoPlayer(id){
|
$("#"+id).remove();
|
for(var j = 0; j < manVideoPlayerArr.length; j++){
|
var vId = 'td'+manVideoPlayerArr[j];
|
if(vId==id){
|
closeSmartEyeVideo(manVideoPlayerArr[j],'min');
|
manVideoPlayerArr.splice(j, 1);
|
break;
|
}
|
}
|
}
|
function maxManVideo(id) {
|
var obj = '<div id="divPlayer2" style="height:99%"></div>';
|
layer.open({
|
type : 1,
|
title : '执法仪5G视频图传',
|
maxmin : true,
|
shadeClose : true, //点击遮罩关闭层
|
area : [ '1200px', '850px' ],
|
content : obj,
|
cancel: function(){
|
closeSmartEyeVideo(id,'max');
|
}
|
});
|
var strVideoDivId = document.getElementById('divPlayer2');
|
openSmartEyeVideo(id,strVideoDivId,'max');
|
|
/*var chanel = smartEyesession.swGetPuChanel(id, 0);
|
for(var j = 0; j < dlghandleArr.length; j++){
|
if(id==dlghandleArr[j].dn){
|
chanel.swShow(dlghandleArr[j].dlghandle.hdlg);
|
var result = chanel.swFullScreen(dlghandleArr[j].dlghandle.hdlg);
|
break;
|
}
|
}*/
|
}
|
/*根据建筑物ID查询,显示单个建筑物详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoBuilding_3D(data){
|
var content= '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>图标建库库号</th><td >'
|
+(data.dbnum==null?"":data.dbnum)
|
+ '</td></tr>'
|
+ '<tr><th>土地性质</th><td >'
|
+(data.tdxz==null?"":data.tdxz)
|
+ '</td></tr>'
|
+ '<tr><th>意向公司</th><td >'
|
+(data.yxgs==null?"":data.yxgs)
|
+ '</td></tr>'
|
+ '<tr><th>建筑占地面积</th><td >'
|
+(data.jzzdmj==null?"":data.jzzdmj)
|
+ '</td></tr>'
|
+ '<tr><th>实际建筑面积</th><td >'
|
+(data.sjjzmj==null?"":data.sjjzmj)
|
+ '</td></tr>'
|
+ '<tr><th>房屋层数</th><td >'
|
+(data.fwcs==null?"":data.fwcs)
|
+ '</td></tr>'
|
+ '<tr><th>房屋结构</th><td >'
|
+(data.fwjg==null?"":data.fwjg)
|
+ '</td></tr>'
|
+ '<tr><th>宗地号</th><td >'
|
+(data.zdh==null?"":data.zdh)
|
+ '</td></tr>'
|
+ '<tr><th>房产证号</th><td >'
|
+(data.fczh==null?"":data.fczh)
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.buildingNum;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/* 根据ID查询,显示单个追踪记录详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoFaceFollow_3D(data){
|
var content = '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>识别图像</th><td style="height:210px">'
|
+ '<img width="240px" onclick="parent.openBigImg(this.src)" src="'
|
+ data.faceUrl
|
+ '"></td></tr>'
|
+ '<tr><th>开始位置</th><td >'
|
+ (data.video.camAdd==null?"":data.video.camAdd)
|
+ '</td></tr>'
|
+ '<tr><th>开始时间</th><td >'
|
+ (data.faceTime==null?"":data.faceTime)
|
+ '</td></tr>'
|
+ '<tr><th>识别结果</th><td >'
|
+ '<a href="javascript:void(0);" onclick="parent.startface()">嫌疑人</a>'
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.faAdd;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/* 根据ID查询,显示单个智能识别报警详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoFaceAlarm_3D(data){
|
var content = '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>识别图像</th><td style="height:210px">'
|
+ '<img width="240px" onclick="parent.openBigImg(this.src)" src="'
|
+ data.faPhoto
|
+ '"></td></tr>'
|
+ '<tr><th>识别地址</th><td >'
|
+ (data.faAdd==null?"":data.faAdd)
|
+ '</td></tr>'
|
+ '<tr><th>识别时间</th><td >'
|
+ (data.faTime==null?"":data.faTime)
|
+ '</td></tr>'
|
+ '<tr><th>证件号</th><td >'
|
+ (data.faCardnum==null?"":data.faCardnum)
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.faAdd;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
/* 根据ID查询,显示单个智能识别报警详细信息
|
* data:后台返回的单个详细信息
|
*/
|
function showInfoCard_3D(data){
|
var content = '<table class="cesium-infoBox-defaultTable"><tbody>'
|
+ '<tr><th>刷卡地址</th><td >'
|
+ (data.crAdd==null?"":data.crAdd)
|
+ '</td></tr>'
|
+ '<tr><th>刷卡时间</th><td >'
|
+ (data.crTime==null?"":data.crTime)
|
+ '</td></tr>'
|
+ '<tr><th>证件号</th><td >'
|
+ (data.crCardnum==null?"":data.crCardnum)
|
+ '</td></tr>'
|
+ '</tbody></table>';
|
var selectedEntity = new Cesium.Entity();
|
selectedEntity.name = data.crAdd;
|
selectedEntity.description = content;
|
viewer.selectedEntity = selectedEntity;
|
}
|
|
|
/*************************************上：信息窗;下：信息窗内延伸功能*********************************/
|
|
|
//打开身份证刷卡轨迹查询框
|
function getPoepleRoute(id){
|
var content = '<div class="form-group historyRoutehmenu" id="data_5">'
|
+ '<div class="input-daterange input-group m-r-10" id="datepicker">'
|
+ '<span class="input-group-addon m-l-10">时间范围</span>'
|
+ '<input type="text" class="input-sm form-control" id="start" name="start"'
|
+ 'value="2018-07-13 00:00:00" />'
|
+ '<span class="input-group-addon">至</span>'
|
+ '<input type="text" class="input-sm form-control" id="end" name="end"'
|
+ 'value="2018-07-14 23:59:59" />'
|
+ '</div>'
|
+ '<button type="button" class="btn btn-success btn-xs mybtn"'
|
//根据身份证号获取识别和刷卡记录采用下面方法
|
+ 'style="right:90px;top:40px" onclick="getRecordByCard(\''+ id +'\');">'
|
+ '<i class="fa fa-play m-rs"></i>查询</button>'
|
+ '<button type="button" class="btn btn-danger btn-xs mybtn"'
|
+ 'style="right:10px;top:40px" onclick="stopPeopleRoute3D();">'
|
+ '<i class="fa fa-stop m-rs"></i>清除</button></div>'
|
;
|
layer.open({
|
skin : 'demo-class',
|
title: '身份证刷卡与人工智能识别轨迹查询',
|
type: 1,
|
area : ['450px' , '130px'],
|
maxmin: true,
|
shadeClose: true, //点击遮罩关闭层
|
move : true,
|
content: content
|
});
|
//限制时间只能选择两天之内
|
var start = {elem:"#start",format:"YYYY-MM-DD hh:mm:ss",
|
min:"1900-01-01 00:00:00",max:"2099-06-16 23:59:59",
|
istime:true,istoday:true,
|
choose:function(datas){
|
end.min = datas;
|
end.start = datas;
|
var now = new Date(datas);
|
var date1 = new Date(now.getFullYear(),now.getMonth(),now.getDate()+1);
|
var month = date1.getMonth()+1;
|
end.max = date1.getFullYear()+"-"+month+"-"+date1.getDate()+" "+"23:59:59";javascript:;
|
}};
|
var end = {elem:"#end",format:"YYYY-MM-DD hh:mm:ss",min:"1900-01-01 00:00:00",
|
max:"2099-06-16 23:59:59",istime:true,istoday:true,
|
choose:function(datas){
|
var now = new Date();
|
var month = now.getMonth()+1;
|
start.max = now.getFullYear()+"-"+month+"-"+now.getDate()+" "+"23:59:59";javascript:;
|
}};
|
laydate(start);
|
laydate(end);
|
}
|
//显示关联人口信息
|
function showRelatedPeople(data) {
|
var relatedPeopleContent = "<table class='layui-table'><colgroup><col width='100'><col width='150'><col><col></colgroup><thead>"
|
+ "<tr><th >姓名</th><th>图像</th><th>身份证号</th><th>性别</th><th>生日</th><th>血型</th><th>民族</th><th>籍贯</th><th>身高</th><th>人口类别</th><th>情况描述</th><th>工作单位</th><th>联系电话</th><th>操作</th></tr></thead><tbody>";
|
for(var i = 0; i < data.length; i++){
|
relatedPeopleContent+="<tr><td>"
|
+data[i].name
|
+"</td><td><img style='width:96px;height:142px' src='"
|
+data[i].imgurl
|
+"'></td><td>"
|
+data[i].identity
|
+"</td><td>"
|
+data[i].gender
|
+"</td><td>"
|
+data[i].birthday
|
+"</td><td>"
|
+data[i].blood
|
+"</td><td>"
|
+data[i].nation
|
+"</td><td>"
|
+data[i].origin
|
+"</td><td>"
|
+data[i].height
|
+"</td><td>"
|
+data[i].type
|
+"</td><td>"
|
+data[i].describe
|
+"</td><td>"
|
+data[i].job
|
+"</td><td>"
|
+data[i].tel
|
+"</td><td>"
|
+ '<a href="javascript:void(0);" style="color:blue">详情</a>'
|
+"</td>"
|
+ " </tr>";
|
}
|
relatedPeopleContent+="</tbody></table>";
|
layer.open({
|
skin : 'demo-class',
|
title : [ '关联人口信息', 'font-size:20px;' ],
|
type : 1,
|
area : ['1500px', '500px'],
|
shadeClose : true,
|
content : relatedPeopleContent
|
});
|
}
|
//显示关联房屋信息
|
function showRelatedHouse(data){
|
var relatedHouseContent = "<table class='layui-table'><colgroup><col width='100'><col width='150'><col><col></colgroup><thead>"
|
+ "<tr><th >房产证号</th><th>建成时间</th><th>户主</th><th>建筑面积</th><th>户型图</th></tr></thead><tbody>";
|
for(var i = 0;i < data.length ; i++){
|
relatedHouseContent+="<tr><td>"
|
+data[i].paperId
|
+"</td><td>"
|
+data[i].buildDate
|
+"</td><td>"
|
+data[i].owner
|
+"</td><td>"
|
+data[i].area
|
+"</td><td><img style='max-height:300px' title='点击查看户型图' src='"
|
+data[i].houseUrl
|
+"' onclick='openBigImg(this.src)'></td><td>"
|
+ " </tr>";
|
}
|
relatedHouseContent+="</tbody></table>";
|
layer.open({
|
skin : 'demo-class',
|
title : [ '关联房屋信息', 'font-size:20px;' ],
|
type : 1,
|
area : ['1500px', '500px'],
|
shadeClose : true,
|
content : relatedHouseContent
|
});
|
}
|
//点击看大图
|
function openBigImg(src){
|
var content = "<div style='margin:auto'><img style='max-height:900px;' title='查看大图' src='"
|
+ src+"'/></div>";
|
layer.open({
|
skin : 'demo-class',
|
title : [ '大图', 'font-size:20px;' ],
|
type : 1,
|
area : ['800px', '600px'],
|
shadeClose : true,
|
content : content
|
});
|
}
|
//车辆监督轨迹回放操作弹出框
|
function getPoliceCarHistory(id,phone,type){
|
var content = '<div class="form-group historyRoutehmenu" id="data_5">'
|
+ '<div class="input-daterange input-group m-r-10" id="datepicker">'
|
+ '<span class="input-group-addon m-l-10">时间范围</span>'
|
+ '<input type="text" class="input-sm form-control" id="start" name="start"'
|
+ 'value="2018-07-13 00:00:00" />'
|
+ '<span class="input-group-addon">至</span>'
|
+ '<input type="text" class="input-sm form-control" id="end" name="end"'
|
+ 'value="2018-07-14 23:59:59" />'
|
+ '</div>'
|
+ '<div class="input-group m-r-10 m-t-6" id="datepicker">'
|
+ '<span class="input-group-addon">最小速度</span>'
|
+ '<input type="text" class="input-sm form-control" id="velocity"'
|
+ 'name="velocity" value="1" style="width:50px" />'
|
+ '<label style="margin:5px 0 0 5px;">公里/小时</label>'
|
+ '</div>'
|
+ '<button type="button" class="btn btn-success btn-xs mybtn"'
|
+ 'style="right:90px;top:40px" onclick="getCarHisbyTime('+ phone +');">'
|
+ '<i class="fa fa-play m-rs"></i>查询</button>'
|
+ '<button type="button" class="btn btn-danger btn-xs mybtn"'
|
+ 'style="right:10px;top:40px" onclick="carHisStop3D();">'
|
+ '<i class="fa fa-stop m-rs"></i>清除</button></div>'
|
;
|
layer.open({
|
skin : 'demo-class',
|
title: '车辆轨迹查询',
|
type: 1,
|
area : ['450px' , '130px'],
|
maxmin: true,
|
shadeClose: true, //点击遮罩关闭层
|
move : true,
|
content: content
|
});
|
//限制时间只能选择两天之内
|
var start={elem:"#start",format:"YYYY-MM-DD hh:mm:ss",
|
min:"1900-01-01 00:00:00",max:"2099-06-16 23:59:59",
|
istime:true,istoday:true,
|
choose:function(datas){
|
end.min=datas;
|
end.start=datas;
|
var now = new Date(datas);
|
var date1 = new Date(now.getFullYear(),now.getMonth(),now.getDate()+1);
|
var month = date1.getMonth()+1;
|
end.max = date1.getFullYear()+"-"+month+"-"+date1.getDate()+" "+"23:59:59";javascript:;
|
}};
|
var end={elem:"#end",format:"YYYY-MM-DD hh:mm:ss",min:"1900-01-01 00:00:00",
|
max:"2099-06-16 23:59:59",istime:true,istoday:true,
|
choose:function(datas){
|
var now = new Date();
|
var month = now.getMonth()+1;
|
start.max=now.getFullYear()+"-"+month+"-"+now.getDate()+" "+"23:59:59";javascript:;
|
}};
|
laydate(start);
|
laydate(end);
|
}
|
//二三维获取案件处理记录
|
function getcaseHistory(){
|
var casehistory = "<table class='layui-table'><colgroup><col width='100'>" +
|
"<col width='150'><col><col></colgroup><thead>"+
|
"<tr><th >处理人员</th><th>处理时间</th><th>案件状态</th>" +
|
"<th>处理意见</th></tr></thead><tbody><tr><td>李浩</td>" +
|
"<td>2018-11-29</td><td>已接受案件</td><td>请及时处理</td>"+
|
"</tr><tr><td>李丽</td><td>2018-11-30</td><td>已处理完成案件</td>" +
|
"<td>案件已处理完成，请及时结案</td></tr></tbody></table>";
|
layer.open({
|
skin: 'demo-class',
|
title: ['案件历史记录','font-size:20px;'],
|
type: 1,
|
area:'800px',
|
shadeClose: true,
|
content: casehistory
|
});
|
}
|
//案件图片视频预览
|
function showCaseMaterial(data,type){
|
var content ='<table class="layui-table"><tbody>';
|
var caseMaterialTitle;
|
if(type == 'img'){
|
caseMaterialTitle = "照片资料";
|
content+='<div class="case-material"><img id="caseImg" class="case-material-img" src="../..'+data[0].materialUrl+'"/></div>';
|
content+='<div class="case-litimg-parent">'
|
+'<div class="case-litimg-child">';
|
for(var i = 0; i<data.length ; i++){
|
content+='<div class="case-litimg-pvw"><img class="case-litimg-img" title="查看照片" src="../..'+data[i].materialUrl+'" onclick="selectCaseImg(\''+data[i].materialUrl+'\')"/></div>';
|
}
|
}else if(type == 'vid'){
|
caseMaterialTitle = "案件视频";
|
content+='<div class="case-material"><video id="caseImg" controls="controls" autobuffer="autobuffer" autoplay="autoplay" loop="loop" class="case-material-img" src="../..'+data[0].materialUrl+'"/></div>';
|
content+='<div class="case-litimg-parent">'
|
+'<div class="case-litimg-child">';
|
for(var i = 0; i<data.length ; i++){
|
content+='<div class="case-litimg-pvw"><video class="case-litimg-img" title="查看视频" src="../..'+data[i].materialUrl+'" onclick="selectCaseImg(\''+data[i].materialUrl+'\')">'
|
+'</video></div>';
|
}
|
}
|
content+='</div></div></tbody></table>';
|
layer.open({
|
skin : 'material-class',
|
title : [ caseMaterialTitle, 'font-size:20px;'],
|
type : 1,
|
area : ['1600px', '742px'],
|
shadeClose : false,
|
closeBtn:2,
|
content : content
|
});
|
}
|
//案件图片视频大图预览
|
function selectCaseImg(caseImg){
|
document.getElementById('caseImg').src = "../.."+caseImg;
|
}
|
