359 lines
9.7 KiB
JavaScript
359 lines
9.7 KiB
JavaScript
import { getFaceAlarmStationSummary } from "../api/getFaceAlarmStationSummary.js";
|
||
import { getFaceAlarmBlacklistSummary } from "../api/getFaceAlarmBlacklistSummary.js";
|
||
import { layuiObj,eventMap} from "./index.js";
|
||
import {drawAlarmEventMarker} from "./marker/schoolMarker.js";
|
||
import { brigade } from "../../../public/js/url.js";
|
||
import { getPoliceAlarm } from "../api/getPoliceAlarm.js";
|
||
import { getPersonBlackList } from "../api/getPersonInfo.js";
|
||
import { getTime } from "./time.js";
|
||
import { timestampFormatTime } from "../../../public/js/timestamp.js";
|
||
import { stationurl } from "../../../public/js/url.js";
|
||
|
||
let policeAlarmList=[];
|
||
let policeAlarmItemList=[];//保存的是每一条记录
|
||
var currentStation="";
|
||
var polygonArr=[];
|
||
|
||
//按照学校统计天网的告警
|
||
function showPoliceAlarm(){
|
||
var reqdata={
|
||
brigade,
|
||
pageindex: 0,
|
||
pagesize: 2000,
|
||
year:(new Date().getFullYear()).toString(),
|
||
month:(new Date().getMonth()+1).toString(),
|
||
day:(new Date().getDate()).toString()
|
||
}
|
||
getFaceAlarmStationSummary(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 showPersonPoliceAlarm(){
|
||
var reqdata={
|
||
brigade,
|
||
pageindex: 0,
|
||
pagesize: 2000,
|
||
year:(new Date().getFullYear()).toString(),
|
||
month:(new Date().getMonth()+1).toString(),
|
||
day:(new Date().getDate()).toString()
|
||
}
|
||
getFaceAlarmBlacklistSummary(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);
|
||
layuiObj["layuiForm"].render(null,"policeAlarmForm")
|
||
addAlarmEventClick();
|
||
}
|
||
|
||
function addAlarmEventClick(){
|
||
$(".warnInfoListall>div").on('click',function(){
|
||
var eventId=$(this).attr("eventId");
|
||
var type=$(this).attr("type");
|
||
currentStation=eventId
|
||
if(type=="station"){
|
||
var reqData={
|
||
station:eventId,
|
||
}
|
||
}else{
|
||
var reqData={
|
||
certificateNumber:eventId,
|
||
}
|
||
}
|
||
var time=getTime();
|
||
reqData["pageindex"]=0;
|
||
reqData["pagesize"]=2000
|
||
reqData["start"]=time["startTime"]
|
||
reqData["end"]=time["endTime"]
|
||
getPoliceAlarm(reqData).then(res=>{
|
||
console.log(res);
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
var data=res["data"]["data"]
|
||
if(data!=null){
|
||
policeAlarmItemList=data;
|
||
policeAlarmItemList.reverse();
|
||
drawAlarmEventMarker(data);
|
||
showSchoolInfoBox(data,type)
|
||
}
|
||
}
|
||
})
|
||
})
|
||
|
||
|
||
|
||
}
|
||
|
||
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">
|
||
${showPoliceAlarmItemDetail(item)}
|
||
</div>`,
|
||
success: function(layero){
|
||
console.log(item);
|
||
}
|
||
});
|
||
}
|
||
|
||
//显示学校信息
|
||
function showStationInfo(list){
|
||
var item=list[0];
|
||
return `
|
||
<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>
|
||
<p>
|
||
<span>次数:</span>
|
||
<span>${list.length}</span>
|
||
</p>
|
||
</div>`;
|
||
}
|
||
|
||
//获取人员信息
|
||
async function getPersonInfo(){
|
||
var data={
|
||
personId:currentStation
|
||
}
|
||
var personInfoReq= await getPersonBlackList(data)
|
||
var imageUrl="";
|
||
var groupType="";
|
||
var genderName="";
|
||
if(personInfoReq["data"]["data"].length>0){
|
||
var personInfoObj=personInfoReq["data"]["data"][0];
|
||
imageUrl=stationurl+personInfoObj["imageUrl"]
|
||
groupType=personInfoObj["groupType"]
|
||
genderName=personInfoObj["genderName"]
|
||
}
|
||
return {
|
||
imageUrl,
|
||
groupType,
|
||
genderName
|
||
}
|
||
|
||
}
|
||
|
||
//显示人员信息
|
||
async function showPersonInfo(list){
|
||
getPersonInfo().then(res=>{
|
||
console.log(res);
|
||
var item=list[0];
|
||
var blackType=item["certificateTypeName"]
|
||
var idNumber=item["certificateNumber"];
|
||
var blackName=item["personName"];
|
||
var div=`
|
||
<img src="${res["imageUrl"]}">
|
||
<div>
|
||
|
||
<p>
|
||
<span>${blackType}:</span>
|
||
<span>${blackName}/${idNumber}</span>
|
||
</p>
|
||
<p>
|
||
<span>性别:</span>
|
||
<span>${res["genderName"]}</span>
|
||
</p>
|
||
<p>
|
||
<span>类型:</span>
|
||
<span>${res["groupType"]}</span>
|
||
</p>
|
||
<p>
|
||
<span>出现次数:</span>
|
||
<span>${list.length}</span>
|
||
</p>
|
||
</div>`;
|
||
$(".schoolInfoBox").html(div)
|
||
})
|
||
|
||
|
||
|
||
}
|
||
|
||
function showSchoolInfoBox(list,type){
|
||
if(type=="station"){
|
||
$(".mainContentR_top>p:nth-child(1)").html("学校信息:"+currentStation)
|
||
var div=showStationInfo(list);
|
||
$(".schoolInfoBox").html(div)
|
||
}else if(type=="person"){
|
||
$(".mainContentR_top>p:nth-child(1)").html("人员信息："+currentStation)
|
||
showPersonInfo(list)
|
||
}
|
||
|
||
showSchoolWarnAlarmInfo(list);
|
||
}
|
||
|
||
|
||
|
||
function getAlarmPersonInfoDiv(item,type){
|
||
var alarmCount=item["alarmCount"];
|
||
if("personId" in item){
|
||
var text=item["personId"]
|
||
var type="person";
|
||
}
|
||
if("station" in item){
|
||
var text=item["station"];
|
||
var type="station";
|
||
}
|
||
var lastPicUrl=item["lastPicUrl"];
|
||
var lastTimestamp=item["lastTimestamp"];
|
||
var div="";
|
||
div+=`<div eventId="${text}" type="${type}">
|
||
<p>
|
||
<img src="${lastPicUrl}" alt="">
|
||
</p>
|
||
<div>
|
||
<p>
|
||
<span>[${text}]</span>
|
||
<span>【${alarmCount}】</span>
|
||
</p>
|
||
<p>
|
||
<span>最后一次时间:</span>
|
||
<span>${lastTimestamp}</span>
|
||
</p>
|
||
</div>
|
||
</div>`;
|
||
return div;
|
||
}
|
||
|
||
function showSchoolWarnAlarmInfo(arr){
|
||
var div="";
|
||
for(var i=0;i<arr.length;i++){
|
||
div+=showPoliceAlarmItem(arr[i],"");
|
||
}
|
||
$(".currentSchoolAlarmListAllBox").html(div);
|
||
addPoliceAlarmItemEvent();
|
||
}
|
||
|
||
//显示每一条记录
|
||
function showPoliceAlarmItem(item){
|
||
var personLibName=item["personLibName"];
|
||
var alarmTime=timestampFormatTime(new Date(item["alarmTime"]).getTime());
|
||
var address=item["cameraName"];
|
||
var alarmId=item["alarmId"];
|
||
var pic=item["snappedPicUrl"]
|
||
return `
|
||
<div alarmId='${alarmId}'>
|
||
<p>
|
||
<img src="${pic}" alt="">
|
||
</p>
|
||
<div>
|
||
<p>
|
||
<span>[${personLibName}]</span>
|
||
<span></span>
|
||
</p>
|
||
<p>
|
||
<span>告警时间:</span>
|
||
<span>${alarmTime}</span>
|
||
</p>
|
||
<p>
|
||
<span>位置:</span>
|
||
<span>${address}</span>
|
||
</p>
|
||
<p>
|
||
<button class="layui-btn layui-btn-normal policeDetailBtn">详情</button>
|
||
</p>
|
||
</div>
|
||
</div>`;
|
||
}
|
||
|
||
function addPoliceAlarmItemEvent(){
|
||
$(".policeDetailBtn").on('click',function(){
|
||
var alarmId=$(this).parent().parent().parent().attr("alarmId");
|
||
for(var i=0;i<policeAlarmItemList.length;i++){
|
||
if(alarmId==policeAlarmItemList[i]["alarmId"]){
|
||
openPoliceAlarm(policeAlarmItemList[i]);
|
||
break;
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
function showPoliceAlarmItemDetail(item){
|
||
var personLibName=item["personLibName"];
|
||
var alarmTime=timestampFormatTime(new Date(item["alarmTime"]).getTime());
|
||
var address=item["cameraName"];
|
||
var alarmId=item["alarmId"];
|
||
var pic=item["snappedPicUrl"]
|
||
return `
|
||
<div alarmId='${alarmId}'>
|
||
<p>
|
||
<img src="${pic}" alt="">
|
||
</p>
|
||
<div>
|
||
<p>
|
||
<span>[${personLibName}]</span>
|
||
<span></span>
|
||
</p>
|
||
<p>
|
||
<span>告警时间:</span>
|
||
<span>${alarmTime}</span>
|
||
</p>
|
||
<p>
|
||
<span>位置:</span>
|
||
<span>${address}</span>
|
||
</p>
|
||
</div>
|
||
</div>`;
|
||
}
|
||
|
||
|
||
function emptyPoygon(){
|
||
for(var i=0;i<polygonArr.length;i++){
|
||
eventMap.removeLayer(polygonArr[i])
|
||
}
|
||
}
|
||
|
||
|
||
export {
|
||
showPoliceAlarm,
|
||
showPersonPoliceAlarm,
|
||
policeAlarmList,
|
||
emptyPoygon
|
||
} |