Skip to content
Normal view Permalink
twofloor.jsp 10.6 KiB
Newer Older
beilang's avatar
2023-12-06
beilang committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../base.jsp" %>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>二号楼</title>
</head>
<style type="text/css">
    .content {
        background: url('${ctx}/static/images/bg.jpg') center center no-repeat;
        width: 100%;
        height: 100%;
        /*  background-position-x: center; */
        background-size: cover;
    }
</style>
<body>
<div class="content">
    <div class="content_top"></div>
    <div class=" padding_box2 clearfix">
        <div class="menu_box">
            <div class="menu_title_box"><a class="menu_name" href="${ctx}/nh">二号楼</a></div>
            <div class="tab_list">
                <ul>
                    <li class="current">
                        <div class="flex-box">
                            <p class="tabName">一楼</p>
beilang's avatar
add 南汇  
beilang committed
29 
                            <p class="monitor">监控点<span>13</span></p>
beilang's avatar
2023-12-06
beilang committed
30 31 32 33 34 
                        </div>
                    </li>
                    <li>
                        <div class="flex-box">
                            <p class="tabName">二楼</p>
beilang's avatar
add 南汇  
beilang committed
35 
                            <p class="monitor">监控点<span>45</span></p>
beilang's avatar
2023-12-06
beilang committed
36 37 
                        </div>
                    </li>
beilang's avatar
add 南汇  
beilang committed
38 
                    <li>
beilang's avatar
2023-12-06
beilang committed
39 40 
                        <div class="flex-box">
                            <p class="tabName">三楼</p>
beilang's avatar
add 南汇  
beilang committed
41 
                            <p class="monitor">监控点<span>46</span></p>
beilang's avatar
2023-12-06
beilang committed
42 
                        </div>
beilang's avatar
add 南汇  
beilang committed
43 
                    </li>
beilang's avatar
2023-12-06
beilang committed
44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 
                </ul>
            </div>
        </div>
        <div class="content_box">
            <div class="room_box">

            </div>
        </div>
    </div>
</div>

