312 lines
9.9 KiB
JavaScript
312 lines
9.9 KiB
JavaScript
import { getPoliceAlarm } from "../api/getPoliceAlarm.js"
|
||
import { layuiObj,eventMap} from "./index.js";
|
||
import {drawAlarmEventMarker,drawPersonEventMarker} from "./marker/schoolMarker.js";
|
||
import { timestampFormatTime } from "../../../public/js/timestamp.js";
|
||
import { getskynetfence } from "../api/getSkyNetfence.js";
|
||
import { getTime } from "./time.js";
|
||
import { brigade } from "../../../public/js/url.js";
|
||
import { sendFacealarmBroadcast } from "../api/sendFacealarmBroadcast.js";
|
||
let policeAlarmList=[];
|
||
var currentStation="";
|
||
var currnetAlarmTarget="";
|
||
var skynetfenceObj={}
|
||
var polygonArr=[];
|
||
function showPoliceAlarm(){
|
||
var time=getTime();
|
||
var reqdata={
|
||
brigade,
|
||
pageindex: 0,
|
||
pagesize: 2000,
|
||
readState:"unread",
|
||
start:time["startTime"],
|
||
end:time["endTime"]
|
||
}
|
||
getPoliceAlarm(reqdata).then(res=>{
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
var data=res["data"]["data"];
|
||
if(data!=null){
|
||
policeAlarmList=data;
|
||
policeAlarmList.reverse();
|
||
}
|
||
}
|
||
showPoliceAlarmDiv();
|
||
})
|
||
}
|
||
|
||
function showPoliceAlarmDiv(){
|
||
var div="";
|
||
for(var i=0;i<policeAlarmList.length;i++){
|
||
div+=getAlarmPersonInfoDiv(policeAlarmList[i],"broadCast")
|
||
}
|
||
$(".warnInfoListall").html(div);
|
||
addAlarmEventClick();
|
||
|
||
}
|
||
|
||
function addAlarmEventClick(){
|
||
$(".warnInfoListall>div").on('click',function(){
|
||
var eventId=$(this).attr("eventId");
|
||
$(".currentSchoolAlarmListAllBox").html("");
|
||
$(".schoolAlarmInfo>p:nth-child(1)").html("预警信息");
|
||
for(var i=0;i<policeAlarmList.length;i++){
|
||
if(eventId==policeAlarmList[i]["alarmId"]){
|
||
currnetAlarmTarget=policeAlarmList[i]["personName"];
|
||
currentStation=policeAlarmList[i]["station"];
|
||
drawAlarmEventMarker([policeAlarmList[i]]);
|
||
showSchoolInfoBox(policeAlarmList[i])
|
||
break;
|
||
}
|
||
}
|
||
})
|
||
|
||
$(".warnInfoListall>div>div .broadCastMsgBtn").on('click',function(){
|
||
var alarmId=$(this).parent().parent().parent().attr("eventId");
|
||
layer.confirm('确定需要广播吗?', {icon: 3, title:'提示'}, function(index){
|
||
sendFacealarmBroadcast(alarmId).then(res=>{
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
layer.msg("推送成功")
|
||
}else{
|
||
layer.msg("推送失败")
|
||
}
|
||
})
|
||
|
||
layer.close(index);
|
||
});
|
||
})
|
||
|
||
|
||
$(".warnInfoListall>div>div .policeDetailBtn").on('click',function(){
|
||
var alarmId=$(this).parent().parent().parent().attr("eventId");
|
||
for(var i=0;i<policeAlarmList.length;i++){
|
||
if(alarmId==policeAlarmList[i]["alarmId"]){
|
||
openPoliceAlarm(policeAlarmList[i]);
|
||
break;
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
function openPoliceAlarm(item){
|
||
layuiObj.layer.open({
|
||
type: 1,
|
||
title: "天网预警", //不显示标题栏
|
||
area: ['auto','auto'],
|
||
shade: 0.6,
|
||
id:new Date().getTime(), //设定一个id，防止重复弹出
|
||
btnAlign: 'c',
|
||
moveType: 1, //拖拽模式，0或者1
|
||
content: `<div style="padding:10px;color:#fff;background:#032357;height:calc(100% - 20px);overflow-y:auto;" class="aIBehavioralPop">
|
||
${getAlarmPersonInfoDiv(item,"noBroadCast")}
|
||
</div>`,
|
||
success: function(layero){
|
||
console.log(item);
|
||
}
|
||
});
|
||
}
|
||
|
||
function showSchoolInfoBox(item,type){
|
||
var div=`
|
||
<div>
|
||
<p>
|
||
<span>学校名称:</span>
|
||
<span>${item["station"]}</span>
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
<span>派出所:</span>
|
||
<span>${item["borough"]}</span>
|
||
</p>
|
||
<p>
|
||
<span>警务区:</span>
|
||
<span>${item["detachment"]}</span>
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
<span>校长:</span>
|
||
<span>王娟(15211120788)</span>
|
||
</p>
|
||
<p>
|
||
<span>校区民警:</span>
|
||
<span>王娟(15211120788)</span>
|
||
</p>
|
||
</div>
|
||
<p>
|
||
<button type="button" class="layui-btn currentSchoolInfo">学校预警信息</button>
|
||
<button type="button" class="layui-btn currentPersonInfo">人员预警信息</button>
|
||
</p>`;
|
||
|
||
|
||
$(".schoolInfoBox").html(div)
|
||
addSchoolInfoBoxEvent();
|
||
}
|
||
|
||
function addSchoolInfoBoxEvent(){
|
||
$(".currentSchoolInfo").on('click',function(){
|
||
var tempArr=[];
|
||
for(var i=0;i<policeAlarmList.length;i++){
|
||
if(currentStation==policeAlarmList[i]["station"]){
|
||
tempArr.push(policeAlarmList[i])
|
||
}
|
||
}
|
||
drawAlarmEventMarker(tempArr);
|
||
showSchoolWarnAlarmInfo(tempArr);
|
||
$(".schoolAlarmInfo>p:nth-child(1)").html(currentStation+" 预警信息");
|
||
showSkynetFence();
|
||
})
|
||
$(".currentPersonInfo").on('click',function(){
|
||
var tempArr=[];
|
||
for(var i=0;i<policeAlarmList.length;i++){
|
||
if(currnetAlarmTarget==policeAlarmList[i]["personName"]){
|
||
tempArr.push(policeAlarmList[i])
|
||
}
|
||
}
|
||
drawPersonEventMarker(tempArr);
|
||
showSchoolWarnAlarmInfo(tempArr);
|
||
$(".schoolAlarmInfo>p:nth-child(1)").html(currnetAlarmTarget+" 预警信息");
|
||
})
|
||
}
|
||
|
||
function showSkynetFence(){
|
||
if(!(currentStation in skynetfenceObj)){
|
||
getskynetfence(currentStation).then(res=>{
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
var data=res["data"]["data"];
|
||
var station=data["station"]
|
||
skynetfenceObj[station]=data;
|
||
}else{
|
||
layuiObj.layer.msg("无围栏信息");
|
||
}
|
||
drawPolygon();
|
||
})
|
||
}else{
|
||
drawPolygon();
|
||
}
|
||
}
|
||
|
||
function getAlarmPersonInfoDiv(item,type){
|
||
var personLibName=item["personLibName"];
|
||
var station=item["station"];
|
||
var alarmTime=timestampFormatTime(new Date(item["alarmTime"]).getTime());
|
||
var address=item["cameraName"];
|
||
var eventId=item["alarmId"];
|
||
var pic=item["snappedPicUrl"]
|
||
var blackType=item["certificateTypeName"]
|
||
var idNumber=item["certificateNumber"];
|
||
var blackName=item["personName"];
|
||
var groupType=item["groupType"];
|
||
var div=`
|
||
<div eventId='${eventId}'>
|
||
<p>
|
||
<img src="${pic}" alt="">
|
||
</p>
|
||
<div>
|
||
<p>
|
||
<span>[${personLibName}]</span>
|
||
<span>【${groupType == null?" ":groupType}】</span>
|
||
</p>
|
||
<p>
|
||
<span>告警时间:</span>
|
||
<span>${alarmTime}</span>
|
||
</p>
|
||
<p>
|
||
<span>学校名称:</span>
|
||
<span>${station}</span>
|
||
</p>
|
||
<p>
|
||
<span>${blackType}:</span>
|
||
<span>${blackName}/${idNumber}</span>
|
||
</p>
|
||
<p>
|
||
<span>位置:</span>
|
||
<span>${address}</span>
|
||
</p>
|
||
`
|
||
if(type!="noBroadCast"){
|
||
div+=`<p>
|
||
<button class="layui-btn layui-btn-normal broadCastMsgBtn">广播</button>
|
||
<button class="layui-btn layui-btn-normal policeDetailBtn">详情</button>
|
||
</p>`;
|
||
}
|
||
div+=`</div></div>`;
|
||
return div;
|
||
}
|
||
|
||
function showSchoolWarnAlarmInfo(arr){
|
||
var div="";
|
||
for(var i=0;i<arr.length;i++){
|
||
div+=getAlarmPersonInfoDiv(arr[i],"noBroadCast")
|
||
}
|
||
$(".currentSchoolAlarmListAllBox").html(div);
|
||
}
|
||
|
||
function emptyPoygon(){
|
||
for(var i=0;i<polygonArr.length;i++){
|
||
eventMap.removeLayer(polygonArr[i])
|
||
}
|
||
}
|
||
|
||
function drawPolygon(){
|
||
emptyPoygon();
|
||
if(currentStation in skynetfenceObj){
|
||
var redData=JSON.parse(skynetfenceObj[currentStation]["redData"]);//最里层
|
||
var orangeData=JSON.parse(skynetfenceObj[currentStation]["orangeData"]);//中间成
|
||
var yellowData=JSON.parse(skynetfenceObj[currentStation]["yellowData"]);//最外层
|
||
var stationFence=JSON.parse(skynetfenceObj[currentStation]["stationFence"]);//学校
|
||
|
||
var oneArr=[];
|
||
var twoArr=[];
|
||
var threeArr=[];
|
||
var fourArr=[];
|
||
|
||
for(var i=0;i<redData.length;i++){
|
||
oneArr.push([redData[i]["latitude"],redData[i]["longitude"]]);
|
||
}
|
||
|
||
for(var j=0;j<orangeData.length;j++){
|
||
twoArr.push([orangeData[j]["latitude"],orangeData[j]["longitude"]]);
|
||
}
|
||
|
||
for(var k=0;k<yellowData.length;k++){
|
||
threeArr.push([yellowData[k]["latitude"],yellowData[k]["longitude"]]);
|
||
}
|
||
|
||
for(var z=0;z<stationFence.length;z++){
|
||
fourArr.push([stationFence[z]["latitude"],stationFence[z]["longitude"]]);
|
||
}
|
||
|
||
var yellowArr=[[threeArr],[twoArr]];
|
||
var orangeArr=[[twoArr],[oneArr]];
|
||
var redArr=[[oneArr],[fourArr]];
|
||
var stationArr=[[fourArr]];
|
||
|
||
var polygon_yellow = L.polygon(yellowArr, {weight:4,color: '#f4d81b',fillOpacity:"0.8"});
|
||
var polygon_orange = L.polygon(orangeArr, {weight:4,color: '#ff9c00',fillOpacity:"0.7"});
|
||
var polygon_red = L.polygon(redArr, {weight:4,color: '#ed4040',fillOpacity:"0.6"});
|
||
var polygon_station = L.polygon(stationArr, {weight:4,color: '#21ecc8',fillOpacity:"0.3"});
|
||
|
||
eventMap.addLayer(polygon_yellow);
|
||
eventMap.addLayer(polygon_orange);
|
||
eventMap.addLayer(polygon_red);
|
||
eventMap.addLayer(polygon_station);
|
||
|
||
polygonArr.push(polygon_yellow);
|
||
polygonArr.push(polygon_orange);
|
||
polygonArr.push(polygon_red);
|
||
polygonArr.push(polygon_station);
|
||
|
||
// 将地图放大到多边形的位置
|
||
eventMap.fitBounds(polygon_yellow.getBounds());
|
||
//eventMap.fitBounds(polygon.getBounds());
|
||
}
|
||
}
|
||
|
||
export {
|
||
showPoliceAlarm,
|
||
policeAlarmList,
|
||
emptyPoygon
|
||
} |