| | |
| | | <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"/> |
| | | |
| | | <%-- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />--%> |
| | | <meta http-equiv="Pragma" content="no-cache" /> |
| | | <meta http-equiv="Cache-Control" content="no-cache, must-revalidate" /> |
| | | <meta http-equiv="Expires" content="0" /> |
| | | <style> |
| | | /*.layui-table-click {*/ |
| | | /* background-color: #10DB3E !important;*/ |
| | | /* color: black; !*设置文字颜色为白色*!*/ |
| | | /*}*/ |
| | | .BMapGL_noprint{ |
| | | .BMap_noprint{ |
| | | z-index: 9999; |
| | | } |
| | | . BMapGL_noprint anchorTR{ |
| | | . BMap_noprint anchorTR{ |
| | | z-index: 1000; |
| | | } |
| | | .anchorTR{ |
| | |
| | | } |
| | | .layui-laypage{ |
| | | position: relative; |
| | | left: 380px; |
| | | } |
| | | |
| | | .layui-table th{ |
| | | color: white; |
| | | border: none !important; |
| | |
| | | dd{ |
| | | background-color:#1C3459 ; |
| | | } |
| | | li:hover { |
| | | color: #57E1E0; /* 当鼠标悬停时字体颜色变为红色 */ |
| | | } |
| | | |
| | | dd:hover{ |
| | | background-color:#1C3459 ; |
| | | } |
| | | .layui-select-title:hover { |
| | | background-color:#1C3459 ; /* 设置悬浮时的背景颜色为蓝色 */ |
| | | } |
| | | .plugin { |
| | | width: 600px; |
| | | height: 400px; |
| | | /**/ |
| | | |
| | | /**/ |
| | | /**/ |
| | | /* margin-top: 100px; |
| | | margin-left: 100px; */ |
| | | /**/ |
| | | /**/ |
| | | } |
| | | #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> |
| | |
| | | <h1 style="text-align: center;height: 70px;line-height: 65px;color: white;font-size: 25px;width: 100%;position: relative;top: -8px" id="titles"></h1> |
| | | </div> |
| | | </div> |
| | | <div class="layui-row" id="wealcome" style="position: fixed;top: 30px;right: 15px;z-index: 9999999999"> |
| | | <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> |
| | |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <%-- <div style="position: fixed; z-index: 999;">--%> |
| | | <%-- <div style=" height: 400px; width: 600px;position: absolute;margin: auto;top: 500px;left: 650px;right: 0;bottom: 0;">--%> |
| | | <%-- <div id="divPlugin" class="plugin" ></div>--%> |
| | | <%-- <input id="loginip" type="text" class="txt" value="192.168.31.64" style="display:none;"/>--%> |
| | | <%-- <input id="port" type="text" class="txt" value="80" style="display:none;"/>--%> |
| | | <%-- <input id="username1" value="admin" type="text" class="txt" style="display:none;"/>--%> |
| | | <%-- <input id="password" type="password" class="txt" value="hxzk2015" style="display:none;"/>--%> |
| | | <%--<%– <input type="button" class="btn" value="登录" onclick="clickLogin();" />–%>--%> |
| | | <%-- <input type="button" class="btn2" value="开始预览" onclick="clickStartRealPlay();" />--%> |
| | | <%-- <input type="button" class="btn2" value="停止预览" onclick="clickStopRealPlay();" />--%> |
| | | |
| | | <%-- </div>--%> |
| | | <%-- </div>--%> |
| | | <div id="biaoqian" style="display: none;position: fixed; z-index: 999;"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div style="width: 100%;"> |
| | | <span id="biaoqiantitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;padding-left: 120px;color: white;font-size: 16px">标签信息</span><span style="position: absolute;top: 10px;left: 310px"><a href="javascript:;" title="上一页" onclick="nextpagebiaoqian('上一页')"><img src="HomeImg/jt1.png" style="width: 20px"/></a> <a href="javascript:;" title="下一页" onclick="nextpagebiaoqian('下一页')"><img src="HomeImg/jt2.png" style="width: 20px"/></a></span> |
| | | </div> |
| | | <img src="HomeImg/border1.png" style="width: 100%"/> |
| | | |
| | | <div id="biaoqianbody" style="width: 100%;height: 90%;padding-top: 10px;text-align: left;overflow:hidden;"> |
| | | <div style="z-index: 9999;color: white;"> |
| | | <ul class="qytj" style="position: relative;"> |
| | | <li style="font-size: 14px">设备</li> |
| | | |
| | | <li style="font-size: 14px">电量</li> |
| | | <li style="font-size: 14px">状态</li> |
| | | <li style="font-size: 14px;margin-left: 40px">时间</li> |
| | | </ul> |
| | | <div id="bqxj" class="hover-text" style="z-index: 9999;color: white;width: 100%;left: 20px"> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | |
| | | <div id="jizhan" style="display: none;position: fixed; z-index: 999;"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div style="width: 100%;"> |
| | | <span id="jizhantitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;padding-left: 120px;color: white;font-size: 16px">基站信息</span><span style="position: absolute;top: 10px;left: 10px"><a href="javascript:;" title="上一页" onclick="nextpagejizhan('上一页')"><img src="HomeImg/jt1.png" style="width: 20px"/></a> <a href="javascript:;" title="下一页" onclick="nextpagejizhan('下一页')"><img src="HomeImg/jt2.png" style="width: 20px"/></a></span> |
| | | |
| | | </div> |
| | | <img src="HomeImg/border1.png" style="width: 100%"/> |
| | | <div id="jizhanbody" style="width: 100%;height: 90%;padding-top: 10px;text-align: left;overflow:hidden;"> |
| | | <div style="z-index: 9999;color: white;width: 360px;"> |
| | | <ul class="qytj" style="position: relative;"> |
| | | <li style="font-size: 14px">设备</li> |
| | | <li style="font-size: 14px">状态</li> |
| | | <li style="font-size: 14px;margin-left: 40px">时间</li> |
| | | </ul> |
| | | <div id="jzxx" class="hover-text" style="z-index: 9999;color: white;width: 100%;left: 20px"> |
| | | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | </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="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="请输入编号" /></p> |
| | | <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:;" onclick="send()" ><img src="HomeImg/bs4.png" width="100"/></a> |
| | | |
| | | <%-- <a href="javascript:;" onclick="testAuth()">登录</a>--%> |
| | | <a style="display: inline;" href="javascript:;" onclick="testSesCallInitiate()" ><img src="HomeImg/bs5.png" width="100"/></a> |
| | | <a style="display: inline;" href="javascript:;" onclick="testSesTalkRequest()" >开始发言</a> |
| | | <a href="javascript:;" onclick="testSesTalkRelease()" >停止发言</a> |
| | | </p> |
| | | <p style="width: 90%;position: relative;top: -20px"><a href="javascript:;" onclick="send()" ><img src="HomeImg/bs4.png" width="100"/></a> <a href="javascript:;"><img src="HomeImg/bs5.png" width="100"/></a></p> |
| | | </div> |
| | | </div> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | <%-- 区域统计--%> |
| | | <a href="javascript:;" id="PowerShuaXin" onclick="ChongDianPowerShuaXin()" style="width: 60px;height: 40px;text-align: center;font-size: 12px;line-height: 40px;background-color: #00bff4;display: inline-block;position:fixed;right: 7%;bottom: 40%;z-index: 99999999999999;color: white;display: none">刷新</a> |
| | | <a href="javascript:;" onclick="ChongDianPower()" style="width: 60px;height: 40px;text-align: center;font-size: 12px;line-height: 40px;background-color: #00bff4;display: inline-block;position:fixed;right: 2%;bottom: 40%;z-index: 99999999999999;color: white">充电人员</a> |
| | | <a style="width: 20%;height: 8%;text-align: center;font-size: 12px;display: inline-block;position:fixed;right: 2%;bottom: 30%;z-index: 99999999999999;color: white"><img src="/hxzkuwb/Home/HomeImg/border1.png"></a> |
| | | |
| | | <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%;"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <%-- <div id="cxgjs" style="width: 55%;height: 50%;z-index: 99999999999;position: fixed;top: 10%;left: 20%;background-color: white;padding: 2%;padding-bottom: 5%;border-radius: 10px">--%> |
| | | <%-- <span onclick="Cxgj()" style="cursor: pointer;display: inline-block;float: right"><img src="HomeImg/clos.png" width="25"/></span><br>--%> |
| | | <%-- <iframe src="../HouTai/ChaXunGuiJi/ChaXunGuiJi1.jsp" style="width: 100%;height: 50%;z-index: 99999999999;border: 0px;position: fixed"></iframe>--%> |
| | | <%-- </div>--%> |
| | | <div class="layui-row" style="height: 100%;width: 100%;position: fixed;top: 0px;opacity: 0" id="ditu1"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <iframe src="Home1.jsp" style="width: 100%;height: 100%;border: none;"></iframe> |
| | |
| | | <table id="fence" lay-filter="fence"></table> |
| | | </div> |
| | | <div class="boxfoot6"></div> |
| | | </div> |
| | | </div> |
| | | <%-- 充电信息--%> |
| | | <div class="layui-row" id="fen1" style="background-color: rgb(255, 255, 255,0)"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div style="padding-top: 30px;padding-left: 20px;padding-right: 20px"> |
| | | <table id="PowerPerson" lay-filter="PowerPerson" style="background-color: rgb(255, 255, 255,1)" ></table> |
| | | </div> |
| | | <div></div> |
| | | </div> |
| | | </div> |
| | | <%-- 警告信息--%> |
| | |
| | | <div class="layui-row" id="Ditu"> |
| | | <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;background-color: rgb(66,110,162,0.8)" class="MapShow"> |
| | | |
| | | <ul style="margin: auto;text-align: center;width: 100%;padding: 5px;z-index: 999999;" class="MapShow"> |
| | | <li id="topbottom" style="display: none;margin-left: 12.8%"><img src="HomeImg/tobottom.png" style="width:1%"></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: right"><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: left" ><img src="/hxzkuwb/Icon/查看更多.png" onclick="ello()" title="更多操作" style="margin- |
| | | left:1%;width: 22%;cursor:pointer;" alt="更多操作"><br><span style="margin-right: 1%">更多操作</span></li> |
| | | </ul> |
| | | </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: 115px"> |
| | | <div style="width: 320px;height: 300px;background-color: white" id="XiangXi"> |
| | | <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> |
| | | |
| | | <%-- 人员详细数据--%> |
| | | <div class="layui-row" id="personMsg" style="z-index: 9999999"> |
| | | <div class="layui-col-xs12 layui-col-md12" style=""> |
| | | <div style="width: 55%;height: 70%;background-color: #F2F2F2;padding: 15px"> |
| | | <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">关闭</span></a> |
| | | </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: 23px;width: 40px;background-color:#BFE4F2;display: inline-block;text-align: center;position: relative;left: -5px;top: -1px">发送</span></a> |
| | | <p style="width: 90%;position: relative;top: 20px"> |
| | | |
| | | <%-- <a href="javascript:;" onclick="testAuth()">登录</a>--%> |
| | | <a style="display: inline;" href="javascript:;" onclick="testSesCallInitiate1()" ><img src="HomeImg/bs5.png" width="100"/></a> |
| | | <a style="display: inline;" href="javascript:;" onclick="testSesTalkRequest1()" >开始发言</a> |
| | | <a href="javascript:;" onclick="testSesTalkRelease1()" >停止发言</a> |
| | | </p> |
| | | <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> |
| | | <%-- 告警详细处理--%> |
| | |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-row" id="warningMsg1"> |
| | | <div class="layui-col-xs12 layui-col-md12" style=""> |
| | | <ul style="height: 100%;padding: 20px"> |
| | |
| | | </div> |
| | | </div> |
| | | </div> |
| | | <%--更多--%> |
| | | <div style="width: 100%"> |
| | | <div id="ello" style="display: none;z-index: 999999999;width: 14%;height: 10%;position: fixed;bottom: 11.6%;right: 36%;background-color: rgba(50,101,159,0.6);border-radius: 5px"> |
| | | <ul style="padding-top: 5%;"> |
| | | <li style="color: white;display: inline-block;width: 45%;text-align: center"><span>显示基站</span> <input onclick="showJiZhan()" style="" id="showJiZhan" type="checkbox"/></li> |
| | | <li style="color: white;display: inline-block;width: 45%;text-align: center"><span>显示网关</span> <input onclick="showWangGuan()" style="" id="ShowWangGuan" type="checkbox"/></li> |
| | | <li style="color: white;display: inline-block;width: 45%;text-align: center"><span>显示离线</span> <input onclick="showLiXian()" style="" id="ShowLiXianes" type="checkbox"/></li> |
| | | <li style="color: white;display: inline-block;width: 45%;text-align: center"><span>区域框选</span> <input onclick="QuYuKuangXuan()" style="" id="QuYuKuangXuan" type="checkbox"/></li> |
| | | <li style="color: white;display: inline-block;width: 45%;text-align: center"><span>聚集显示</span> <input onclick="JuJiXianShi()" style="" id="JuJiXianShi" type="checkbox"/></li> |
| | | <%-- <li style="width: 40%;border: 1px solid red;color: white;height: 15%;line-height: 15%"><span>显示基站</span><input onclick="showJiZhan()" style="margin-left: 10%;margin-top: 5%" id="showJiZhan" type="checkbox"/></li>--%> |
| | | <%-- <li style="width: 40%;color: white;height: 15%;line-height: 15%"><span>显示网关</span><input onclick="showWangGuan()" style="margin-left: 10%;margin-top: 5%" id="ShowWangGuan" type="checkbox"/></li>--%> |
| | | <%-- <li style="color: white;height: 15%;line-height: 15%"><span>显示离线</span><input onclick="showLiXian()" style="margin-left: 10%;margin-top: 5%" id="ShowLiXianes" type="checkbox"/></li>--%> |
| | | <%-- <li style="color: white;height: 15%;line-height: 15%"><span>区域框选</span><input onclick="QuYuKuangXuan()" style="margin-left: 10%;margin-top: 5%" id="QuYuKuangXuan" type="checkbox"/></li>--%> |
| | | <%-- <li style="color: white;height: 15%;line-height: 15%"><span>聚集显示</span><input onclick="JuJiXianShi()" style="margin-left: 10%;margin-top: 8%" id="JuJiXianShi" type="checkbox"/></li>--%> |
| | | </ul> |
| | | </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%"> |
| | |
| | | <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 style="margin-top: 5%;margin-left: 5%;width: 85%">--%> |
| | | <%-- <h2 style="display: inline-block;font-weight: bold;color: black;font-size: 15px">当前楼层:1层</h2><h2 style="margin-top: 0%;display: inline-block;float: right;font-weight: bold;color: black;font-size: 14px">人数:<span>10人</span></h2>--%> |
| | | <%-- <div style="margin-top: 5%;margin-left: 8%;width: 85%;height: 80%;">--%> |
| | | <%-- <div class="layui-collapse">--%> |
| | | <%-- <div class="layui-colla-item" style="background-color: rgba(255, 255, 255, 0)">--%> |
| | | <%-- <h2 class="layui-colla-title" style="background-color: rgba(255, 255, 255, 0)"><img src="HomeImg/PersonShi.png" style="width: 25px;height: 25px"/>1111</h2>--%> |
| | | <%-- <div class="layui-colla-content">--%> |
| | | <%-- <p>有不少其他答案说是因为JS太差。我下面的答案已经说了,这不是根本性的原因。但除此之外,我还要纠正一些对JS具体问题的误解。JS当初是被作为脚本语言设计的,所以某些问题并不是JS设计得差或者是JS设计者的失误。比如var的作用域问题,并不是“错误”,而是当时绝大部分脚本语言都是这样的,如perl/php/sh等。模块的问题也是,脚本语言几乎都没有模块/命名空间功能。弱类型、for-in之类的问题也是,只不过现在用那些老的脚本语言的人比较少,所以很多人都误以为是JS才有的坑。另外有人说JS是半残语言,满足不了开发需求,1999年就该死。半残这个嘛,就夸张了。JS虽然有很多问题,但是设计总体还是优秀的。——来自知乎@贺师俊</p>--%> |
| | | <%-- </div>--%> |
| | | <%-- </div>--%> |
| | | |
| | | <%-- </div>--%> |
| | | <%-- </div>--%> |
| | | <%-- </div>--%> |
| | | <div id="Kuanges"> |
| | | |
| | | </div> |
| | | <input id="loginMdn" type="text" value="1064932754180" style="display:none;"/> |
| | | <input id="pwd" type="text" value="Aa147369.." autocomplete="off" style="display:none;"/> |
| | | <input id="serAddr" value="https://open.189diaodu.cn:7290/ptt" type="text" style="display:none;"/> |
| | | <input id="serverKey" value="0f80514d3bfa405198e9ea7f24b47baf" type="text" style="display:none;"/> |
| | | </div> |
| | | <%--<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> |
| | |
| | | <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="titleTplPower"> |
| | | <span>{{d.power}}%</span> |
| | | </script> |
| | | <script type="text/html" id="titleTpl1"> |
| | | {{# if(d.baoliu5 === '0' || d.baoliu5 === '-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.baoliu5 === '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> |
| | | {{# } else if(d.baoliu5 === '2') { }} |
| | | <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> |
| | | {{# } else if(d.baoliu5 === '3') { }} |
| | | <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> |
| | | {{# 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"> |
| | |
| | | {{# var formattedPhone = phone.slice(0, 3) + '****' + phone.slice(-3); }} |
| | | {{ formattedPhone }} |
| | | </script> |
| | | |
| | | <script src="../Home/HomeJs/jquery-1.7.1.min.js"></script> |
| | | <%--<script src="../jquery-1.7.1.min.js"></script>--%> |
| | | <script src="../Home/HomeJs/sea-3.0.1.min.js"></script> |
| | | <script src="../Home/HomeJs/codebase/webVideoCtrl.js"></script> |
| | | <script src="../JS/layui.js"></script> |
| | | <script src="../JS/layer.js"></script> |
| | | <script src="../Home/HomeJs/echarts.min.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="../Home/HomeJs/js/testWS.js"></script> |
| | | <script src="../Home/HomeJs/js/import.js"></script> |
| | | <script src="../Home/HomeJs/js/testData.js"></script> |
| | | <script src="../Home/HomeJs/js/testWSEx.js"></script> |
| | | <script src="../Home/HomeJs/js/testWSEvents.js"></script> |
| | | <script src="../Home/HomeJs/js/account.js"></script> |
| | | <script src="../Home/HomeJs/js/ctchat.min.js"></script> |
| | | <script src="../Home/HomeJs/js/jquery-3.5.1.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="../Home/HomeJs/demo.js"></script>--%> |
| | | |
| | | <script> |
| | | |
| | | // setTimeout(function (){ |
| | | // console.log("打印数据===========》》》》》》》》》》》》") |
| | | // console.log($("#username1").val()) |
| | | // clickLogin() |
| | | // // clickStartRealPlay() |
| | | // },1000) |
| | | |
| | | // function onload(){ |
| | | |
| | | |
| | | // 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) |
| | | // } |
| | | // } |
| | | // seajs.config({ |
| | | // base: "./", |
| | | // alias: { |
| | | // |
| | | // }, |
| | | // preload: [] |
| | | // }); |
| | | // // seajs.use(["/hxzkuwb/Home/HomeJs/codebase/webVideoCtrl"], function (WebVideoCtrl) { |
| | | // $(function () { |
| | | // console.log("打印数据====》》》》》》》》》》1111111") |
| | | // // 检查插件是否已经安装过 |
| | | // var iRet = WebVideoCtrl.I_CheckPluginInstall(); |
| | | // console.log(iRet) |
| | | // if (-1 == iRet) { |
| | | // alert("您还未安装过插件,双击开发包目录里的WebComponentsKit.exe安装!"); |
| | | // return; |
| | | // } |
| | | // |
| | | // var oPlugin = { |
| | | // iWidth: 600, // plugin width |
| | | // iHeight: 400 // plugin height |
| | | // }; |
| | | // |
| | | // var oLiveView = { |
| | | // iProtocol: 1, // protocol 1:http, 2:https |
| | | // szIP: "192.168.31.64", // protocol ip |
| | | // szPort: "8888", // protocol port |
| | | // szUsername: "admin", // device username |
| | | // szPassword: "hxzk2015", // device password |
| | | // iStreamType: 1, // stream 1:main stream 2:sub-stream 3:third stream 4:transcode stream |
| | | // iChannelID: 1, // channel no |
| | | // bZeroChannel: false // zero channel |
| | | // }; |
| | | // console.log(22222222222) |
| | | // // 初始化插件参数及插入插件 |
| | | // WebVideoCtrl.I_InitPlugin(oPlugin.iWidth, oPlugin.iHeight, { |
| | | // // szBasePath: "../Home/HomeJs/codebase", |
| | | // bWndFull: true,//是否支持单窗口双击全屏,默认支持 true:支持 false:不支持 |
| | | // iWndowType: 1, |
| | | // cbInitPluginComplete: function () { |
| | | // WebVideoCtrl.I_InsertOBJECTPlugin("divPlugin"); |
| | | // |
| | | // // 检查插件是否最新 |
| | | // if (-1 == WebVideoCtrl.I_CheckPluginVersion()) { |
| | | // alert("检测到新的插件版本,双击开发包目录里的WebComponentsKit.exe升级!"); |
| | | // return; |
| | | // } |
| | | // console.log("333333333333") |
| | | // // 登录设备 |
| | | // WebVideoCtrl.I_Login(oLiveView.szIP, oLiveView.iProtocol, oLiveView.szPort, oLiveView.szUsername, oLiveView.szPassword, { |
| | | // |
| | | // success: function (xmlDoc) { |
| | | // console.log(444444444444); |
| | | // // 开始预览 |
| | | // var szDeviceIdentify = oLiveView.szIP + "_" + oLiveView.szPort; |
| | | // |
| | | // console.log(szDeviceIdentify) |
| | | // setTimeout(function () { |
| | | // WebVideoCtrl.I_StartRealPlay(szDeviceIdentify, { |
| | | // iStreamType: oLiveView.iStreamType, |
| | | // iChannelID: oLiveView.iChannelID, |
| | | // bZeroChannel: oLiveView.bZeroChannel |
| | | // }); |
| | | // }, 1000); |
| | | // } |
| | | // }); |
| | | // } |
| | | // }); |
| | | // |
| | | // // 关闭浏览器 |
| | | // $(window).unload(function () { |
| | | // WebVideoCtrl.I_Stop(); |
| | | // }); |
| | | // }); |
| | | // // }); |
| | | var login = sessionStorage.getItem('username') |
| | | $("#warningusername").val(login) |
| | | if(login == null){ |
| | |
| | | //二维地图默认为否 |
| | | localStorage.setItem("二维地图","不执行") |
| | | //从部门查询图标背景颜色:并显示到 三维/二维/百度 |
| | | var mapess; |
| | | function findBuMenColor(dename){ |
| | | // console.log(1234) |
| | | var data = "departmentname="+dename |
| | | var color = ""; |
| | | $.ajax({ |
| | |
| | | }); |
| | | } |
| | | |
| | | loadJScript(); |
| | | //loadJScript(); |
| | | |
| | | function loadJScript() { |
| | | var script = document.createElement('script'); |
| | |
| | | document.body.appendChild(script); |
| | | } |
| | | // GL版命名空间为BMapGL |
| | | window.onload = function () { |
| | | console.log($("#serAddr").val()) |
| | | console.log("打印数据===========") |
| | | console.log($("#loginMdn").val()) |
| | | // console.log(_DATA.loginMdn) |
| | | // console.log(_DATA.pwd) |
| | | // console.log(_DATA.serverKey) |
| | | // auth(_DATA.serAddr,_DATA.loginMdn,_DATA.pwd, _DATA.serverKey); |
| | | // |
| | | auth($("#serAddr").val(), $("#loginMdn").val(), $("#pwd").val(), $("#serverKey").val()); |
| | | } |
| | | |
| | | //百度 |
| | | function Qh(){ |
| | | mapess++; |
| | | $(".qhWeiLan").css("display","inline-block"); |
| | | $("#ditu2").css("opacity","1") |
| | | $("#ditu2").css("z-index","7") |
| | |
| | | $("#ChaXuns").show(); |
| | | $(".ctrls").show(); |
| | | $(".MapType").show(); |
| | | $(".qhPingMian").hide(); |
| | | |
| | | localStorage.setItem("百度地图","执行") |
| | | localStorage.setItem("三维地图","不执行") |
| | | var sanweis = document.getElementById("sanweis") |
| | | var erweis = document.getElementById("erweis") |
| | | var baidus = document.getElementById("baidus") |
| | | sanweis.checked = false; |
| | | baidus.checked = true; |
| | | layer.msg('操作成功') |
| | | } |
| | | //三维 |
| | | Qh1() |
| | | 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(); |
| | | $(".qhPingMian").hide(); |
| | | $("#ditu1").css("opacity","1"); |
| | | $("#ditu1").css("z-index","6") |
| | | $("#ditu3").css("opacity","0") |
| | |
| | | localStorage.setItem("三维地图","执行") |
| | | localStorage.setItem("百度地图","不执行") |
| | | var sanweis = document.getElementById("sanweis") |
| | | var erweis = document.getElementById("erweis") |
| | | var baidus = document.getElementById("baidus") |
| | | sanweis.checked = true; |
| | | layer.msg('操作成功') |
| | | $(".MapType").hide(); |
| | | $("#weilanxs").hide(); |
| | |
| | | url: "/hxzkuwb/baidufence.do", |
| | | dataType: "json", |
| | | success: function (data) { |
| | | fences = data.fences; |
| | | fences.push(data.fences); |
| | | }, |
| | | }); |
| | | return fences; |
| | |
| | | // 在这里处理失败的回调函数 |
| | | } |
| | | }); |
| | | // 设置百度地图的自定义样式,只显示瓦片图层 |
| | | var customStyleJson = [ |
| | | { |
| | | "featureType": "all", |
| | | "elementType": "all", |
| | | "stylers": { |
| | | "visibility": "off" |
| | | } |
| | | } |
| | | ]; |
| | | |
| | | |
| | | |
| | | |
| | | // 创建地图实例 |
| | | |
| | | //读取系统设置 |
| | | var fences = getfence(); |
| | | var showRect = true; |
| | |
| | | var bm_viewPower = 0;//是否显示电量 |
| | | var bm_viewTagid = 1;//是否显示标签ID |
| | | var bm_offView = 1;//是否离线不显示图标 |
| | | // 百度地图API功能//默认卫星地图 {mapType:BMapGL_SATELLITE_MAP} |
| | | // 百度地图API功能//默认卫星地图 {mapType:BMAP_SATELLITE_MAP} |
| | | var bm = new BMapGL.Map("container"); // 创建Map实例 |
| | | var zhong =zhongxindian.split(';') ; |
| | | bm.centerAndZoom(new BMapGL.Point(zhong[0],zhong[1]), level); // 初始化地图,设置中心点坐标和地图级别 |
| | | bm.enableScrollWheelZoom(true); //开启鼠标滚轮缩放 |
| | | console.log() |
| | | if(localStorage.getItem("mapType") == "地球模式"){ |
| | | bm.setMapType(BMapGL_EARTH_MAP); |
| | | bm.setMapType(BMAP_EARTH_MAP); |
| | | }else{ |
| | | |
| | | } |
| | | //添加地图类型控件 |
| | | |
| | | bm.setMapStyleV2({ |
| | | styleJson: [{ |
| | | "featureType": "all", |
| | | "elementType": "all", |
| | | "stylers": { |
| | | "visibility": "off" |
| | | } |
| | | }] |
| | | }); |
| | | bm.setHeading(shijiao); //设置地图旋转角度 |
| | | bm.setTilt(gao); |
| | | var scaleCtrl = new BMapGL.ScaleControl({offset: new BMapGL.Size(250,40),showInfo:true}); |
| | | bm.addControl(scaleCtrl); |
| | | |
| | | |
| | | |
| | | var zuobiaoxi = ""; |
| | |
| | | } |
| | | bm.addTileLayer(tileLayer); |
| | | |
| | | // var navi3DCtrl = new BMapGL.NavigationControl3D({ |
| | | // anchor: BMapGL_ANCHOR_BOTTOM_RIGHT, // 将控件锚点设置为地图底部 |
| | | // offset: new BMapGL.Size(0, 0) // 设置控件相对于锚点的偏移量,这里将偏移量设为(0, 0) |
| | | // }); |
| | | // bm.addControl(navi3DCtrl); |
| | | // var offset = new BMapGL.Size(525, 20); // 水平和垂直偏移量 |
| | | // navi3DCtrl.setOffset(offset); |
| | | // bm.addEventListener('click', function (e) { |
| | | // $(".JingWeiDu").text('当前位置经纬度:' + e.latlng.lng + ',' + e.latlng.lat) |
| | | // }); |
| | | var navi3DCtrl = new BMapGL.NavigationControl3D({ |
| | | anchor: BMAP_ANCHOR_BOTTOM_RIGHT, // 将控件锚点设置为地图底部 |
| | | offset: new BMapGL.Size(0, 0) // 设置控件相对于锚点的偏移量,这里将偏移量设为(0, 0) |
| | | }); |
| | | bm.addControl(navi3DCtrl); |
| | | var offset = new BMapGL.Size(525, 20); // 水平和垂直偏移量 |
| | | navi3DCtrl.setOffset(offset); |
| | | bm.addEventListener('click', function (e) { |
| | | $(".JingWeiDu").text('当前位置经纬度:' + e.latlng.lng + ',' + e.latlng.lat) |
| | | }); |
| | | |
| | | |
| | | |
| | |
| | | data: data, |
| | | async: false, |
| | | success: function (data) { |
| | | console.log(1111111111) |
| | | console.log(data.pname) |
| | | if (data.ponline == "1") { |
| | | data.ponline = "在线"; |
| | | } else { |
| | |
| | | }) |
| | | }) |
| | | |
| | | |
| | | $("#sousuo2sx").click(function (){ |
| | | window.location.reload(); |
| | | }) |
| | | |
| | | |
| | | quxiao = quxiao2; |
| | | |
| | | // 增加矩形图层 |
| | |
| | | var tt3 = 0; |
| | | |
| | | |
| | | |
| | | //获取基站数据。 |
| | | var jizhanes = FindShowJiZhan(); |
| | | var wangguanes = FindShowWangGuan(); |
| | | //获取网关数据 |
| | | //var t = 300; 每600ms从后台请求一次最新的数据 |
| | | var markers = {}; |
| | | var markers1 = {}; |
| | | var timer = setInterval(function() { |
| | | |
| | | |
| | | if (localStorage.getItem("百度地图") == "不执行"){ |
| | | return |
| | | } |
| | | markers = {}; |
| | | bm.clearOverlays(); |
| | | if(onFence == 0){ |
| | | //显示围栏 |
| | | var polygon = new BMapGL.Polygon(points, { strokeColor: "red", strokeOpacity: 0.5, fillColor: "red", fillOpacity: 0.3 }); |
| | | bm.addOverlay(polygon); |
| | | } |
| | | // bm.addOverlay(polygon); |
| | | if (localStorage.getItem("jizhanshow") == "1"){ |
| | | //显示基站 |
| | | if (zuobiaoxi == "百度"){ |
| | | for (var i = 0 ; i <jizhanes.length; i ++){ |
| | | var c = new Convertor(); |
| | | var rr = c.WGS2BD09({ lng: parseFloat(jizhanes[i].baoliu6), lat: parseFloat(jizhanes[i].baoliu7)}); |
| | | var point = new BMapGL.Point(rr.lng,rr.lat); |
| | | // 创建标记 |
| | | var myIcon = new BMapGL.Icon("../Icon/jizhan.png", new BMapGL.Size(40, 40), { |
| | | anchor: new BMapGL.Size(20, 40) |
| | | }); |
| | | var jizhan = new BMapGL.Marker(point, { icon: myIcon }); |
| | | var label = new BMapGL.Label(jizhanes[i].anchorid, {offset: new BMapGL.Size(0, -70)}); |
| | | label.setStyle({ |
| | | color: "black", |
| | | fontSize: "14px", |
| | | borderRadius: "5px", |
| | | padding: "5px 5px", |
| | | border: "0", |
| | | transform: 'translateX(-50%)', |
| | | }); |
| | | jizhan.setLabel(label); |
| | | bm.addOverlay(jizhan); |
| | | console.log("添加成功") |
| | | } |
| | | }else{ |
| | | for (var i = 0 ; i <jizhanes.length; i ++){ |
| | | var point = new BMapGL.Point(jizhanes[i].baoliu6,jizhanes[i].baoliu7); |
| | | // 创建标记 |
| | | var myIcon = new BMapGL.Icon("../Icon/jizhan.png", new BMapGL.Size(40, 40), { |
| | | anchor: new BMapGL.Size(20, 40) |
| | | }); |
| | | var jizhan = new BMapGL.Marker(point, { icon: myIcon }); |
| | | bm.addOverlay(jizhan); |
| | | |
| | | } |
| | | } |
| | | |
| | | } |
| | | if (localStorage.getItem("wangguanshow") == "1"){ |
| | | if (zuobiaoxi == "百度"){ |
| | | for (var i = 0 ; i <wangguanes.length; i ++){ |
| | | //显示网关 |
| | | var c = new Convertor(); |
| | | var rr = c.WGS2BD09({ lng: parseFloat(wangguanes[i].lon), lat: parseFloat(wangguanes[i].lat)}); |
| | | var point = new BMapGL.Point(rr.lng,rr.lat); |
| | | // 创建标记 |
| | | var myIcon = new BMapGL.Icon("../Icon/wangguan.png", new BMapGL.Size(40, 40), { |
| | | anchor: new BMapGL.Size(20, 40) |
| | | }); |
| | | var wangguan = new BMapGL.Marker(point, { icon: myIcon }); |
| | | var label = new BMapGL.Label(wangguanes[i].loragwid, {offset: new BMapGL.Size(0, -70)}); |
| | | label.setStyle({ |
| | | color: "black", |
| | | fontSize: "14px", |
| | | borderRadius: "5px", |
| | | padding: "5px 5px", |
| | | border: "0", |
| | | transform: 'translateX(-50%)', |
| | | }); |
| | | wangguan.setLabel(label); |
| | | bm.addOverlay(wangguan); |
| | | console.log("添加网关成功") |
| | | } |
| | | }else{ |
| | | for (var i = 0 ; i <wangguanes.length; i ++){ |
| | | //显示网关 |
| | | var point = new BMapGL.Point(wangguanes[i].lon,wangguanes[i].lat); |
| | | // 创建标记 |
| | | var myIcon = new BMapGL.Icon("../Icon/wangguan.png", new BMapGL.Size(40, 40), { |
| | | anchor: new BMapGL.Size(20, 40) |
| | | }); |
| | | var wangguan = new BMapGL.Marker(point, { icon: myIcon }); |
| | | bm.addOverlay(wangguan); |
| | | } |
| | | } |
| | | } |
| | | if(onLine == 0){ |
| | | //只显示在线 |
| | | var gps_node_list1 = getGPS(); |
| | |
| | | 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)}); |
| | |
| | | markers[userId] = marker; |
| | | marker.setTitle(gpsInfo.ptagid); |
| | | marker.addEventListener("click", function () { |
| | | console.log(this.getTitle()) |
| | | var data = "id="+this.getTitle(); |
| | | $.ajax({ |
| | | url: "/hxzkuwb/findtagIdPerson", |
| | | data: data, |
| | | async: false, |
| | | success: function(data) { |
| | | console.log(2222222) |
| | | console.log(data.pname) |
| | | if (data.ponline == "1") { |
| | | data.ponline = "在线"; |
| | | } else { |
| | |
| | | data: data, |
| | | async: false, |
| | | success: function(data) { |
| | | console.log(333) |
| | | console.log(data.pname) |
| | | if (data.ponline == "1") { |
| | | data.ponline = "在线"; |
| | | } else { |
| | |
| | | } |
| | | } |
| | | } |
| | | }, 2000); // 为每一个icon 添加点击事件 |
| | | }, 3000); // 为每一个icon 添加点击事件 |
| | | |
| | | // bm.addEventListener("dragstart", function() { |
| | | // clearInterval(timer); // 拖动开始时停止定时器 |
| | |
| | | <!-- > END PAGE FUNCTION SCRIPTS --> |
| | | <!-- > END PAGE FUNCTION SCRIPTS --> |
| | | |
| | | <script> |
| | | function FindShowJiZhan() { |
| | | var realposition = []; |
| | | $.ajax({ |
| | | async: false, |
| | | type: 'Get', |
| | | url: "/hxzkuwb/FindSanWeiJiZhan", |
| | | dataType: 'json', |
| | | success: function (data) { |
| | | realposition = data; |
| | | }, |
| | | }); |
| | | return realposition |
| | | }; |
| | | |
| | | function FindShowWangGuan() { |
| | | var realposition = []; |
| | | $.ajax({ |
| | | async: false, |
| | | type: 'Get', |
| | | url: "/hxzkuwb/FindGateWayList", |
| | | dataType: 'json', |
| | | success: function (data) { |
| | | realposition = data; |
| | | }, |
| | | }); |
| | | return realposition |
| | | }; |
| | | |
| | | |
| | | //显示更多 |
| | | function ello(){ |
| | | var td = $("#ello").css("display"); |
| | | if(td == "block"){ |
| | | $("#ello").fadeOut(600) |
| | | $("#topbottom").fadeOut(600) |
| | | }else{ |
| | | $("#ello").fadeIn(600) |
| | | $("#topbottom").fadeIn(600) |
| | | } |
| | | |
| | | } |
| | | |
| | | var showData = "username="+localStorage.getItem("username") |
| | | $.get("/hxzkuwb/findScreenRole",showData,function (data){ |
| | | if (data.jizhanshow == "1"){ |
| | | document.getElementById("showJiZhan").checked = true; |
| | | } |
| | | if (data.wangguanshow == "1"){ |
| | | document.getElementById("ShowWangGuan").checked = true; |
| | | } |
| | | if (sessionStorage.getItem("PerCircles") == "Yes"){ |
| | | document.getElementById("JuJiXianShi").checked = true |
| | | }else{ |
| | | document.getElementById("JuJiXianShi").checked = false |
| | | } |
| | | }) |
| | | |
| | | |
| | | function showWangGuan(){ |
| | | var flag = document.getElementById("ShowWangGuan") |
| | | var wangguanshow; |
| | | if (flag.checked) { |
| | | //设置网关显示 |
| | | wangguanshow = "1"; |
| | | localStorage.setItem("wangguanshow","1") |
| | | } else { |
| | | //设置网关隐藏 |
| | | wangguanshow = "0"; |
| | | localStorage.setItem("wangguanshow","0") |
| | | } |
| | | var data = "wangguanshow="+wangguanshow; |
| | | $.get("/hxzkuwb/upScreenSheZhi",data,function (data){ |
| | | |
| | | }) |
| | | } |
| | | function showJiZhan(){ |
| | | var flag = document.getElementById("showJiZhan") |
| | | var jizhanshow; |
| | | if (flag.checked) { |
| | | //设置基站显示 |
| | | jizhanshow = "1"; |
| | | localStorage.setItem("jizhanshow","1") |
| | | } else { |
| | | //设置基站隐藏 |
| | | jizhanshow = "0"; |
| | | localStorage.setItem("jizhanshow","0") |
| | | } |
| | | var data = "jizhanshow="+jizhanshow; |
| | | $.get("/hxzkuwb/upScreenSheZhi",data,function (data){ |
| | | |
| | | }) |
| | | } |
| | | function QuYuKuangXuan(){ |
| | | var flag = document.getElementById("QuYuKuangXuan") |
| | | if (flag.checked) { |
| | | //开启区域框选 |
| | | sessionStorage.setItem("QuYuKuangXuan","1") |
| | | sessionStorage.setItem("kqhuizhi",true) |
| | | } else { |
| | | //关闭区域框选 |
| | | sessionStorage.setItem("QuYuKuangXuan","0") |
| | | sessionStorage.setItem("kqhuizhi","false1") |
| | | } |
| | | } |
| | | function JuJiXianShi(){ |
| | | var flag = document.getElementById("JuJiXianShi") |
| | | if (flag.checked) { |
| | | //开启聚集显示 |
| | | sessionStorage.setItem("PerCircles","Yes") |
| | | } else { |
| | | //关闭聚集显示 |
| | | sessionStorage.setItem("PerCircles","No") |
| | | |
| | | } |
| | | } |
| | | |
| | | function showLiXian(){ |
| | | var flag = document.getElementById("ShowLiXianes") |
| | | if (flag.checked) { |
| | | //开启离线显示 |
| | | sessionStorage.setItem("oNLine","Yes") |
| | | onLine = 1; |
| | | } else { |
| | | //关闭离线显示 |
| | | sessionStorage.setItem("oNLine","No") |
| | | onLine = 0; |
| | | |
| | | } |
| | | } |
| | | sessionStorage.setItem("oNLine","No") |
| | | |
| | | |
| | | |
| | | |
| | | |
| | | // $.get("/hxzkuwb/findMapShow",function (data){ |
| | | // // $(".MapShow").append('<li id="topbottom" style="display: none;"><img src="HomeImg/tobottom.png" style="width:3%"></li>') |
| | | // $(".MapShow").append('<li style="width: 40%;display: inline-block"><a href="javascript:;" onClick="yckb()" style="display: inline-block;font-size: 12px;color: '+data[0].coolr+'" id="ykcbs"><img src="/hxzkuwb/Icon/隐藏看板.png" alt="隐藏看板" title="隐藏看板" style="width: 20%"></a><span style="color: #07F4F6">隐藏看板</span></li>') |
| | | // if(data[0].ishow == "显示"){ |
| | | // $(".MapShow").append('<li style="width: 40%;display: inline-block" id="maps"><input type="checkbox" id="sanweis" onClick="Qh1()" style="display: none;position: relative;top: 2px"/><a href="javascript:;" class="ts1" style="font-size: 12px;color: #07F4F6" onClick="Qh1()" id="qh1"><img src="/hxzkuwb/Icon/3D地图.png" title="切换地图" alt="切换地图" style="width: 20%"></a><br><span style="color: #07F4F6">三维地图</span></li>') |
| | | // }else{ |
| | | // Qh() |
| | | // } |
| | | // if(data[1].ishow == "显示"){ |
| | | // |
| | | // } |
| | | // $(".MapShow").append('<li onclick="ello()" style="margin-left: 3%;cursor:pointer;display: inline-block;color: #07F4F6 "><img src="/hxzkuwb/Icon/查看更多.png" title="更多操作" style="width: 20%" alt="更多操作"><br>更多操作</li>') |
| | | // }) |
| | | |
| | | |
| | | function Cxgj(){ |
| | | $("#cxgjs").fadeOut(500) |
| | | } |
| | | var table = layui.table; |
| | | function ChongDianPower(){ |
| | | $("#fen1").toggle() |
| | | $("#PowerShuaXin").toggle() |
| | | layer.msg('操作成功') |
| | | } |
| | | function ChongDianPowerShuaXin(){ |
| | | table.reload('PowerPerson', { |
| | | url: '/hxzkuwb/findPowerPerson' // 新的数据接口地址 |
| | | }); |
| | | $("#fen1").toggle() |
| | | setTimeout(function (){ |
| | | $("#fen1").toggle() |
| | | },300) |
| | | layer.msg('刷新成功') |
| | | } |
| | | </script> |
| | | </html> |