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('
  • 隐藏看板
    • ') if(data[0].ishow == "显示"){ $(".MapShow").append('
  • 三维地图
    • ') $(".MapShow").append('
  • 显示离线
    • ') $(".MapShow").append('
  • CTRL旋转地图
    • ') }else{ } if(data[1].ishow == "显示"){ $(".MapShow").append('
  • '+data[1].type+'
    • ') $(".MapShow").append('
  • 隐藏围栏
    • ') $(".MapShow").append('
  • 显示离线
    • ') $(".MapShow").append('
  • CTRL旋转地图
    • ') $(".MapShow").append('
  • 切换类型
    • ') }else{ // $("#ditu2").hide(); Qh1(); } // $(".MapShow").append('
    • ') $(".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('') } } }) }) // $(".Ditu").click(function (){ // $(".MapShow").empty(); // layer.tips('操作成功','.Ditu'); // setTimeout(function() { // $("#Ditu").toggle() // }, 300); // //查询显示地图按钮 // $.get("/hxzkuwb/findMapShow",function (data){ // if(data[0].ishow == "显示"){ // $(".MapShow").append('
  • 三维地图
    • ') // } // if(data[1].ishow == "显示"){ // $(".MapShow").append('
  • 百度地图
    • ') // } // if(data[2].ishow == "显示"){ // $(".MapShow").append('
  • 平面地图
    • ') // } // }) // }) // $(".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) $("#warningidtype").text(data.type) $("#warningMsg").show(); $("#idwar").val(data.id); 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' }, ] }], // 添加事件监听器 graphic: [ { type: 'group', left: 'center', top: 'center', children: [ { type: 'text', z: 100, left: 'center', top: 'middle', style: { fill: '#fff', text: '', font: '14px Microsoft YaHei' }, // 设置鼠标悬停事件 onmouseover: function (params) { var dataIndex = params.dataIndex; var name = option.series[0].data[dataIndex].name; // 更新文字颜色 this.setStyle('fill', '#46E9E8'); console.log("Mouseover on:", name); }, // 设置鼠标移出事件 onmouseout: function (params) { // 恢复默认文字颜色 this.setStyle('fill', '#fff'); }, onclick: function (params) { var dataIndex = params.dataIndex; var name = option.series[0].data[dataIndex].name; console.log("Clicked on:", name); } } ] } ] }; 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) setInterval(function (){ var SanWei = localStorage.getItem("SanWei_JianZhu") if (SanWei != null){ $("#JianZhuMsg").animate({right: '-1%'}, 500); }else{ $("#JianZhuMsg").animate({right: '-25%'}, 500); } if (localStorage.getItem("DiaoYong_SanWeiFlOoor")!= null){ $("#JianZhuMsg").empty(); SanWeiJianZhuXinXi(); } },1000) function SanWeiJianZhuXinXi(){ var FID= localStorage.getItem("SanWei_JianZhuFID"); var Name= localStorage.getItem("SanWei_JianZhu"); console.log(FID) //根据FID查询他的楼层 var data = "fid="+FID var num = ""; $.get("/hxzkuwb/FindTongJiAreaList",data,function (data){ if (data.dangerlevel == 1){ data.dangerlevel = "甲类" } if (data.dangerlevel == 2){ data.dangerlevel = "乙类" } if (data.dangerlevel == 3){ data.dangerlevel = "丙类" } if (data.dangerlevel == 4){ data.dangerlevel = "丁类" } if (data.dangerlevel == 5){ data.dangerlevel = "戊类" } $("#JianZhuMsg").append('

    '+Name+'         区域等级：'+data.dangerlevel+'

    总人数：         

    ') for (var i = 1 ; i <= data.floornum; i++){ $("#JianZhuMsg").append('' + '
    ' + '

    当前楼层：'+i+'层

    ' + '

    人数：0

    ' + '

    展开/合并

    ' + '
    ' + '
    ') } num = data.floornum; }) var data ="baoliu39="+FID; $.get("/hxzkuwb/findSanWeiFloorPerson",data,function (data){ var floor1 = 0; var floor2 = 0; var floor3 = 0; var floor4 = 0; var floor5 = 0; var floor6 = 0; for (var i = 0; i < data.length;i++){ if(data[i].pfloor == "0"){ $("#floor1").append('

    姓名：'+data[i].pname+'编号：'+data[i].ptagid+'

    ') floor1++; $("#numes1").text(floor1) } if(data[i].pfloor == "1") { $("#floor2").append('

    姓名：'+data[i].pname+'编号：'+data[i].ptagid+'

    ') floor2++; $("#numes2").text(floor2) } if (data[i].pfloor == "2") { $("#floor3").append('

    姓名：'+data[i].pname+'编号：'+data[i].ptagid+'

    ') floor3++; $("#numes3").text(floor3) } if (data[i].pfloor == "3") { $("#floor4").append('

    姓名：'+data[i].pname+'编号：'+data[i].ptagid+'

    ') floor4++; $("#numes4").text(floor4) } if (data[i].pfloor == "4") { $("#floor5").append('

    姓名：'+data[i].pname+'编号：'+data[i].ptagid+'

    ') floor5++; $("#numes5").text(floor5) } if (data[i].pfloor == "5") { $("#floor6").append('

    姓名：'+data[i].pname+'编号：'+data[i].ptagid+'

    ') floor6++; $("#numes6").text(floor6) } } var zong = floor1+floor2+floor3+floor4+floor5+floor6; $("#zongnumes").text(zong+"人") }) localStorage.removeItem("DiaoYong_SanWeiFlOoor") } function LouCeng(num){ var elementWidth = $("#LouCeng" + num).height(); var parentWidth = $("#JianZhuMsg").parent().height(); var widthPercentage = (elementWidth / parentWidth) * 100; console.log(widthPercentage); if (widthPercentage>80){ $("#LouCeng"+num).animate({"height":"5%"},1000) }else{ $("#LouCeng"+num).animate({"height":"85%"},1000) } } function GuanBiMsg(){ localStorage.removeItem("SanWei_JianZhu") }