369 lines
13 KiB
JavaScript
369 lines
13 KiB
JavaScript
import { layuiObj,loginInfo } from "./index.js";
|
||
import { getCurrData } from "../../../public/js/timestamp.js";
|
||
import { getSchoolOptions } from "./schoolSearch.js";
|
||
import { stationurl,movedeviceurl,brigade } from "../../../public/js/url.js";
|
||
import { deviceHash } from "../api/moveDeviceWebsocket.js";
|
||
import { notifyDetailList } from "./popNotifyDetail.js";
|
||
let notifyListMore=[];
|
||
let earlyWarningHistoryList=[];
|
||
let imgUrlArr=[];
|
||
function openAlarmHistory(){
|
||
layuiObj["layer"].open({
|
||
type: 1,
|
||
title: "事件查询", //不显示标题栏
|
||
// closeBtn: false,
|
||
area: ['1260px', '560px'],
|
||
id: new Date().getTime(), //设定一个id，防止重复弹出
|
||
btnAlign: 'c',
|
||
resize:false,
|
||
// moveType: 0, //拖拽模式，0或者1
|
||
content:`<div class="popintellEarlyWarningInfo">
|
||
<div class="intellEarlyWarningInfo">
|
||
<div class="intellEarlyWarningInfoContent">
|
||
<form class="layui-form" action="" id="intellEarlyWarningHistoryForm" lay-filter="intellEarlyWarningHistoryForm" >
|
||
<div class="layui-input-inline">
|
||
<select name="interest" lay-filter="intellEarlyWarningTypeSelect" id="intellEarlyWarningTypeSelect" lay-search>
|
||
<option value=1>报警事件</option>
|
||
<option value=2>通知事件</option>
|
||
<option value=3>拍照事件</option>
|
||
</select>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<select name="interest" lay-filter="intellEarlyWarningSchoolSelect" id="intellEarlyWarningSchoolSelect" lay-search></select>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" id="intellEarlyWarningHistoryStart" placeholder="请输入开始时间" value='${getCurrData()} 00:00:00'>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<input type="text" class="layui-input" id="intellEarlyWarningHistoryEnd" placeholder="请输入结束时间" value='${getCurrData()} 23:59:59'>
|
||
</div>
|
||
<div class="layui-input-inline">
|
||
<button class="layui-btn" id="intellEarlyWarningHistoryBtn" style="height:38px !important;line-height:38px !important;">查询</button>
|
||
</div>
|
||
</form>
|
||
<div class="intellEarlyWarningList">
|
||
<table class="layui-hide" id="intellEarlyWarningTable" lay-filter="intellEarlyWarningTable"></table>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>`,
|
||
success:function(){
|
||
renderClockFrom();
|
||
intellEarlyWarningSelectEvent();
|
||
}
|
||
})
|
||
}
|
||
|
||
function renderClockFrom(){
|
||
$("#intellEarlyWarningSchoolSelect").html(getSchoolOptions());
|
||
layuiObj.layuiForm.render("select","intellEarlyWarningHistoryForm");
|
||
$("#intellEarlyWarningSchoolSelect").siblings("div.layui-form-select").find("div.layui-select-title").find("input").attr("onfocus","this.select()");
|
||
layuiObj.laydate.render({
|
||
elem: '#intellEarlyWarningHistoryStart',
|
||
type: 'datetime',
|
||
});
|
||
layuiObj.laydate.render({
|
||
elem: '#intellEarlyWarningHistoryEnd',
|
||
type: 'datetime',
|
||
});
|
||
}
|
||
|
||
function intellEarlyWarningSelectEvent(){
|
||
$("#intellEarlyWarningHistoryBtn").off('')
|
||
$("#intellEarlyWarningHistoryBtn").on('click',(e)=>{
|
||
var start=$("#intellEarlyWarningHistoryStart").val();
|
||
var end=$("#intellEarlyWarningHistoryEnd").val();
|
||
var station=$("#intellEarlyWarningSchoolSelect").find("option:selected").val();
|
||
var type=$("#intellEarlyWarningTypeSelect").find("option:selected").val();
|
||
var data={
|
||
"brigade":brigade,
|
||
"start":start,
|
||
"end":end
|
||
}
|
||
if(station!="000"){
|
||
data["station"]=station
|
||
}
|
||
$(".intellEarlyWarningList").removeClass("commonfile");
|
||
switch(type){
|
||
case "1":
|
||
selectAlarmByOrg(data);
|
||
break;
|
||
case "2":
|
||
getNotifyCountMore(data);
|
||
break;
|
||
case "3":
|
||
$(".intellEarlyWarningList").addClass("commonfile")
|
||
selectCommonfile(data);
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
return false;
|
||
})
|
||
}
|
||
|
||
function selectAlarmByOrg(data){
|
||
alarmByorgGetlist(data).then(res=>{
|
||
earlyWarningHistoryList=[];
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
var data=res["data"]["data"];
|
||
earlyWarningHistoryList=data;
|
||
if(earlyWarningHistoryList.length>0){
|
||
earlyWarningHistoryList.reverse();
|
||
}
|
||
}
|
||
showAlarmByorgTable();
|
||
})
|
||
}
|
||
|
||
function alarmByorgGetlist(data){
|
||
var alarmOrgUrl=movedeviceurl+"/mdev/alarm/byorg/getlist";
|
||
return axios({
|
||
method: 'post',
|
||
url:alarmOrgUrl,
|
||
data:data
|
||
})
|
||
}
|
||
|
||
//获取通知列表
|
||
function getNotifyCountMore(reqData){
|
||
reqData["sender"]=loginInfo["user_name"];
|
||
notifyListMore=[];
|
||
let nurlCount=movedeviceurl+"/mdev/notice/getcount";
|
||
axios({
|
||
method: 'post',
|
||
url:nurlCount,
|
||
data:reqData
|
||
}).then(res => {
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
var data=res["data"]["data"];
|
||
var count=data["count"];
|
||
if(count!=0){
|
||
var reqList=getPageReq(reqData,count);
|
||
//获取列表
|
||
var pArr=reqList.map((item)=>{
|
||
reqData=item;
|
||
let nurlList=movedeviceurl+"/mdev/notice/getlist";
|
||
return axios({
|
||
method: 'post',
|
||
url:nurlList,
|
||
data:reqData
|
||
})
|
||
})
|
||
Promise.all(pArr).then((result) => {
|
||
console.log(result);
|
||
for(var i=0;i<result.length;i++){
|
||
var code=result[i]["data"]["code"];
|
||
if(code==0){
|
||
var data=result[i]["data"]["data"];
|
||
for(var j=0;j<data.length;j++){
|
||
var receiver=data[j]["receiver"];
|
||
if(receiver in deviceHash){
|
||
data[j]["showname"]=deviceHash[receiver]["showname"]
|
||
|
||
}else{
|
||
data[j]["showname"]="/";
|
||
}
|
||
data[j]["readtime"]="/";
|
||
notifyListMore.unshift(data[j]);
|
||
}
|
||
}
|
||
}
|
||
selectNotifyMoreStatus();
|
||
})
|
||
}else{
|
||
alarmEventListTable([])
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
|
||
function selectNotifyMoreStatus(){
|
||
let notifyStatus=[];
|
||
notifyListMore.map((item)=>{
|
||
var reqData={
|
||
"noticeid":item.noticeid
|
||
}
|
||
let nsurl=movedeviceurl+"/mdev/notice/getstatus";
|
||
notifyStatus.push( axios({
|
||
method: 'post',
|
||
url:nsurl,
|
||
data:reqData
|
||
}));
|
||
})
|
||
Promise.all(notifyStatus).then(res=>{
|
||
for(var i =0;i<res.length;i++){
|
||
var data=res[i]["data"]["data"];
|
||
if(data!=null){
|
||
for(var j=0;j<data.length;j++){
|
||
var deviceid=data[j]["deviceid"];
|
||
var noticeid=data[j]["noticeid"];
|
||
for(var k=0;k<notifyListMore.length;k++){
|
||
if((noticeid==notifyListMore[k]["noticeid"])&&(deviceid==notifyListMore[k]["receiver"])){
|
||
notifyListMore[k]={...notifyListMore[k],...data[j]}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
}
|
||
var readImg="<img src='./pages/cmddispatch/image/notifyRead.png' class='notifyImg'>";
|
||
var unreadImg="<img src='./pages/cmddispatch/image/notifyUnRead.png' class='notifyImg'>";
|
||
for(var i=0;i<notifyListMore.length;i++){
|
||
if("state" in notifyListMore[i]){
|
||
var status=notifyListMore[i]["state"];
|
||
}else{
|
||
var status="unread";
|
||
}
|
||
if(status!="read"){
|
||
notifyListMore[i]["img"]=unreadImg;
|
||
notifyListMore[i]["statusText"]="未读";
|
||
}else{
|
||
notifyListMore[i]["img"]=readImg;
|
||
notifyListMore[i]["statusText"]="已读";
|
||
}
|
||
}
|
||
alarmEventListTable(notifyListMore);
|
||
})
|
||
}
|
||
|
||
function showAlarmByorgTable(){
|
||
layuiObj.layuitable.render({
|
||
elem:'#intellEarlyWarningTable',
|
||
data:earlyWarningHistoryList,
|
||
toolbar: '#toolbarDemo', // 重点，可默认，也可自己设置按钮
|
||
defaultToolbar: ['filter', 'exports'], // exports为导出按钮
|
||
cols: [[
|
||
{field:'station', width:"20%", title: '学校',templet : function(data) {// 替换数据
|
||
var deviceid=data["deviceid"];
|
||
if(deviceid in deviceHash){
|
||
return `${deviceHash[deviceid]["station"]}`;
|
||
}
|
||
}},
|
||
{field:'address', width:"20%", title: '地址'},
|
||
{field:'timestamp', width:"20%", title: '时间'},
|
||
{field:'deviceid', width:"20%", title: '名称',templet : function(data) {// 替换数据
|
||
var deviceid=data["deviceid"];
|
||
if(deviceid in deviceHash){
|
||
return `${deviceHash[deviceid]["showname"]}`;
|
||
}
|
||
}},
|
||
{field:'deviceid', width:"20%", title: '设备号'},
|
||
]],
|
||
limit:Number.MAX_VALUE // 数据表格默认全部显示
|
||
});
|
||
}
|
||
|
||
function alarmEventListTable(eventTemp){
|
||
|
||
layuiObj.layuitable.render({
|
||
elem:'#intellEarlyWarningTable',
|
||
data:eventTemp,
|
||
toolbar: '#toolbarDemo', // 重点，可默认，也可自己设置按钮
|
||
defaultToolbar: ['filter', 'exports'], // exports为导出按钮
|
||
cols: [[
|
||
{field:'title', width:"12%", title: '标题',event:"showNotifyDetail"},
|
||
{field:'content', width:"22%", title: '内容'},
|
||
{field:'timestamp', width:"18%", title: '下发时间',sort:true},
|
||
{field:'showname', width:"14%", title: '接受者'},
|
||
{field:'statusText', width:"10%", title: '消息状态'},
|
||
{field:'sender', width:"14%", title: '发送者'},
|
||
{field:'edit', width:"10%", title: '操作',event:'handle',templet:function(data) {
|
||
return `<a class="layui-btn">详情</a>`
|
||
}
|
||
},
|
||
]],
|
||
limit:Number.MAX_VALUE // 数据表格默认全部显示
|
||
});
|
||
listenEarlyWarningTable();
|
||
}
|
||
|
||
|
||
function listenEarlyWarningTable(){
|
||
|
||
layuiObj.layuitable.on('tool(intellEarlyWarningTable)', function(obj){
|
||
var event=obj["event"];
|
||
var data = obj.data;
|
||
switch(event){
|
||
case "handle":
|
||
notifyDetailList(data)
|
||
break;
|
||
default:
|
||
break;
|
||
}
|
||
})
|
||
}
|
||
//分页请求
|
||
function getPageReq(reqOrgData,count){
|
||
let number=1000;
|
||
let page=Math.ceil(count/number);
|
||
let reqList=[];
|
||
for(let i=0;i<page;i++){
|
||
let reqData=JSON.parse(JSON.stringify(reqOrgData));
|
||
reqData["pagesize"]=number;
|
||
reqData["pageindex"]=i;
|
||
reqList.push(reqData);
|
||
}
|
||
return reqList;
|
||
}
|
||
|
||
|
||
function selectCommonfile(data){
|
||
selectCommonfileGetlist(data).then(res=>{
|
||
var code=res["data"]["code"];
|
||
if(code==0){
|
||
var data=res["data"]["data"];
|
||
showCommonfileTable(data)
|
||
}
|
||
})
|
||
}
|
||
|
||
function selectCommonfileGetlist(data){
|
||
var commonfileUrl=stationurl+"/firectrl/school/commonfile/getlist";
|
||
return axios({
|
||
method: 'post',
|
||
url:commonfileUrl,
|
||
data:data
|
||
})
|
||
}
|
||
|
||
|
||
function showCommonfileTable(data){
|
||
console.log(data);
|
||
imgUrlArr=[];
|
||
layuiObj.layuitable.render({
|
||
elem:'#intellEarlyWarningTable',
|
||
data:data,
|
||
cols: [[
|
||
{field:'comment', width:"20%", title: '标题'},
|
||
{field:'station', width:"20%", title: '学校'},
|
||
{field:'creator', width:"20%", title: '使用者'},
|
||
{field:'timestamp', width:"20%", title: '上传时间'},
|
||
{field:'imageUrls', width:"20%", title: '文件',templet:function(data) {
|
||
return `${getImageUrl(data)}`
|
||
}
|
||
},
|
||
]],
|
||
limit:Number.MAX_VALUE // 数据表格默认全部显示
|
||
});
|
||
for(var i=0;i<imgUrlArr.length;i++){
|
||
new Viewer(document.getElementById(`hiddenDangerImg${imgUrlArr[i]}`),{
|
||
url: 'data-original'
|
||
});
|
||
}
|
||
}
|
||
|
||
function getImageUrl(item){
|
||
var imgUrl=JSON.parse(item["imageUrls"]);
|
||
var imgs="";
|
||
for(var i=0;i<imgUrl.length;i++){
|
||
var url=stationurl+imgUrl[i];
|
||
imgUrlArr.push(url)
|
||
imgs+=`<div class="schoolStyle_pop_img commonFile"><img src="${url}" id='hiddenDangerImg${url}'></div>`
|
||
}
|
||
return imgs;
|
||
}
|
||
|
||
export {openAlarmHistory} |