<%--
|
Created by IntelliJ IDEA.
|
User: Dell
|
Date: 2023/11/13
|
Time: 15:15
|
To change this template use File | Settings | File Templates.
|
--%>
|
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
|
|
<html>
|
<head>
|
<title></title>
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<link rel="stylesheet" href="../Home/HomeCss/Home.css"/>
|
<link rel="stylesheet" href="../CSS/layui1.css"/>
|
<link rel="stylesheet" href="../Home/HomeCss/Time.css/">
|
<script type="text/javascript" src="../HouTai/Js/apex.js"></script>
|
<style>
|
/*.layui-table-click {*/
|
/* background-color: #10DB3E !important;*/
|
/* color: black; !*设置文字颜色为白色*!*/
|
/*}*/
|
.BMap_noprint{
|
z-index: 9999;
|
}
|
. BMap_noprint anchorTR{
|
z-index: 1000;
|
}
|
.anchorTR{
|
z-index: 1000;
|
}
|
.BMapGL_naviControl {
|
z-index: 1000; /* 设置控件的层级为1000 */
|
}
|
element.style {
|
width: 0px;
|
height: 0px;
|
}
|
.layui-laypage-skip{
|
display: none;
|
}
|
.layui-table-header{
|
background: linear-gradient(to right,#0059D9,transparent 120%)!important;
|
border: none !important;
|
}
|
/*layui表格样式*/
|
.layui-table-cell{
|
background-color: rgba(5, 73, 146,0) !important;
|
border: none !important;
|
}
|
|
.table-container {
|
background-color: rgba(255, 255, 255, 0) !important;
|
}
|
.layui-table td{
|
background-color: rgba(5, 73, 146,0) !important;
|
color: white;
|
}
|
.layui-laypage{
|
position: relative;
|
left: 380px;
|
|
}
|
|
.layui-table th{
|
color: white;
|
border: none !important;
|
|
}
|
tr{
|
border: none;
|
}
|
.layui-table tr:first-child{
|
background-color: rgba(28, 52, 89, 0) !important;
|
border: none !important;
|
}
|
.layui-table tr:hover td{
|
color: #57E1E0;
|
}
|
.layui-laypage {
|
background-color: rgba(5, 73, 146, 0) !important;
|
width: 1000px;
|
}
|
.layui-laypage a {
|
background-color: rgba(5, 73, 146, 0) !important; /* 设置分页按钮背景颜色 */
|
color: white; /* 设置分页按钮文字颜色 */
|
}
|
/* 分页当前页样式 */
|
.layui-laypage .layui-laypage-curr a {
|
background-color: rgba(5, 73, 146, 0) !important; /* 设置分页按钮选中的背景颜色 */
|
}
|
/* 表格边框样式 */
|
#container {
|
height: 100%;
|
}
|
. layui-unselect{
|
background-color: rgba(5, 73, 146, 0) !important;
|
}
|
.table-container {
|
background-color: rgba(255, 255, 255, 0) !important; /* 设置容器元素的背景色为半透明，可以根据需要调整透明度 */
|
}
|
.layui-table {
|
background-color: rgba(255, 255, 255, 0) !important; /* 设置表格的背景色为透明，加上 !important 是为了覆盖 layui 默认样式 */
|
border: none !important;
|
}
|
.layui-table-box{
|
border: none !important;
|
}
|
.layui-unselect{
|
background-color:#1C3459 ;
|
height: 30px;
|
color: white;
|
}
|
.layui-select-title{
|
background-color:#1C3459 ;
|
height: 30px;
|
color: white;
|
}
|
.layui-anim:hover{
|
color: black;
|
}
|
.layui-tab-title .layui-this {
|
background-color: #35F6F0 !important; /* Active tab background color */
|
color: white;
|
}
|
dd{
|
background-color:#1C3459 ;
|
}
|
|
dd:hover{
|
background-color:#1C3459 ;
|
}
|
.layui-select-title:hover {
|
background-color:#1C3459 ; /* 设置悬浮时的背景颜色为蓝色 */
|
}
|
#titles{
|
background: url("/hxzkuwb/Home/HomeImg/title.png")no-repeat;
|
background-position: center;
|
}
|
.loading {
|
width: 200px;
|
height: 200px;
|
box-sizing: border-box;
|
border-radius: 50%;
|
border-top: 10px solid #63a69f;
|
/* 相对定位 */
|
position: relative;
|
/* 执行动画（动画a1 时长 线性的 无限次播放） */
|
animation: a1 2s linear infinite;
|
}
|
|
.loading::before,
|
.loading::after {
|
content: "";
|
}
|
|
.loading::before {
|
border-top: 10px solid #f2e1ac;
|
/* 旋转120度 */
|
transform: rotate(120deg);
|
}
|
|
.loading::after {
|
border-top: 10px solid #f2836b;
|
/* 旋转240度 */
|
transform: rotate(240deg);
|
}
|
</style>
|
</head>
|
<body>
|
<div id="CsLiXian" style="display: none;width: 25%;height: 15%;position: fixed;z-index: 99999999;background-color: rgb(60,4,92,0.64);top: 40%;bottom: 40%;left: 37.5%;right: 37.5%;border-radius: 15px;overflow: hidden">
|
<div style="width: 20%;height: 90%;text-align: center;display: inline-block">
|
<img src="HomeImg/warnings.png" style="margin-top: 50%;width: 80%;height: 50%"/>
|
</div>
|
<div style="display: inline-block;width: 78%">
|
<img src="HomeImg/close.png" style="width: 5%;height: 15%;float: right;position: relative;top: -1vh;left: -1vw;cursor: pointer" onclick="GunLxCs()"/>
|
<h1 style="font-size:22px;color: white;position: relative;top: 2vh">Ошибка программы сервера</h1>
|
<span id="yqtime" style="color: #cccccc;position: relative;top:5vh;margin-left: 1%"></span>
|
</div>
|
</div>
|
<iframe style="width: 100%;height: 100%;border: none;overflow: hidden" src="demo/ThreeMap.jsp">
|
|
</iframe>
|
<div class="testLoading" id="loading2"></div>
|
<div class="layui-container" style="width: 100%;margin: 0px;padding: 0px;display: none">
|
<div class="layui-row" style="z-index: 9999999">
|
<div class="layui-col-xs12 layui-col-md12">
|
<ul class="list">
|
</ul>
|
</div>
|
</div>
|
<%-- 头部标题--%>
|
<div class="layui-row" style="width: 45%;position: fixed;z-index: 9999;left: 27.5%;top: 0%;right: 27.5%;z-index: 999;">
|
<div class="layui-col-xs12 layui-col-md12" style="height: 100px;">
|
<h1 style="text-align: center;height: 70px;line-height: 65px;color: white;font-size: 25px;width: 100%;position: relative;top: -10%;z-index: 9" id="titles"></h1>
|
</div>
|
</div>
|
<div class="layui-row" id="wealcome" style="position: fixed;top: 30px;right: 15px;z-index: 999999999">
|
<div class="layui-col-xs12 layui-col-md12" style="width: 100%">
|
<ul class="htxx" style="width: 100%;">
|
<li style="font-size: 12px">欢迎:</li>
|
<li id="yhm" style="font-size: 12px;margin-left: 15px"></li>
|
<li style="margin-left: 15px;"><a id="Ht" href="javascript:;" onclick="joinHouTai()" style="font-size: 12px;position: relative;top: 0px"></a></li>
|
<li style="margin-left: 15px;"><a href="javascript:;" onclick="out()"><img src="HomeImg/logout.png" style="width: 20px;position: relative;top: -3px"> </a> </li>
|
</ul>
|
</div>
|
</div>
|
<%-- 告警信息 跑马灯--%>
|
<div class="layui-row" id="warningTong" style="width: 19.5%;height:35%;z-index: 999;position: fixed;display: none;margin-top: 7%;overflow: hidden">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="width: 100%;"> <span id="warningTongtitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span>
|
<span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span>
|
</div>
|
<div id="warningTongbody" style="width: 100%;height: 90%">
|
<marquee direction="up" scrollamount="2" id="myMarquee" class="gjxx" style="height: 300px;width: 18%;z-index: 99999999;display: none">
|
</marquee>
|
<div id="gjimg" style="height: 100%;text-align: center;width: 100%">
|
<img src="../Icon/雷达.gif" style="width: 55%;margin-top: 10%"/>
|
</div>
|
</div>
|
</div>
|
</div>
|
<%-- 通讯--%>
|
<div id="txin" class="layui-row" style="display: none;width: 19.5%;height: 39%;margin-left: 12px;;margin-top: 3.5%;position: fixed;z-index: 999;">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="width: 100%;">
|
<span id="TongXuntitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span>
|
<span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span>
|
</div>
|
<div id="TongXunbody" style="width: 100%;height: 90%;padding-top: 10px;text-align: left;overflow:hidden;">
|
<p style=""><img src="HomeImg/bs2.png" style="height: 15%;width: 90%;"/><br><input type="text" id="username" style="padding-left: 2%;position: relative;top: -3.5vh;left: 0%;background-color: transparent;border: none;color: white" placeholder="" /></p>
|
<p style=""><img src="HomeImg/bs3.png" style="height: 30%;width: 90%"/><input type="text" id="context" style="padding-left: 2%;position: relative;top: -7vh;background-color: transparent;border: none;color: white" placeholder="" /></p>
|
<p style="width: 90%;text-align: left;height: 10%;"><img src="HomeImg/bs6.png"/> <span id="gouxuan" style=""></span></p>
|
<p style="width: 90%;margin-top: 5%"><a href="javascript:;" style="background: url('HomeImg/bs4.png') no-repeat;display: inline-block;width: 48%;height: 12%;color: white" onclick="send()" ><span style="position: relative;top: 20%;left: 32%" class="send"></span></a> <a href="javascript:;" style="background: url('HomeImg/bs5.png') no-repeat;display: inline-block;width: 48%;height: 12%;color: white;"><span style="position: relative;top: 20%;left: 32%" class="call"></span></a></p>
|
</div>
|
</div>
|
</div>
|
<%-- 统计--%>
|
<div class="layui-row" id="tong1" style="display:none;width: 19.5%;height: 39%">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="width: 100%;">
|
<span id="JinRiTongJititle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span>
|
<span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span>
|
</div>
|
<div id="JinRiTongJibody" style="width: 100%;height: 90%;">
|
<div class="weichuli" ><img src="HomeImg/WeiChuLi.png" style="width: 120px;position: relative;top: 90px;left: 50px"></div>
|
<div class="wcl" style="text-shadow: 0px 0px 3px #00FFFF,0px 0px 3px #00FFFF,0px 0px 3px #00FFFF;position: relative;left: 70px;top: 50px"></div>
|
<div id="tong" style="overflow: hidden;width: 21vw;height: 25vh;margin-top: 25%"></div>
|
</div>
|
</div>
|
</div>
|
<%-- 人员统计--%>
|
<div class="layui-row" id="personTong" style="width: 19.5%;height: 39%;z-index: 999999;display: none">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="width: 100%;">
|
<span id="personTongtitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;padding-left: 78px;color: white;font-size: 16px"></span>
|
</div>
|
<div style="width: 100%;height: 90%;" id="personTongbody">
|
<table>
|
<tr>
|
<td>姓名</td>
|
<td>部门</td>
|
<td>区域</td>
|
<td>进入时间</td>
|
</tr>
|
</table>
|
</div>
|
</div>
|
</div>
|
<%-- 区域统计--%>
|
<div class="layui-row" id="tong2" style="width: 19.5%;height: 39%;z-index: 999999;display: none;">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="width: 100%;">
|
<span id="QuYutitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span>
|
<span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span>
|
</div>
|
<div id="QuYubody" style="text-align: left;margin-top: 5%">
|
<div style="z-index: 9999;color: white;margin-left: 18%">
|
<ul class="" style="">
|
<li style="font-size: 12px;text-align: left;display: inline-block;width:30%" id="qy1"></li>
|
<li style="font-size: 12px;text-align: left;display: inline-block;width:30%" id="qy2"></li>
|
<li style="font-size: 12px;text-align: left;display: inline-block" id="qy3"></li>
|
</ul>
|
<div id="qytj" >
|
|
</div>
|
</div>
|
</div>
|
</div>
|
</div>
|
<div class="layui-row" id="tong3" style="width: 19.5%;height: 39%;z-index: 999999;display: none;">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="width: 100%;">
|
<span id="Powertitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;padding-left: 78px;color: white;font-size: 16px"></span><span style="position: absolute;top: 10px;left: 310px"><a href="javascript:;" title="上一页" onclick="nextpagepower('上一页')"><img src="HomeImg/jt1.png" style="width: 20px"/></a> <a href="javascript:;" title="下一页" onclick="nextpagepower('下一页')"><img src="HomeImg/jt2.png" style="width: 20px"/></a></span>
|
</div>
|
<div id="Powerbody" style="width: 100%;height: 90%;padding-top: 10px;text-align: center;overflow:hidden;">
|
<ul class="qytj" style="width: 100%">
|
<li style="font-size: 12px;color: white">名称</li>
|
<li style="font-size: 12px;color: white">电量</li>
|
<li style="font-size: 12px;color: white">编号</li>
|
<li style="font-size: 12px;color: white">状态</li>
|
</ul>
|
<div id="cdts" style="z-index: 9999;color: white;width: 100%;">
|
</div>
|
</div>
|
</div>
|
</div>
|
<%-- 设备信息--%>
|
<div class="layui-row" id="ac" style="cursor:pointer;background-color: rgb(30, 42, 71,0.9)">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px">
|
<form class="layui-form">
|
<input type="text" class="sear" name="anchorid">
|
<a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search1"></span></a>
|
<a href="javascript:;"><span class="sear1 TuBiaoText2" id="searchSheBei" lay-submit lay-filter="demo-table-search4" style="margin-left: 80px"></span></a>
|
<a onclick="SheBeiGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px" ></span></a>
|
</form>
|
<table id="anchor" lay-filter="anc" style=""></table>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
|
<div class="layui-row" id="acd" style="display: none;cursor:pointer;background-color: whitesmoke">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<div class="boxalls" style="border:none;padding: 5%">
|
<div class="" style="color: black;width: 100%;height:40%;">
|
<div style="width: 100%">
|
<a href="javascript:;" onclick="ShuaXinShuJu()"><span style="width: 100px;display: inline-block;background-color: #0357D1;text-align: center;color: white;height: 25px;line-height: 25px;" id="refer"></span><span style="color: black;margin-left: 30px" id="personDate"></span></a>
|
<a href="javascript:;" onclick="GuanMsg()"><span style="width: 60px;display: inline-block;background-color: #0357D1;text-align: center;color: white;height: 25px;line-height: 25px;float: right;margin-right: 5%" id="close"></span></a>
|
</div>
|
<div style="margin-top: 10px;float: left;width: 22%;">
|
<a href="javascript:;"><span style="display: inline-block;width: 100px;height: 200px;" id="personImage">
|
</span></a>
|
</div>
|
<div style="margin-top: 2%;float: left;display: inline-block;width: 70%;">
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson1"></span>
|
<span style="font-size: 12px;display: inline-block;width: 30%;" id="ThatPerson2"></span>
|
<span style="font-size: 12px;display: inline-block;width: 30%;" id="ThatPerson3"></span>
|
</div>
|
<div style="margin-top: 5%;float: left;width: 70%">
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson4"></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson5"></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson6"></span>
|
</div>
|
<div style="margin-top: 5%;float: left;;width: 70%">
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson7"></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson8"></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;" id="ThatPerson9"></span>
|
</div>
|
<div style="margin-top: 30px;float: left;margin-left: 10px;width: 500px;">
|
<span style="margin: 20px;position: relative;left: -5px;top: -120px;" id="ThatPerson10"></span>
|
</div>
|
<div style="margin-top: 10%;float: left;position: relative;top: -110px;width: 100%;">
|
<span style="font-size: 12px;width: 26%;display: inline-block;" id="ThatPerson11"></span>
|
<span style="font-size: 12px;width: 26%;display: inline-block;" id="ThatPerson12"></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;" id="ThatPerson13"></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;" id="ThatPerson14"></span>
|
</div>
|
<div style="margin-top: 10px;float: left;position: relative;top: -110px;width: 100%;">
|
<span style="font-size: 12px;width: 26%;display: inline-block;" id="ThatPerson15"></span>
|
<span style="font-size: 12px;width: 26%;display: inline-block;" id="ThatPerson16"></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;" id="ThatPerson17"></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;" id="ThatPerson18"></span>
|
</div>
|
<div style="margin-top: 30px;float: left;position: relative;top: -110px;width: 100%;">
|
<span id="ThatPerson19">文字：</span>
|
<span><input type="text" id="context1" style="width: 70%;height: 25px;border: 1px solid #BFE4F2"></span>
|
<a href="javascript:;" onclick="sendMsg()"><span style="border: 1px solid #BFE4F2;line-height: 24px;background-color:#BFE4F2;display: inline-block;text-align: center;position: relative;left: -5px;top: 0px" class="send"></span></a>
|
</div>
|
</div>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
|
<%-- 围栏信息--%>
|
<div class="layui-row" id="fen" style="cursor:pointer;background-color: rgb(30, 42, 71,0.8)">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px">
|
<form class="layui-form">
|
<input type="text" class="sear" name="name">
|
<a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search2"></span></a>
|
<a href="javascript:;"><span class="sear1 TuBiaoText2" id="search3" lay-submit lay-filter="demo-table-search3" style="margin-left: 80px"></span></a>
|
<a onclick="WeiLanGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px" ></span></a>
|
</form>
|
<table id="fence" lay-filter="fence"></table>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
<%-- 警告信息--%>
|
<div class="layui-row" id="war" style="cursor:pointer;background-color: rgb(30, 42, 71,0.9)">
|
<div class="layui-col-xs12 layui-col-md12" >
|
<div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px">
|
<form class="layui-form">
|
<input style="display: inline-block" type="text" class="sear" name="objectid" >
|
<a style="display: inline-block" href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search3"></span></a>
|
<a style="display: inline-block" href="javascript:;"><span id="search2 " class="sear1 TuBiaoText2" style="margin-left: 80px;"lay-submit lay-filter="demo-table-search2"></span></a>
|
<div style="width: 12%;display: inline-block;margin-left: 50px;background-color: #1C3459">
|
<%-- <select id="filterSelect" name="type" lay-filter="filterSelect">--%>
|
<%-- <option value="请选择">请选择</option>--%>
|
<%-- <option value="低电量">低电量</option>--%>
|
<%-- <option value="SOS">SOS</option>--%>
|
<%-- <option value="跌落告警">跌落告警</option>--%>
|
<%-- <option value="测距异常">测距异常</option>--%>
|
<%-- <option value="静止告警">静止告警</option>--%>
|
<%-- <option value="缺员告警">缺员告警</option>--%>
|
<%-- <option value="超员告警">超员告警</option>--%>
|
<%-- <option value="聚集告警">聚集告警</option>--%>
|
<%-- <option value="进入告警">进入告警</option>--%>
|
<%-- </select>--%>
|
</div>
|
<%-- <a style="display: inline-block" href="javascript:;" onclick="wardis()"><span class="searcount TuBiaoText4" id="searnum" style="margin-left: 40px"></span></a>--%>
|
<a onclick="JingGaoGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px"></span></a>
|
</form>
|
<table id="warning" lay-filter="warning"></table>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
<%-- 人员信息--%>
|
<div class="layui-row" id="tags" style="cursor:pointer;background-color: rgb(30, 42, 71,0.9)">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px;">
|
<form class="layui-form">
|
<input type="text" class="sear" name="pTagid" >
|
<a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search4"></span></a>
|
<a href="javascript:;"><span class="sear1 TuBiaoText2" style="margin-left: 80px" id="search1" lay-submit lay-filter="demo-table-search1"></span></a>
|
<a href="javascript:;"><span class="sear1 TuBiaoText5 " style="margin-left: 20px" lay-submit lay-filter="demo-table-update"></span></a>
|
<a onclick="RenYuanGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px"></span></a>
|
</form>
|
<form class="layui-form" id="perup" lay-filter="myForm" action="javascript:;" method="post" style="display: none;position: absolute;top:70px;left: 350px;z-index: 99999999;background-color: rgb(44, 56, 80,0.9);padding: 10px 50px;width: 40%;box-shadow: 5px 5px 5px black;color: white">
|
<div class="layui-form-item">
|
<label class="layui-form-label">设备编号：</label>
|
<div class="layui-input-block">
|
<input type="text" lay-verify="title" readonly name="tagId" id="uperson1" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">人员名称：</label>
|
<div class="layui-input-block">
|
<input type="text" lay-verify="title" name="pname" placeholder="请输入设备编号" id="uperson2" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">人员性别：</label>
|
<div class="layui-input-block">
|
<input type="radio" name="pSex" value="男" title="男" checked>
|
<input type="radio" name="pSex" value="女" title="女"> </div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">人员电话：</label>
|
<div class="layui-input-block">
|
<input type="text" lay-verify="title" id="uperson3" placeholder="请输入人员电话" name="pPhone" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">身份证号：</label>
|
<div class="layui-input-block">
|
<input type="text" lay-verify="title" id="uperson4" placeholder="请输入身份证号" name="pIdcardnum" required autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">选择部门：</label>
|
<div class="layui-input-block">
|
<select name="pDepartment" id="bumen">
|
<option></option>
|
</select> </div>
|
</div>
|
<div class="layui-form-item">
|
<label class="layui-form-label">岗位：</label>
|
<div class="layui-input-block">
|
<input type="text" lay-verify="title" id="uperson5" name="pZu" required placeholder="" autocomplete="off" class="layui-input">
|
</div>
|
</div>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button type="submit" class="layui-btn TuBiaoText6" lay-submit lay-filter="submitBtn"></button>
|
<button type="button" class="layui-btn layui-btn-normal TuBiaoText7" lay-filter="" onclick="quxiaos()" style="margin-left: 20px"></button>
|
</div>
|
</div>
|
</form>
|
<table id="tag" lay-filter="tag" style=""></table>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
<%-- 聚集信息--%>
|
<div class="layui-row" id="gather" style="cursor:pointer;background-color: rgb(30, 42, 71,0.9)">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px;">
|
<form class="layui-form">
|
<input type="text" class="sear" name="pTagid">
|
<a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search4"></span></a>
|
<a href="javascript:;"><span class="sear1 TuBiaoText2" style="margin-left: 80px" lay-submit lay-filter="demo-table-search1"></span></a>
|
<a onclick="JuJiGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px"></span></a>
|
</form>
|
<table id="gathers" lay-filter="gathers"></table>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
<%-- 地图切换--%>
|
<div class="layui-row" id="Ditu" style="bottom: 2%;">
|
<div class="layui-col-xs12 layui-col-md12" style="text-align: center;">
|
<div style="text-align: center;z-index: 99999">
|
<ul style="margin: auto;text-align: center;width: 100%;padding: 5px;z-index: 999999;" class="MapShow">
|
<li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img src="/hxzkuwb/Icon/隐藏看板.png" onClick="yckb()" style="width: 22%;cursor:pointer;margin-right:2%"><br><span id ="yckbtext"></span></li>
|
<%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block" id="maps"><input type="checkbox" id="sanweis" onClick="Qh1()" style="display: none;position: relative;top:--%>
|
<%--2px"/><img src="/hxzkuwb/Icon/3D地图.png" title="切换地图" alt="切换地图" onClick="Qh1()" style="width: 22%;cursor:pointer;"><br><span id ="yckbtext2"><</span></li>--%>
|
<%-- <li style="font-size: 12px;color:#07F4F6;width: 10%;display: inline-block;text-align: center" ><img src="/hxzkuwb/Icon/查看更多.png" onclick="ello()" style="margin-left:0%;width: 22%;cursor:pointer;"><br><span id ="yckbtext3" style="position: relative;left: -1%"></span></li>--%>
|
<%-- <li style="font-size: 12px;color:#07F4F6;width: 10%;display: inline-block;text-align: center" ><img src="/hxzkuwb/Icon/查看更多.png" onclick="ello()" style="margin-left:0%;width: 22%;cursor:pointer;"><br><span id ="yckbtext3" style="position: relative;left: -1%">三维功能</span></li>--%>
|
</ul>
|
</div>
|
</div>
|
</div>
|
<%-- 告警信息处理窗口--%>
|
<div class="layui-row" id="wind" style="display: none">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<img src="HomeImg/zuosj.png" style="width: 25px;position: relative;left: -19px;top: 140px">
|
<div style="width: 200%;color: black;overflow-y: hidden;background-color: white;border: 3px solid #7CCEFF;" id="XiangXi">
|
</div>
|
</div>
|
</div>
|
<%-- 告警详细处理--%>
|
<div class="layui-row" id="warningMsg" style="z-index: 9999999">
|
<div class="layui-col-xs12 layui-col-md12" style="z-index: 9999999">
|
<ul style="height: 100%;padding: 20px">
|
<li style="margin: 15px 0px">序号：<input type="text" id="warningid" name="ids" readonly style="background-color: whitesmoke;width: 200px;border: none;padding: 5px"></li>
|
<span style="display:none" id="warningidtype"></span>
|
<li style="margin: 15px 0px">快速处理：
|
<input type="radio" name="baoliu5" onclick="gjxzt('无需处理')" value="无需处理" title="无需处理" checked>无需处理
|
<input type="radio" name="baoliu5" onclick="gjxzt('误报')" value="误报" title="误报">误报
|
<input type="radio" name="baoliu5" onclick="gjxzt('已联系')" value="已联系" title="已联系">已联系
|
</li>
|
<li style="margin: 15px 0px">详细处理记录：</li>
|
<li style="margin: 15px 0px">
|
<textarea placeholder="请输入内容" id="warningwb" name="baoliu6" style="background-color: whitesmoke;width: 250px;height: 60px;border: none;padding: 5px"></textarea>
|
</li>
|
<li style="margin: 15px 0px">
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="" onclick="warningbc()">保存</button>
|
<button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="warningqx()" style="margin-left: 50px">取消</button>
|
</li>
|
<input type="hidden" value="" id="idwar">
|
</ul>
|
</div>
|
</div>
|
<div class="layui-row" id="warningMsg1">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<ul style="height: 100%;padding: 20px">
|
<li style="margin: 15px 0px">序号：<input type="text" id="warningid1" name="ids" readonly style="background-color: whitesmoke;width: 200px;border: none;padding: 5px"></li>
|
<li style="margin: 15px 0px">快速处理：
|
<input type="radio" name="baoliu5" onclick="gjxzts('无需处理')" value="无需处理" title="无需处理">无需处理
|
<input type="radio" name="baoliu5" onclick="gjxzts('误报')" value="误报" title="误报">误报
|
<input type="radio" name="baoliu5" onclick="gjxzts('已联系')" value="已联系" title="已联系">已联系
|
</li>
|
<li style="margin: 15px 0px">详细处理记录：</li>
|
<li style="margin: 15px 0px">
|
<textarea placeholder="请输入内容" id="warningwb1" name="baoliu6" style="background-color: whitesmoke;width: 250px;height: 60px;border: none;padding: 5px"></textarea>
|
</li>
|
<li style="margin: 15px 0px">
|
<button type="submit" class="layui-btn" lay-submit="" lay-filter="" onclick="warningbcAll()">保存</button>
|
<button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="warningqx()" style="margin-left: 50px">取消</button>
|
</li>
|
</ul>
|
</div>
|
</div>
|
<div class="layui-row" id="" style="position: fixed;bottom: 0px;">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<img src="HomeImg/db1.png" style="width: 400px"/>
|
</div>
|
</div>
|
<div class="layui-row" id="" style="position: fixed;bottom: 0px;right: 0px">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<img src="HomeImg/db2.png" style="width: 400px"/>
|
</div>
|
</div>
|
</div>
|
<%--更多--%>
|
|
<div style="height: 100%;width: 20%;position: fixed;top: 0px;left: 0px;z-index: 9;" id="border2s"></div>
|
<div style="height: 100%;width: 20%;position: fixed;top: 0px;right: 0px;z-index: 9;" id="border3s"></div>
|
|
</body>
|
<script type="text/html" id="titleTpl">
|
{{# if(d.anchormode === '0' || d.anchormode === '-1' ) { }}
|
<span class="" style="color: white;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align:center;background-color: #666666;border-radius: 5px;font-size: 12px;position: relative;left: -3px">离线</span>
|
{{# } else if(d.anchormode === '1') { }}
|
<span class="" style="color: white;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align:center;background-color: limegreen;border-radius: 5px;font-size: 12px;position: relative;left: -3px">在线</span>
|
{{# } }}
|
</script>
|
<script type="text/html" id="titleTpl1">
|
{{# if(d.ponline === '0' || d.ponline === '-1' ) { }}
|
<span class="" style="color: white;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align:center;background-color: #666666;border-radius: 5px;font-size: 12px;position: relative;left: 0px">离线</span>
|
{{# } else if(d.ponline === '1') { }}
|
<span class="" style="color: white;display: inline-block;width: 35px;height: 20px;line-height: 20px;text-align:center;background-color: limegreen;border-radius: 5px;font-size: 12px;position: relative;left: 0px">在线</span>
|
{{# } }}
|
</script>
|
<script type="text/html" id="barDemotag">
|
<a href="javascript:;" onclick="acs('{{d.id}}','{{d.version}}')"><img src="HomeImg/gengduo.png" style="width: 22px"></a>
|
</script>
|
<script type="text/html" id="titleTplFence">
|
{{# if(d.baoliu7 === '0' || d.baoliu7 === '-1' ) { }}
|
<a href="javascript:;" lay-event="开启"><span class="" style="color: white;background-color: red;padding: 5px">未启用</span></a>
|
{{# } else if(d.baoliu7 === '1') { }}
|
<a href="javascript:;" lay-event="关闭"><span class="" style="color: white;background-color: limegreen;padding: 5px">已启用</span></a>
|
{{# } }}
|
</script>
|
<script type="text/html" id="titleWarning">
|
{{# if(d.status === '未处理' ) { }}
|
<a href="javascript:;" lay-event="处理">
|
<span class="" style="color: white;background-color: rgb(116, 47, 80,0.8);display: inline-block;padding: 0px 10px">未处理</span>
|
</a>
|
{{# } else if(d.status === '已处理') { }}
|
<a href="javascript:;"><span class="" style="color: white;background-color: rgb(28, 145, 87,0.8);display: inline-block;padding: 0px 10px">已处理</span></a>
|
{{# } }}
|
</script>
|
<script type="text/html" id="phoneTpl">
|
{{# var phone = d.pphone; }}
|
{{# var formattedPhone = phone.slice(0, 3) + '****' + phone.slice(-3); }}
|
{{ formattedPhone }}
|
</script>
|
<script src="../JS/layui.js"></script>
|
<script src="../JS/layer.js"></script>
|
<script src="../HouTai/Js/jquery-3.5.1.js"></script>
|
<script src="HomeJs/language.js"></script>
|
<script src="../Home/HomeJs/echarts.min.js"></script>
|
<script src="../JS/translate.js"></script>
|
<script src="../Home/HomeJs/Home.js"></script>
|
<script src="HomeJs/Time.js"></script>
|
<script src="../Home/HomeJs/TuBiao.js"></script>
|
<script src="HomeJs/checkdJs.js"></script>
|
<script src="HomeJs/notify.js"></script>
|
<script src="HomeJs/notify_stand.js"></script>
|
<script src="HomeJs/GengDuo.js"></script>
|
<script>
|
var asdtitle;
|
var login = sessionStorage.getItem('username')
|
$("#warningusername").val(login)
|
if(login == null){
|
window.location='../index.jsp'
|
}else{
|
$(".layui-container").show();
|
$("#yhm").text(login)
|
}
|
function out(){
|
sessionStorage.removeItem("username")
|
localStorage.removeItem("username")
|
if(sessionStorage.getItem('username') == null || localStorage.getItem("username")){
|
window.location='../index.jsp'
|
}else{
|
$(".layui-container").show();
|
$("#yhm").text(login)
|
}
|
}
|
function joinHouTai(){
|
var user = $("#yhm").text();
|
var data = "username="+user
|
$.get("/hxzkuwb/findUserRole",data,function (data){
|
if(data.ujoin == "No"){
|
layer.msg('当前没有权限进入后台，请联系管理员')
|
}else{
|
window.open("../HouTai/HouTai.jsp")
|
}
|
})
|
}
|
var mapess;
|
|
</script>
|
|
<script>
|
|
// 在语音列表加载后调用的函数
|
// 拖拽功能
|
// 获取要拖拽的盒子元素
|
var dragBox = document.getElementById('ac');
|
// 初始化拖拽状态为false
|
var isDragging = false;
|
// 记录鼠标按下时鼠标与盒子左上角的偏移量
|
var offsetX, offsetY;
|
// 鼠标按下时触发的事件
|
dragBox.addEventListener('mousedown', function(e) {
|
isDragging = true;
|
// 计算鼠标与盒子左上角的偏移量
|
offsetX = e.clientX - dragBox.offsetLeft;
|
offsetY = e.clientY - dragBox.offsetTop;
|
});
|
// 鼠标移动时触发的事件
|
document.addEventListener('mousemove', function(e) {
|
// 如果处于拖拽状态，更新盒子的位置
|
if (isDragging) {
|
dragBox.style.left = e.clientX - offsetX + 'px';
|
dragBox.style.top = e.clientY - offsetY + 'px';
|
}
|
});
|
// 鼠标松开时触发的事件
|
document.addEventListener('mouseup', function() {
|
isDragging = false;
|
});
|
|
|
|
var dragBox1 = document.getElementById('fen');
|
// 初始化拖拽状态为false
|
var isDragging = false;
|
// 记录鼠标按下时鼠标与盒子左上角的偏移量
|
var offsetX, offsetY;
|
// 鼠标按下时触发的事件
|
dragBox1.addEventListener('mousedown', function(e) {
|
isDragging = true;
|
// 计算鼠标与盒子左上角的偏移量
|
offsetX = e.clientX - dragBox1.offsetLeft;
|
offsetY = e.clientY - dragBox1.offsetTop;
|
});
|
// 鼠标移动时触发的事件
|
document.addEventListener('mousemove', function(e) {
|
// 如果处于拖拽状态，更新盒子的位置
|
if (isDragging) {
|
dragBox1.style.left = e.clientX - offsetX + 'px';
|
dragBox1.style.top = e.clientY - offsetY + 'px';
|
}
|
});
|
// 鼠标松开时触发的事件
|
document.addEventListener('mouseup', function() {
|
isDragging = false;
|
});
|
|
var dragBox2 = document.getElementById('war');
|
// 初始化拖拽状态为false
|
var isDragging = false;
|
// 记录鼠标按下时鼠标与盒子左上角的偏移量
|
var offsetX, offsetY;
|
// 鼠标按下时触发的事件
|
dragBox2.addEventListener('mousedown', function(e) {
|
isDragging = true;
|
// 计算鼠标与盒子左上角的偏移量
|
offsetX = e.clientX - dragBox2.offsetLeft;
|
offsetY = e.clientY - dragBox2.offsetTop;
|
});
|
// 鼠标移动时触发的事件
|
document.addEventListener('mousemove', function(e) {
|
// 如果处于拖拽状态，更新盒子的位置
|
if (isDragging) {
|
dragBox2.style.left = e.clientX - offsetX + 'px';
|
dragBox2.style.top = e.clientY - offsetY + 'px';
|
}
|
});
|
// 鼠标松开时触发的事件
|
document.addEventListener('mouseup', function() {
|
isDragging = false;
|
});
|
|
var dragBox3 = document.getElementById('tags');
|
// 初始化拖拽状态为false
|
var isDragging = false;
|
// 记录鼠标按下时鼠标与盒子左上角的偏移量
|
var offsetX, offsetY;
|
// 鼠标按下时触发的事件
|
dragBox3.addEventListener('mousedown', function(e) {
|
isDragging = true;
|
// 计算鼠标与盒子左上角的偏移量
|
offsetX = e.clientX - dragBox3.offsetLeft;
|
offsetY = e.clientY - dragBox3.offsetTop;
|
});
|
// 鼠标移动时触发的事件
|
document.addEventListener('mousemove', function(e) {
|
// 如果处于拖拽状态，更新盒子的位置
|
if (isDragging) {
|
dragBox3.style.left = e.clientX - offsetX + 'px';
|
dragBox3.style.top = e.clientY - offsetY + 'px';
|
}
|
});
|
// 鼠标松开时触发的事件
|
document.addEventListener('mouseup', function() {
|
isDragging = false;
|
});
|
|
var dragBox4 = document.getElementById('gather');
|
// 初始化拖拽状态为false
|
var isDragging = false;
|
// 记录鼠标按下时鼠标与盒子左上角的偏移量
|
var offsetX, offsetY;
|
// 鼠标按下时触发的事件
|
dragBox4.addEventListener('mousedown', function(e) {
|
isDragging = true;
|
// 计算鼠标与盒子左上角的偏移量
|
offsetX = e.clientX - dragBox4.offsetLeft;
|
offsetY = e.clientY - dragBox4.offsetTop;
|
});
|
// 鼠标移动时触发的事件
|
document.addEventListener('mousemove', function(e) {
|
// 如果处于拖拽状态，更新盒子的位置
|
if (isDragging) {
|
dragBox4.style.left = e.clientX - offsetX + 'px';
|
dragBox4.style.top = e.clientY - offsetY + 'px';
|
}
|
});
|
// 鼠标松开时触发的事件
|
document.addEventListener('mouseup', function() {
|
isDragging = false;
|
});
|
|
|
function acs(id,version){
|
|
console.log()
|
var data = "id=" + id;
|
$.ajax({
|
url: "/hxzkuwb/findIdPerson",
|
data: data,
|
async: false,
|
success: function (data) {
|
console.log(data)
|
if (data.ponline == "1") {
|
data.ponline = "在线";
|
} else {
|
data.ponline = "离线";
|
}
|
|
$("#personImage").empty()
|
$("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/PersonPhoto/' + data.baoliu38 + '/>')
|
$(".xingming").text(data.pname);
|
$(".xingbie").text(data.psex);
|
$(".bumen").text(data.pdepartment);
|
$(".banben").text(version);
|
$(".bowei").text(data.baoliu39);
|
$(".leixing").text(data.baoliu19);
|
$(".dianhua").text(data.pphone);
|
$(".kahao").text(data.ptagid);
|
$(".shijian").text(data.pzu);
|
$(".powers").text(data.ppower+"%")
|
$(".jingdu").text(data.baoliu2);
|
$(".weidu").text(data.baoliu3);
|
$(".gaocheng").text(data.baoliu4);
|
$(".zhuangtai1").text(data.baoliu13);
|
$(".xzuobiao").text(data.px);
|
$(".yzuobiao").text(data.py);
|
$(".louceng").text(data.pfloor);
|
$(".zhuangtai2").text(data.ponline);
|
}
|
});
|
$("#acd").show();
|
}
|
</script>
|
</html>
|
