| | |
| | | <meta name="apple-mobile-web-app-status-bar-style" content="black" /> |
| | | <meta name="format-detection" content="telephone=no" /> |
| | | <meta name="x5-fullscreen" content="true" /> |
| | | <link rel="icon" href="/hxzkuwb/view/favicon.ico" type="image/x-icon"> |
| | | <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" /> |
| | | <link rel="stylesheet" href="/hxzkuwb/view/Home/HomeCss/Home.css"/> |
| | | <link rel="stylesheet" href="/hxzkuwb/view/CSS/layui1.css"/> |
| | |
| | | </script> |
| | | <style> |
| | | |
| | | .font-wights{ |
| | | font-weight: bolder; |
| | | } |
| | | ::placeholder{ |
| | | color: white; |
| | | font-weight: bolder; |
| | | } |
| | | .active-video-border { |
| | | border: 2px salmon solid; |
| | | } |
| | |
| | | height: 100%; |
| | | cursor: pointer; |
| | | } |
| | | .active { |
| | | color: white !important; |
| | | background-color: #4763ED; /* 你可以根据需要更改颜色 */ |
| | | } |
| | | .ChangeFloor{ |
| | | color: black; |
| | | } |
| | | .layui-layer{ |
| | | background-color: rgba(58, 56, 56, 0.82) !important; |
| | | } |
| | | .layui-layer-title{ |
| | | color: white !important; |
| | | background-color: rgba(0, 0, 0, 0.2) !important; |
| | | } |
| | | /*.layui-table-click {*/ |
| | | /* background-color: #10DB3E !important;*/ |
| | | /* color: black; !*设置文字颜色为白色*!*/ |
| | |
| | | } |
| | | .layui-laypage{ |
| | | position: relative; |
| | | left: 40%; |
| | | left: 42%; |
| | | |
| | | } |
| | | .layui-table th{ |
| | |
| | | } |
| | | </style> |
| | | </head> |
| | | <body style="overflow-y: scroll"> |
| | | <body style=""> |
| | | <div id="SendMsg" style="display: none;padding: 1%;width: 25%;height: 15%;position: fixed;z-index: 99999999;background-color: rgb(42,227,150,0.64);top: 40%;bottom: 40%;left: 37.5%;right: 37.5%;border-radius: 15px;overflow: hidden"> |
| | | <div style="width: 20%;height: 90%;text-align: center;display: inline-block"> |
| | | <img src="/hxzkuwb/view/Home/HomeImg/Send.png" style="margin-top: 50%;width: 80%;height: 50%"/> |
| | |
| | | <div style="display: inline-block;width: 78%"> |
| | | <img src="/hxzkuwb/view/Home/HomeImg/close.png" style="width: 5%;height: 15%;float: right;position: relative;top: -1vh;left: -1vw;cursor: pointer" onclick="GunSendCs()"/> |
| | | <h1 style="font-size:22px;color: white;position: relative;top: 2vh;left: 10%">文字内容下发成功!</h1> |
| | | <span id="sendtime" style="color: #cccccc;position: relative;top:5vh;margin-left: 10%;color: white">2024-10-11 22:19:04</span> |
| | | <span id="sendtime" style="color: #cccccc;position: relative;top:5vh;margin-left: 10%;color: white"></span> |
| | | </div> |
| | | </div> |
| | | <div id="ChaXuns" style=""> |
| | | <div style="height: 40px;"> |
| | | <p style=""> |
| | | <input onfocus="DingWeiColor()" onkeyup="PersonNameDingWei()" onblur="DingWeiColor1()" id="KuaiSuDingWeiTag" type="text" style="width: 150px;border-top-left-radius: 8px;border-bottom-left-radius:8px;background-color: rgb(255,255,255,0);border: 2px solid #4662D9;color: white;height: 30px;padding-left: 2%"> |
| | | <button onclick="KuaiSuDingWei()" id="KuaiSuButton" style="cursor: pointer;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background-color: #4662D9;color: white;border: none;height: 30px;width: 60px;position: relative;left: -5px;top: 1px"> 搜索 </button> |
| | | <button onclick="KuaiSuDingWei()" class="font-wights" id="KuaiSuButton" style="cursor: pointer;border-top-right-radius: 8px;border-bottom-right-radius: 8px;background-color: #4662D9;color: white;border: none;height: 30px;width: 60px;position: relative;left: -5px;top: 1px"> 搜索 </button> |
| | | </p> |
| | | <p style=""> |
| | | <ul style="float: right;width: 100%;height:75px;text-align: center;margin: auto;margin-top: 1%;overflow-y: scroll" id="PersonNameDingWei"> |
| | |
| | | <div class="layui-container" style="width: 100%;margin: 0px;padding: 0px;"> |
| | | <div class="layui-row" style="z-index: 9999999"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <ul class="list"> |
| | | <ul class="list" style=""> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | |
| | | <div class="layui-row" id="wealcome" style="position: fixed;top: 30px;right: 15px;z-index: 999999999"> |
| | | <div class="layui-col-xs12 layui-col-md12" style="width: 100%"> |
| | | <ul class="htxx" style="width: 100%;"> |
| | | <li style="font-size: 12px">欢迎:</li> |
| | | <li id="yhm" style="font-size: 12px;margin-left: 15px"></li> |
| | | <li style="margin-left: 15px;"><a id="Ht" href="javascript:;" onclick="joinHouTai()" style="font-size: 12px;position: relative;top: 0px"></a></li> |
| | | <li style="font-size: 12px;" class="font-wights">欢迎:</li> |
| | | <li id="yhm" style="font-size: 12px;margin-left: 15px" class="font-wights"></li> |
| | | <li style="margin-left: 15px;"><a class="font-wights" id="Ht" href="javascript:;" onclick="joinHouTai()" style="font-size: 12px;position: relative;top: 0px"></a></li> |
| | | <li style="margin-left: 15px;"><a href="javascript:;" onclick="out()"><img src="/hxzkuwb/view/Home/HomeImg/logout.png" style="width: 20px;position: relative;top: -3px"> </a> </li> |
| | | </ul> |
| | | </div> |
| | | </div> |
| | | <%-- 告警信息 跑马灯--%> |
| | | <div class="layui-row" id="warningTong" style="overflow: auto;width: 19.5%;height:42%;z-index: 999;position: fixed;display: none;margin-top: 7%;"> |
| | | <div class="layui-row" id="warningTong" style="overflow: hidden;width: 19.5%;height:42%;z-index: 999;position: fixed;display: none;margin-top: 7%;"> |
| | | <div style="width: 100%;"> |
| | | <span id="warningTongtitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span> |
| | | <span id="warningTongtitle" class="font-wights" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span> |
| | | <span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span> |
| | | </div> |
| | | <div id="warningTongbody" style="" class="gjxx"> |
| | |
| | | <div id="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="TongXuntitle" class="font-wights" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span> |
| | | <span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span> |
| | | </div> |
| | | <div id="TongXunbody" style="width: 100%;height: 90%;padding-top: 10px;text-align: left;overflow:hidden;"> |
| | |
| | | <p style=""> |
| | | <textarea rows="8" cols="50" id="context" style="background: url('/hxzkuwb/view/Home/HomeImg/bs3.png');background-size: 100% 100%;border: 1px solid red;padding-left: 2%;background-color: transparent;border: none;color: white" placeholder=""></textarea> |
| | | </p> |
| | | <p style="margin-top: 2%;color: white;font-size: 14px"><input type="checkbox" id="ASends" value="1" name="yu" style="position: relative;top: 0.2vh"/> 所有人</p> |
| | | <p class="font-wights" style="margin-top: 2%;color: white;font-size: 14px"><input type="checkbox" class="font-wights" id="ASends" value="1" name="yu" style="position: relative;top: 0.2vh;font-weight: bolder"/>所有人</p> |
| | | <p style="width: 60%;margin-top: 5%;text-align: center;line-height: 30px"><a href="javascript:;" id="BtnSend" style="background: url('/hxzkuwb/view/Home/HomeImg/bs4.png') no-repeat;background-size: 100% 100%;display: inline-block;width: 100%;height: 12%;color: white" onclick="send()" ></a></p> |
| | | </div> |
| | | </div> |
| | |
| | | <div 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="JinRiTongJititle" class="font-wights" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span> |
| | | <span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span> |
| | | </div> |
| | | <div id="TongJiNum" style="height: 100%;overflow-y: auto;text-align: center"> |
| | |
| | | <div class="layui-row" id="tong2" style="width: 19.5%;height: 39%;z-index: 999999;display: none;"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div style="width: 100%;"> |
| | | <span id="QuYutitle" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span> |
| | | <span id="QuYutitle" class="font-wights" style="display: inline-block;width: 100%;height: 10%;line-height: 35px;text-align: center;color: white;font-size: 16px"></span> |
| | | <span id="warningBorder" style="width: 100%;height: 1px;display: inline-block"></span> |
| | | </div> |
| | | <div id="QuYubody" style="text-align: left;margin-top: 5%"> |
| | | <div style="z-index: 9999;color: white;margin-left: 18%"> |
| | | <table style="width: 100%" id="qytj"> |
| | | <tr style="font-size: 14px;"><td style="color: white">名称</td><td style="color: white">人数</td><td style="color: white">时间</td></tr> |
| | | <tr style="font-size: 14px;"><td class="font-wights" style="color: white">名称</td><td class="font-wights" style="color: white">人数</td><td class="font-wights" style="color: white">时间</td></tr> |
| | | |
| | | </table> |
| | | </div> |
| | |
| | | </div> |
| | | </div> |
| | | |
| | | <div class="layui-row" id="acd" style="display: none;border: none;background: url('/hxzkuwb/view/Home/HomeImg/borderbutou.png') no-repeat;background-size: 100% 100%;position: fixed; top: 50%; left: 50%; width: 950px; height: 500px; z-index: 99999; transform: translate(-50%, -50%);padding: 1%"> |
| | | <div class="layui-row" id="acd" style="display: none;border: none;background: url('/hxzkuwb/view/Home/HomeImg/borderbutou.png') no-repeat;background-size: 100% 100%;position: fixed; top: 40%; left: 50%; width: 750px; height: 350px; z-index: 99999999; transform: translate(-50%, -50%);padding: 1%"> |
| | | <p> |
| | | <img onclick="ShuaXinShuJu()" src="/hxzkuwb/view/Home/HomeImg/refen.png" width="100" style="cursor: pointer;margin-left: 2%"/> |
| | | <span style="color: white;font-size: 17px;margin-left: 3.5%;position: relative;top: 0.6vh" id="personDate"></span> |
| | | <button onclick="GuanMsg()" style="float: right;background: url('/hxzkuwb/view/Home/HomeImg/cha.png') no-repeat;background-size: 100% 100%;border: none;color: white;width: 20px;height: 20px;cursor: pointer;"></button> |
| | | </p> |
| | | <div style="width: 100%;overflow: hidden"> |
| | | <div style="width: 100%;overflow: hidden;"> |
| | | <div style="display: inline-block;margin-left: 2%;margin-top: 3%;float: left"> |
| | | <img src="/hxzkuwb/Icon/人员照片/moren.png" width="100"/> |
| | | </div> |
| | | <div style="display: inline-block;margin-left: 4%;color: white;float:left;margin-top: 3%;font-size: 17px"> |
| | | <div style="display: inline-block;color: white;float:left;margin-top: 3%;font-size: 17px"> |
| | | <span id="iTagid"></span> |
| | | <ul style="width: 250px;display: inline-block"> |
| | | <ul style="width: 200px;display: inline-block;margin-left: 20px"> |
| | | <li style="height: 50px">姓名 : <span class="xingming"></span></li> |
| | | <li style="height: 50px">版本 : <span class="banben"></span></li> |
| | | <li style="height: 50px">卡号 : <span class="kahao"></span></li> |
| | | </ul> |
| | | <ul style="width: 250px;display: inline-block"> |
| | | <ul style="width: 200px;display: inline-block"> |
| | | <li style="height: 50px">性别 : <span class="xingbie"></span></li> |
| | | <li style="height: 50px">类型 : <span class="leixing"></span></li> |
| | | <li style="height: 50px">岗位 : <span></span></li> |
| | | </ul> |
| | | <ul style="width: 250px;display: inline-block"> |
| | | <ul style="width: 200px;display: inline-block"> |
| | | <li style="height: 50px">部门 : <span class="bumen"></span></li> |
| | | <li style="height: 50px">电话 : <span class="dianhua"></span></li> |
| | | <li style="height: 50px">电量 : <span class="powers"></span></li> |
| | |
| | | <div style="width: 95%;border-top: white 0.5px solid;margin: auto;margin-top: 1%"></div> |
| | | <div style="width: 95%;margin: auto;margin-top: 1%;font-size: 17px"> |
| | | <ul style="color: white;margin-top: 4%"> |
| | | <li style="display: inline-block;width: 22.1%">经度 : <span class="jingdu"></span></li> |
| | | <li style="display: inline-block;width: 22.1%">纬度 : <span class="weidu"></span></li> |
| | | <li style="display: inline-block;width: 22.1%">高程 : <span class="gaocheng"></span></li> |
| | | <li style="display: inline-block;width: 22.1%">状态 : <span class="zhuangtai1"></span></li> |
| | | <li style="display: inline-block;width: 160px">经度 : <span class="jingdu"></span></li> |
| | | <li style="display: inline-block;width: 160px">纬度 : <span class="weidu"></span></li> |
| | | <li style="display: inline-block;width: 160px">高程 : <span class="gaocheng"></span></li> |
| | | <li style="display: inline-block;width: 160px">状态 : <span class="zhuangtai1"></span></li> |
| | | </ul> |
| | | <ul style="color: white;margin-top: 3%"> |
| | | <li style="display: inline-block;width: 200px">X坐标 : <span class="xzuobiao"></span></li> |
| | | <li style="display: inline-block;width: 200px">Y坐标 : <span class="yzuobiao"></span></li> |
| | | <li style="display: inline-block;width: 200px">楼层 : <span class="louceng"></span></li> |
| | | <li style="display: inline-block;width: 200px">状态 : <span class="zhuangtai2"></span></li> |
| | | <ul style="color: white;margin-top: 5%"> |
| | | <li style="display: inline-block;width: 160px">X坐标 : <span class="xzuobiao"></span></li> |
| | | <li style="display: inline-block;width: 160px">Y坐标 : <span class="yzuobiao"></span></li> |
| | | <li style="display: inline-block;width: 160px">楼层 : <span class="louceng"></span></li> |
| | | <li style="display: inline-block;width: 160px">状态 : <span class="zhuangtai2"></span></li> |
| | | </ul> |
| | | </div> |
| | | <div style="width: 95%;margin: auto;margin-top:5%;font-size: 17px;color: white"> |
| | | <p>文字 <input type="text" id="contents" style="background: url('/hxzkuwb/view/Home/HomeImg/sendback.png');background-size: 100% 100%;border: none;width: 670px;height: 35px;padding-left: 1%;color: white"/><button style="background: url('/hxzkuwb/view/Home/HomeImg/buttonback.png') no-repeat;background-size: 100% 100%;border: none;padding: 0.5%;color: white;width: 60px;cursor: pointer;position: relative;left: -6.8%" onclick="MsgSend()">发送</button></p> |
| | | </div> |
| | | </div> |
| | | <%-- 围栏信息--%> |
| | | <div class="layui-row" id="fen" style="cursor:pointer;background-color: rgb(30, 42, 71,0.8)"> |
| | | <div class="layui-row" id="fen" style="cursor:pointer;"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px"> |
| | | <div style="padding-top: 30px;padding-left: 20px;padding-right: 20px"> |
| | | <form class="layui-form"> |
| | | <input type="text" class="sear" name="name"> |
| | | <input type="text" class="sear" name="name" placeholder="围栏名称"> |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search2"></span></a> |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText2" id="search3" lay-submit lay-filter="demo-table-search3" style="margin-left: 80px"></span></a> |
| | | <a onclick="WeiLanGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px" ></span></a> |
| | | </form> |
| | | <table id="fence" lay-filter="fence"></table> |
| | | </div> |
| | | <div 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-row" id="war" style="cursor:pointer;"> |
| | | <div class="layui-col-xs12 layui-col-md12" > |
| | | <div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px"> |
| | | <div 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" > |
| | | <input style="display: inline-block" type="text" maxlength="10" class="sear" placeholder="设备编号" name="objectid" > |
| | | <a style="display: inline-block" href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search3"></span></a> |
| | | <a style="display: inline-block" href="javascript:;"><span id="search2 " class="sear1 TuBiaoText2" style="margin-left: 80px;"lay-submit lay-filter="demo-table-search2"></span></a> |
| | | <div style="width: 12%;display: inline-block;margin-left: 50px;background-color: #1C3459"> |
| | |
| | | </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-row" id="tags" style="cursor:pointer;"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px;"> |
| | | <div style="padding-top: 30px;padding-left: 20px;padding-right: 20px;"> |
| | | <form class="layui-form"> |
| | | <input type="text" class="sear" name="pTagid" > |
| | | <input type="text" class="sear" maxlength="10" name="pTagid" placeholder="设备编号" > |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search4"></span></a> |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText2" style="margin-left: 80px" id="search1" lay-submit lay-filter="demo-table-search1"></span></a> |
| | | <a onclick="RenYuanGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px"></span></a> |
| | |
| | | </form> |
| | | <table id="tag" lay-filter="tag" style=""></table> |
| | | </div> |
| | | <div class="boxfoot6"></div> |
| | | </div> |
| | | </div> |
| | | <%-- 聚集信息--%> |
| | | <div class="layui-row" id="gather" style="cursor:pointer;background-color: rgb(30, 42, 71,0.9)"> |
| | | <div class="layui-row" id="gather" style="cursor:pointer;"> |
| | | <div class="layui-col-xs12 layui-col-md12"> |
| | | <div class="boxalls tabs" style="padding-top: 30px;padding-left: 20px;padding-right: 20px;"> |
| | | <div style="padding-top: 30px;padding-left: 20px;padding-right: 20px;"> |
| | | <form class="layui-form"> |
| | | <input type="text" class="sear" name="pTagid"> |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search4"></span></a> |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText2" style="margin-left: 80px" lay-submit lay-filter="demo-table-search1"></span></a> |
| | | <%-- <input type="text" class="sear" name="pTagid">--%> |
| | | <%-- <a href="javascript:;"><span class="sear1 TuBiaoText1" lay-submit lay-filter="demo-search4"></span></a>--%> |
| | | <a href="javascript:;"><span class="sear1 TuBiaoText2" style="margin-left: 0px" lay-submit lay-filter="demo-table-search1"></span></a> |
| | | <a onclick="JuJiGuan()" href="javascript:;"><span class="sear1 TuBiaoText3" style="float: right;margin-right: 0px"></span></a> |
| | | </form> |
| | | <table id="gathers" lay-filter="gathers"></table> |
| | | </div> |
| | | <div class="boxfoot6"></div> |
| | | </div> |
| | | </div> |
| | | <%-- 地图切换--%> |
| | |
| | | <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" width="30" onClick="yckb()" style="cursor:pointer;margin-right:2%"><br><span id ="yckbtext">隐藏看板</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="JiChuGn()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/JiChuGn.png" width="25"/><br><span>更多功能</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="zoomSet(1)" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/zoomDa.png" width="25"/><br><span>地图放大</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="zoomSet(2)" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/zoomXiao.png" width="25"/><br><span>地图缩小</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="qhmodel()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/qhmodel.png" width="25"/><br><span id="qhmodel">3维视图</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"> |
| | | <select onchange="AddImg()" id="maps" style="border: none;border-radius: 4px;background-color: rgb(66,236,236,0.9);color: white;height: 20px"> |
| | | <option value="默认地图">默认地图</option> |
| | | </select> |
| | | <br><span>楼层切换</span> |
| | | </li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img src="/hxzkuwb/Icon/隐藏看板.png" width="30" onClick="yckb()" style="cursor:pointer;margin-right:2%"><br><span id ="yckbtext" class="font-wights">隐藏看板</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="JiChuGn()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/JiChuGn.png" width="25"/><br><span class="font-wights">更多功能</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="zoomSet(1)" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/zoomDa.png" width="25"/><br><span class="font-wights">地图放大</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="zoomSet(2)" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/zoomXiao.png" width="25"/><br><span class="font-wights">地图缩小</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="qhmodel()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/qhmodel.png" width="25"/><br><span class="font-wights" id="qhmodel">3维视图</span></li> |
| | | <li style="font-size: 12px;color: #07F4F6;width: 6%;display: inline-block;text-align: center"><img onclick="chushiHome()" style="cursor:pointer;" src="/hxzkuwb/view/Home/HomeImg/ChuShiHome.png" width="25"/><br><span class="font-wights" id="chushiHome">最初位置</span></li> |
| | | <%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="QhFloor1()" style="cursor:pointer;" src="HomeImg/floors.png" width="25"/><br><span>切换四层</span></li>--%> |
| | | <%-- <li style="font-size: 12px;color: #07F4F6;width: 10%;display: inline-block;text-align: center"><img onclick="QhFloor()" style="cursor:pointer;" src="HomeImg/floors.png" width="25"/><br><span>切换五层</span></li>--%> |
| | | |
| | |
| | | <div class="layui-row" id="wind" style=" |
| | | display:none; |
| | | border: none; |
| | | background: url('/hxzkuwb/view/Home/HomeImg/border.png') no-repeat; |
| | | background: url('/hxzkuwb/view/Home/HomeImg/borderwind.png') no-repeat; |
| | | background-size: 100% 100%; |
| | | position: fixed; |
| | | |
| | | top: 50%; |
| | | left: 50%; |
| | | width: 50%; /* 使用百分比宽度 */ |
| | | width: 680px; /* 使用百分比宽度 */ |
| | | max-width: 650px; /* 最大宽度 */ |
| | | height: 45vh; /* 根据你的需求调整高度 */ |
| | | height: 440px; /* 根据你的需求调整高度 */ |
| | | overflow-y: auto; /* 添加垂直滚动 */ |
| | | z-index: 99999; |
| | | transform: translate(-50%, -50%); |
| | |
| | | </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> |
| | | <textarea placeholder=" 请输入内容" id="warningwb1" name="baoliu6" style="padding-top: 4px;padding-left: 4px;background-color: whitesmoke;width: 250px;height: 60px;border: none;padding: 5px"></textarea> |
| | | </li> |
| | | <li style="margin: 15px 0px"> |
| | | <button type="submit" class="layui-btn" lay-submit="" lay-filter="" onclick="warningbcAll()">保存</button> |
| | |
| | | |
| | | </table> |
| | | </div> |
| | | |
| | | |
| | | </div> |
| | | <div id="JiChu" style="display: none;cursor: pointer;overflow-y: auto;background: url('/hxzkuwb/view/Home/HomeImg/border.png') no-repeat;background-size: 100% 100%;position: fixed;left: 42%;bottom: 9%;z-index: 9999;width: 9%;height: 30%"> |
| | | <p |
| | |
| | | <p onclick="check7()" style="height: 30px;text-align: center;color: white;font-size: 12px;font-weight: bold"><img src="/hxzkuwb/view/Home/HomeImg/checkCt.png" width="18" id="xxcheck7"/><img src="/hxzkuwb/view/Home/HomeImg/checkNt.png" width="18" id="xxnocheck7" style="display: none"/> 显示速度</p> |
| | | </div> |
| | | </div> |
| | | <div style="position: fixed;right: 1%;top: 30%;bottom: 30%;z-index: 9999;display: none" id="FloorsMap"> |
| | | <div style="background-color: white;padding: 10px;width: 30px;border-radius: 8px;margin-bottom: 20px"> <div class="ChangeFloor" onclick="ChangeFloorColor('0')" style="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;">整体</div> </div> |
| | | </div> |
| | | </body> |
| | | <script type="text/html" id="titleTpl"> |
| | | {{# if(d.anchormode === '0' || d.anchormode === '-1' ) { }} |
| | |
| | | {{# } }} |
| | | </script> |
| | | <script type="text/html" id="barDemotag"> |
| | | <a href="javascript:;" onclick="acs('{{d.id}}','{{d.version}}')"><img src="/hxzkuwb/view/Home/HomeImg/gengduo.png" style="width: 22px"></a> |
| | | <a href="javascript:;" onclick="acs('{{d.ptagid}}')"><img src="/hxzkuwb/view/Home/HomeImg/gengduo.png" style="width: 22px"></a> |
| | | </script> |
| | | <script type="text/html" id="titleTplFence"> |
| | | {{# if(d.baoliu7 === '0' || d.baoliu7 === '-1' ) { }} |
| | |
| | | {{# var formattedPhone = phone.slice(0, 3) + '****' + phone.slice(-3); }} |
| | | {{ formattedPhone }} |
| | | </script> |
| | | <script> |
| | | $.ajax({ |
| | | url: "/hxzkuwb/CheckUserToken", |
| | | type: "get", |
| | | headers: { |
| | | 'x-access-token': localStorage.getItem("hxzkmars3d") |
| | | }, |
| | | async: true, // 设置为同步请求 |
| | | success: function(data) { |
| | | console.log(data) |
| | | // 请求成功时将响应数据赋值给 responseData 变量 |
| | | if (data == 0){ |
| | | layer.confirm('当前登录已过期,请重新登录!', { |
| | | btn: ['确定'] |
| | | }, function (index) { |
| | | // 点击确定后执行重新登录操作 |
| | | // 这里可以使用 location.href 跳转到登录页面 |
| | | location.href = '/hxzkuwb/index.jsp'; |
| | | layer.close(index); |
| | | }) |
| | | } |
| | | }, |
| | | error: function(error) { |
| | | // 请求失败时打印错误信息 |
| | | console.error("请求出错: ", error); |
| | | } |
| | | }); |
| | | </script> |
| | | <script src="/hxzkuwb/view/Home/js/common.js"></script> |
| | | <script src="/hxzkuwb/view/Home/demovlc.js"></script> |
| | | <script src="/hxzkuwb/view/Home/js/Map.js"></script> |
| | |
| | | <script src="/hxzkuwb/view/Home/js/MarsHomeSet.js"></script> |
| | | <script src="/hxzkuwb/view/JS/layui.js"></script> |
| | | <script src="/hxzkuwb/view/JS/layer.js"></script> |
| | | <script src="/hxzkuwb/view/HouTai/Js/jquery-3.5.1.js"></script> |
| | | <script src="/hxzkuwb/view/Home/HomeJs/language.js"></script> |
| | | <script src="/hxzkuwb/view//Home/HomeJs/Home.js"></script> |
| | | <script src="/hxzkuwb/view/Home/HomeJs/Time.js"></script> |
| | |
| | | <script src="/hxzkuwb/view/Home/HomeJs/notify.js"></script> |
| | | <script src="/hxzkuwb/view/Home/HomeJs/notify_stand.js"></script> |
| | | <script> |
| | | |
| | | $.ajaxSetup({ |
| | | headers: { |
| | | 'x-access-token': localStorage.getItem("hxzkmars3d") |
| | |
| | | }) |
| | | } |
| | | var mapess; |
| | | var pdUser = localStorage.getItem("hxzkmars3d") |
| | | if (pdUser == "" || pdUser == null){ |
| | | location.href="/hxzkuwb/index.jsp" |
| | | } |
| | | |
| | | function out(){ |
| | | localStorage.removeItem("hxzkmars3d") |
| | | sessionStorage.removeItem("username"); |
| | | layer.msg('退出成功') |
| | | setTimeout(function (){ |
| | | location.href="/hxzkuwb/index.jsp" |
| | | },1000) |
| | | } |
| | | |
| | | </script> |
| | | <script> |
| | |
| | | var dt = "username="+username1+"&context="+context+"&tagid="+username |
| | | $.get("/hxzkuwb/sendMsg",dt,function(data){ |
| | | sendTimes = false; |
| | | $("#sendtime").text(getCurrentFormattedDate()) |
| | | $("#SendMsg").fadeIn(500) |
| | | $("#BtnSend").css("background-image", "url('/hxzkuwb/view/Home/HomeImg/bs4s.png')"); |
| | | setTimeout(function (){ |
| | |
| | | |
| | | |
| | | $.get("/hxzkuwb/findmap",function (data){ |
| | | for (var i = 0 ; i < data.length;i++){ |
| | | var name = data[i].mapname.split('.') |
| | | $("#maps").append('<option value= '+data[i].floor+'>'+name[0]+'</option>') |
| | | for (var i = data.length-1 ; i >=0;i--){ |
| | | var max = data.length-1 |
| | | data[i].floor = parseInt(data[i].floor)+1 |
| | | if (data.length == 1){ |
| | | $("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;border-radius: 8px"> <div class="ChangeFloor" onclick="ChangeFloorColor('+data[i].floor+')" style="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;">F'+data[i].floor+'</div> </div>') |
| | | }else{ |
| | | if (i == max) { |
| | | $("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;border-top-right-radius: 8px;border-top-left-radius: 8px" > <div class="ChangeFloor" onclick="ChangeFloorColor('+data[i].floor+')" style ="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;" > F'+data[i].floor+' </div><br><div style="border-top: 1px solid #C0C4CC"></div></div>') |
| | | }else if (i == 0){ |
| | | $("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px"> <div class="ChangeFloor" onclick="ChangeFloorColor('+data[i].floor+')" style="cursor: pointer;text-align: center;border-radius: 2px;line-height: 30px;font-weight: bolder;">F'+data[i].floor+'</div> </div>') |
| | | }else{ |
| | | $("#FloorsMap").append('<div style="background-color: white;padding: 10px;width: 30px;"> <div onclick="ChangeFloorColor('+data[i].floor+')" class="ChangeFloor" style="cursor: pointer;text-align: center;line-height: 30px;font-weight: bolder;border-radius: 2px"> F'+data[i].floor+' </div><br><div style="border-top: 1px solid #C0C4CC"></div></div>') |
| | | } |
| | | } |
| | | |
| | | |
| | | } |
| | | }) |
| | | |
| | | function ChangeFloorColor (floor) { |
| | | var floor2 = 0; |
| | | if (floor == 1){ |
| | | floor2 = 15 |
| | | layer.msg("切换1层") |
| | | } |
| | | if (floor == 8){ |
| | | floor =15 |
| | | floor2 = 30 |
| | | layer.msg("切换8层") |
| | | } |
| | | if (floor == 0){ |
| | | layer.msg("显示整体") |
| | | } |
| | | showCengByStyle(floor,floor2) |
| | | // 移除所有 .ChangeFloor 的 active 类 |
| | | $(".ChangeFloor").removeClass("active"); |
| | | // 给当前点击的 .ChangeFloor 添加 active 类 |
| | | $(".ChangeFloor").filter(function () { |
| | | if (floor == "0"){ |
| | | return $(this).text().trim() === '整体' |
| | | }else{ |
| | | return $(this).text().trim() === 'F' + floor; |
| | | } |
| | | }).addClass("active"); |
| | | // 调用 AddImg 函数 |
| | | if (floor == "0"){ |
| | | graphicLayerMapImage.getGraphics().forEach(graphic => { |
| | | graphicLayerMapImage.removeGraphic(graphic); |
| | | } |
| | | ); |
| | | }else{ |
| | | AddImg(floor); |
| | | } |
| | | } |
| | | |
| | | var tileLayermap; |
| | | function AddImg(){ |
| | | var floor = $("#maps").val(); |
| | | var data ={ |
| | | |
| | | var dpfloor = { |
| | | floor:0 |
| | | } |
| | | $.post("/hxzkuwb/findfloorMap", dpfloor, function (data) { |
| | | graphicLayerMapImage.getGraphics().forEach(graphic => { |
| | | graphicLayerMapImage.removeGraphic(graphic); |
| | | } |
| | | ); |
| | | var graphic = new mars3d.graphic.PolygonEntity({ |
| | | positions: [ |
| | | data[0].baoliu8, |
| | | data[0].baoliu7, |
| | | data[0].baoliu6, |
| | | data[0].baoliu5 |
| | | ], |
| | | style: { |
| | | materialType: mars3d.MaterialType.Image, |
| | | materialOptions: { |
| | | image: "/hxzkuwb/view/MapImage/"+data[0].mapname, |
| | | } |
| | | }, |
| | | |
| | | }) |
| | | graphicLayerMapImage.addGraphic(graphic) // 还可以另外一种写法: graphic.addTo(graphicLayer) |
| | | }) |
| | | |
| | | function AddImg(floor) { |
| | | var data = { |
| | | floor |
| | | } |
| | | $.post("/hxzkuwb/findfloorMap",data,function (data){ |
| | | var leftTop = data[0].baoliu5.split(',') //纬度 |
| | | var rightTop = data[0].baoliu6.split(',') //纬度 |
| | | var rightBottom = data[0].baoliu7.split(',') //经度 |
| | | var leftBottom = data[0].baoliu8.split(',') //经度 |
| | | map.removeLayer(tileLayermap); |
| | | tileLayermap = new mars3d.layer.ImageLayer({ |
| | | name: data[0].mapname, |
| | | url: "/hxzkuwb/MapImage/"+data[0].mapname, |
| | | rectangle: { xmin: leftTop[0], xmax: rightTop[0], ymin: leftBottom[1], ymax: rightTop[1] }, |
| | | zIndex: 20, |
| | | $.post("/hxzkuwb/findfloorMap", data, function (data) { |
| | | graphicLayerMapImage.getGraphics().forEach(graphic => { |
| | | graphicLayerMapImage.removeGraphic(graphic); |
| | | } |
| | | ); |
| | | var graphic = new mars3d.graphic.PolygonEntity({ |
| | | positions: [ |
| | | data[0].baoliu8, |
| | | data[0].baoliu7, |
| | | data[0].baoliu6, |
| | | data[0].baoliu5 |
| | | ], |
| | | style: { |
| | | materialType: mars3d.MaterialType.Image, |
| | | materialOptions: { |
| | | image: "/hxzkuwb/view/MapImage/"+data[0].mapname, |
| | | } |
| | | }, |
| | | |
| | | }) |
| | | map.addLayer(tileLayermap) |
| | | graphicLayerMapImage.addGraphic(graphic) // 还可以另外一种写法: graphic.addTo(graphicLayer) |
| | | }) |
| | | } |
| | | </script> |
| | | <script> |
| | | var graphicLayerMapImage |
| | | function yckb() { |
| | | num++; |
| | | var data = "username=" + sessionStorage.getItem("username") |
| | | $.get("/hxzkuwb/findScreenRole", data, function (data) { |
| | | if (num % 2 == 0) { |
| | | $("#FloorsMap").hide() |
| | | map.control.compass.show = false |
| | | map.control.navigationHelpButton.show = false |
| | | map.control.fullscreenButton.show = false |
| | |
| | | $("#border2s").fadeIn(500) |
| | | $("#border3s").fadeIn(500) |
| | | } else { |
| | | $("#FloorsMap").show(); |
| | | map.control.compass.show = true |
| | | map.control.navigationHelpButton.show = true |
| | | map.control.fullscreenButton.show = true |
| | |
| | | |
| | | layer.msg('操作成功') |
| | | } |
| | | |
| | | var Models3d = 0; |
| | | var Models3dName = "2维视图"; |
| | | function qhmodel(){ |
| | | Models3d++; |
| | | var text = $("#qhmodel").text(); |
| | | if (text == "3维视图"){ |
| | | if (Models3d == 1){ |
| | | showQxShequDemo(map) |
| | | toastr.success("正在加载中", "三维模型");//成功 |
| | | } |
| | | $("#qhmodel").text("2维视图"); |
| | | map.scene.morphTo2D(0) |
| | | map.scene.morphTo3D(0) |
| | | map |
| | | Models3dName = "3维视图" |
| | | }else{ |
| | | $("#qhmodel").text("3维视图"); |
| | | map.scene.morphTo3D(0) |
| | | map.scene.morphTo2D(0) |
| | | Models3dName = "2维视图" |
| | | } |
| | | } |
| | | function chushiHome(){ |
| | | map.flyHome() |
| | | notify.success("最初位置") |
| | | } |
| | | document.querySelector('form').addEventListener('submit', function() { |
| | | // 清除表单数据 |
| | | this.reset(); |
| | | }); |
| | | function getCurrentFormattedDate() { |
| | | const now = new Date(); |
| | | const year = now.getFullYear(); |
| | | const month = String(now.getMonth() + 1).padStart(2, '0'); // 月份从0开始,需要加1 |
| | | const day = String(now.getDate()).padStart(2, '0'); |
| | | const hours = String(now.getHours()).padStart(2, '0'); |
| | | const minutes = String(now.getMinutes()).padStart(2, '0'); |
| | | const seconds = String(now.getSeconds()).padStart(2, '0'); |
| | | |
| | | return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds; |
| | | } |
| | | |
| | | </script> |
| | | <script> |
| | | var toastr; |
| | | toastr.options = { |
| | | closeButton: true,//显示关闭按钮 |
| | | debug: false, |
| | | progressBar: true,//显示进度条 |
| | | onclick: null,//点击消息框自定义事件 |
| | | showDuration: "300",//显示动作时间 |
| | | hideDuration: "1000",//隐藏动作时间 |
| | | timeOut: "0",//显示时间,0为永久显示 |
| | | showMethod: "fadeIn",//显示方式 |
| | | hideMethod: "fadeOut"//隐藏方式 |
| | | |
| | | }; |
| | | |
| | | </script> |
| | | </html> |