layui.use('table', function(){
|
var table = layui.table;
|
var layer = layui.layer;
|
var form = layui.form;
|
|
|
|
var data = "username="+sessionStorage.getItem("username")
|
$.get("/hxzkuwb/findUserRole",data,function (data) {
|
if(data.juese == "访客"){
|
//标签设备
|
table.render({
|
elem: '#tag'
|
,url: '/hxzkuwb/findrenyuanDaPing'
|
,page: true //开启分页
|
,skin: 'nob' //行边框风格
|
,cols: [[ // 表头
|
{field: 'ponline', title: '状态',templet: '#titleTpl1',width:80}
|
,{ field: 'ptagid', title: '编号',align: 'left',width:80}
|
,{field: 'pname', title: '名称' ,width:90}
|
,{field: 'pdepartment', title: '部门',width:90}
|
,{field: 'ppower', title: '电量%',width:80}
|
,{field: 'pphone', title: '电话',width:140, templet:'#phoneTpl'}
|
,{field: 'paddtiem', title: '时间',width:170}
|
,{toolbar: '#barDemotag',title: "看详情",width:80}
|
,{field: 'version',title: "固件版本",width:100}
|
]]
|
});
|
}else{
|
table.render({
|
elem: '#tag'
|
,url: '/hxzkuwb/findrenyuanDaPing'
|
,page: true //开启分页
|
,skin: 'nob' //行边框风格
|
,cols: [[ // 表头
|
{field: 'ponline', title: '状态',templet: '#titleTpl1',width:80}
|
,{ field: 'ptagid', title: '编号',align: 'left',width:80}
|
,{field: 'pname', title: '名称' ,width:90}
|
,{field: 'pdepartment', title: '部门',width:90}
|
,{field: 'ppower', title: '电量%',width:80}
|
,{field: 'pphone', title: '电话',width:140}
|
,{field: 'paddtiem', title: '时间',width:170}
|
,{toolbar: '#barDemotag',title: "看详情",width:80}
|
,{field: 'version',title: "固件版本",width:100}
|
]]
|
});
|
}
|
})
|
|
|
table.render({
|
elem: '#anchor'
|
,url: '/hxzkuwb/findanchor'
|
,skin: 'nob'
|
,page: true //开启分页
|
,cols: [[ //表头
|
{field: 'id', title: '序号',width:80}
|
,{field: 'anchorid', title: '设备' ,width:80}
|
,{ field: 'anchormode', title: '状态',width:80 ,templet: '#titleTpl'}
|
,{ field: 'posz', title: 'X坐标',width:100 }
|
,{ field: 'posy', title: 'Y坐标',width:100 }
|
,{ field: 'layer', title: '所在层',width:80 }
|
,{field: 'version', title: '版本',width:80}
|
,{field: 'baoliu8', title: '电量',width:120}
|
,{field: 'greatetime', title: '日期',width:190}
|
]]
|
});
|
|
table.render({
|
elem: '#fence'
|
,url: '/hxzkuwb/findfence'
|
,skin: 'nob'
|
,page: true //开启分页
|
,resize:true
|
,cols: [[ //表头
|
{ field: 'name', title: '名称',width:120}
|
,{field: 'type', title: '类型',width:150}
|
,{field: 'bumen', title: '关联部门',width:170}
|
,{field: 'start', title: '生效时间',width:170}
|
,{field: 'stop', title: '失效时间',width:170}
|
,{field: 'baoliu7', title: '状态',width:120,templet: '#titleTplFence'}
|
]]
|
});
|
|
table.render({
|
elem: '#warning'
|
,url: '/hxzkuwb/findwarningDaPing'
|
,skin: 'nob'
|
,page: true //开启分页
|
,cols: [[ //表头
|
{field: 'id', title: '序号',width:80}
|
,{ field: 'type', title: '告警类型',width:120}
|
,{field: 'objectid', title: '编号',width:150}
|
,{field: 'baoliu2', title: '姓名',width:100}
|
,{field: 'time', title: '时间',width:170}
|
,{field: 'baoliu1', title: '备注',width:146}
|
,{field: 'status', title: '操作',width:120,templet: '#titleWarning'}
|
]]
|
});
|
|
|
table.render({
|
elem: '#person'
|
,url: '/hxzkuwb/findperson'
|
,skin: 'nob'
|
,page: true //开启分页
|
,cols: [[ //表头
|
{field: 'id', title: 'ID',width:80}
|
,{ field: 'ptagid', title: '编号',width:100}
|
,{field: 'pname', title: '姓名',width:100}
|
,{field: 'psex', title: '性别',width:60}
|
,{field: 'ponline', title: '状态',width:150}
|
,{field: 'pdepartment', title: '部门',width:165}
|
,{field: 'pphone', title: '电话',width:170}
|
,{field: 'ppower', title: '电量',width:131}
|
]]
|
});
|
|
|
table.render({
|
elem: '#gathers'
|
,url: '/hxzkuwb/findgather'
|
,skin: 'nob'
|
,page: true //开启分页
|
,cols: [[ //表头
|
{field: 'id', title: 'ID',width:80}
|
,{ field: 'pernum', title: '人员上限',width:100}
|
,{field: 'typec2', title: '静默区域',width:120}
|
,{field: 'name', title: '围栏名称',width:120}
|
,{field: 'redius', title: '聚集半径',width:150}
|
,{field: 'shichang', title: '聚集时长',width:165}
|
,{field: 'weixianpin', title: '危险品名称',width:170}
|
]]
|
});
|
|
|
|
// $(".Tongji").click(function (){
|
// var data = "username="+sessionStorage.getItem("username")
|
// $.get("/hxzkuwb/findScreenRole",data,function (data) {
|
// console.log("1234")
|
// if(data.tongji != "No"){
|
// layer.tips('操作成功','.TongJi');
|
// setTimeout(function() {
|
// $("#tong1").toggle()
|
// }, 300);
|
// }else{
|
// console.log("12345")
|
// layer.tips('权限不足','.TongJi');
|
// }
|
// })
|
//
|
// })
|
|
$.get("/hxzkuwb/getbumen", function (data) {
|
var selectData = [];
|
for (var i = 0; i < data.length; i++) {
|
var option = {
|
value: data[i].departmentname,
|
title: data[i].departmentname
|
};
|
selectData.push(option);
|
}
|
// 动态生成下拉框选项
|
var selectElem = document.getElementById('bumen');
|
for (var i = 0; i < selectData.length; i++) {
|
var optionElem = document.createElement('option');
|
optionElem.value = selectData[i].value;
|
optionElem.innerHTML = selectData[i].title; // 使用 innerHTML 属性来设置 HTML 内容
|
selectElem.appendChild(optionElem);
|
}
|
// 重新渲染下拉框
|
form.render('select');
|
});
|
|
|
|
$.get("/hxzkuwb/findMapShow",function (data){
|
$(".MapShow").append('<li style="width: 100px;display: inline-block"><a href="javascript:;" onClick="yckb()" style="width: 100px;display: inline-block;font-size: 12px;color: '+data[0].color+'" id="ykcbs">隐藏看板</a></li>')
|
if(data[0].ishow == "显示"){
|
$(".MapShow").append('<li style="width: 100px;display: inline-block"><input type="checkbox" id="sanweis" onClick="Qh1()" style="position: relative;top: 2px"/><a href="javascript:;" class="ts1" style="font-size: 12px;color: '+data[0].color+'" onClick="Qh1()" id="qh1">三维地图</a></li>')
|
}else{
|
Qh2();
|
}
|
if(data[1].ishow == "显示"){
|
$(".MapShow").append('<li style="width: 100px;display: inline-block"><input type="checkbox" id="baidus" onClick="Qh()" style="position: relative;top: 2px"/><a href="javascript:;" class="ts1" style="font-size: 12px;color: '+data[0].color+'" onClick="Qh()" id="qh2">'+data[1].type+'</a></li>')
|
}else{
|
// $("#ditu2").hide();
|
Qh1();
|
}
|
$(".MapShow").append('<li onclick="xianshilixians()" style="width: 100px;display: inline-block"><input type="checkbox" id="xianshilixian" style="position: relative;top: 2px"/><a href="javascript:;" style="font-size: 12px;color: '+data[0].color+'">显示离线</a></li>')
|
$(".MapShow").append('<li class="ctrls" style="width: 100px;display: inline-block"><a href="javascript:;" style="font-size: 12px;color: '+data[0].color+'" title="按住CTRL按键可以旋转改变地图视角">CTRL旋转地图</a></li>')
|
$(".MapShow").append('<li class="qhPingMian" style="font-size: 12px;width: 100px;display: inline-block"><select id="mySelect" onchange="TuCeng()" style="border: none;background: none;color: '+data[0].color+'"><option style="color: black">切换图层</option></select></li>')
|
$(".MapShow").append('<li class="qhWeiLan" style="display: inline-block;font-size: 12px;color: white;width: 100px;"><a onclick="qhweil()" id="weilanxs" style="color: '+data[0].color+'" href="javascript:;">隐藏围栏</a></li>')
|
$(".MapShow").append('<li class="MapType" onclick="init()" style="cursor: pointer;font-size: 12px;width: 100px;display: inline-block;color: '+data[0].color+'"><a href="javascript:;" style="font-size: 12px;cursor:pointer" title="">地球</a></li>')
|
$(".qhPingMian").hide();
|
// 获取下拉框的 DOM 元素
|
$.post("/hxzkuwb/qiehuanditu_option.do",function (data){
|
if (data.length == 1){
|
$(".qhPingMian").hide();
|
}else{
|
for (var i = 0 ; i < data.length;i++){
|
var mapname = data[i].mapname.split('.')
|
$("#mySelect").append('<option style="color: black" value="'+data[i].floor+'">'+mapname[0]+'</option>')
|
}
|
}
|
})
|
})
|
// $(".Ditu").click(function (){
|
// $(".MapShow").empty();
|
// layer.tips('操作成功','.Ditu');
|
// setTimeout(function() {
|
// $("#Ditu").toggle()
|
// }, 300);
|
// //查询显示地图按钮
|
// $.get("/hxzkuwb/findMapShow",function (data){
|
// if(data[0].ishow == "显示"){
|
// $(".MapShow").append('<li style="width: 150px;display: inline-block"><a href="javascript:;" style="color: white;font-size: 12px" onClick="Qh1()" id="qh1">三维地图</a></li>')
|
// }
|
// if(data[1].ishow == "显示"){
|
// $(".MapShow").append('<li style="width: 150px;display: inline-block"><a href="javascript:;" style="color: white;font-size: 12px" onClick="Qh()" id="qh2">百度地图</a></li>')
|
// }
|
// if(data[2].ishow == "显示"){
|
// $(".MapShow").append('<li style="width: 150px;display: inline-block"><a href="javascript:;" style="color: white;font-size: 12px" onClick="Qh2()" id="qh3">平面地图</a></li>')
|
// }
|
// })
|
// })
|
// $(".TongXin").click(function (){
|
// var data = "username="+sessionStorage.getItem("username")
|
// $.get("/hxzkuwb/findScreenRole",data,function (data) {
|
// if(data.say !="No"){
|
// layer.tips('操作成功','.TongXin');
|
// setTimeout(function() {
|
// $("#txin").toggle()
|
// }, 300);
|
// }else{
|
// layer.tips('权限不足','.TongXin');
|
// }
|
// })
|
//
|
// })
|
|
|
// $(".SouSuo").click(function (){
|
// var data = "username="+sessionStorage.getItem("username")
|
// $.get("/hxzkuwb/findScreenRole",data,function (data) {
|
// if(data.sousuo != "No"){
|
// setTimeout(function() {
|
// $("#ChaXun").toggle()
|
// }, 300);
|
// layer.tips('操作成功', '.SouSuo');
|
// }else{
|
// layer.tips('权限不足','.SouSuo');
|
// }
|
// })
|
//
|
//
|
// })
|
|
// $(".Juji").click(function (){
|
// layer.tips('操作成功','.TongXin');
|
// setTimeout(function() {
|
// $("#gather").toggle()
|
// $("#tags").hide()
|
// $("#ac").hide();
|
// $("#fen").hide();
|
// $("#war").hide();
|
// }, 300);
|
// })
|
|
//人员刷新
|
form.on('submit(demo-table-search1)', function(data){
|
var field = data.field; // 获得表单字段
|
|
table.reload('tag', {
|
url: "/hxzkuwb/findrenyuanDaPing",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
layer.msg('刷新成功');
|
return false; // 阻止默认 form 跳转
|
});
|
table.on('row(tag)', function(obj){
|
var data = obj.data;
|
$("#uperson1").val(data.ptagid)
|
$("#uperson2").val(data.pname)
|
$("#uperson3").val(data.pphone)
|
$("#uperson4").val(data.pidcardnum);
|
$("#uperson5").val(data.pzu);
|
//标注选中样式
|
obj.tr.addClass('layui-table-click').siblings().removeClass('layui-table-click');
|
});
|
//人员修改
|
form.on('submit(demo-table-update)', function(data){
|
//查询是否是超级管理员或者有修改权限
|
var username = sessionStorage.getItem("username")
|
var data = "username="+username
|
$.get("/hxzkuwb/findUserRole",data,function (data){
|
if(data.juese == "超级管理员" || data.uupdate == "Yes"){
|
var id = $("#uperson1").val();
|
if(id == "" || id == null){
|
layer.msg('请先选择一条信息')
|
}else{
|
var field = data.field; // 获得表单字段
|
console.log(field)
|
$("#perup").toggle()
|
layer.msg('操作成功');
|
}
|
}else{
|
layer.msg('当前没有权限操作该功能')
|
}
|
})
|
|
return false; // 阻止默认 form 跳转
|
});
|
// 监听表单提交事件
|
form.on('submit(myForm)', function(data){
|
var tagid = $("#uperson1").val();
|
var pname = $("#uperson2").val();
|
var sex = getSelectedRadioValue("pSex");
|
var phone = $("#uperson3").val();
|
var idcard = $("#uperson4").val();
|
var bumen = $("#bumen").val();
|
var pzu = $("#uperson5").val();
|
var data = "pTagid="+tagid+"&pName="+pname+"&pSex="+sex+"&pPhone="+phone+"&pIdcardnum="+idcard+"&pDepartment="+bumen+"&pZu="+pzu
|
$.ajax({
|
url: "/hxzkuwb/updatePersonDaPing",
|
type: "POST",
|
data: data,
|
async: false, // 设置为同步请求
|
success: function (data) {
|
if(data == "success"){
|
layer.msg('修改成功')
|
$("#perup").hide();
|
}
|
}
|
});
|
// 阻止表单默认提交行为
|
return false;
|
});
|
//警告刷新
|
form.on('submit(demo-table-search2)', function(data){
|
var field = data.field; // 获得表单字段
|
table.reload('warning', {
|
url: "/hxzkuwb/findwarning",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
layer.msg('刷新成功');
|
return false; // 阻止默认 form 跳转
|
});
|
//围栏刷新
|
form.on('submit(demo-table-search3)', function(data){
|
var field = data.field; // 获得表单字段
|
table.reload('fence', {
|
url: "/hxzkuwb/findfence",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
layer.msg('刷新成功');
|
return false; // 阻止默认 form 跳转
|
});
|
//设备刷新
|
form.on('submit(demo-table-search4)', function(data){
|
var field = data.field; // 获得表单字段
|
table.reload('anchor', {
|
url: "/hxzkuwb/findanchor",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
layer.msg('刷新成功');
|
return false; // 阻止默认 form 跳转
|
});
|
|
|
form.on('submit(demo-search1)', function(data){
|
var field = data.field; // 获得表单字段
|
console.log(field)
|
table.reload('anchor', {
|
url: "/hxzkuwb/findanchorSearch",
|
method:'post',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field // 搜索的字段
|
});
|
layer.msg('搜索成功');
|
return false; // 阻止默认 form 跳转
|
});
|
form.on('submit(demo-search2)', function(data){
|
var field = data.field; // 获得表单字段
|
table.reload('fence', {
|
url: "/hxzkuwb/findfenceSearch",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field
|
});
|
layer.msg('搜索成功');
|
return false; // 阻止默认 form 跳转
|
});
|
form.on('submit(demo-search3)', function(data){
|
var field = data.field; // 获得表单字段
|
table.reload('warning', {
|
url: "/hxzkuwb/findwarningSearch",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field
|
});
|
layer.msg('搜索成功');
|
return false; // 阻止默认 form 跳转
|
});
|
|
form.on('select(filterSelect)', function(data){
|
var filterValue = {};
|
for (var i = 0; i < data.value.length; i++) {
|
filterValue['param' + i] = data.value[i];
|
}
|
table.reload('warning', {
|
url: "/hxzkuwb/findwarningScreen",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: filterValue
|
,done: function (res, curr, count) {
|
// res 即为后端返回的响应数据
|
$("#searnum").text('全部告警：'+count); // 输出总条数
|
}
|
});
|
layer.msg('搜索成功');
|
return false; // 阻止默认 form 跳转
|
});
|
|
form.on('submit(demo-search4)', function(data){
|
var field = data.field; // 获得表单字段
|
table.reload('tag', {
|
url: "/hxzkuwb/findpersonSearch",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
,where: field
|
});
|
layer.msg('搜索成功');
|
return false; // 阻止默认 form 跳转
|
});
|
|
//围栏开启/关闭
|
table.on('tool(fence)', function(obj){
|
var data = obj.data;
|
var layEvent = obj.event;
|
var username = sessionStorage.getItem("username")
|
var dts = "name="+data.name
|
var data ="username="+username
|
switch (layEvent){
|
case "开启":
|
$.get("/hxzkuwb/findUserRole",data,function (data){
|
if(data.uupdate == "Yes"){
|
$.get("/hxzkuwb/FenceKaiQi",dts,function (data){
|
table.reload('fence', {
|
url: "/hxzkuwb/findfence",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
layer.msg('操作成功')
|
})
|
}else{
|
layer.msg('没有修改权限！请联系管理员')
|
}
|
})
|
|
break;
|
case "关闭":
|
$.get("/hxzkuwb/findUserRole",data,function (data){
|
if(data.uupdate == "Yes"){
|
$.get("/hxzkuwb/FenceGuanBi",dts,function (data){
|
table.reload('fence', {
|
url: "/hxzkuwb/findfence",
|
method:'get',
|
page: {
|
curr: 1 // 重新从第 1 页开始
|
}
|
});
|
layer.msg('操作成功')
|
})
|
}else{
|
layer.msg('没有修改权限！请联系管理员')
|
}
|
})
|
break;
|
}
|
layer.msg('操作成功')
|
})
|
//告警处理
|
table.on('tool(warning)', function(obj){
|
var data = obj.data;
|
$("#warningid").val(data.objectid)
|
console.log(data.type)
|
$("#warningidtype").text(data.type)
|
$("#warningMsg").show();
|
layer.msg('操作成功')
|
})
|
});
|
|
|
|
var chartDom = document.getElementById('tong');
|
var myChart = echarts.init(chartDom);
|
var option;
|
|
// 定义更新图表数据的函数
|
function updateChart() {
|
// 模拟获取最新的数据
|
var newData = tubiaotongji();
|
// 更新图表的数据
|
myChart.setOption({
|
series: [{
|
data: newData
|
}]
|
});
|
}
|
|
// 每隔一段时间调用一次更新图表数据的函数
|
setInterval(updateChart, 10000); // 每10秒更新一次数据
|
|
|
|
|
|
option = {
|
tooltip: {
|
trigger: 'item'
|
},
|
legend: {
|
orient: 'vertical',
|
right: 20,
|
top: 0,
|
bottom: 30,
|
itemWidth: 15,
|
textStyle: {
|
color: 'white'
|
}
|
},
|
series: [
|
{
|
name: '统计',
|
type: 'pie',
|
radius: ['20%', '40%'],
|
center: ['35%', '60%'],
|
avoidLabelOverlap: false,
|
itemStyle: {
|
borderRadius: 10,
|
},
|
label: {
|
show: false,
|
position: 'center'
|
},
|
emphasis: {
|
label: {
|
show: true,
|
fontSize: 20,
|
fontWeight: 'bold'
|
}
|
},
|
labelLine: {
|
show: false
|
},
|
data: [
|
{ value: 0, name: '静止报警 0' },
|
{ value: 0, name: 'SOS报警 0' },
|
{ value: 0, name: '跌落报警 0' },
|
{ value: 0, name: '缺员报警 0' },
|
{ value: 0, name: '超员报警 0' },
|
{ value: 0, name: '聚集报警 0' },
|
{ value: 0, name: '越界报警 0' },
|
{ value: 0, name: '进入报警 0' },
|
{ value: 0, name: '低电报警 0' },
|
{ value: 0, name: '离线基站 0' },
|
|
]
|
}
|
]
|
};
|
option && myChart.setOption(option);
|
|
|
|
function tubiaotongji() {
|
var tu = [];
|
|
$.ajax({
|
url: "/hxzkuwb/findWarnTongJi",
|
type: "GET",
|
async: false, // 将async参数设置为false，实现同步调用
|
success: function(data) {
|
for (var i = 0; i < data.length; i++) {
|
tu.push(data[i]);
|
}
|
}
|
});
|
return tu;
|
}
|
|
//图表默认加载一次
|
setTimeout(function (){
|
updateChart()
|
},1000)
|
|
function wardis(){
|
$("#warningMsg1").show()
|
}
|
function sendMsg(){
|
var username1 = sessionStorage.getItem("username")
|
var username = $(".kahao").text();
|
var context = $("#context1").val();
|
var data = "username="+username1+"&context="+context+"&tagid="+username
|
$.get("/hxzkuwb/sendMsg",data,function(data){
|
|
})
|
layer.msg('操作成功')
|
$("#context1").val("");
|
}
|
|
function send(){
|
var username1 = sessionStorage.getItem("username")
|
var username = $("#username").val();
|
var context = $("#context").val();
|
if(username == "" || username == null){
|
layer.msg("请输入设备ID")
|
}else{
|
var dts = "username="+username1;
|
$.get("/hxzkuwb/findUserRole",dts,function (data){
|
if(data.juese=="访客"){
|
layer.msg('当前登录用户不具备权限！请联系管理员')
|
}else{
|
var dt = "username="+username1+"&context="+context+"&tagid="+username
|
$.get("/hxzkuwb/sendMsg",dt,function(data){
|
|
})
|
layer.msg('操作成功')
|
}
|
})
|
|
}
|
|
}
|
|
|
function getSelectedRadioValue(name) {
|
var radios = document.getElementsByName(name);
|
|
for (var i = 0; i < radios.length; i++) {
|
if (radios[i].checked) {
|
return radios[i].value;
|
}
|
}
|
|
// 如果没有选中的值，可以返回一个默认值或者null
|
return null;
|
}
|
|
setInterval(function (){
|
var user = localStorage.getItem("username")
|
if (user == null){
|
window.location='../index.jsp'
|
}
|
},2000)
|
