<%--
|
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" %>
|
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
|
<html>
|
<head>
|
<title></title>
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,minimum-scale=1.0,maximum-scale=1.0" />
|
<meta name="apple-touch-fullscreen" content="yes" />
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
|
<meta name="format-detection" content="telephone=no" />
|
<meta name="x5-fullscreen" content="true" />
|
<link rel="icon" href="/hxzkuwb/view/favicon.ico" type="image/x-icon">
|
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
|
<link rel="stylesheet" href="/hxzkuwb/view/Home/HomeCss/Home.css"/>
|
<link rel="stylesheet" href="/hxzkuwb/view/CSS/layui1.css"/>
|
<link rel="stylesheet" href="/hxzkuwb/view/Home/js/demo.css"/>
|
<link rel="stylesheet" href="/hxzkuwb/view/Home/HomeCss/Time.css/">
|
<link rel="stylesheet" type="text/css" href="/hxzkuwb/view/Home/css/HomeMap.css">
|
<script type="text/javascript" src="/hxzkuwb/view/Home/demo/lib/include-lib.js" libpath="/hxzkuwb/view/Home/demo/lib/" include="jquery,layer,toastr,font-awesome,layer,haoutil,mars3d,mars3d-space"></script>
|
<link href="/hxzkuwb/view/Home/demo/css/style.css" rel="stylesheet"/>
|
<script>
|
</script>
|
<script>
|
</script>
|
<style>
|
|
.font-wights{
|
font-weight: bolder;
|
}
|
::placeholder{
|
color: white;
|
font-weight: bolder;
|
}
|
.active-video-border {
|
border: 2px salmon solid;
|
}
|
#video-contianer {
|
position: relative;
|
width: 600px;
|
height: 400px;
|
}
|
#video {
|
width: 100%;
|
height: 100%;
|
}
|
#mask {
|
position: absolute;
|
top: 0;
|
left: 0;
|
width: 100%;
|
height: 100%;
|
cursor: pointer;
|
}
|
.active {
|
color: white !important;
|
background-color: #4763ED; /* 你可以根据需要更改颜色 */
|
}
|
.ChangeFloor{
|
color: black;
|
}
|
.layui-layer{
|
background-color: rgba(58, 56, 56, 0.82) !important;
|
}
|
.layui-layer-title{
|
color: white !important;
|
background-color: rgba(0, 0, 0, 0.2) !important;
|
}
|
/*.layui-table-click {*/
|
/* background-color: #10DB3E !important;*/
|
/* color: black; !*设置文字颜色为白色*!*/
|
/*}*/
|
.notify-msg-content{
|
color: black;
|
font-family: "阿里巴巴普惠体 R";
|
}
|
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: 42%;
|
|
}
|
.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 ;
|
}
|
tr:hover{
|
color: #009f95;
|
text-decoration: none;
|
}
|
li:hover{
|
color: #009f95;
|
text-decoration: none;
|
}
|
.layui-select-title:hover {
|
background-color:#1C3459 ; /* 设置悬浮时的背景颜色为蓝色 */
|
}
|
#titles{
|
background: url("/hxzkuwb/view/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);
|
}
|
.PersonName:hover{
|
background-color: #cccccc;
|
}
|
</style>
|
</head>
|
<body style="">
|
<div id="SendMsg" style="display: none;padding: 1%;width: 25%;height: 15%;position: fixed;z-index: 99999999;background-color: rgb(42,227,150,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="/hxzkuwb/view/Home/HomeImg/Send.png" style="margin-top: 50%;width: 80%;height: 50%"/>
|
</div>
|
<div style="display: inline-block;width: 78%">
|
<img src="/hxzkuwb/view/Home/HomeImg/close.png" style="width: 5%;height: 15%;float: right;position: relative;top: -1vh;left: -1vw;cursor: pointer" onclick="GunSendCs()"/>
|
<h1 style="font-size:22px;color: white;position: relative;top: 2vh;left: 10%">文字内容下发成功！</h1>
|
<span id="sendtime" style="color: #cccccc;position: relative;top:5vh;margin-left: 10%;color: white"></span>
|
</div>
|
</div>
|
<div id="ChaXuns" style="">
|
<div style="height: 40px;">
|
<p style="">
|
<input onfocus="DingWeiColor()" onkeyup="PersonNameDingWei()" onblur="DingWeiColor1()" id="KuaiSuDingWeiTag" type="text" style="width: 150px;border-top-left-radius: 8px;border-bottom-left-radius:8px;background-color: rgb(255,255,255,0);border: 2px solid #4662D9;color: white;height: 30px;padding-left: 2%">
|
<button onclick="KuaiSuDingWei()" class="font-wights" id="KuaiSuButton" style="cursor: pointer;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background-color: #4662D9;color: white;border: none;height: 30px;width: 60px;position: relative;left: -5px;top: 1px"> 搜索 </button>
|
</p>
|
<p style="">
|
<ul style="float: right;width: 100%;height:75px;text-align: center;margin: auto;margin-top: 1%;overflow-y: scroll" id="PersonNameDingWei">
|
</ul>
|
</p>
|
<%-- <input id="KuaiSuDingWeiTag" type="text" placeholder="" style="background-color: rgb(255, 255, 255,0.5);padding-left: 5px;border: none;width: 100px;color: black;height: 30px;border-top-left-radius: 4px;border-bottom-left-radius: 4px"/>--%>
|
<%-- <a href="javascript:;" onclick="KuaiSuDingWei()"style="float: right;background: url('HomeImg/butblue.png') no-repeat;background-size: 100% 100%;width: 70px;height: 35px;display: inline-block"></a>--%>
|
<%-- <input id="KuaiSuDingWeiTag" type="text" style="background: url('HomeImg/butblue.png');background-size: 100% 100%;border: 1px solid #5D6CF1;float: right;border: none;background-color: rgb(255,255,255,0.1);height: 35px">--%>
|
|
</div>
|
</div>
|
<div id="CsLiXian" style="padding: 1%;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="/hxzkuwb/view/Home/HomeImg/warnings.png" style="margin-top: 50%;width: 80%;height: 50%"/>
|
</div>
|
<div style="display: inline-block;width: 78%">
|
<img src="/hxzkuwb/view/Home/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>
|
<div style="width: 100%;height: 100%;overflow: hidden;" id="mars3dContainer" class="mars3d-container"></div>
|
<div class="infoview" style="display: none;top: 30%; width: 100px; text-align: center">
|
<button type="button" id="btnShowAll" onclick="showAll()" style="width: 60px;margin-left: 9px" class="layui-btn layui-bg-blue">整体</button>
|
<button type="button" id="btnShowF8" onclick="show(2)" style="width: 60px;margin-top: 4px" class="layui-btn layui-bg-blue">8F</button>
|
<button type="button" id="btnShowF1" onclick="show(1)" style="width: 60px;margin-top: 4px"class="layui-btn layui-bg-blue">1F</button>
|
</div>
|
<div class="layui-container" style="width: 100%;margin: 0px;padding: 0px;">
|
<div class="layui-row" style="z-index: 9999999">
|
<div class="layui-col-xs12 layui-col-md12">
|
<ul class="list" style="">
|
</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;" class="font-wights">欢迎:</li>
|
<li id="yhm" style="font-size: 12px;margin-left: 15px" class="font-wights"></li>
|
<li style="margin-left: 15px;"><a class="font-wights" 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="/hxzkuwb/view/Home/HomeImg/logout.png" style="width: 20px;position: relative;top: -3px"> </a> </li>
|
</ul>
|
</div>
|
</div>
|
<%-- 告警信息 跑马灯--%>
|
<div class="layui-row" id="warningTong" style="overflow: hidden;width: 19.5%;height:42%;z-index: 999;position: fixed;display: none;margin-top: 7%;">
|
<div style="width: 100%;">
|
<span id="warningTongtitle" class="font-wights" 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="" class="gjxx">
|
<div id="gjimg" style="height: 70%;text-align: center;width: 100%">
|
<img src="/hxzkuwb/Icon/雷达.gif" style="width: 55%;margin-top: 10%"/>
|
</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" class="font-wights" 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="margin-bottom: 10%">
|
<input id="username" name="username" onkeyup="PersonName()" style="color: white;background: url('/hxzkuwb/view/Home/HomeImg/bs2.png') no-repeat;background-size: 100% 100%;width: 100%" placeholder="请输入设备名称或编号" class="layui-input">
|
<ul id="PersonNames" style="display: none;height: 50%;overflow-y: scroll;width: 100%;position: absolute;top: 24%;background-color:rgb(255,255,255,0.6);z-index: 9999;border-radius: 2px;box-shadow: 2px 2px 2px #cfd0d2c">
|
|
</ul>
|
</p>
|
<p style="">
|
<textarea rows="8" cols="50" id="context" style="background: url('/hxzkuwb/view/Home/HomeImg/bs3.png');background-size: 100% 100%;border: 1px solid red;padding-left: 2%;background-color: transparent;border: none;color: white" placeholder=""></textarea>
|
</p>
|
<p class="font-wights" style="margin-top: 2%;color: white;font-size: 14px"><input type="checkbox" class="font-wights" id="ASends" value="1" name="yu" style="position: relative;top: 0.2vh;font-weight: bolder"/>所有人</p>
|
<p style="width: 60%;margin-top: 5%;text-align: center;line-height: 30px"><a href="javascript:;" id="BtnSend" style="background: url('/hxzkuwb/view/Home/HomeImg/bs4.png') no-repeat;background-size: 100% 100%;display: inline-block;width: 100%;height: 12%;color: white" onclick="send()" ></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" class="font-wights" 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="TongJiNum" style="height: 100%;overflow-y: auto;text-align: center">
|
<table style="width: 80%;margin: auto;margin-top: 5%" id="TongJiNumPerson">
|
|
</table>
|
</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" class="font-wights" 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%">
|
<table style="width: 100%" id="qytj">
|
<tr style="font-size: 14px;"><td class="font-wights" style="color: white">名称</td><td class="font-wights" style="color: white">人数</td><td class="font-wights" style="color: white">时间</td></tr>
|
|
</table>
|
</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;border: none;background: url('/hxzkuwb/view/Home/HomeImg/borderbutou.png') no-repeat;background-size: 100% 100%;position: fixed; top: 40%; left: 50%; width: 750px; height: 350px; z-index: 99999999; transform: translate(-50%, -50%);padding: 1%">
|
<p>
|
<img onclick="ShuaXinShuJu()" src="/hxzkuwb/view/Home/HomeImg/refen.png" width="100" style="cursor: pointer;margin-left: 2%"/>
|
<span style="color: white;font-size: 17px;margin-left: 3.5%;position: relative;top: 0.6vh" id="personDate"></span>
|
<button onclick="GuanMsg()" style="float: right;background: url('/hxzkuwb/view/Home/HomeImg/cha.png') no-repeat;background-size: 100% 100%;border: none;color: white;width: 20px;height: 20px;cursor: pointer;"></button>
|
</p>
|
<div style="width: 100%;overflow: hidden;">
|
<div style="display: inline-block;margin-left: 2%;margin-top: 3%;float: left">
|
<img src="/hxzkuwb/Icon/人员照片/moren.png" width="100"/>
|
</div>
|
<div style="display: inline-block;color: white;float:left;margin-top: 3%;font-size: 17px">
|
<span id="iTagid"></span>
|
<ul style="width: 200px;display: inline-block;margin-left: 20px">
|
<li style="height: 50px">姓名 : <span class="xingming"></span></li>
|
<li style="height: 50px">版本 : <span class="banben"></span></li>
|
<li style="height: 50px">卡号 : <span class="kahao"></span></li>
|
</ul>
|
<ul style="width: 200px;display: inline-block">
|
<li style="height: 50px">性别 : <span class="xingbie"></span></li>
|
<li style="height: 50px">类型 : <span class="leixing"></span></li>
|
<li style="height: 50px">岗位 : <span></span></li>
|
</ul>
|
<ul style="width: 200px;display: inline-block">
|
<li style="height: 50px">部门 : <span class="bumen"></span></li>
|
<li style="height: 50px">电话 : <span class="dianhua"></span></li>
|
<li style="height: 50px">电量 : <span class="powers"></span></li>
|
</ul>
|
</div>
|
</div>
|
<div style="width: 95%;border-top: white 0.5px solid;margin: auto;margin-top: 1%"></div>
|
<div style="width: 95%;margin: auto;margin-top: 1%;font-size: 17px">
|
<ul style="color: white;margin-top: 4%">
|
<li style="display: inline-block;width: 160px">经度 : <span class="jingdu"></span></li>
|
<li style="display: inline-block;width: 160px">纬度 : <span class="weidu"></span></li>
|
<li style="display: inline-block;width: 160px">高程 : <span class="gaocheng"></span></li>
|
<li style="display: inline-block;width: 160px">状态 : <span class="zhuangtai1"></span></li>
|
</ul>
|
<ul style="color: white;margin-top: 5%">
|
<li style="display: inline-block;width: 160px">X坐标 : <span class="xzuobiao"></span></li>
|
<li style="display: inline-block;width: 160px">Y坐标 : <span class="yzuobiao"></span></li>
|
<li style="display: inline-block;width: 160px">楼层 : <span class="louceng"></span></li>
|
<li style="display: inline-block;width: 160px">状态 : <span class="zhuangtai2"></span></li>
|
</ul>
|
</div>
|
</div>
|
<%-- 围栏信息--%>
|
<div class="layui-row" id="fen" style="cursor:pointer;">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="padding-top: 30px;padding-left: 20px;padding-right: 20px">
|
<form class="layui-form">
|
<input type="text" class="sear" name="name" placeholder="围栏名称">
|
<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>
|
</div>
|
<%-- 警告信息--%>
|
<div class="layui-row" id="war" style="cursor:pointer;">
|
<div class="layui-col-xs12 layui-col-md12" >
|
<div style="padding-top: 30px;padding-left: 20px;padding-right: 20px">
|
<form class="layui-form">
|
<input style="display: inline-block" type="text" maxlength="10" class="sear" placeholder="设备编号" 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>
|
</div>
|
<%-- 人员信息--%>
|
<div class="layui-row" id="tags" style="cursor:pointer;">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div style="padding-top: 30px;padding-left: 20px;padding-right: 20px;">
|
<form class="layui-form">
|
<input type="text" class="sear" maxlength="10" name="pTagid" placeholder="设备编号" >
|
<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 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>
|
</div>
|
<%-- 聚集信息--%>
|
<div class="layui-row" id="gather" style="cursor:pointer;">
|
<div class="layui-col-xs12 layui-col-md12">
|
<div 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: 0px" 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>
|
</div>
|
<%-- 地图切换--%>
|
<div class="layui-row" id="Ditu" style="bottom: 2.5%;">
|
<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: 6%;display: inline-block;text-align: center"><img src="/hxzkuwb/Icon/隐藏看板.png" width="30" onClick="yckb()" style="cursor:pointer;margin-right:2%"><br><span id ="yckbtext" class="font-wights">隐藏看板</span></li>
|
<li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="JiChuGn()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/JiChuGn.png" width="25"/><br><span class="font-wights">更多功能</span></li>
|
<li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="zoomSet(1)" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/zoomDa.png" width="25"/><br><span class="font-wights">地图放大</span></li>
|
<li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="zoomSet(2)" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/zoomXiao.png" width="25"/><br><span class="font-wights">地图缩小</span></li>
|
<li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="qhmodel()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/qhmodel.png" width="25"/><br><span class="font-wights" id="qhmodel">3维视图</span></li>
|
<li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="chushiHome()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/ChuShiHome.png" width="25"/><br><span class="font-wights" id="chushiHome">最初位置</span></li>
|
<%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="QhFloor1()" style="cursor:pointer;" src="HomeImg/floors.png" width="25"/><br><span>切换四层</span></li>--%>
|
<%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="QhFloor()" style="cursor:pointer;" src="HomeImg/floors.png" width="25"/><br><span>切换五层</span></li>--%>
|
|
</ul>
|
</div>
|
</div>
|
</div>
|
<%-- 告警信息处理窗口--%>
|
<div class="layui-row" id="wind" style="
|
display:none;
|
border: none;
|
background: url('/hxzkuwb/view/Home/HomeImg/borderwind.png') no-repeat;
|
background-size: 100% 100%;
|
position: fixed;
|
|
top: 50%;
|
left: 50%;
|
width: 680px; /* 使用百分比宽度 */
|
max-width: 650px; /* 最大宽度 */
|
height: 440px; /* 根据你的需求调整高度 */
|
overflow-y: auto; /* 添加垂直滚动 */
|
z-index: 99999;
|
transform: translate(-50%, -50%);
|
padding: 1% 2%;
|
color: white;">
|
</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="padding-top: 4px;padding-left: 4px;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>
|
<%--在线人员-离线人员功能--%>
|
<div id="onlinePerson" style="display: none;background: url('/hxzkuwb/view/Home/HomeImg/border.png') no-repeat;background-size: 100% 100%;position: fixed;right: 20%;top: 28%;z-index: 9999;width: 30%;height: 30%">
|
<p><img src="/hxzkuwb/view/Home/HomeImg/cha.png" onclick="CloseOnlinePerson()" width="14" style="float: right;margin-top: 4%;margin-right: 4%;cursor: pointer"/></p>
|
<table style="overflow: hidden;text-align: center;margin-top: 6%;width: 95%;margin: auto;font-size: 14px">
|
<tr style="text-align: center">
|
<td style="color: white;">名称</td>
|
<td style="color: white;">编号</td>
|
<td style="color: white;">电量</td>
|
<td style="color: white;">查看位置</td>
|
</tr>
|
</table>
|
<div style="height:76%;overflow-y: scroll">
|
<table style="width: 95%;text-align: center;margin: auto;font-size: 14px" id="onlinePerson1">
|
|
</table>
|
</div>
|
</div>
|
<div id="JiChu" style="display: none;cursor: pointer;overflow-y: auto;background: url('/hxzkuwb/view/Home/HomeImg/border.png') no-repeat;background-size: 100% 100%;position: fixed;left: 42%;bottom: 9%;z-index: 9999;width: 9%;height: 30%">
|
<p
|
style="margin-top: 8%;overflow: hidden">
|
<span style="color: white;float: left;margin-left: 8%;font-weight: bold">更多功能</span>
|
<span style="float: right;margin-right: 8%"><img onclick="ClosJiChu()" src="/hxzkuwb/view/Home/HomeImg/cha.png" width="12"/></span>
|
</p>
|
<div style="border-top: 1px solid #cccccc;margin-top: 6%;"></div>
|
<div style="margin-top: 6%">
|
<p onclick="check1()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck1"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck1" style="display: none"/><span style="margin-left: 5%">详细信息</span></p>
|
<p onclick="check2()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck2"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck2" style="display: none"/> 离线消失</p>
|
<p onclick="check3()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck3"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck3" style="display: none"/> 开启语音</p>
|
<p onclick="check4()"style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck4"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck4" style="display: none"/> 显示围栏</p>
|
<p onclick="check5()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck5"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck5" style="display: none"/> 显示基站</p>
|
<p onclick="check6()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck6"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck6" style="display: none"/> 显示网关</p>
|
<p onclick="check7()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck7"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck7" style="display: none"/> 显示速度</p>
|
</div>
|
</div>
|
<div style="position: fixed;right: 1%;top: 30%;bottom: 30%;z-index: 9999;display: none" id="FloorsMap">
|
<div style="background-color: white;padding: 10px;width: 30px;border-radius: 8px;margin-bottom: 20px"> <div class="ChangeFloor" onclick="ChangeFloorColor('0')" style="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;">整体</div> </div>
|
</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' ) { }}
|
<div style="width: 10px;height: 10px;background-color: #7030A0;border-radius: 10px;display: inline-block"></div> <span style="font-size: 14px;display: inline-block">离线</span>
|
{{# } else if(d.ponline === '1') { }}
|
<div style="width: 10px;height: 10px;background-color: green;border-radius: 10px;display: inline-block"></div> <span style="font-size: 14px;display: inline-block">在线</span>
|
{{# } }}
|
</script>
|
<script type="text/html" id="barDemotag">
|
<a href="javascript:;" onclick="acs('{{d.ptagid}}')"><img src="/hxzkuwb/view/Home/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="" onclick="ChuLi({{d.id}})" 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="titleWarningGps">
|
<img style="cursor:pointer;" onclick=KuaiSuGps("{{d.baoliu1}}") src="/hxzkuwb/view/Home/HomeImg/gps.png" width="30"/>
|
</script>
|
<script type="text/html" id="phoneTpl">
|
{{# var phone = d.pphone; }}
|
{{# var formattedPhone = phone.slice(0, 3) + '****' + phone.slice(-3); }}
|
{{ formattedPhone }}
|
</script>
|
<script>
|
$.ajax({
|
url: "/hxzkuwb/CheckUserToken",
|
type: "get",
|
headers: {
|
'x-access-token': localStorage.getItem("hxzkmars3d")
|
},
|
async: true, // 设置为同步请求
|
success: function(data) {
|
console.log(data)
|
// 请求成功时将响应数据赋值给 responseData 变量
|
if (data == 0){
|
layer.confirm('当前登录已过期，请重新登录！', {
|
btn: ['确定']
|
}, function (index) {
|
// 点击确定后执行重新登录操作
|
// 这里可以使用 location.href 跳转到登录页面
|
location.href = '/hxzkuwb/index.jsp';
|
layer.close(index);
|
})
|
}
|
},
|
error: function(error) {
|
// 请求失败时打印错误信息
|
console.error("请求出错: ", error);
|
}
|
});
|
</script>
|
<script src="/hxzkuwb/view/Home/js/common.js"></script>
|
<script src="/hxzkuwb/view/Home/demovlc.js"></script>
|
<script src="/hxzkuwb/view/Home/js/Map.js"></script>
|
<script src="/hxzkuwb/view/Home/js/HomeMars3d.js"></script>
|
<script src="/hxzkuwb/view/Home/js/3DMoXing.js"></script>
|
<script src="/hxzkuwb/view/Home/js/MarsHomeSet.js"></script>
|
<script src="/hxzkuwb/view/JS/layui.js"></script>
|
<script src="/hxzkuwb/view/JS/layer.js"></script>
|
<script src="/hxzkuwb/view/Home/HomeJs/language.js"></script>
|
<script src="/hxzkuwb/view//Home/HomeJs/Home.js"></script>
|
<script src="/hxzkuwb/view/Home/HomeJs/Time.js"></script>
|
<script src="/hxzkuwb/view//Home/HomeJs/TuBiao.js"></script>
|
<script src="/hxzkuwb/view/Home/HomeJs/GengDuo.js"></script>
|
<script src="/hxzkuwb/view/Home/HomeJs/notify.js"></script>
|
<script src="/hxzkuwb/view/Home/HomeJs/notify_stand.js"></script>
|
<script>
|
$.ajaxSetup({
|
headers: {
|
'x-access-token': localStorage.getItem("hxzkmars3d")
|
}
|
});
|
var asdtitle;
|
$("#yhm").text(sessionStorage.getItem("username"))
|
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("/hxzkuwb/HouTai/HouTai.jsp")
|
}
|
})
|
}
|
var mapess;
|
var pdUser = localStorage.getItem("hxzkmars3d")
|
if (pdUser == "" || pdUser == null){
|
location.href="/hxzkuwb/index.jsp"
|
}
|
|
function out(){
|
localStorage.removeItem("hxzkmars3d")
|
sessionStorage.removeItem("username");
|
layer.msg('退出成功')
|
setTimeout(function (){
|
location.href="/hxzkuwb/index.jsp"
|
},1000)
|
}
|
|
</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;
|
});
|
|
var dragBox5 = document.getElementById('JiChu');
|
// 初始化拖拽状态为false
|
var isDragging = false;
|
// 记录鼠标按下时鼠标与盒子左上角的偏移量
|
var offsetX, offsetY;
|
// 鼠标按下时触发的事件
|
dragBox5.addEventListener('mousedown', function(e) {
|
isDragging = true;
|
// 计算鼠标与盒子左上角的偏移量
|
offsetX = e.clientX - dragBox5.offsetLeft;
|
offsetY = e.clientY - dragBox5.offsetTop;
|
});
|
// 鼠标移动时触发的事件
|
document.addEventListener('mousemove', function(e) {
|
// 如果处于拖拽状态，更新盒子的位置
|
if (isDragging) {
|
dragBox5.style.left = e.clientX - offsetX + 'px';
|
dragBox5.style.top = e.clientY - offsetY + 'px';
|
}
|
});
|
// 鼠标松开时触发的事件
|
document.addEventListener('mouseup', function() {
|
isDragging = false;
|
});
|
|
function JiChuGn(){
|
$("#JiChu").fadeIn(500)
|
layer.msg('操作成功')
|
}
|
function ClosJiChu(){
|
$("#JiChu").hide()
|
}
|
function MsgSend(){
|
if (!sendTimes){
|
layer.msg("频繁发送过快，请稍等！")
|
return false;
|
}
|
// 检查 checkbox1 是否被选中
|
var username1 = sessionStorage.getItem("username")
|
var username = $(".kahao").text()
|
var context = $("#contents").val()
|
if(username == "" || username == null){
|
layer.msg(languages15)
|
}else{
|
if (username.length < 2){
|
layer.msg(languages16)
|
|
return
|
}
|
if (context.length <2 || context.length > 30){
|
layer.msg(languages14)
|
return;
|
}
|
var dts = "username="+username1;
|
$.get("/hxzkuwb/findUserRole",dts,function (data){
|
if(data.juese=="访客"){
|
layer.msg(languages17)
|
}else{
|
var dt = "username="+username1+"&context="+context+"&tagid="+username
|
$.get("/hxzkuwb/sendMsg",dt,function(data){
|
sendTimes = false;
|
$("#sendtime").text(getCurrentFormattedDate())
|
$("#SendMsg").fadeIn(500)
|
$("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4s.png')");
|
setTimeout(function (){
|
$("#SendMsg").fadeOut(500)
|
sendTimes = true;
|
$("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4.png')");
|
},3000)
|
})
|
|
}
|
})
|
}
|
}
|
|
function zoomSet(num){
|
if (num == 1){
|
map.zoomIn(2)
|
}else{
|
map.zoomOut(2)
|
}
|
}
|
|
function personMsgtids(id){
|
var data = "id="+id
|
|
$.get("/hxzkuwb/findtIdPerson",data,function (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(data.baoliu42)
|
$(".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()
|
}
|
|
|
$.get("/hxzkuwb/findmap",function (data){
|
for (var i = data.length-1 ; i >=0;i--){
|
var max = data.length-1
|
data[i].floor = parseInt(data[i].floor)+1
|
if (data.length == 1){
|
$("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;border-radius: 8px"> <div class="ChangeFloor" onclick="ChangeFloorColor('+data[i].floor+')" style="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;">F'+data[i].floor+'</div> </div>')
|
}else{
|
if (i == max) {
|
$("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;border-top-right-radius: 8px;border-top-left-radius: 8px" > <div class="ChangeFloor" onclick="ChangeFloorColor('+data[i].floor+')" style ="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;" > F'+data[i].floor+' </div><br><div style="border-top: 1px solid #C0C4CC"></div></div>')
|
}else if (i == 0){
|
$("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px"> <div class="ChangeFloor" onclick="ChangeFloorColor('+data[i].floor+')" style="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;">F'+data[i].floor+'</div> </div>')
|
}else{
|
$("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;"> <div onclick="ChangeFloorColor('+data[i].floor+')" class="ChangeFloor" style="cursor: pointer;text-align: center;line-height: 30px;font-weight: bolder;border-radius: 2px"> F'+data[i].floor+' </div><br><div style="border-top: 1px solid #C0C4CC"></div></div>')
|
}
|
}
|
|
|
}
|
})
|
|
function ChangeFloorColor (floor) {
|
var floor2 = 0;
|
if (floor == 1){
|
floor2 = 15
|
layer.msg("切换1层")
|
}
|
if (floor == 8){
|
floor =15
|
floor2 = 30
|
layer.msg("切换8层")
|
}
|
if (floor == 0){
|
layer.msg("显示整体")
|
}
|
showCengByStyle(floor,floor2)
|
// 移除所有 .ChangeFloor 的 active 类
|
$(".ChangeFloor").removeClass("active");
|
// 给当前点击的 .ChangeFloor 添加 active 类
|
$(".ChangeFloor").filter(function () {
|
if (floor == "0"){
|
return $(this).text().trim() === '整体'
|
}else{
|
return $(this).text().trim() === 'F' + floor;
|
}
|
}).addClass("active");
|
// 调用 AddImg 函数
|
if (floor == "0"){
|
graphicLayerMapImage.getGraphics().forEach(graphic => {
|
graphicLayerMapImage.removeGraphic(graphic);
|
}
|
);
|
}else{
|
AddImg(floor);
|
}
|
}
|
|
var tileLayermap;
|
|
var dpfloor = {
|
floor:0
|
}
|
$.post("/hxzkuwb/findfloorMap", dpfloor, function (data) {
|
graphicLayerMapImage.getGraphics().forEach(graphic => {
|
graphicLayerMapImage.removeGraphic(graphic);
|
}
|
);
|
var graphic = new mars3d.graphic.PolygonEntity({
|
positions: [
|
data[0].baoliu8,
|
data[0].baoliu7,
|
data[0].baoliu6,
|
data[0].baoliu5
|
],
|
style: {
|
materialType: mars3d.MaterialType.Image,
|
materialOptions: {
|
image: "/hxzkuwb/view/MapImage/"+data[0].mapname,
|
}
|
},
|
|
})
|
graphicLayerMapImage.addGraphic(graphic) // 还可以另外一种写法: graphic.addTo(graphicLayer)
|
})
|
|
function AddImg(floor) {
|
var data = {
|
floor
|
}
|
$.post("/hxzkuwb/findfloorMap", data, function (data) {
|
graphicLayerMapImage.getGraphics().forEach(graphic => {
|
graphicLayerMapImage.removeGraphic(graphic);
|
}
|
);
|
var graphic = new mars3d.graphic.PolygonEntity({
|
positions: [
|
data[0].baoliu8,
|
data[0].baoliu7,
|
data[0].baoliu6,
|
data[0].baoliu5
|
],
|
style: {
|
materialType: mars3d.MaterialType.Image,
|
materialOptions: {
|
image: "/hxzkuwb/view/MapImage/"+data[0].mapname,
|
}
|
},
|
|
})
|
graphicLayerMapImage.addGraphic(graphic) // 还可以另外一种写法: graphic.addTo(graphicLayer)
|
})
|
}
|
</script>
|
<script>
|
var graphicLayerMapImage
|
function yckb() {
|
num++;
|
var data = "username=" + sessionStorage.getItem("username")
|
$.get("/hxzkuwb/findScreenRole", data, function (data) {
|
if (num % 2 == 0) {
|
$("#FloorsMap").hide()
|
map.control.compass.show = false
|
map.control.navigationHelpButton.show = false
|
map.control.fullscreenButton.show = false
|
map.control.homeButton.show = false
|
map.control.locationBar.show = false
|
map.control.zoom.show = false
|
map.control.sceneModePicker.show = false
|
map.control.baseLayerPicker.show = false
|
map.control.mouseDownView.show = false
|
map.control.distanceLegend.show = false
|
$("#ykcbs").text("隐藏看板")
|
// $(".infoview").fadeOut(500)
|
if (data.quyu != "No") {
|
$("#tong2").fadeIn(500)
|
}
|
if (data.power != "No") {
|
$("#tong3").fadeIn(500)
|
}
|
if (data.tongji != "No") {
|
$("#tong1").fadeIn(500)
|
}
|
if (data.warning != "No") {
|
$("#warningTong").fadeIn(500)
|
$(".gjxx").fadeIn(500)
|
}
|
if (data.say != "No") {
|
$("#txin").fadeIn(500);
|
}
|
if (data.biaoqian != "No") {
|
$("#biaoqian").fadeIn(500)
|
}
|
if (data.jizhan != "No") {
|
$("#jizhan").fadeIn(500)
|
}
|
$("#border2s").fadeIn(500)
|
$("#border3s").fadeIn(500)
|
} else {
|
$("#FloorsMap").show();
|
map.control.compass.show = true
|
map.control.navigationHelpButton.show = true
|
map.control.fullscreenButton.show = true
|
map.control.homeButton.show = true
|
map.control.locationBar.show = true
|
map.control.zoom.show = true
|
map.control.sceneModePicker.show = true
|
map.control.baseLayerPicker.show = true
|
map.control.mouseDownView.show = true
|
map.control.distanceLegend.show = true
|
// $(".infoview").fadeIn(500)
|
$("#biaoqian").fadeOut(500)
|
$("#jizhan").fadeOut(500)
|
$("#ykcbs").text("显示看板")
|
if (data.quyu != "No") {
|
$("#tong2").fadeOut(500)
|
}
|
if (data.power != "No") {
|
$("#tong3").fadeOut(500)
|
}
|
if (data.tongji != "No") {
|
$("#tong1").fadeOut(500)
|
}
|
if (data.warning != "No") {
|
$("#warningTong").fadeOut(500)
|
}
|
if (data.say != "No") {
|
$("#txin").fadeOut(500);
|
}
|
|
$("#border2s").fadeOut(500)
|
$("#border3s").fadeOut(500)
|
}
|
})
|
|
layer.msg('操作成功')
|
}
|
var Models3d = 0;
|
var Models3dName = "2维视图";
|
function qhmodel(){
|
Models3d++;
|
var text = $("#qhmodel").text();
|
if (text == "3维视图"){
|
if (Models3d == 1){
|
showQxShequDemo(map)
|
toastr.success("正在加载中", "三维模型");//成功
|
}
|
$("#qhmodel").text("2维视图");
|
map.scene.morphTo3D(0)
|
map
|
Models3dName = "3维视图"
|
}else{
|
$("#qhmodel").text("3维视图");
|
map.scene.morphTo2D(0)
|
Models3dName = "2维视图"
|
}
|
}
|
function chushiHome(){
|
map.flyHome()
|
notify.success("最初位置")
|
}
|
document.querySelector('form').addEventListener('submit', function() {
|
// 清除表单数据
|
this.reset();
|
});
|
function getCurrentFormattedDate() {
|
const now = new Date();
|
const year = now.getFullYear();
|
const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始，需要加1
|
const day = String(now.getDate()).padStart(2, '0');
|
const hours = String(now.getHours()).padStart(2, '0');
|
const minutes = String(now.getMinutes()).padStart(2, '0');
|
const seconds = String(now.getSeconds()).padStart(2, '0');
|
|
return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
|
}
|
|
</script>
|
<script>
|
var toastr;
|
toastr.options = {
|
closeButton: true,//显示关闭按钮
|
debug: false,
|
progressBar: true,//显示进度条
|
onclick: null,//点击消息框自定义事件
|
showDuration: "300",//显示动作时间
|
hideDuration: "1000",//隐藏动作时间
|
timeOut: "0",//显示时间,0为永久显示
|
showMethod: "fadeIn",//显示方式
|
hideMethod: "fadeOut"//隐藏方式
|
|
};
|
|
</script>
|
</html>
|
