zhitong.yu
2025-02-14 c4cce49f5e6fd1f74b9962cd86dd201694c3765e
src/main/webapp/view/Home/Mars3dMap.jsp
@@ -17,6 +17,7 @@
    <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"/>
@@ -31,6 +32,13 @@
       </script>
    <style>
        .font-wights{
            font-weight: bolder;
        }
        ::placeholder{
            color: white;
            font-weight: bolder;
        }
        .active-video-border {
            border: 2px salmon solid;
        }
@@ -51,6 +59,20 @@
            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; !*设置文字颜色为白色*!*/
@@ -84,7 +106,7 @@
        }
        .layui-laypage{
            position: relative;
            left: 40%;
            left: 42%;
        }
        .layui-table th{
@@ -203,7 +225,7 @@
        }
    </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%"/>
@@ -211,14 +233,14 @@
    <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">&nbsp;搜索&nbsp;</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">&nbsp;搜索&nbsp;</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">
@@ -249,7 +271,7 @@
<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>
@@ -262,17 +284,17 @@
    <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">
@@ -285,7 +307,7 @@
    <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;">
@@ -298,7 +320,7 @@
                <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"/>&nbsp;所有人</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>
@@ -307,7 +329,7 @@
    <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">
@@ -339,13 +361,13 @@
    <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>
@@ -368,29 +390,29 @@
        </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>
@@ -400,43 +422,40 @@
        <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">
@@ -458,15 +477,15 @@
                </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>
@@ -524,22 +543,20 @@
                </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>
    <%--    地图切换--%>
@@ -547,17 +564,12 @@
        <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>--%>
@@ -569,14 +581,15 @@
    <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%);
@@ -595,7 +608,7 @@
                </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>
@@ -621,8 +634,6 @@
        </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
@@ -641,6 +652,9 @@
       <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"/>&nbsp;&nbsp;&nbsp;显示速度</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' ) { }}
@@ -657,7 +671,7 @@
    {{# } }}
</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' ) { }}
@@ -683,6 +697,34 @@
    {{# 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>
@@ -691,7 +733,6 @@
<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>
@@ -700,7 +741,6 @@
<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")
@@ -720,6 +760,19 @@
        })
    }
    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>
@@ -915,6 +968,7 @@
                        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 (){
@@ -973,39 +1027,125 @@
    $.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
@@ -1043,6 +1183,7 @@
                $("#border2s").fadeIn(500)
                $("#border3s").fadeIn(500)
            } else {
                $("#FloorsMap").show();
                map.control.compass.show = true
                map.control.navigationHelpButton.show = true
                map.control.fullscreenButton.show = true
@@ -1080,16 +1221,61 @@
        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>