<script>

    let dataList = {
        'arr1': [
            // 左1
            {top: '64.68%', left: '10.59%', gbid: '31011500001320002260'},
            {top: '91.87%', left: '2.90%', gbid: '31011500001320002104'},
            // 中上
            {top: '1.49%', left: '29.21%', gbid: '31011500001320002100'},
            {top: '1.49%', left: '71.01%', gbid: '31011500001320002266'},
            // 中左
            {top: '21.72%', left: '26.87%', gbid: '31011500001320002257'},
            {top: '42.79%', left: '26.87%', gbid: '31011500001320002263'},
            {top: '66.17%', left: '26.87%', gbid: '31011500001320002102'},
            // 中右
            {top: '31.51%', left: '70.90%', gbid: '31011500001320002264'},
            {top: '66.17%', left: '70.90%', gbid: '31011500001320002101'},
            // 下
            {top: '90.71%', left: '23.97%', gbid: '31011500001320002259'},
            {top: '93.86%', left: '47.16%', gbid: '31011500001320002261'},
            {top: '90.71%', left: '66.44%', gbid: '31011500001320002383'},
            {top: '90.71%', left: '87.29%', gbid: '31011500001320002258'}
        ],
        'arr2': [
            // 浴室左1
            {top: '19.73%', left: '9.70%', gbid: '31011500001320002288'},
            {top: '34.83%', left: '9.70%', gbid: '31011500001320002271'},
            // 中上
            {top: '1.49%', left: '49.61%', gbid: '31011500001320002099'},
            // 中左1卫
            {top: '16.42%', left: '15.94%', gbid: '31011500001320002301'},
            {top: '29.19%', left: '15.94%', gbid: '31011500001320002299'},
            {top: '43.38%', left: '15.94%', gbid: '31011500001320002292'},
            {top: '57.88%', left: '15.94%', gbid: '31011500001320002321'},
            {top: '72.31%', left: '15.94%', gbid: '31011500001320002317'},
            // 中左1监舍
            {top: '18.08%', left: '22.30%', gbid: '31011500001320002302'},
            {top: '30.51%', left: '22.30%', gbid: '31011500001320002298'},
            {top: '45.11%', left: '22.30%', gbid: '31011500001320002291'},
            {top: '59.37%', left: '22.30%', gbid: '31011500001320002280'},
            {top: '73.96%', left: '22.30%', gbid: '31011500001320002318'},
            // 中左2卫
            {top: '16.42%', left: '29.80%', gbid: '31011500001320002297'},
            {top: '29.19%', left: '29.80%', gbid: '31011500001320002295'},
            {top: '43.38%', left: '29.80%', gbid: '31011500001320002286'},
            {top: '57.88%', left: '29.80%', gbid: '31011500001320002320'},
            {top: '72.31%', left: '29.80%', gbid: '31011500001320002315'},
            // 中左1监舍
            {top: '18.08%', left: '35.80%', gbid: '31011500001320002300'},
            {top: '30.51%', left: '35.80%', gbid: '31011500001320002293'},
            {top: '45.11%', left: '35.80%', gbid: '31011500001320002290'},
            {top: '59.37%', left: '35.80%', gbid: '31011500001320002265'},
            {top: '73.96%', left: '35.80%', gbid: '31011500001320002316'},
            // 左中下室值岗
            {top: '93.86%', left: '25.31%', gbid: '31011500001320002289'},
            // 中
            {top: '78.44%', left: '46.49%', gbid: '31011500001320002269'},
            {top: '87.56%', left: '47.71%', gbid: '31011500001320002268'},
            // { top: '94.03%', left: '47.05%' },
            // 右中1监舍
            {top: '18.08%', left: '63.43%', gbid: '31011500001320002304'},
            {top: '30.51%', left: '63.43%', gbid: '31011500001320002308'},
            {top: '45.27%', left: '63.43%', gbid: '31011500001320002313'},
            // 右中1学习
            {top: '60.20%', left: '64.77%', gbid: '31011500001320002282'},
            {top: '73.96%', left: '64.77%', gbid: '31011500001320002284'},
            // 右中1卫
            {top: '16.75%', left: '69.68%', gbid: '31011500001320002303'},
            {top: '29.19%', left: '69.68%', gbid: '31011500001320002303'},
            {top: '43.78%', left: '69.68%', gbid: '31011500001320002311'},
            // 右中2监舍
            {top: '18.08%', left: '77.03%', gbid: '31011500001320002306'},
            {top: '30.51%', left: '77.03%', gbid: '31011500001320002310'},
            {top: '45.27%', left: '77.03%', gbid: '31011500001320002314'},
            // 右中2学习
            {top: '60.20%', left: '78.48%', gbid: '31011500001320002285'},
            {top: '73.96%', left: '78.48%', gbid: '31011500001320002283'},
            // 右中2卫
            {top: '16.75%', left: '82.94%', gbid: '31011500001320002305'},
            {top: '29.19%', left: '82.94%', gbid: '31011500001320002309'},
            {top: '43.78%', left: '82.94%', gbid: '31011500001320002296'},
            // 右中下
            {top: '90.88%', left: '66.56%', gbid: '31011500001320002267'},
            // 右边
            {top: '2.49%', left: '89.41%', gbid: '31011500001320002281'},
            {top: '74.63%', left: '88.70%', gbid: '31011500001320002287'},
        ],
        'arr3': [
            // 浴室左1
beilang's avatar
add 南汇  
beilang committed
144 145 
            {top: '19.73%', left: '9.70%', gbid: '31011500001320002342'},
            {top: '34.83%', left: '9.70%', gbid: '31011500001320002324'},
beilang's avatar
2023-12-06
beilang committed
146 
            // 中上
beilang's avatar
add 南汇  
beilang committed
147 
            {top: '1.49%', left: '49.61%', gbid: '31011500001320002335'},
beilang's avatar
2023-12-06
beilang committed
148 
            // 中左1卫
beilang's avatar
add 南汇  
beilang committed
149 150 151 152 
            {top: '16.42%', left: '15.94%', gbid: '31011500001320002357'},
            {top: '29.19%', left: '15.94%', gbid: '31011500001320002353'},
            {top: '43.38%', left: '15.94%', gbid: '31011500001320002349'},
            {top: '72.31%', left: '15.94%', gbid: '31011500001320002376'},
beilang's avatar
2023-12-06
beilang committed
153 
            // 中左1监舍
beilang's avatar
add 南汇  
beilang committed
154 155 156 157 158 159 160 
            {top: '16.42%', left: '21.30%', gbid: '31011500001320002358'},
            {top: '23.52%', left: '21.30%', gbid: '31011500001320002359'},
            {top: '29.19%', left: '21.30%', gbid: '31011500001320002354'},
            {top: '43.38%', left: '21.30%', gbid: '31011500001320002350'},
            {top: '57.88%', left: '21.30%', gbid: '31011500001320002325'},
            {top: '66.18%', left: '21.30%', gbid: '31011500001320002334'},
            {top: '72.31%', left: '21.30%', gbid: '31011500001320002377'},
beilang's avatar
2023-12-06
beilang committed
161 
            // 中左2卫
beilang's avatar
add 南汇  
beilang committed
162 163 164 165 
            {top: '16.42%', left: '29.80%', gbid: '31011500001320002355'},
            {top: '29.19%', left: '29.80%', gbid: '31011500001320002351'},
            {top: '43.38%', left: '29.80%', gbid: '31011500001320002341'},
            {top: '57.88%', left: '29.80%', gbid: '31011500001320002378'},
beilang's avatar
2023-12-06
beilang committed
166 
            // 中左1监舍
beilang's avatar
add 南汇  
beilang committed
167 168 169 170 171 
            {top: '18.08%', left: '35.80%', gbid: '31011500001320002356'},
            {top: '30.51%', left: '35.80%', gbid: '31011500001320002352'},
            {top: '45.11%', left: '35.80%', gbid: '31011500001320002345'},
            {top: '59.37%', left: '35.80%', gbid: '31011500001320002379'},
            {top: '73.96%', left: '35.80%', gbid: '31011500001320002375'},
beilang's avatar
2023-12-06
beilang committed
172 
            // 左中下室值岗
beilang's avatar
add 南汇  
beilang committed
173 
            {top: '93.86%', left: '25.31%', gbid: '31011500001320002344'},
beilang's avatar
2023-12-06
beilang committed
174 
            // 中
beilang's avatar
add 南汇  
beilang committed
175 176 
            {top: '78.44%', left: '46.49%', gbid: '31011500001320002323'},
            {top: '87.56%', left: '47.71%', gbid: '31011500001320002322'},
beilang's avatar
2023-12-06
beilang committed
177 178 
            // { top: '94.03%', left: '47.05%' },
            // 右中1监舍
beilang's avatar
add 南汇  
beilang committed
179 180 
            {top: '18.08%', left: '63.43%', gbid: '31011500001320002361'},
            {top: '30.51%', left: '63.43%', gbid: '31011500001320002368'},
beilang's avatar
2023-12-06
beilang committed
181 
            // 右中1学习
beilang's avatar
add 南汇  
beilang committed
182 183 
            {top: '60.20%', left: '64.77%', gbid: '31011500001320002339'},
            {top: '73.96%', left: '64.77%', gbid: '31011500001320002337'},
beilang's avatar
2023-12-06
beilang committed
184 
            // 右中1卫
beilang's avatar
add 南汇  
beilang committed
185 186 
            {top: '16.75%', left: '69.68%', gbid: '31011500001320002360'},
            {top: '29.19%', left: '69.68%', gbid: '31011500001320002367'},
beilang's avatar
2023-12-06
beilang committed
187 
            // 右中2监舍
beilang's avatar
add 南汇  
beilang committed
188 189 
            {top: '18.08%', left: '77.03%', gbid: '31011500001320002366'},
            {top: '30.51%', left: '77.03%', gbid: '31011500001320002370'},
beilang's avatar
2023-12-06
beilang committed
190 
            // 禁闭
beilang's avatar
add 南汇  
beilang committed
191 192 193 194 195 
            {top: '43.62%', left: '60.42%', gbid: '31011500001320002371'},
            {top: '47.60%', left: '64.55%', gbid: '31011500001320002363'},
            {top: '47.60%', left: '71.13%', gbid: '31011500001320002373'},
            {top: '47.76%', left: '77.48%', gbid: '31011500001320002374'},
            {top: '43.78%', left: '83.17%', gbid: '31011500001320002364'},
beilang's avatar
2023-12-06
beilang committed
196 
            // 右中2学习
beilang's avatar
add 南汇  
beilang committed
197 198 
            {top: '60.20%', left: '78.48%', gbid: '31011500001320002340'},
            {top: '73.96%', left: '78.48%', gbid: '31011500001320002338'},
beilang's avatar
2023-12-06
beilang committed
199 
            // 右中2卫
beilang's avatar
add 南汇  
beilang committed
200 201 
            {top: '16.75%', left: '82.94%', gbid: '31011500001320002362'},
            {top: '29.19%', left: '82.94%', gbid: '31011500001320002369'},
beilang's avatar
2023-12-06
beilang committed
202 
            // 右边
beilang's avatar
add 南汇  
beilang committed
203 204 205 
            {top: '2.49%', left: '89.41%', gbid: '31011500001320002336'},
            {top: '19.90%', left: '88.63%', gbid: '31011500001320002365'},
            {top: '74.63%', left: '88.70%', gbid: '31011500001320002343'},
beilang's avatar
2023-12-06
beilang committed
206 207 208 209 210 
        ]
    }

    $(function () {
beilang's avatar
2024-04-08  
beilang committed
211 
        new DeviceRender(dataList, '/static/images/floor2_', true).init();
beilang's avatar
2023-12-06
beilang committed
212
beilang's avatar
2024-04-08  
beilang committed
213 
    });
beilang's avatar
2023-12-06
beilang committed
214 215 216 
</script>
</body>
</html>