<%--
|
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, maximum-scale=1, user-scalable=no">
|
<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/">
|
<link rel="stylesheet" href="Search/css/style.css"/>
|
<link rel="stylesheet" href="Search/css/style-search.css"/>
|
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=08692e557513662183f9a5d52c1ea258"></script>
|
<script type="text/javascript" src="https://api.map.baidu.com/api?v=3.0&ak=zoVtgLNWuaZBjMAa32RZRFIagXxST0fm&callback"></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 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: 100%;position: fixed;z-index: 9;">
|
<div class="layui-col-xs12 layui-col-md12" style="width: 100%;height: 100px">
|
<h1 style="text-align: center;height: 70px;line-height: 65px;color: white;font-size: 25px;width: 100%;position: relative;top: -
|
8px;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="display: inline-block"><img src="HomeImg/date.png" style="position: relative;top: 0px"/></li>
|
<li id="current-time" style="display: inline-block;font-size: 12px;margin-left: 10px;">日期:2024-00-00 00:00:00</li>
|
<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()" title="点击退出登录系统"><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:39%;margin-left: 12px;z-index: 999;position: fixed;margin-
|
top:117px;display: none">
|
<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" width="200" style="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: center;overflow:hidden;">
|
<p style=""><img src="HomeImg/bs2.png" width="360" style="height: 15%"/><br><input type="text" id="username" style="position:
|
relative;height: 40px;top: -46px;left: 0px;width: 300px;background-color: transparent;;left: -20px;border: none" placeholder="请输入设备ID"
|
/></p>
|
<p style=""><img src="HomeImg/bs3.png" width="360" style="height: 30%;margin-top: 0px"/><input type="text" id="context"
|
style="height: 60px;position: relative;top: -80px;left: 0px;width: 300px;background-color: transparent;left: -20px;border: none;color: red"
|
placeholder="请输入内容" /></p>
|
<p style="width: 90%;text-align: left;margin-left: 5%;height: 10%;position: relative;top: -30px"><img
|
src="HomeImg/bs6.png"/><span id="gouxuan" style=""> 勾选发给所有人</span></p>
|
<p style="width: 90%;position: relative;top: -20px"><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: -4%">发送
|
</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: -4%">呼叫</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%;text-align: center;overflow:hidden;">
|
<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">未处理:0</div>
|
<div id="tong" style="width: 350px;height: 280px;position: relative;top: 40px;"></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 style="position: absolute;top: 10px;left: 310px"><a href="javascript:;" title="上一页"
|
onclick="nextpageQuYu('上一页')"><img src="HomeImg/jt1.png" style="width: 20px"/></a> <a href="javascript:;" title="下一页"
|
onclick="nextpageQuYu('下一页')"><img src="HomeImg/jt2.png" style="width: 20px"/></a></span>
|
<span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span>
|
</div>
|
<div id="QuYubody" style="width: 100%;height: 90%;padding-top: 10px;text-align: left;overflow:hidden;">
|
<div style="z-index: 9999;color: white;width: 360px;margin-left: 18%">
|
<ul class="" style="">
|
<li style="font-size: 12px;text-align: left;display: inline-block;width:30%">名称</li>
|
<li style="font-size: 12px;text-align: left;display: inline-block;width:30%">人数</li>
|
<li style="font-size: 12px;text-align: left;display: inline-block">时间</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 id="3dMap">--%>
|
<%-- <div class="layui-row" style="height: 100%;width: 100%;position: fixed;top: 0px" id="ditu1">--%>
|
<%-- <div class="layui-col-xs12 layui-col-md12">--%>
|
<%-- <object data="http://data.fengmap.cn:1024/yz/map2022/DEMO/%E6%A8%A1%E5%9E%8B3D/DEMO%E4%B8%89%E7%BB%B42/955385%E5%8D%8E
|
%E6%B6%A6%E7%94%B5%E5%8A%9B(%E5%94%90%E5%B1%B1%E6%9B%B9%E5%A6%83%E7%94%B8)%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8demo/"--%>
|
<%-- type="text/html"--%>
|
<%-- width="100%"--%>
|
<%-- height="100%">--%>
|
<%-- </object> </div>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<div class="layui-row" style="height: 100%;width: 100%;position: fixed;top: 0px;z-index: 6" id="ditu2">
|
<div class="layui-col-xs12 layui-col-md12" style="width: 100%;height: 100%;" id="container">
|
</div>
|
</div>
|
<div class="layui-row" style="height: 100%;width: 100%;position: fixed;top: 0px;z-index: 7" id="ditu3">
|
<div id="map" style="height: 100%;width: 100%"></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" lay-submit lay-filter="demo-search1">搜索</span></a>
|
<a href="javascript:;"><span class="sear1" id="searchSheBei" lay-submit lay-filter="demo-table-search4" style="margin-left:
|
80px">刷新</span></a>
|
<a onclick="SheBeiGuan()" href="javascript:;"><span class="sear1" 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;">刷新数据</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%">关闭</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%;">姓名：<span class="xingming"></span></span>
|
<span style="font-size: 12px;display: inline-block;width: 30%;">性别：<span class="xingbie"></span></span>
|
<span style="font-size: 12px;display: inline-block;width: 30%;">部门：<span class="bumen"></span></span>
|
</div>
|
<div style="margin-top: 5%;float: left;width: 70%">
|
<span style="font-size: 12px;display:inline-block;width: 30%;">版本：<span class="banben"></span></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;">类型：<span class="leixing"></span></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;">电话：<span class="dianhua"></span></span>
|
</div>
|
<div style="margin-top: 5%;float: left;;width: 70%">
|
<span style="font-size: 12px;display:inline-block;width: 30%;">卡号：<span class="kahao"></span></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;">岗位：<span class="shijian"></span></span>
|
<span style="font-size: 12px;display:inline-block;width: 30%;">电量：<span class="powers"></span></span>
|
</div>
|
<div style="margin-top: 30px;float: left;margin-left: 10px;width: 500px;">
|
<span style="margin: 20px;position: relative;left: -5px;top: -120px;">用户照片</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;">经度：<span class="jingdu"></span></span>
|
<span style="font-size: 12px;width: 26%;display: inline-block;">纬度：<span class="weidu"></span></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;">高程：<span class="gaocheng"></span></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;">状态：<span class="zhuangtai1"></span></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;">X坐标：<span class="xzuobiao"></span></span>
|
<span style="font-size: 12px;width: 26%;display: inline-block;">Y坐标：<span class="yzuobiao"></span></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;">楼层：<span class="louceng"></span></span>
|
<span style="font-size: 12px;width: 20%;display: inline-block;">状态：<span class="zhuangtai2"></span></span>
|
</div>
|
<div style="margin-top: 30px;float: left;position: relative;top: -110px;width: 100%;">
|
<span>文字：</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;height: 23px;line-height: 24px;width:
|
40px;background-color:#BFE4F2;display: inline-block;text-align: center;position: relative;left: -5px;top: 0px">发送</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" lay-submit lay-filter="demo-search2">搜索</span></a>
|
<a href="javascript:;"><span class="sear1" id="search3" lay-submit lay-filter="demo-table-search3" style="margin-left:
|
80px">刷新</span></a>
|
<a onclick="WeiLanGuan()" href="javascript:;"><span class="sear1" 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" lay-submit lay-filter="demo-search3">搜索
|
</span></a>
|
<a style="display: inline-block" href="javascript:;"><span id="search2" class="sear1" 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" id="searnum" style="margin-
|
left: 40px">全部告警</span></a>
|
<a onclick="JingGaoGuan()" href="javascript:;"><span class="sear1" 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" lay-submit lay-filter="demo-search4">搜索</span></a>
|
<a href="javascript:;"><span class="sear1" style="margin-left: 80px" id="search1" lay-submit lay-filter="demo-table-
|
search1">刷新</span></a>
|
<a href="javascript:;"><span class="sear1" style="margin-left: 20px" lay-submit lay-filter="demo-table-update">修改
|
</span></a>
|
<a onclick="RenYuanGuan()" href="javascript:;"><span class="sear1" 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" lay-submit lay-filter="submitBtn">立即提交</button>
|
<button type="button" class="layui-btn layui-btn-normal" lay-filter="" onclick="quxiaos()" style="margin-left:
|
20px">取消</button>
|
</div>
|
</div>
|
</form>
|
<table id="tag" lay-filter="tag"></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" lay-submit lay-filter="demo-search4">搜索</span></a>
|
<a href="javascript:;"><span class="sear1" style="margin-left: 80px" lay-submit lay-filter="demo-table-search1">刷新
|
</span></a>
|
<a onclick="JuJiGuan()" href="javascript:;"><span class="sear1" style="float: right;margin-right: 0px">关闭</span></a>
|
</form>
|
<table id="gathers" lay-filter="gathers"></table>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
<div id="ChaXuns" style="">
|
<div>
|
<span>
|
<input id="sousuotags" 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"/>
|
</span>
|
<a href="javascript:;" id="SouSuoTag"><span style="position: relative;top: -7px;left: -4px;width: 40px;height: 30px;border-bottom-
|
right-radius: 4px;border-top-right-radius: 4px;background-color: rgb(116, 143, 252,0.5);display: inline-block">
|
<img src="HomeImg/search.png" width="20" height="20" style="position: relative;top: 3px"/>
|
</span>
|
</a>
|
</div>
|
</div>
|
<%-- 地图切换--%>
|
<div class="layui-row" id="Ditu" style="bottom: 1%">
|
<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" alt="隐藏看板" title="隐藏看板" 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>三维地图</li>
|
<li style="font-size: 12px;color:#07F4F6;width: 10%;display: inline-block;text-align: center" ><img src="/hxzkuwb/Icon/查看
|
更多.png" onclick="ello()" title="更多操作" style="margin-left:0%;width: 22%;cursor:pointer;" alt="更多操作"><br><span 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="switc">--%>
|
<%-- <div class="layui-col-xs12 layui-col-md12" style="">--%>
|
<%-- <div class="layui-form-item" style="float: right;">--%>
|
<%-- <label class="layui-form-label" style="color: white;font-size: 12px;">告警消息</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="checkbox" checked style="display: none;position: relative;top: 12px;left: -3px;" id="myCheckbox">--%>
|
<%-- <img src="HomeImg/gouxuan.png" id="ck1" onclick="check1()" style="position:relative;top: 10px;left: -10px"/>--%>
|
<%-- <img src="HomeImg/weigouxuan.png" id="ck2" onclick="check2()" style="display: none;position:relative;top: 10px;left:
|
-10px"/>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="layui-row" id="switc1">--%>
|
<%-- <div class="layui-col-xs12 layui-col-md12" style="">--%>
|
<%-- <div class="layui-form-item" style="float: right;">--%>
|
<%-- <label class="layui-form-label" style="color: white;font-size: 12px;">区域统计</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="checkbox" checked style="display: none;position: relative;top: 12px;left: -3px;" id="myCheckbox1">--%>
|
<%-- <img src="HomeImg/gouxuan.png" id="ck3" onclick="check3()" style="position:relative;top: 10px;left: -10px"/>--%>
|
<%-- <img src="HomeImg/weigouxuan.png" id="ck4" onclick="check4()" style="display: none;position:relative;top: 10px;left:
|
-10px"/>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="layui-row" id="switc2">--%>
|
<%-- <div class="layui-col-xs12 layui-col-md12" style="">--%>
|
<%-- <div class="layui-form-item" style="float: right;">--%>
|
<%-- <label class="layui-form-label" style="color: white;font-size: 12px;">充电提示</label>--%>
|
<%-- <div class="layui-input-block">--%>
|
<%-- <input type="checkbox" style="display: none;position: relative;top: 12px;left: -3px;" id="myCheckbox2">--%>
|
<%-- <img src="HomeImg/gouxuan.png" id="ck5" onclick="check5()" style="position:relative;top: 10px;left: -10px"/>--%>
|
<%-- <img src="HomeImg/weigouxuan.png" id="ck6" onclick="check6()" style="display: none;position:relative;top: 10px;left:
|
-10px"/>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<div class="layui-row" id="feng">
|
<div class="layui-col-xs12 layui-col-md12" style="">
|
<div class="layui-form-item" style="float: right;">
|
|
</div>
|
</div>
|
</div>
|
|
<%-- 人员详细数据--%>
|
<%-- <div class="layui-row" id="personMsg" style="z-index: 9999999;">--%>
|
<%-- <div class="layui-col-xs4 layui-col-md4" style="">--%>
|
<%-- <div id="boxses" class="boxallsMSG" style="color: black;width: 80%;height: 70%;padding: 15px;margin-left: 110%">--%>
|
<%-- <div style="">--%>
|
<%-- <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;">刷新数据</span><span id="personDate" style="color: black;margin-left:
|
30px"></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%">关闭</span></a>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 10px;float: left">--%>
|
<%-- <a href="javascript:;"><span style="display: inline-block;width: 100px;height: 200px;" id="personImage">--%>
|
|
<%-- </span></a>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 10px;float: left;width: 75%;padding-left: 10px">--%>
|
<%-- <span style="font-size: 12px;width: 31%;display:inline-block;">姓名：<span class="xingming"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 28%;display: inline-block;">性别：<span class="xingbie"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 34%;display: inline-block;">部门：<span class="bumen"></span></span>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 10px;float: left;;width: 75%;padding-left: 10px">--%>
|
<%-- <span style="font-size: 12px;width: 31%;display:inline-block;">版本：<span class="banben"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 28%;display:inline-block;">类型：<span class="leixing"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 34%;display:inline-block;">电话：<span class="dianhua"></span></span>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 10px;float: left;width: 75%;padding-left:10px">--%>
|
<%-- <span style="font-size: 12px;width: 31%;display:inline-block;">卡号：<span class="kahao"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 28%;display:inline-block;">岗位：<span class="shijian"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 34%;display:inline-block;">电量：<span class="powers"></span></span>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 10px;float: left;width: 75%;padding-left:10px">--%>
|
<%-- <span style="font-size: 12px;width: 31%;display:inline-block;">泊位：<span class="bowei"></span></span>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 30px;float: left;margin-left: 10px;width: 500px;">--%>
|
<%-- <span style="margin: 20px;position: relative;left: -5px;top: -120px;">用户照片</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;">经度：<span class="jingdu"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 26%;display: inline-block;">纬度：<span class="weidu"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 20%;display: inline-block;">高程：<span class="gaocheng"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 20%;display: inline-block;">状态：<span class="zhuangtai1"></span></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;">X坐标：<span class="xzuobiao"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 26%;display: inline-block;">Y坐标：<span class="yzuobiao"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 20%;display: inline-block;">楼层：<span class="louceng"></span></span>--%>
|
<%-- <span style="font-size: 12px;width: 20%;display: inline-block;">状态：<span class="zhuangtai2"></span></span>--%>
|
<%-- </div>--%>
|
<%-- <div style="margin-top: 30px;float: left;position: relative;top: -110px;width: 100%;">--%>
|
<%-- <span>文字：</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;height: 23px;line-height:
|
24px;width: 40px;background-color:#BFE4F2;display: inline-block;text-align: center;position: relative;left: -5px;top: 0px">发送</span></a>--%>
|
<%-- </div>--%>
|
<%-- </div>--%>
|
<%-- <div class="boxfootMSG" style="width: 100%"></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" value="无需处理" title="无需处理" checked>无需处理
|
<input type="radio" name="baoliu5" value="误报" title="误报">误报
|
<input type="radio" name="baoliu5" 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="warningbc()">保存</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="width: 100%;overflow-y: hidden">
|
<div id="ello" class="boxalls" style="z-index: 99999999999;width: 22%;height: 80%;position: fixed;top: 10%;right: -45%;background-color:
|
rgb(255,255,255,1);">
|
<div class="layui-card">
|
<div class="layui-card-header" style="text-align: center;font-size: 16px;border-bottom: 1px solid #ccc;color: #35F6F0;margin-left:
|
5%">更多设置<span style="color: black;float: right;cursor:pointer;margin-top: 3%;margin-right: 2%" onclick="closeGengDuo()"><img
|
src="HomeImg/close.png" width="20"></span></div>
|
</div>
|
<div class="layui-tab layui-tab-card" >
|
<ul class="layui-tab-title" style="margin: auto;text-align:center;width: 80%">
|
<li style="margin-left: 0px;width: 22%" class="layui-this">通用设置</li>
|
<li style="width: 22%">百度地图</li>
|
<li style="width: 22%;">三维地图</li>
|
</ul>
|
<div class="layui-tab-content" style="height: 100%;margin: auto;text-align: center">
|
<div class="layui-tab-item layui-show" style="margin: auto;text-align: center">
|
<span class="GengDuo">
|
<label class="switch" style="float: right"><input type="checkbox" onclick="YuYinMoShi()" id="YuYinMoShi"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">开启语音提示功能</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="YuYinBoBao()" id="YuYinBoBao"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">持续播报/播报一次</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="TianMap()" id="TianMap"/><div class="slider"
|
title="勾选后天地图/取消勾选百度地图"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="6" height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512
|
512" xml:space="preserve" class="cross"><g><path d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-
|
32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152
|
113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0 45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5
|
32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg
|
xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24
|
24" style="enable-background:new 0 0 512 512" xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-
|
5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0 1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z"
|
fill="currentColor" data-original="#000000" class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">天地图</label>
|
</span>
|
</div>
|
<div class="layui-tab-item">
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showJiZhan()" id="showJiZhan" /><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">基站显示</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showLiXian()" id="ShowLiXianes" /><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">离线显示</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="WeiLan()" id="WeiLan"/><div class="slider"><div
|
class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6" height="6" x="0" y="0"
|
viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path d="M243.188 182.86 356.32
|
69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-12.5-12.5-32.766-12.5-
|
45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0 45.25L24.48 356.32c12.5 12.5
|
32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-32.77 0-45.25zm0 0"
|
fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">围栏显示</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showWangGuan()" id="ShowWangGuan" /><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">网关显示</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showJianKong()" id="ShowJianKong"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">视频显示</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="inits()" id="WeiXingMoShi"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">地球模式</label>
|
</span>
|
</div>
|
<div class="layui-tab-item">
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showJiZhan1()" id="showJiZhan1"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">显示基站</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showWangGuan1()" id="ShowWangGuan1"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">显示网关</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showLiXian1()" id="ShowLiXianes1"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">显示离线</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="showJianKong1()" id="ShowJianKong1"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">显示监控</label>
|
</span>
|
<span class="GengDuo">
|
<label class="switch" style="float: right;"><input type="checkbox" onclick="JuJiXianShi1()" id="JuJiXianShi1"/><div
|
class="slider"><div class="circle"><svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="6"
|
height="6" x="0" y="0" viewBox="0 0 365.696 365.696" style="enable-background:new 0 0 512 512" xml:space="preserve" class="cross"><g><path
|
d="M243.188 182.86 356.32 69.726c12.5-12.5 12.5-32.766 0-45.247L341.238 9.398c-12.504-12.503-32.77-12.503-45.25 0L182.86 122.528 69.727 9.374c-
|
12.5-12.5-32.766-12.5-45.247 0L9.375 24.457c-12.5 12.504-12.5 32.77 0 45.25l113.152 113.152L9.398 295.99c-12.503 12.503-12.503 32.769 0
|
45.25L24.48 356.32c12.5 12.5 32.766 12.5 45.247 0l113.132-113.132L295.99 356.32c12.503 12.5 32.769 12.5 45.25 0l15.081-15.082c12.5-12.504 12.5-
|
32.77 0-45.25zm0 0" fill="currentColor" data-original="#000000"></path></g></svg><svg xmlns="http://www.w3.org/2000/svg" version="1.1"
|
xmlns:xlink="http://www.w3.org/1999/xlink" width="10" height="10" x="0" y="0" viewBox="0 0 24 24" style="enable-background:new 0 0 512 512"
|
xml:space="preserve" class="checkmark"><g><path d="M9.707 19.121a.997.997 0 0 1-1.414 0l-5.646-5.647a1.5 1.5 0 0 1 0-2.121l.707-.707a1.5 1.5 0 0
|
1 2.121 0L9 14.171l9.525-9.525a1.5 1.5 0 0 1 2.121 0l.707.707a1.5 1.5 0 0 1 0 2.121z" fill="currentColor" data-original="#000000"
|
class=""></path></g></svg></div></div></label>
|
<label style="float: left;font-weight: 800">聚集显示</label>
|
</span>
|
</div>
|
</div>
|
</div>
|
<div class="boxfoot6"></div>
|
</div>
|
</div>
|
<span class="JingWeiDu" style="position: fixed;bottom: 0px;display: inline-block;height: 20px;z-index: 9999;right: 0px">
|
</span>
|
<div class="heimu" style="display: none;width: 100%;height: 100%;position: fixed;top: 0px;left: 0px;z-index: 9999;background-color:
|
black;opacity: 0.8"></div>
|
<span class="heimu1" style="display: none;z-index: 99999999;position: fixed;top: 0px;width: 100%;text-align: center;margin-top: 20%">
|
<span style="display: inline-block;width: 200px;height: 40px;line-height: 40px;background-color: rgba(0,0,0,0.6);color: white"> 正在加载
|
中.....</span>
|
</span>
|
<div style="height: 100%;width: 24%;position: fixed;top: 0px;left: 0px;z-index: 9;" id="border2s"></div>
|
<div style="height: 100%;width: 24%;position: fixed;top: 0px;right: 0px;z-index: 9;" id="border3s"></div>
|
<%--三维建筑内人员数量信息--%>
|
<div id="JianZhuMsg" style="background: url(../Home/HomeImg/FloorBg1.png) no-repeat; background-size: 100% 200%;position: fixed;top: -2%;right:
|
-25%;width: 25%;height: 105%;z-index: 999999999999">
|
<div id="Kuanges">
|
|
</div>
|
</div>
|
<ul class = "drawing-panel" style="position: fixed;bottom: 0%;left: 0%;z-index: 99999;display: none">
|
<input type="button" class="layui-btn" value="开启测距" onclick="myDis.open()">
|
<input type="button" class="layui-btn" value="关闭测距" onclick="myDis.close()">
|
<%--<div style="height: 5%;width: 100%;position: fixed;bottom: 0px;left: 0px;z-index: 9;background: linear-gradient(to top, rgba(0, 0, 0, 1)
|
1%, rgba(0, 0, 0, 0));"></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}}')"><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 type="text/javascript" src="//mapopen.cdn.bcebos.com/github/BMapGLLib/DistanceTool/src/DistanceTool.min.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="../JS/fengmap/fengmap.map.min.js"></script>
|
<script src="../JS/fengmap/fengmap.plugin.min.js"></script>
|
<script src="../HouTai/Js/jquery-3.5.1.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 opacitys; //底图是否透明
|
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")
|
}
|
})
|
}
|
//设置默认执行百度地图
|
localStorage.setItem("百度地图","执行")
|
//三维地图
|
localStorage.setItem("三维地图","不执行")
|
//二维地图默认为否
|
//从部门查询图标背景颜色：并显示到 三维/二维/百度
|
var mapess;
|
function findBuMenColor(dename){
|
var data = "departmentname="+dename
|
var color = "";
|
$.ajax({
|
url: "/hxzkuwb/findBuMenColor",
|
type: "GET",
|
data: data,
|
async: false,
|
success: function(data) {
|
color = data.baoliu5
|
}
|
});
|
return color;
|
}
|
setTimeout(function (){
|
loadJScript();
|
},1000)
|
function loadJScript() {
|
var script = document.createElement('script');
|
script.type = 'text/javascript';
|
script.src = '//api.map.baidu.com/api?type=webgl&v=1.0&ak=zoVtgLNWuaZBjMAa32RZRFIagXxST0fm&callback=init';
|
document.body.appendChild(script);
|
}
|
// GL版命名空间为BMapGL
|
//百度
|
function Qh(){
|
mapess++;
|
$(".qhWeiLan").css("display","inline-block");
|
$("#ditu2").css("opacity","1")
|
$("#ditu2").css("z-index","7")
|
$("#ditu2").show();
|
$("#ChaXuns").show();
|
$(".ctrls").show();
|
$(".MapType").show();
|
localStorage.setItem("百度地图","执行")
|
localStorage.setItem("三维地图","不执行")
|
// var sanweis = document.getElementById("sanweis" baidus = document.getElementById("baidus")
|
sanweis.checked = false;
|
baidus.checked = true;
|
layer.msg('操作成功')
|
}
|
//三维
|
|
function Qh1(){
|
mapess++;
|
$("#maps").empty();
|
$("#maps").append('<li class="MapType" onclick="inits()" style="cursor: pointer;font-size: 12px;width: 100px;display: inline-
|
block;color: '+data[0].color+'"><a href="javascript:;" style="font-size: 12px;cursor:pointer;color: '+data[0].color+'" title=""><img
|
src="/hxzkuwb/Icon/GIS地图.png" style="width: 40%"><br><span style="color: #07F4F6">百度地图</span></a></li>')
|
$(".qhWeiLan").css("display","none");
|
$("#ditu2").hide();
|
$("#ChaXuns").hide();
|
$("#ditu1").css("z-index","7")
|
localStorage.setItem("三维地图","执行")
|
localStorage.setItem("百度地图","不执行")
|
var sanweis = document.getElementById("sanweis")
|
sanweis.checked = true;
|
layer.msg('操作成功')
|
$(".MapType").hide();
|
$("#weilanxs").hide();
|
}
|
|
var qhWeiLanNum = 0;
|
var qhOnline = 0
|
var qhJiZhan = 0;
|
</script>
|
<script>
|
function quxiaos(){
|
$("#perup").hide();
|
}
|
function getfence() {
|
var fences = [];
|
$.ajax({
|
async: false, //同步的
|
type: "GET",
|
url: "/hxzkuwb/baidufence.do",
|
dataType: "json",
|
success: function (data) {
|
fences = data.fences;
|
},
|
});
|
return fences;
|
}
|
function getfenceTian() {
|
var fences = [];
|
$.ajax({
|
async: false, //同步的
|
type: "GET",
|
url: "/hxzkuwb/baidufenceTian.do",
|
dataType: "json",
|
success: function (data) {
|
fences = data.fences;
|
},
|
});
|
return fences;
|
}
|
function getfenceTianYuan() {
|
var fences = [];
|
$.ajax({
|
async: false, //同步的
|
type: "GET",
|
url: "/hxzkuwb/baidufenceTianYuan.do",
|
dataType: "json",
|
success: function (data) {
|
fences = data;
|
},
|
});
|
return fences;
|
}
|
function getMoShi(){
|
var fences = [];
|
$.ajax({
|
async: false, //同步的
|
type: "GET",
|
url: "/hxzkuwb/findbaidumapList",
|
dataType: "json",
|
success: function (data) {
|
fences = data[0].moshi
|
},
|
});
|
return fences;
|
}
|
function getGPS() {
|
var gpslist = [];
|
$.ajax({
|
async: false,
|
type: 'POST',
|
traditional: true,
|
url: "/hxzkuwb/getGPS",
|
dataType: 'json',
|
data: {},
|
success: function (data) {
|
//经纬度从度分秒转成度
|
gpslist = data
|
},
|
});
|
return gpslist;
|
};
|
|
function getGPSOffOnlie() {
|
var gpslist = [];
|
$.ajax({
|
async: false,
|
type: 'POST',
|
traditional: true,
|
url: "/hxzkuwb/getGPSOffOnLine",
|
dataType: 'json',
|
data: {},
|
success: function (data) {
|
//经纬度从度分秒转成度
|
gpslist = data
|
},
|
});
|
return gpslist;
|
};
|
</script>
|
<!-- 百度地图功能 -->
|
<script type="text/javascript">
|
|
var sousuopd = false;
|
var sousuoid = "";
|
var sousuo;
|
var quxiao;
|
var timer;
|
var timerTianDi;
|
function Convertor(ak) {
|
this.stepCount = 100;
|
this.pointCount = [];
|
this.Result = [];
|
this.NoisIndex = [];
|
this.Time = new Date();
|
this.AK = ak;
|
this.M_PI = 3.14159265358979324;
|
this.A = 6378245.0;
|
this.EE = 0.00669342162296594323;
|
this.X_PI = this.M_PI * 3000.0 / 180.0;
|
}
|
Convertor.prototype.outofChine = function (p) {
|
if (p.lng < 72.004 || p.lng > 137.8347) {
|
return true;
|
}
|
if (p.lat < 0.8293 || p.lat > 55.8271) {
|
return true;
|
}
|
return false;
|
}
|
;
|
Convertor.prototype.WGS2GCJ_lat = function (x, y) {
|
var ret1 = -100.0 + 2.0 * x + 3.0 * y + 0.2 * y * y + 0.1 * x * y + 0.2 * Math.sqrt(Math.abs(x));
|
ret1 += (20.0 * Math.sin(6.0 * x * this.M_PI) + 20.0 * Math.sin(2.0 * x * this.M_PI)) * 2.0 / 3.0;
|
ret1 += (20.0 * Math.sin(y * this.M_PI) + 40.0 * Math.sin(y / 3.0 * this.M_PI)) * 2.0 / 3.0;
|
ret1 += (160.0 * Math.sin(y / 12.0 * this.M_PI) + 320 * Math.sin(y * this.M_PI / 30.0)) * 2.0 / 3.0;
|
return ret1;
|
}
|
;
|
Convertor.prototype.WGS2GCJ_lng = function (x, y) {
|
var ret2 = 300.0 + x + 2.0 * y + 0.1 * x * x + 0.1 * x * y + 0.1 * Math.sqrt(Math.abs(x));
|
ret2 += (20.0 * Math.sin(6.0 * x * this.M_PI) + 20.0 * Math.sin(2.0 * x * this.M_PI)) * 2.0 / 3.0;
|
ret2 += (20.0 * Math.sin(x * this.M_PI) + 40.0 * Math.sin(x / 3.0 * this.M_PI)) * 2.0 / 3.0;
|
ret2 += (150.0 * Math.sin(x / 12.0 * this.M_PI) + 300.0 * Math.sin(x / 30.0 * this.M_PI)) * 2.0 / 3.0;
|
return ret2;
|
}
|
;
|
Convertor.prototype.WGS2GCJ = function (poi) {
|
if (this.outofChine(poi)) {
|
return;
|
}
|
var poi2 = {};
|
var dLat = this.WGS2GCJ_lat(poi.lng - 105.0, poi.lat - 35.0);
|
var dLon = this.WGS2GCJ_lng(poi.lng - 105.0, poi.lat - 35.0);
|
var radLat = poi.lat / 180.0 * this.M_PI;
|
var magic = Math.sin(radLat);
|
magic = 1 - this.EE * magic * magic;
|
var sqrtMagic = Math.sqrt(magic);
|
dLat = (dLat * 180.0) / ((this.A * (1 - this.EE)) / (magic * sqrtMagic) * this.M_PI);
|
dLon = (dLon * 180.0) / (this.A / sqrtMagic * Math.cos(radLat) * this.M_PI);
|
poi2.lat = poi.lat + dLat;
|
poi2.lng = poi.lng + dLon;
|
return poi2;
|
}
|
;
|
Convertor.prototype.GCJ2BD09 = function (poi) {
|
var poi2 = {};
|
var x = poi.lng
|
, y = poi.lat;
|
var z = Math.sqrt(x * x + y * y) + 0.00002 * Math.sin(y * this.X_PI);
|
var theta = Math.atan2(y, x) + 0.000003 * Math.cos(x * this.X_PI);
|
poi2.lng = z * Math.cos(theta) + 0.0065;
|
poi2.lat = z * Math.sin(theta) + 0.006;
|
return poi2;
|
}
|
;
|
/**
|
* WGS->百度坐标系
|
*/
|
Convertor.prototype.WGS2BD09 = function (poi) {
|
//WGS->GCJ
|
var poi2 = this.WGS2GCJ(poi);
|
// if (typeof poi2 === "undefined") {
|
// return;
|
// }
|
//GCJ->百度坐标系
|
return this.GCJ2BD09(poi2);
|
}
|
|
function zhuanhuan(aaa) {
|
var c = new Convertor();
|
var bbb = [];
|
for (var i = 0; i < aaa.length; i++) {
|
var rr = c.WGS2BD09({ lng: aaa[i].lng, lat: aaa[i].lat });
|
bbb.push(rr);
|
}
|
return bbb;
|
c = null;
|
bbb = null;
|
}
|
|
jQuery.Hashtable = function () {
|
this.items = new Array();
|
this.itemsCount = 0;
|
this.add = function (key, value) {
|
if (!this.containsKey(key)) {
|
this.items[key] = value;
|
this.itemsCount++;
|
}
|
else
|
throw "key '" + key + "' allready exists."
|
}
|
this.get = function (key) {
|
if (this.containsKey(key))
|
return this.items[key];
|
else
|
return null;
|
}
|
|
this.remove = function (key) {
|
if (this.containsKey(key)) {
|
delete this.items[key];
|
this.itemsCount--;
|
}
|
else
|
throw "key '" + key + "' does not exists."
|
}
|
this.containsKey = function (key) {
|
return typeof (this.items[key]) != "undefined";
|
}
|
this.containsValue = function containsValue(value) {
|
for (var item in this.items) {
|
if (this.items[item] == value)
|
return true;
|
}
|
return false;
|
}
|
this.contains = function (keyOrValue) {
|
return this.containsKey(keyOrValue) || this.containsValue(keyOrValue);
|
}
|
this.clear = function () {
|
this.items = new Array();
|
itemsCount = 0;
|
}
|
this.size = function () {
|
return this.itemsCount;
|
}
|
this.isEmpty = function () {
|
return this.size() == 0;
|
}
|
};
|
|
if (localStorage.getItem("maptypesnum") == null || localStorage.getItem("maptypesnum") == ""){
|
localStorage.setItem("maptypesnum",0)
|
}else{
|
localStorage.setItem("maptypesnum",localStorage.getItem("maptypesnum"))
|
}
|
|
var onLine;
|
var onFence;
|
var onJiZhan;
|
function inits(){
|
var flagt = document.getElementById("WeiXingMoShi")
|
var moshi = 0;
|
if(flagt.checked){
|
//修改为卫星模式
|
moshi = 1;
|
}else{
|
moshi = 0
|
//修改路网模式
|
}
|
var data = "moshi="+moshi
|
$.ajax({
|
url: "/hxzkuwb/UpBaiDuMoShi",
|
data: data,
|
async: false,
|
success: function(data) {
|
},
|
});
|
location.reload();
|
}
|
function ZhTitle(a){
|
var dtitles;
|
if (a){
|
dtitles = "1"
|
}else{
|
dtitles = "0"
|
}
|
var data = "sdtitle="+dtitles
|
$.post("/hxzkuwb/UpSetting",data,function (data){
|
|
})
|
location.reload();
|
}
|
function Dtopac(a){
|
if (a){
|
//修改1
|
var data = "opacity=1"
|
$.post("/hxzkuwb/UpSetting",data,function (data){
|
|
})
|
}
|
location.reload();
|
}
|
function DtNoopac(a){
|
if (!a){
|
//修改0
|
var data = "opacity=0"
|
$.post("/hxzkuwb/UpSetting",data,function (data){
|
|
})
|
}
|
location.reload();
|
}
|
var myDis;
|
var bm
|
function init() {
|
if (asdtitle == "1"){
|
clearInterval(timerTianDi)
|
$("#ditu3").hide()
|
var shijiao;
|
var zhongxindian;
|
var gao;
|
var level;
|
$.ajax({
|
url: "/hxzkuwb/findbaidumapList",
|
data: data,
|
async: false,
|
success: function(data) {
|
shijiao = data[0].shijiao;
|
gao = data[0].heig;
|
zhongxindian = data[0].center
|
level = data[0].level;
|
},
|
error: function() {
|
// 在这里处理失败的回调函数
|
}
|
});
|
//读取系统设置
|
var fences = getfence();
|
var MoShi = getMoShi(); //从数据库获取该地图模式
|
var flagt = document.getElementById("WeiXingMoShi")
|
if(MoShi == "0"){
|
flagt.checked = false;
|
}else{
|
flagt.checked = true;
|
}
|
var showRect = true;
|
var nameFormat = "{x}_{y}";
|
var ext = ".png";
|
// 百度地图API功能//默认卫星地图 {mapType:BMAP_SATELLITE_MAP}
|
bm = new BMapGL.Map("container",{mapType:BMAP_NORMAL_MAP}); // 创建Map实例
|
var zhong =zhongxindian.split(';') ;
|
bm.centerAndZoom(new BMapGL.Point(zhong[0],zhong[1]), level); // 初始化地图,设置中心点坐标和地图级别
|
bm.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
//添加地图类型控件
|
if (MoShi == "1"){
|
bm.setMapType(BMAP_EARTH_MAP);
|
}else{
|
}
|
console.log(opacitys)
|
if (opacitys == "1"){
|
bm.setMapStyleV2({
|
styleJson: [{
|
"featureType": "all",
|
"elementType": "all",
|
"stylers": {
|
"visibility": "off"
|
}
|
}]
|
});
|
|
}
|
bm.setHeading(shijiao); //设置地图旋转角度
|
bm.setTilt(gao);
|
bm.setMaxZoom(24);
|
var menu = new BMapGL.ContextMenu();
|
var txtMenuItem = [
|
{
|
text: '取消3D图层',
|
callback: function () {
|
ZhTitle(false);
|
}
|
},
|
{
|
text: '底图透明',
|
callback: function () {
|
Dtopac(true);
|
}
|
},
|
{
|
text: '底图不透明',
|
callback: function () {
|
DtNoopac(false);
|
}
|
}
|
];
|
for (var i = 0; i < txtMenuItem.length; i++) {
|
menu.addItem(new BMapGL.MenuItem(txtMenuItem[i].text, txtMenuItem[i].callback, 100));
|
}
|
bm.addContextMenu(menu);
|
myDis = new BMapGLLib.DistanceTool(bm);
|
// 监听测距过程中的鼠标事件
|
var zuobiaoxi = "";
|
//从数据库查询当前选择的什么系坐标
|
$.ajax({
|
url: "/hxzkuwb/findbaidumapList",
|
type: "GET",
|
async: false,
|
success: function(data) {
|
zuobiaoxi = data[0].zhuanhuan
|
}
|
});
|
//搜索
|
var timer2;
|
var customOverlay;
|
$("#SouSuoTag").click(function (){
|
var pTagid = $("#sousuotags").val();
|
var data = "pTagid="+pTagid
|
if(pTagid == ""){
|
clearInterval(timer2)
|
//恢复原状
|
bm.removeOverlay(customOverlay);
|
layer.msg('操作成功')
|
}else{
|
bm.removeOverlay(customOverlay);
|
clearInterval(timer2)
|
$.ajax({
|
url: "/hxzkuwb/findOnePerson",
|
type: "POST",
|
data: data,
|
async: false,
|
success: function(data) {
|
if (data == "") {
|
notify.warning('人员不存在')
|
} else {
|
if (zuobiaoxi == "百度"){
|
var c = new Convertor();
|
var rr1 = c.WGS2BD09({
|
lng: parseFloat(data.baoliu2),
|
lat: parseFloat(data.baoliu3)
|
});
|
}else{
|
var rr1 = ({lng: parseFloat(data.baoliu2), lat: parseFloat(data.baoliu3)});
|
}
|
var targetPoint = new BMapGL.Point(rr1.lng, rr1.lat);
|
bm.panTo(targetPoint);
|
timer2 = setInterval(function (){
|
var gpsInfo = hqSearch(pTagid);
|
var c = new Convertor();
|
if (gpsInfo.baoliu2 != "-1") {
|
var rr = c.WGS2BD09({
|
lng: parseFloat(gpsInfo.baoliu2),
|
lat: parseFloat(gpsInfo.baoliu3)
|
});
|
if (zuobiaoxi == "百度"){
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
}else{
|
var lng = parseFloat(gpsInfo.baoliu2);
|
var lat = parseFloat(gpsInfo.baoliu3);
|
}
|
// 判断在线状态
|
if (gpsInfo.ponline == "1") {
|
bm.removeOverlay(customOverlay);
|
customOverlay = new BMapGL.CustomOverlay(createDOM, {
|
point: new BMapGL.Point(lng, lat),
|
opacity: 0.7,
|
map: bm,
|
offsetY: 26,
|
zIndex: -99
|
})
|
bm.addOverlay(customOverlay);
|
}else{
|
var point = new BMapGL.Point(lng, lat);
|
var myIcon = new BMapGL.Icon("../Icon/"+gpsInfo.pimage, new BMapGL.Size(40, 40), {
|
});
|
var marker = new BMapGL.Marker(point, { icon: myIcon });
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMapGL.Label(gpsInfo.pname+" "+pTagid,{offset: new BMapGL.Size(20, -40)});
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
marker.setLabel(label);
|
bm.removeOverlay(customOverlay);
|
customOverlay = new BMapGL.CustomOverlay(createDOM, {
|
point: new BMapGL.Point(lng, lat),
|
opacity: 0.7,
|
map: bm,
|
offsetY: 26,
|
zIndex: -99
|
})
|
bm.addOverlay(customOverlay);
|
}
|
}
|
},2000)
|
|
}
|
},
|
error: function(xhr, status, error) {
|
// Error callback function
|
notify.warning('人员名称重复')
|
console.error("AJAX request failed:", status, error);
|
}
|
});
|
}
|
})
|
function hqSearch(id){
|
var data = "pTagid="+id
|
var person;
|
$.ajax({
|
url: "/hxzkuwb/findOnePerson",
|
type: "POST",
|
data: data,
|
async: false,
|
success: function(data) {
|
person = data
|
}
|
});
|
return person;
|
}
|
var tileLayer = new BMapGL.TileLayer();
|
tileLayer.getTilesUrl = function(tileCoord, zoom) {
|
var name = nameFormat
|
.replace("{x}", tileCoord.x)
|
.replace("{y}", tileCoord.y)
|
.replace("{z}", zoom)
|
;
|
return 'tiles/' + zoom + '/' + name + ext;
|
}
|
bm.addTileLayer(tileLayer);
|
bm.addEventListener('click', function (e) {
|
$(".JingWeiDu").text('当前位置经纬度：' + e.latlng.lng + ',' + e.latlng.lat)
|
});
|
var c = new Convertor();
|
var points = []
|
var pointsName = [];
|
// 增加矩形图层
|
for (var i = 0; i < fences.length; i++) {
|
if (i%2 == 0){
|
fences[i] = fences[i].split(";");
|
var po =[]
|
for (var j = 0; j < fences[i].length; j++) {
|
fences[i][j] = fences[i][j].split(",");
|
var rr = c.WGS2BD09({ lng: parseFloat(fences[i][j][0]), lat: parseFloat(fences[i][j][1])});
|
var point = new BMapGL.Point(rr.lng,rr.lat);
|
po.push(point);
|
}
|
points.push(po);
|
}else{
|
pointsName.push(fences[i]);
|
}
|
}
|
//var t = 300; 每600ms从后台请求一次最新的数据
|
var markers = {};
|
var markers1 = {};
|
timer = setInterval(function() {
|
markers = {};
|
bm.clearOverlays();
|
|
if(onFence == 1){
|
for (var i=0;i<points.length;i++){
|
var polygon = new BMapGL.Polygon(points[i], { strokeColor: "red", strokeOpacity: 0.5, fillColor: "red", fillOpacity:
|
0.5 });
|
bm.addOverlay(polygon);
|
var opts = {
|
position: new BMapGL.Point(points[i][0].lng, points[i][0].lat), // 指定文本标注所在的地理位置
|
};
|
var label = new BMapGL.Label(pointsName[i], opts);
|
label.setStyle({
|
color: 'blue',
|
borderRadius: '5px',
|
borderColor: '#ccc',
|
padding: '10px',
|
fontSize: '16px',
|
height: '20px',
|
lineHeight: '20px',
|
fontFamily: '微软雅黑'
|
});
|
bm.addOverlay(label);
|
}
|
}
|
bm.addOverlay(polygon);
|
console.log(onLine)
|
if(onLine == 0){
|
//只显示在线
|
var gps_node_list1 = getGPS();
|
for (var i = 0; i < gps_node_list1.length; i++) {
|
var gpsInfo = gps_node_list1[i];
|
var c = new Convertor();
|
if(gpsInfo.baoliu2>10){
|
var rr = c.WGS2BD09({ lng: parseFloat(gpsInfo.baoliu2), lat: parseFloat(gpsInfo.baoliu3)});
|
if (zuobiaoxi == "百度"){
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
|
}else{
|
var lng = parseFloat(gpsInfo.baoliu2);
|
var lat = parseFloat(gpsInfo.baoliu3);
|
}
|
var userId = gpsInfo.ptagid;
|
// 判断在线状态
|
localStorage.setItem("username","超级管理员")
|
if(gpsInfo.psos == "1") {
|
if (markers1.hasOwnProperty(userId)) {
|
// 如果已经存在该标记，则移除原来的标记
|
bm.removeOverlay(markers1[userId]);
|
// 更新标记位置
|
const customOverlay = new BMapGL.CustomOverlay(createDOM, {
|
point: new BMapGL.Point(lng, lat),
|
opacity: 1,
|
bm: bm,
|
offsetY: 26,
|
zIndex: -1
|
});
|
bm.addOverlay(customOverlay);
|
markers1[userId] = customOverlay;
|
} else {
|
// 如果不存在该标记，则添加新标记
|
const customOverlay = new BMapGL.CustomOverlay(createDOM, {
|
point: new BMapGL.Point(lng, lat),
|
opacity: 1,
|
bm: bm,
|
offsetY: 26,
|
zIndex: -1
|
});
|
bm.addOverlay(customOverlay);
|
markers1[userId] = customOverlay;
|
}
|
}else{
|
if (markers1.hasOwnProperty(userId)) {
|
// 如果已经存在该标记，则移除原来的标记
|
bm.removeOverlay(markers1[userId]);
|
}
|
}
|
// 创建坐标点
|
var point = new BMapGL.Point(lng, lat);
|
// 创建标记
|
var myIcon = new BMapGL.Icon("../Icon/"+gpsInfo.pimage, new BMapGL.Size(40, 40), {
|
|
});
|
var marker = new BMapGL.Marker(point, { icon: myIcon });
|
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMapGL.Label(gpsInfo.pname+" "+userId,{offset: new BMapGL.Size(0, -50)});
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
marker.setLabel(label);
|
// 存储标记到 markers 对象中
|
markers[userId] = marker;
|
marker.setTitle(gpsInfo.ptagid);
|
marker.addEventListener("click", function () {
|
var data = "id="+this.getTitle();
|
if (this.getTitle() < 9999){
|
$.ajax({
|
url: "/hxzkuwb/findtagIdPerson",
|
data: data,
|
async: false,
|
success: function(data) {
|
if (data.ponline == "1") {
|
data.ponline = "在线";
|
} else {
|
data.ponline = "离线";
|
}
|
$("#personImage").empty()
|
$("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/人员照
|
片/'+data.baoliu38+'/>')
|
$(".xingming").text(data.pname);
|
$(".xingbie").text(data.psex);
|
$(".bumen").text(data.pdepartment);
|
$(".banben").text("未知");
|
$(".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();
|
}else{
|
var data = "username="+this.getTitle();
|
$.get("/hxzkuwb/FindUserNameSxt",data,function (data){
|
layer.msg('正在拉起该视频区域!')
|
|
})
|
}
|
|
});
|
}
|
}
|
}else{
|
var gps_node_list1 = getGPSOffOnlie();
|
for (var i = 0; i < gps_node_list1.length; i++) {
|
var gpsInfo = gps_node_list1[i];
|
var c = new Convertor();
|
if(gpsInfo.baoliu2!= "-1" && gpsInfo.baoliu2 !=""){
|
var rr = c.WGS2BD09({ lng: parseFloat(gpsInfo.baoliu2), lat: parseFloat(gpsInfo.baoliu3)});
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
var userId = gpsInfo.ptagid;
|
// 判断在线状态
|
if(gpsInfo.psos == "1") {
|
if (markers1.hasOwnProperty(userId)) {
|
// 如果已经存在该标记，则移除原来的标记
|
bm.removeOverlay(markers1[userId]);
|
// 更新标记位置
|
const customOverlay = new BMapGL.CustomOverlay(createDOM, {
|
point: new BMapGL.Point(lng, lat),
|
opacity: 1,
|
bm: bm,
|
offsetY: 26,
|
zIndex: -1
|
});
|
bm.addOverlay(customOverlay);
|
markers1[userId] = customOverlay;
|
} else {
|
// 如果不存在该标记，则添加新标记
|
const customOverlay = new BMapGL.CustomOverlay(createDOM, {
|
point: new BMapGL.Point(lng, lat),
|
opacity: 1,
|
bm: bm,
|
offsetY: 26,
|
zIndex: -1
|
});
|
bm.addOverlay(customOverlay);
|
markers1[userId] = customOverlay;
|
}
|
}else{
|
if (markers1.hasOwnProperty(userId)) {
|
// 如果已经存在该标记，则移除原来的标记
|
bm.removeOverlay(markers1[userId]);
|
}
|
}
|
// 创建坐标点
|
var point = new BMapGL.Point(lng, lat);
|
// 创建标记
|
var myIcon = new BMapGL.Icon("../Icon/"+gpsInfo.pimage, new BMapGL.Size(40, 40), {
|
anchor: new BMapGL.Size(20, 40)
|
});
|
var marker = new BMapGL.Marker(point, { icon: myIcon });
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMapGL.Label(gpsInfo.pname+" "+userId, {offset: new BMapGL.Size(0, -70)});
|
|
if (gpsInfo.ponline == "0"){
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: '#666666',
|
transform: 'translateX(-50%)',
|
});
|
}else{
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
}
|
marker.setLabel(label);
|
// 存储标记到 markers 对象中
|
markers[userId] = marker;
|
marker.setTitle(gpsInfo.ptagid);
|
marker.addEventListener("click", function () {
|
var data = "id="+this.getTitle();
|
$.ajax({
|
url: "/hxzkuwb/findtagIdPerson",
|
data: data,
|
async: false,
|
success: function(data) {
|
if (data.ponline == "1") {
|
data.ponline = "在线";
|
} else {
|
data.ponline = "离线";
|
}
|
$("#personImage").empty()
|
$("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/人员照
|
片/'+data.baoliu38+'/>')
|
$(".xingming").text(data.pname);
|
$(".xingbie").text(data.psex);
|
$(".bumen").text(data.pdepartment);
|
$(".banben").text("未知");
|
$(".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();
|
});
|
}
|
}
|
}
|
}, 2000);
|
}else{
|
//取消3d模式——————————————————————————————————
|
clearInterval(timerTianDi)
|
$("#ditu3").hide()
|
var shijiao;
|
var zhongxindian;
|
var gao;
|
var level;
|
$.ajax({
|
url: "/hxzkuwb/findbaidumapList",
|
data: data,
|
async: false,
|
success: function(data) {
|
shijiao = data[0].shijiao;
|
gao = data[0].heig;
|
zhongxindian = data[0].center
|
level = data[0].level;
|
},
|
error: function() {
|
// 在这里处理失败的回调函数
|
}
|
});
|
//读取系统设置
|
var fences = getfence();
|
var MoShi = getMoShi(); //从数据库获取该地图模式
|
var flagt = document.getElementById("WeiXingMoShi")
|
if(MoShi == "0"){
|
flagt.checked = false;
|
}else{
|
flagt.checked = true;
|
}
|
var showRect = true;
|
var nameFormat = "{x}_{y}";
|
var ext = ".png";
|
// 百度地图API功能//默认卫星地图 {mapType:BMAP_SATELLITE_MAP}
|
bm = new BMap.Map("container"); // 创建Map实例
|
var zhong =zhongxindian.split(';') ;
|
bm.centerAndZoom(new BMap.Point(zhong[0],zhong[1]), level); // 初始化地图,设置中心点坐标和地图级别
|
bm.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
|
//添加地图类型控件
|
if (MoShi == "1"){
|
bm.setMapType(BMAP_EARTH_MAP);
|
}
|
if (opacitys == "1"){
|
bm.setMapStyleV2({
|
styleJson: [{
|
"featureType": "all",
|
"elementType": "all",
|
"stylers": {
|
"visibility": "off"
|
}
|
}]
|
});
|
|
}
|
bm.setMaxZoom(20);
|
var menu = new BMap.ContextMenu();
|
var txtMenuItem = [
|
{
|
text: '打开3D图层',
|
callback: function () {
|
ZhTitle(true);
|
}
|
},
|
{
|
text: '底图透明',
|
callback: function () {
|
Dtopac(true);
|
}
|
},
|
{
|
text: '底图不透明',
|
callback: function () {
|
DtNoopac(false);
|
}
|
}
|
];
|
for (var i = 0; i < txtMenuItem.length; i++) {
|
menu.addItem(new BMap.MenuItem(txtMenuItem[i].text, txtMenuItem[i].callback, 100));
|
}
|
bm.addContextMenu(menu);
|
// 监听测距过程中的鼠标事件
|
var zuobiaoxi = "";
|
//从数据库查询当前选择的什么系坐标
|
$.ajax({
|
url: "/hxzkuwb/findbaidumapList",
|
type: "GET",
|
async: false,
|
success: function(data) {
|
zuobiaoxi = data[0].zhuanhuan
|
}
|
});
|
//搜索
|
var timer2;
|
var customOverlay;
|
$("#SouSuoTag").click(function (){
|
var pTagid = $("#sousuotags").val();
|
var data = "pTagid="+pTagid
|
if(pTagid == ""){
|
clearInterval(timer2)
|
//恢复原状
|
bm.removeOverlay(customOverlay);
|
layer.msg('操作成功')
|
}else{
|
bm.removeOverlay(customOverlay);
|
clearInterval(timer2)
|
$.ajax({
|
url: "/hxzkuwb/findOnePerson",
|
type: "POST",
|
data: data,
|
async: false,
|
success: function(data) {
|
if (data == "") {
|
notify.warning('人员不存在')
|
} else {
|
if (zuobiaoxi == "百度"){
|
var c = new Convertor();
|
var rr1 = c.WGS2BD09({
|
lng: parseFloat(data.baoliu2),
|
lat: parseFloat(data.baoliu3)
|
});
|
}else{
|
var rr1 = ({lng: parseFloat(data.baoliu2), lat: parseFloat(data.baoliu3)});
|
}
|
var targetPoint = new BMap.Point(rr1.lng, rr1.lat);
|
bm.panTo(targetPoint);
|
timer2 = setInterval(function (){
|
var gpsInfo = hqSearch(pTagid);
|
var c = new Convertor();
|
if (gpsInfo.baoliu2 != "-1") {
|
var rr = c.WGS2BD09({
|
lng: parseFloat(gpsInfo.baoliu2),
|
lat: parseFloat(gpsInfo.baoliu3)
|
});
|
if (zuobiaoxi == "百度"){
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
}else{
|
var lng = parseFloat(gpsInfo.baoliu2);
|
var lat = parseFloat(gpsInfo.baoliu3);
|
}
|
// 判断在线状态
|
if (gpsInfo.ponline == "1") {
|
markers[pTagid].setAnimation(BMAP_ANIMATION_BOUNCE);
|
}else{
|
var point = new BMap.Point(lng, lat);
|
var myIcon = new BMap.Icon("../Icon/"+gpsInfo.pimage, new BMap.Size(40, 40), {
|
});
|
var marker = new BMap.Marker(point, { icon: myIcon });
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMap.Label(gpsInfo.pname+" "+pTagid,{offset: new BMap.Size(20, -40)});
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
marker.setLabel(label);
|
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
|
}
|
}
|
},2000)
|
|
}
|
},
|
error: function(xhr, status, error) {
|
// Error callback function
|
notify.warning('人员名称重复')
|
console.error("AJAX request failed:", status, error);
|
}
|
});
|
}
|
})
|
function hqSearch(id){
|
var data = "pTagid="+id
|
var person;
|
$.ajax({
|
url: "/hxzkuwb/findOnePerson",
|
type: "POST",
|
data: data,
|
async: false,
|
success: function(data) {
|
person = data
|
}
|
});
|
return person;
|
}
|
var tileLayer = new BMap.TileLayer();
|
tileLayer.getTilesUrl = function(tileCoord, zoom) {
|
var name = nameFormat
|
.replace("{x}", tileCoord.x)
|
.replace("{y}", tileCoord.y)
|
.replace("{z}", zoom)
|
;
|
return 'tiles/' + zoom + '/' + name + ext;
|
}
|
bm.addTileLayer(tileLayer);
|
bm.addEventListener('click', function (e) {
|
$(".JingWeiDu").text('当前位置经纬度：' + e.latlng.lng + ',' + e.latlng.lat)
|
});
|
var c = new Convertor();
|
var points = []
|
var pointsName = [];
|
// 增加矩形图层
|
for (var i = 0; i < fences.length; i++) {
|
if (i%2 == 0){
|
fences[i] = fences[i].split(";");
|
var po =[]
|
for (var j = 0; j < fences[i].length; j++) {
|
fences[i][j] = fences[i][j].split(",");
|
var rr = c.WGS2BD09({ lng: parseFloat(fences[i][j][0]), lat: parseFloat(fences[i][j][1])});
|
var point = new BMap.Point(rr.lng,rr.lat);
|
po.push(point);
|
}
|
points.push(po);
|
}else{
|
pointsName.push(fences[i]);
|
}
|
}
|
//var t = 300; 每600ms从后台请求一次最新的数据
|
var markers = {};
|
var markers1 = {};
|
timer = setInterval(function() {
|
markers = {};
|
bm.clearOverlays();
|
if(onFence == 1){
|
for (var i=0;i<points.length;i++){
|
var polygon = new BMap.Polygon(points[i], { strokeColor: "red", strokeOpacity: 0.5, fillColor: "red", fillOpacity: 0.5
|
});
|
bm.addOverlay(polygon);
|
var opts = {
|
position: new BMap.Point(points[i][0].lng, points[i][0].lat), // 指定文本标注所在的地理位置
|
};
|
var label = new BMap.Label(pointsName[i], opts);
|
label.setStyle({
|
color: 'blue',
|
borderRadius: '5px',
|
borderColor: '#ccc',
|
padding: '10px',
|
fontSize: '16px',
|
height: '20px',
|
lineHeight: '20px',
|
fontFamily: '微软雅黑'
|
});
|
bm.addOverlay(label);
|
}
|
}
|
bm.addOverlay(polygon);
|
if(onLine == 0){
|
//只显示在线
|
var gps_node_list1 = getGPS();
|
for (var i = 0; i < gps_node_list1.length; i++) {
|
var gpsInfo = gps_node_list1[i];
|
var c = new Convertor();
|
if(gpsInfo.baoliu2>10){
|
var rr = c.WGS2BD09({ lng: parseFloat(gpsInfo.baoliu2), lat: parseFloat(gpsInfo.baoliu3)});
|
if (zuobiaoxi == "百度"){
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
|
}else{
|
var lng = parseFloat(gpsInfo.baoliu2);
|
var lat = parseFloat(gpsInfo.baoliu3);
|
}
|
var userId = gpsInfo.ptagid;
|
// 判断在线状态
|
localStorage.setItem("username","超级管理员")
|
|
// 创建坐标点
|
var point = new BMap.Point(lng, lat);
|
// 创建标记
|
var myIcon = new BMap.Icon("../Icon/"+gpsInfo.pimage, new BMap.Size(40, 40), {
|
|
});
|
var marker = new BMap.Marker(point, { icon: myIcon });
|
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMap.Label(gpsInfo.pname+" "+userId,{offset: new BMap.Size(20, -30)});
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
marker.setLabel(label);
|
if(gpsInfo.psos == "1") {
|
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
|
}else{
|
|
}
|
// 存储标记到 markers 对象中
|
markers[userId] = marker;
|
marker.setTitle(gpsInfo.ptagid);
|
marker.addEventListener("click", function () {
|
var data = "id="+this.getTitle();
|
if (this.getTitle() < 9999){
|
$.ajax({
|
url: "/hxzkuwb/findtagIdPerson",
|
data: data,
|
async: false,
|
success: function(data) {
|
if (data.ponline == "1") {
|
data.ponline = "在线";
|
} else {
|
data.ponline = "离线";
|
}
|
$("#personImage").empty()
|
$("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/人员照
|
片/'+data.baoliu38+'/>')
|
$(".xingming").text(data.pname);
|
$(".xingbie").text(data.psex);
|
$(".bumen").text(data.pdepartment);
|
$(".banben").text("未知");
|
$(".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();
|
}else{
|
var data = "username="+this.getTitle();
|
$.get("/hxzkuwb/FindUserNameSxt",data,function (data){
|
layer.msg('正在拉起该视频区域!')
|
|
})
|
}
|
|
});
|
}
|
}
|
}else{
|
var gps_node_list1 = getGPSOffOnlie();
|
for (var i = 0; i < gps_node_list1.length; i++) {
|
var gpsInfo = gps_node_list1[i];
|
var c = new Convertor();
|
if(gpsInfo.baoliu2!= "-1" && gpsInfo.baoliu2 !=""){
|
var rr = c.WGS2BD09({ lng: parseFloat(gpsInfo.baoliu2), lat: parseFloat(gpsInfo.baoliu3)});
|
var lng = parseFloat(rr.lng);
|
var lat = parseFloat(rr.lat);
|
var userId = gpsInfo.ptagid;
|
// 判断在线状态
|
// 创建坐标点
|
var point = new BMap.Point(lng, lat);
|
// 创建标记
|
var myIcon = new BMap.Icon("../Icon/"+gpsInfo.pimage, new BMap.Size(40, 40), {
|
anchor: new BMap.Size(20, 40)
|
});
|
var marker = new BMap.Marker(point, { icon: myIcon });
|
// 将标记添加到地图上
|
bm.addOverlay(marker);
|
var label = new BMap.Label(gpsInfo.pname+" "+userId, {offset: new BMap.Size(20, -30)});
|
|
if (gpsInfo.ponline == "0"){
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: '#666666',
|
transform: 'translateX(-50%)',
|
});
|
}else{
|
label.setStyle({
|
color: "#fff",
|
fontSize: "14px",
|
borderRadius: "5px",
|
padding: "5px 5px",
|
border: "0",
|
backgroundColor: gpsInfo.bumencolor,
|
transform: 'translateX(-50%)',
|
});
|
}
|
marker.setLabel(label);
|
if(gpsInfo.psos == "1") {
|
marker.setAnimation(BMAP_ANIMATION_BOUNCE);
|
}else{
|
|
}
|
// 存储标记到 markers 对象中
|
markers[userId] = marker;
|
marker.setTitle(gpsInfo.ptagid);
|
marker.addEventListener("click", function () {
|
var data = "id="+this.getTitle();
|
$.ajax({
|
url: "/hxzkuwb/findtagIdPerson",
|
data: data,
|
async: false,
|
success: function(data) {
|
if (data.ponline == "1") {
|
data.ponline = "在线";
|
} else {
|
data.ponline = "离线";
|
}
|
$("#personImage").empty()
|
$("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/人员照
|
片/'+data.baoliu38+'/>')
|
$(".xingming").text(data.pname);
|
$(".xingbie").text(data.psex);
|
$(".bumen").text(data.pdepartment);
|
$(".banben").text("未知");
|
$(".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();
|
});
|
}
|
}
|
}
|
}, 2000);
|
}
|
};
|
|
|
|
|
|
|
$(document).bind('click', function (e) {
|
var e = e || window.event; //浏览器兼容性
|
var elem = e.target || e.srcElement;
|
while (elem) { //循环判断至跟节点，防止点击的是div子元素
|
if (elem.id && elem.id == 'test') {
|
return;
|
}
|
elem = elem.parentNode;
|
}
|
$('.content-absolute').css('display', 'none'); //点击的不是div或其子元素
|
});
|
|
|
var fenList = {};
|
getAllFence();
|
function getAllFence(){
|
$.get("/hxzkuwb/findAllFence",function (data){
|
for (let pair of data) {
|
fenList[pair.name] = pair.baoliu9;
|
}
|
})
|
}
|
|
function getdateTime() {
|
var date = new Date();
|
|
var year = date.getFullYear();
|
var month = date.getMonth() + 1; // 因为月份是从0开始计数，所以需要加1
|
var day = date.getDate();
|
var hours = date.getHours();
|
var minutes = date.getMinutes();
|
var seconds = date.getSeconds();
|
|
// 格式化时间，保证小时、分钟、秒始终有两位数
|
month = formatTime(month);
|
day = formatTime(day);
|
hours = formatTime(hours);
|
minutes = formatTime(minutes);
|
seconds = formatTime(seconds);
|
|
// 更新页面显示时间的元素的内容
|
document.getElementById("personDate").innerHTML ="更新时间："+ year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" +
|
seconds;
|
}
|
|
function updateTime() {
|
var date = new Date();
|
|
var year = date.getFullYear();
|
var month = date.getMonth() + 1; // 因为月份是从0开始计数，所以需要加1
|
var day = date.getDate();
|
var hours = date.getHours();
|
var minutes = date.getMinutes();
|
var seconds = date.getSeconds();
|
|
// 格式化时间，保证小时、分钟、秒始终有两位数
|
month = formatTime(month);
|
day = formatTime(day);
|
hours = formatTime(hours);
|
minutes = formatTime(minutes);
|
seconds = formatTime(seconds);
|
|
// 更新页面显示时间的元素的内容
|
if (sessionStorage.getItem("YuYan") == "English"){
|
document.getElementById("current-time").innerHTML ="date："+ year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" +
|
seconds;
|
}else{
|
document.getElementById("current-time").innerHTML ="日期："+ year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" +
|
seconds;
|
}
|
}
|
|
function createDOM() {
|
const img = document.createElement('img');
|
img.style.height = '120px';
|
img.style.width = '120px';
|
img.src = '/hxzkuwb/Home/HomeImg/警示.gif';
|
img.draggable = false;
|
return img;
|
}
|
|
function formatTime(time) {
|
if (time < 10) {
|
time = "0" + time;
|
}
|
return time;
|
}
|
|
function ShuaXinShuJu(){
|
var tagid = $(".kahao").text();
|
personMsgtid(tagid)
|
getdateTime()
|
layer.msg('刷新成功')
|
}
|
// 每秒钟更新一次时间
|
setInterval(updateTime, 1000);
|
$("#fenglogo").fadeIn(2000);
|
$("#switc").fadeIn(4000);
|
$("#switc1").fadeIn(4000);
|
$("#switc2").fadeIn(4000);
|
|
mercatorTolonlat()
|
function mercatorTolonlat(){
|
let lonlat={lon:0,lat:0};
|
|
|
let x = 13521642.21136821/20037508.34*180;
|
let y = 3584507.2560229967/20037508.34*180;
|
|
y= 180/Math.PI*(2*Math.atan(Math.exp(y*Math.PI/180))-Math.PI/2);
|
|
lonlat.lon = x;
|
lonlat.lat = y;
|
return lonlat;
|
};
|
</script>
|
<script>
|
function Cxgj(){
|
$("#cxgjs").fadeOut(500)
|
}
|
// 在语音列表加载后调用的函数
|
// 拖拽功能
|
// 获取要拖拽的盒子元素
|
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;
|
});
|
setTimeout(function (){
|
ACZhuan();
|
})
|
function ACZhuan(){
|
var c = new Convertor();
|
var A = c.WGS2BD09({lng: parseFloat(117.987083), lat: parseFloat(37.458489)});
|
var C = c.WGS2BD09({lng: parseFloat(118.0361), lat: parseFloat(37.449492)});
|
console.log("A点："+A.lng+","+A.lat)
|
console.log("C点："+C.lng+","+C.lat)
|
}
|
</script>
|
<script>
|
|
|
function TianDiMap(){
|
|
$("#ditu3").show()
|
var map;
|
var zoom = 16;
|
var nameFormat = "{x}_{y}";
|
var ext = ".png";
|
map = new T.Map("map", {datasourcesControl: true});
|
//设置显示地图的中心点和级别
|
map.centerAndZoom(new T.LngLat(118.0067427, 37.4527979), zoom);
|
map.setMaxZoom(21)
|
map.setMinZoom(16)
|
//创建对象
|
var ctrl = new T.Control.MapType();
|
//添加控件
|
map.addControl(ctrl);
|
var imageURL = "tiles/{z}/" + nameFormat + ext;
|
var lay = new T.TileLayer(imageURL, { minZoom: 16, maxZoom: 21 });
|
map.addLayer(lay);
|
lay.setZIndex(5);
|
|
var pointse =[]
|
var radius =""
|
var baoliu8s = []
|
var baoliu8ss = []
|
setTimeout(function (){
|
var fences = getfenceTian();
|
var pointsName = [];
|
// 增加矩形图层
|
for (var i = 0; i < fences.length; i++) {
|
if (i%2 == 0){
|
fences[i] = fences[i].split(";");
|
var po =[]
|
for (var j = 0; j < fences[i].length; j++) {
|
fences[i][j] = fences[i][j].split(",");
|
var point = new T.LngLat(fences[i][j][0],parseFloat(fences[i][j][1]));
|
po.push(point);
|
}
|
pointse.push(po);
|
}else{
|
pointsName.push(fences[i]);
|
}
|
}
|
var fencesYuan = getfenceTianYuan()
|
for (var i = 0 ; i<fencesYuan.length;i++){
|
var radius = fencesYuan[i].zuobiao;
|
let lastIndex = radius.lastIndexOf(","); // 找到最后一个逗号的位置
|
let result = radius.substring(lastIndex + 1); // 截取逗号后面的部分
|
var baoliu8 = fencesYuan[i].baoliu8.split(",");
|
baoliu8s = baoliu8[0]
|
baoliu8ss = baoliu8[1].split(";")
|
baoliu8ss[1] = parseInt(baoliu8ss[1], 10)/100;
|
radius = result;
|
}
|
|
},1000)
|
timerTianDi = setInterval(function() {
|
setTimeout(function (){
|
var gps_node_list1 = getGPS();
|
map.clearOverLays()
|
var polygon = new T.Polygon(pointse,{
|
color: "red", weight: 3, opacity: 0.5, fillColor: "red", fillOpacity: 0.5
|
});
|
var circle = new T.Circle(new T.LngLat(baoliu8s, baoliu8ss[0]),baoliu8ss[1] ,
|
{color:"red",weight:2,opacity:0.5,fillColor:"red",fillOpacity:0.5,lineStyle:"solid"});
|
map.addOverLay(circle);
|
map.addOverLay(polygon);
|
for (var i = 0; i < gps_node_list1.length; i++) {
|
var person = gps_node_list1[i];
|
//坐标
|
var point = new T.LngLat(person.baoliu2, person.baoliu3)
|
//图片
|
var icon = new T.Icon({
|
iconUrl: "/hxzkuwb/Icon/"+person.pimage,
|
iconSize: new T.Point(30,30),
|
iconAnchor: new T.Point(10, 25)
|
});
|
var marker = new T.Marker(point, {icon: icon});
|
//名称
|
var label = new T.Label({
|
text: person.pname+" "+person.ptagid,
|
position: point,
|
offset: new T.Point(-50, -40),
|
});
|
map.addOverLay(marker);
|
map.addOverLay(label);
|
marker.addEventListener("click", function() {
|
markerClick(person.ptagid); // Pass the unique identifier to markerClick function
|
});
|
}
|
},0)
|
},2000)
|
//点击marker事件
|
function markerClick(tagid){
|
var data = "id=" + tagid;
|
$.ajax({
|
url: "/hxzkuwb/findtagIdPerson",
|
data: data,
|
async: false,
|
success: function (data) {
|
if (data.ponline == "1") {
|
data.ponline = "在线";
|
} else {
|
data.ponline = "离线";
|
}
|
|
$("#personImage").empty()
|
$("#personImage").append('<img style="width: 100px;height: 100px" src=/hxzkuwb/Icon/人员照片/' + data.baoliu38 + '/>')
|
$(".xingming").text(data.pname);
|
$(".xingbie").text(data.psex);
|
$(".bumen").text(data.pdepartment);
|
$(".banben").text("未知");
|
$(".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>
|
