From a472043949697237d642d8a5a3c5c302a2aa8507 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期二, 01 三月 2022 10:03:38 +0800
Subject: [PATCH] #
---
src/main/webapp/views/home/console.html | 789 +++++++++++++++++++++++++++----------------------------
1 files changed, 387 insertions(+), 402 deletions(-)
diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html
index 8d76056..c6ab014 100644
--- a/src/main/webapp/views/home/console.html
+++ b/src/main/webapp/views/home/console.html
@@ -149,218 +149,203 @@
</head>
<body>
<!-- 姝ｆ枃寮�濮� -->
-<div class="layui-fluid ew-console-wrapper">
- <!-- 鍗＄墖 -->
- <div class="layui-row layui-col-space15">
- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header">
- 鎶ユ枃閲�<span class="layui-badge layui-badge-green pull-right">鏃�</span>
- </div>
- <div class="layui-card-body">
- <p class="lay-big-font" id="logQtyDay">0</p>
- <p>鎬绘姤鏂囬噺<span class="pull-right"><span id="logQty">0</span></span></p>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header">
- 缁堢鏁伴噺<span class="layui-badge layui-badge-blue pull-right">鎬�</span>
- </div>
- <div class="layui-card-body">
- <p class="lay-big-font"><span style="line-height: 1;" id="sensorQty">0</span></p>
- <p>鍦ㄧ嚎璁惧<span class="pull-right"><span id="sensorOnlineQty"></span> </span></p>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header">
- 鎸囦护涓嬪彂閲�<span class="layui-badge layui-badge-red pull-right">鏈�</span>
- </div>
- <div class="layui-card-body">
- <p class="lay-big-font"><span id="commandQtyMonth">0</span></p>
- <p>鎬讳笅鍙戦噺<span class="pull-right"><span id="commandQty">0</span></span></p>
- </div>
- </div>
- </div>
- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">
- <div class="layui-card">
- <div class="layui-card-header">
- 绯荤粺鐢ㄦ埛
- <span class="icon-text pull-right" lay-tips="绯荤粺杩愯涓�......" lay-direction="4" lay-offset="5px,5px">
- <i class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>
- </span>
- </div>
- <div class="layui-card-body">
- <p class="lay-big-font"><span id="usersQty">0</span> <span style="font-size: 24px;line-height: 1;">浣�</span></p>
- <p>鎿嶄綔娆℃暟<span class="pull-right"><span id="optQty">0</span> 娆�</span></p>
- </div>
- </div>
- </div>
- </div>
- <!-- 蹇嵎鏂瑰紡 -->
- <div class="layui-row layui-col-space15">
- <div class="layui-col-sm6" style="padding-bottom: 0;">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-xs6 layui-col-sm3">
- <a class="console-app-group" ew-href="sensor/sensor.html?resourceId=30529" lay-text="鏂戦┈绾跨粓绔�">
- <i class="console-app-icon layui-icon layui-icon-align-center" style="color: #ff9c6e;"></i>
- <div class="console-app-name">鏂戦┈绾�</div>
- </a>
- </div>
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="sensor2/sensor2.html?resourceId=30553" lay-text="浜曠洊缁堢">
- <i class="console-app-icon layui-icon layui-icon-circle" style="color: #95de64;"></i>
- <div class="console-app-name">浜曠洊</div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="sensor3/sensor3.html?resourceId=30556" lay-text="鎶ゆ爮缁堢">
- <i class="console-app-icon layui-icon layui-icon-table" style="color: #5cdbd3;font-size: 30px;"></i>
- <div class="console-app-name">鎶ゆ爮</div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="sensor4/sensor4.html?resourceId=30559" lay-text="娑堥槻缁堢">
- <i class="console-app-icon layui-icon layui-icon-fire" style="color: #b37feb;font-size: 30px;"></i>
- <div class="console-app-name">娑堥槻</div>
- </div>
- </div>
- </div>
- </div>
- <div class="layui-col-sm6" style="padding-bottom: 0;">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="sensor5/sensor5.html?resourceId=30562" lay-text="姘斾綋妫�娴嬬粓绔�">
- <i class="console-app-icon layui-icon layui-icon-transfer" style="color: #ffd666;font-size: 34px;"></i>
- <div class="console-app-name">姘斾綋</div>
- </div>
- </div>
-<!-- <div class="layui-col-xs6 layui-col-sm3">-->
-<!-- <div class="console-app-group" lay-href="allo/allo.html?resourceId=20402" lay-text="璐т綅淇℃伅">-->
-<!-- <i class="console-app-icon layui-icon layui-icon-templeate-1" style="color: #5cdbd3;font-size: 36px;"></i>-->
-<!-- <div class="console-app-name">璐т綅</div>-->
-<!-- </div>-->
-<!-- </div>-->
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="alarmVal/alarmVal.html?resourceId=30644" lay-text="鎶ヨ闃堝��">
- <i class="console-app-icon layui-icon layui-icon-notice"
- style="color: #ff85c0;font-size: 28px;"></i>
- <div class="console-app-name">鎶ヨ</div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="user/user.html?resourceId=4" lay-text="绯荤粺鐢ㄦ埛">
- <i class="console-app-icon layui-icon layui-icon-group" style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>
- <div class="console-app-name">鐢ㄦ埛</div>
- </div>
- </div>
- <div class="layui-col-xs6 layui-col-sm3">
- <div class="console-app-group" ew-href="detail.html?resourceId=8" lay-text="鍩烘湰璧勬枡">
- <i class="console-app-icon layui-icon layui-icon-slider" style="color: #ffc069;"></i>
- <div class="console-app-name">璁剧疆</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <!-- 涓讳綋 -->
- <div class="layui-row layui-col-space15">
- <!-- 鍥捐〃 -->
-<!-- <div class="layui-col-md8 layui-col-sm6">-->
+<!--<div class="layui-fluid ew-console-wrapper">-->
+<!-- <!– 鍗＄墖 –>-->
+<!-- <div class="layui-row layui-col-space15">-->
+<!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
<!-- <div class="layui-card">-->
+<!-- <div class="layui-card-header">-->
+<!-- 鎶ユ枃閲�<span class="layui-badge layui-badge-green pull-right">鏃�</span>-->
+<!-- </div>-->
<!-- <div class="layui-card-body">-->
-<!-- <div id="charts" style="width: 100%;height: 600px;"></div>-->
+<!-- <p class="lay-big-font" id="logQtyDay">0</p>-->
+<!-- <p>鎬绘姤鏂囬噺<span class="pull-right"><span id="logQty">0</span></span></p>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
- <!-- 鍦板浘 -->
- <div class="layui-col-md8 layui-col-sm6">
- <div class="layui-card">
-<!-- <div class="layui-card-header">璁惧鍦板浘</div>-->
- <div class="layui-card-body" style="position: relative">
- <!-- 瀵艰埅 -->
- <div class="dropdown-menu dropdown-hover" style="position: absolute;top: 22px;left: 30px;z-index: 999">
- <button id="map-selector-btn" class="layui-btn icon-btn layui-btn-primary">
- 鍦板浘鐩戞帶 <i class="layui-icon layui-icon-drop"></i></button>
- <ul class="dropdown-menu-nav">
- <div class="dropdown-anchor"></div>
- <li ew-href="sensor/loca.html?resourceId=30601"><a><i class="layui-icon layui-icon-align-center"></i>鏂戦┈绾垮湴鍥�</a></li>
- <li ew-href="sensor/loca.html?resourceId=30603"><a><i class="layui-icon layui-icon-circle"></i>浜曠洊鍦板浘</a></li>
- <li ew-href="sensor/loca.html?resourceId=30605"><a><i class="layui-icon layui-icon-table"></i>鎶ゆ爮鍦板浘</a></li>
- <li ew-href="sensor/loca.html?resourceId=30607"><a><i class="layui-icon layui-icon-fire"></i>娑堥槻鍦板浘</a></li>
- <li ew-href="sensor/loca.html?resourceId=30609"><a><i class="layui-icon layui-icon-transfer"></i>姘斾綋鍦板浘</a></li>
- </ul>
- </div>
- <!-- 閲嶇疆鍦板浘 -->
- <button id="map-reset" class="layui-btn layui-btn-primary" style="position: absolute;top: 22px;right: 30px;z-index: 999;">
- <i class="layui-icon layui-icon-refresh-1" style="font-weight: bolder"></i>
- </button>
- <!-- 鍦板浘 -->
- <div id="map" style="width: 100%;height: 600px;"></div>
- </div>
- </div>
- </div>
- <!-- 浠嬬粛 -->
- <div class="layui-col-md4 layui-col-sm6">
- <div class="layui-card">
- <div class="layui-card-header">鐗堟湰淇℃伅</div>
- <div class="layui-card-body">
- <table class="layui-table layui-text">
- <colgroup>
- <col width="90">
- <col>
- </colgroup>
- <tbody>
- <tr>
- <td>绯荤粺绠�绉�</td>
- <td>鍦版床鏅烘収鑳芥簮</td>
- </tr>
- <tr>
- <td>鐗堟湰鍙�</td>
- <td>Version 1.1.0</td>
- </tr>
- <tr>
- <td>浼樼偣鐗硅壊</td>
- <td>鏄撲笂鎵� / 鎿嶄綔鏁堢巼楂� / 鏁版嵁鍙婃椂 / 绠�绾�</td>
- </tr>
+<!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
+<!-- <div class="layui-card">-->
+<!-- <div class="layui-card-header">-->
+<!-- 缁堢鏁伴噺<span class="layui-badge layui-badge-blue pull-right">鎬�</span>-->
+<!-- </div>-->
+<!-- <div class="layui-card-body">-->
+<!-- <p class="lay-big-font"><span style="line-height: 1;" id="sensorQty">0</span></p>-->
+<!-- <p>鍦ㄧ嚎璁惧<span class="pull-right"><span id="sensorOnlineQty"></span> </span></p>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
+<!-- <div class="layui-card">-->
+<!-- <div class="layui-card-header">-->
+<!-- 鎸囦护涓嬪彂閲�<span class="layui-badge layui-badge-red pull-right">鏈�</span>-->
+<!-- </div>-->
+<!-- <div class="layui-card-body">-->
+<!-- <p class="lay-big-font"><span id="commandQtyMonth">0</span></p>-->
+<!-- <p>鎬讳笅鍙戦噺<span class="pull-right"><span id="commandQty">0</span></span></p>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs12 layui-col-sm6 layui-col-md3">-->
+<!-- <div class="layui-card">-->
+<!-- <div class="layui-card-header">-->
+<!-- 绯荤粺鐢ㄦ埛-->
+<!-- <span class="icon-text pull-right" lay-tips="绯荤粺杩愯涓�......" lay-direction="4" lay-offset="5px,5px">-->
+<!-- <i class="layui-icon layui-icon-loading-1 layui-anim layui-anim-rotate layui-anim-loop"></i>-->
+<!-- </span>-->
+<!-- </div>-->
+<!-- <div class="layui-card-body">-->
+<!-- <p class="lay-big-font"><span id="usersQty">0</span> <span style="font-size: 24px;line-height: 1;">浣�</span></p>-->
+<!-- <p>鎿嶄綔娆℃暟<span class="pull-right"><span id="optQty">0</span> 娆�</span></p>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <!– 蹇嵎鏂瑰紡 –>-->
+<!-- <div class="layui-row layui-col-space15">-->
+<!-- <div class="layui-col-sm6" style="padding-bottom: 0;">-->
+<!-- <div class="layui-row layui-col-space15">-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <a class="console-app-group" ew-href="sensor/sensor.html?resourceId=30529" lay-text="鏂戦┈绾跨粓绔�">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-align-center" style="color: #ff9c6e;"></i>-->
+<!-- <div class="console-app-name">鏂戦┈绾�</div>-->
+<!-- </a>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="sensor2/sensor2.html?resourceId=30553" lay-text="浜曠洊缁堢">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-circle" style="color: #95de64;"></i>-->
+<!-- <div class="console-app-name">浜曠洊</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="sensor3/sensor3.html?resourceId=30556" lay-text="鎶ゆ爮缁堢">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-table" style="color: #5cdbd3;font-size: 30px;"></i>-->
+<!-- <div class="console-app-name">鎶ゆ爮</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="sensor4/sensor4.html?resourceId=30559" lay-text="娑堥槻缁堢">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-fire" style="color: #b37feb;font-size: 30px;"></i>-->
+<!-- <div class="console-app-name">娑堥槻</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-sm6" style="padding-bottom: 0;">-->
+<!-- <div class="layui-row layui-col-space15">-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="sensor5/sensor5.html?resourceId=30562" lay-text="姘斾綋妫�娴嬬粓绔�">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-transfer" style="color: #ffd666;font-size: 34px;"></i>-->
+<!-- <div class="console-app-name">姘斾綋</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="alarmVal/alarmVal.html?resourceId=30644" lay-text="鎶ヨ闃堝��">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-notice"-->
+<!-- style="color: #ff85c0;font-size: 28px;"></i>-->
+<!-- <div class="console-app-name">鎶ヨ</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="user/user.html?resourceId=4" lay-text="绯荤粺鐢ㄦ埛">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-group" style="font-size: 26px;padding-top: 3px;margin-right: 6px;"></i>-->
+<!-- <div class="console-app-name">鐢ㄦ埛</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-col-xs6 layui-col-sm3">-->
+<!-- <div class="console-app-group" ew-href="detail.html?resourceId=8" lay-text="鍩烘湰璧勬枡">-->
+<!-- <i class="console-app-icon layui-icon layui-icon-slider" style="color: #ffc069;"></i>-->
+<!-- <div class="console-app-name">璁剧疆</div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <!– 涓讳綋 –>-->
+<!-- <div class="layui-row layui-col-space15">-->
+<!-- <!– 鍦板浘 –>-->
+<!-- <div class="layui-col-md8 layui-col-sm6">-->
+<!-- <div class="layui-card">-->
+<!--<!– <div class="layui-card-body" style="position: relative">–>-->
+<!--<!– <!– 瀵艰埅 –>–>-->
+<!--<!– <div class="dropdown-menu dropdown-hover" style="position: absolute;top: 22px;left: 30px;z-index: 999">–>-->
+<!--<!– <button id="map-selector-btn" class="layui-btn icon-btn layui-btn-primary">–>-->
+<!--<!– 鍦板浘鐩戞帶 <i class="layui-icon layui-icon-drop"></i></button>–>-->
+<!--<!– <ul class="dropdown-menu-nav">–>-->
+<!--<!– <div class="dropdown-anchor"></div>–>-->
+<!--<!– <li ew-href="sensor/loca.html?resourceId=30601"><a><i class="layui-icon layui-icon-align-center"></i>鏂戦┈绾垮湴鍥�</a></li>–>-->
+<!--<!– <li ew-href="sensor/loca.html?resourceId=30603"><a><i class="layui-icon layui-icon-circle"></i>浜曠洊鍦板浘</a></li>–>-->
+<!--<!– <li ew-href="sensor/loca.html?resourceId=30605"><a><i class="layui-icon layui-icon-table"></i>鎶ゆ爮鍦板浘</a></li>–>-->
+<!--<!– <li ew-href="sensor/loca.html?resourceId=30607"><a><i class="layui-icon layui-icon-fire"></i>娑堥槻鍦板浘</a></li>–>-->
+<!--<!– <li ew-href="sensor/loca.html?resourceId=30609"><a><i class="layui-icon layui-icon-transfer"></i>姘斾綋鍦板浘</a></li>–>-->
+<!--<!– </ul>–>-->
+<!--<!– </div>–>-->
+<!--<!– <!– 閲嶇疆鍦板浘 –>–>-->
+<!--<!– <button id="map-reset" class="layui-btn layui-btn-primary" style="position: absolute;top: 22px;right: 30px;z-index: 999;">–>-->
+<!--<!– <i class="layui-icon layui-icon-refresh-1" style="font-weight: bolder"></i>–>-->
+<!--<!– </button>–>-->
+<!--<!– <!– 鍦板浘 –>–>-->
+<!--<!– <div id="map" style="width: 100%;height: 600px;"></div>–>-->
+<!--<!– </div>–>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <!– 浠嬬粛 –>-->
+<!-- <div class="layui-col-md4 layui-col-sm6">-->
+<!-- <div class="layui-card">-->
+<!-- <div class="layui-card-header">鐗堟湰淇℃伅</div>-->
+<!-- <div class="layui-card-body">-->
+<!-- <table class="layui-table layui-text">-->
+<!-- <colgroup>-->
+<!-- <col width="90">-->
+<!-- <col>-->
+<!-- </colgroup>-->
+<!-- <tbody>-->
<!-- <tr>-->
-<!-- <td>鍒朵綔鏂�</td>-->
-<!-- <td><a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a></td>-->
+<!-- <td>绯荤粺绠�绉�</td>-->
+<!-- <td>涓壃绔嬪簱杩愮淮</td>-->
<!-- </tr>-->
- </tbody>
- </table>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-header">鍙嬫儏閾炬帴</div>
- <div class="layui-card-body">
- <div class="layui-carousel admin-carousel admin-news" id="workplaceNewsCarousel">
- <div carousel-item>
- <div>
- <a id="toDataV" target="_blank"
- style="cursor: pointer; color:#fff;background-color: #009fde;background-image: linear-gradient(to right,#009fde,#00beff);">
- 楂樺痉鍦板浘 - 鍧愭爣鎷惧彇绯荤粺</a>
- </div>
- </div>
+<!-- <tr>-->
+<!-- <td>鐗堟湰鍙�</td>-->
+<!-- <td>Version 1.0.0</td>-->
+<!-- </tr>-->
+<!-- <tr>-->
+<!-- <td>浼樼偣鐗硅壊</td>-->
+<!-- <td>鏄撲笂鎵� / 鎿嶄綔鏁堢巼楂� / 鏁版嵁鍙婃椂 / 绠�绾�</td>-->
+<!-- </tr>-->
+<!--<!– <tr>–>-->
+<!--<!– <td>鍒朵綔鏂�</td>–>-->
+<!--<!– <td><a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a></td>–>-->
+<!--<!– </tr>–>-->
+<!-- </tbody>-->
+<!-- </table>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-card">-->
+<!-- <div class="layui-card-header">鍙嬫儏閾炬帴</div>-->
+<!-- <div class="layui-card-body">-->
+<!-- <div class="layui-carousel admin-carousel admin-news" id="workplaceNewsCarousel">-->
+<!-- <div carousel-item>-->
+<!-- <div>-->
+<!-- <a id="toDataV" target="_blank"-->
+<!-- style="cursor: pointer; color:#fff;background-color: #009fde;background-image: linear-gradient(to right,#009fde,#00beff);">-->
+<!-- 楂樺痉鍦板浘 - 鍧愭爣鎷惧彇绯荤粺</a>-->
+<!-- </div>-->
+<!-- </div>-->
- </div>
- </div>
- </div>
- <div class="layui-card">
- <div class="layui-card-header">
- 璁惧鎶ヨ
- <button ew-href="alarm/alarm.html?resourceId=30612" lay-text="鎶ヨ璁板綍" class="layui-btn layui-btn-primary layui-btn-xs" style="float: right; margin: 11px 5px 0 0">
- 鎶ヨ璁板綍</button>
- </div>
- <div class="layui-card-body" id="warnList">
- </div>
- </div>
- </div>
- </div>
-</div>
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- <div class="layui-card">-->
+<!--<!– <div class="layui-card-header">–>-->
+<!--<!– 璁惧鎶ヨ–>-->
+<!--<!– <button ew-href="alarm/alarm.html?resourceId=30612" lay-text="鎶ヨ璁板綍" class="layui-btn layui-btn-primary layui-btn-xs" style="float: right; margin: 11px 5px 0 0">–>-->
+<!--<!– 鎶ヨ璁板綍</button>–>-->
+<!--<!– </div>–>-->
+<!--<!– <div class="layui-card-body" id="warnList">–>-->
+<!--<!– </div>–>-->
+<!-- </div>-->
+<!-- </div>-->
+<!-- </div>-->
+<!--</div>-->
<!-- js閮ㄥ垎 -->
<script src="https://webapi.amap.com/maps?v=2.0&key=24c671d7d8365d7eaff888498538452f&plugin=AMap.Scale,AMap.ToolBar"></script>
<script src="https://webapi.amap.com/loca?v=2.0.0&key=24c671d7d8365d7eaff888498538452f"></script>
@@ -424,204 +409,204 @@
// option && myChart.setOption(option);
// 鍦板浘 -----------------------------------------------------------------
- var map = new AMap.Map('map', {
- zoom: 4.85,
- pitch: 40,
- viewMode: '3D',
- center: [105.202202,32.699006],
- // mapStyle: 'amap://styles/8108947b4fec714c52ef08aa183a2237',
- // mapStyle: 'amap://styles/4fd4357cc9f7c46f0c227c9763f67a2d',
- mapStyle: 'amap://styles/7f20373ddc5b2456e7095fce1dab4aba',
- // mapStyle: 'amap://styles/dd57f58da78602dc3871efc29b2ba43d',
- });
-
- var loca = new Loca.Container({
- map,
- });
-
- var geo;
- var iconLayer = new Loca.IconLayer({
- zIndex: 10,
- opacity: 1,
- });
- function getMapData() {
- $.ajax({
- url: baseUrl + "/sensor/map/auth",
- headers: {'token': localStorage.getItem('token')},
- method: 'GET',
- success: function (res) {
- if (res.code === 200) {
- geo = new Loca.GeoJSONSource({
- data: res.data,
- });
- iconLayer.setSource(geo);
- iconLayer.setStyle({
- unit: 'px',
- icon: (index, feature) => {
- let data = feature.properties.rawData;
- return trafficIcons[data.type % Object.keys(trafficIcons).length];
- },
- iconSize: [20,20],
- rotation: 0,
- })
- loca.add(iconLayer);
- } else if (res.code === 403) {
- top.location.href = baseUrl + "/";
- } else {
- layer.msg(res.msg, {icon: 2})
- }
- }
- })
- }
- getMapData();
-
-
- // 鎷惧彇
- map.on('click', (e) => {
- const feat = iconLayer.queryFeature(e.pixel.toArray());
- if (feat) {
- map.setZoomAndCenter(19, new AMap.LngLat(feat.properties.rawData.lng, feat.properties.rawData.lat));
- iconLayer.setStyle({
- unit: 'px',
- icon: (index, feature) => {
- let data = feature.properties.rawData;
- return trafficIcons[data.type % Object.keys(trafficIcons).length];
- },
- iconSize: (i, feature) => {
- if (feature === feat) {
- return [40, 40];
- }
- return [20, 20];
- },
- });
- top.sensorByMap = feat.properties.rawData.sensorId;
- layer.open({
- type: 2
- ,id: 'LAY_adminPopupR'
- ,area: '700px'
- // ,url: 'sensor_detl.html'
- ,anim: -1
- ,title: false
- ,closeBtn: false
- ,offset: 'r'
- ,shade: 0.1
- ,shadeClose: true
- ,window: 'top'
- ,skin: 'layui-anim layui-anim-rl layui-layer-adminRight0'
- ,content: '../sensor_detl.html'
- });
- }
- });
-
- // --------------------------------------
-
- // https://www.highcharts.com.cn/demo/highcharts/3d-area-multiple
- // https://echarts.apache.org/examples/zh/editor.html?c=scatter3D-dataset&gl=1&version=5.2.1
- layui.config({
- base: baseUrl + "/static/layui/lay/modules/"
- }).extend({
- dropdown: 'dropdown/dropdown'
- }).use(['layer', 'carousel', 'element', 'admin', 'dropdown'], function () {
- var element = layui.element;
- var $ = layui.jquery;
- var layer = layui.layer;
- var carousel = layui.carousel;
- var device = layui.device();
- var admin = layui.admin;
-
- // 鏁版嵁涓績
- $('#toDataV').click(function () {
- window.open("https://lbs.amap.com/tools/picker");
- })
-
- getHeaderData();
- getBodyData();
-
- setInterval(function () {
- getHeaderData();
- getBodyData();
- }, 3000)
-
- // 娓叉煋杞挱
- carousel.render({
- elem: '#workplaceNewsCarousel',
- width: '100%',
- height: '70px',
- arrow: 'none',
- autoplay: true,
- trigger: device.ios || device.android ? 'click' : 'hover',
- anim: 'fade'
- });
-
- // 澶撮儴
- function getHeaderData() {
- $.ajax({
- url: baseUrl + "/console/header/auth",
- headers: {'token': localStorage.getItem('token')},
- method: 'GET',
- success: function (res) {
- if (res.code === 200) {
- var result = res.data;
- $('#logQtyDay').text(result.logQtyDay);
- $('#logQty').text(result.logQty);
-
- $('#sensorQty').text(result.sensorQty);
- $('#sensorOnlineQty').text(result.sensorOnlineQty);
-
- $('#commandQty').text(result.commandQty);
- $('#commandQtyMonth').text(result.commandQtyMonth);
-
- $('#usersQty').text(result.usersQty);
- $('#deptQty').text(result.deptQty);
- $('#optQty').text(result.optQty);
- } else if (res.code === 403) {
- top.location.href = baseUrl + "/";
- } else {
- layer.msg(res.msg, {icon: 2})
- }
- }
- })
- }
-
- // 涓讳綋
- function getBodyData() {
- $.ajax({
- url: baseUrl + "/console/body/auth",
- headers: {'token': localStorage.getItem('token')},
- method: 'GET',
- success: function (res) {
- if (res.code === 200) {
- // 瀹夊叏搴撳瓨
- var tpl = $('#safeQuaTpl').html();
- var template = Handlebars.compile(tpl);
- var html = template(res.data);
- $('#warnList').html(html);
- } else if (res.code === 403) {
- top.location.href = baseUrl + "/";
- } else {
- layer.msg(res.msg, {icon: 2})
- }
- }
- })
- }
-
- });
-
- // 鍦板浘閲嶇疆
- document.getElementById("map-reset").addEventListener("click", function () {
- map.setZoomAndCenter(4.85, new AMap.LngLat(105.202202, 32.699006));
- map.setRotation(0);
- map.setPitch(40);
- iconLayer.setStyle({
- unit: 'px',
- icon: (index, feature) => {
- let data = feature.properties.rawData;
- return trafficIcons[data.type % Object.keys(trafficIcons).length];
- },
- iconSize: [20,20],
- rotation: 0,
- })
- })
+ // var map = new AMap.Map('map', {
+ // zoom: 4.85,
+ // pitch: 40,
+ // viewMode: '3D',
+ // center: [105.202202,32.699006],
+ // // mapStyle: 'amap://styles/8108947b4fec714c52ef08aa183a2237',
+ // // mapStyle: 'amap://styles/4fd4357cc9f7c46f0c227c9763f67a2d',
+ // mapStyle: 'amap://styles/7f20373ddc5b2456e7095fce1dab4aba',
+ // // mapStyle: 'amap://styles/dd57f58da78602dc3871efc29b2ba43d',
+ // });
+ //
+ // var loca = new Loca.Container({
+ // map,
+ // });
+ //
+ // var geo;
+ // var iconLayer = new Loca.IconLayer({
+ // zIndex: 10,
+ // opacity: 1,
+ // });
+ // function getMapData() {
+ // $.ajax({
+ // url: baseUrl + "/sensor/map/auth",
+ // headers: {'token': localStorage.getItem('token')},
+ // method: 'GET',
+ // success: function (res) {
+ // if (res.code === 200) {
+ // geo = new Loca.GeoJSONSource({
+ // data: res.data,
+ // });
+ // iconLayer.setSource(geo);
+ // iconLayer.setStyle({
+ // unit: 'px',
+ // icon: (index, feature) => {
+ // let data = feature.properties.rawData;
+ // return trafficIcons[data.type % Object.keys(trafficIcons).length];
+ // },
+ // iconSize: [20,20],
+ // rotation: 0,
+ // })
+ // loca.add(iconLayer);
+ // } else if (res.code === 403) {
+ // top.location.href = baseUrl + "/";
+ // } else {
+ // layer.msg(res.msg, {icon: 2})
+ // }
+ // }
+ // })
+ // }
+ // getMapData();
+ //
+ //
+ // // 鎷惧彇
+ // map.on('click', (e) => {
+ // const feat = iconLayer.queryFeature(e.pixel.toArray());
+ // if (feat) {
+ // map.setZoomAndCenter(19, new AMap.LngLat(feat.properties.rawData.lng, feat.properties.rawData.lat));
+ // iconLayer.setStyle({
+ // unit: 'px',
+ // icon: (index, feature) => {
+ // let data = feature.properties.rawData;
+ // return trafficIcons[data.type % Object.keys(trafficIcons).length];
+ // },
+ // iconSize: (i, feature) => {
+ // if (feature === feat) {
+ // return [40, 40];
+ // }
+ // return [20, 20];
+ // },
+ // });
+ // top.sensorByMap = feat.properties.rawData.sensorId;
+ // layer.open({
+ // type: 2
+ // ,id: 'LAY_adminPopupR'
+ // ,area: '700px'
+ // // ,url: 'sensor_detl.html'
+ // ,anim: -1
+ // ,title: false
+ // ,closeBtn: false
+ // ,offset: 'r'
+ // ,shade: 0.1
+ // ,shadeClose: true
+ // ,window: 'top'
+ // ,skin: 'layui-anim layui-anim-rl layui-layer-adminRight0'
+ // ,content: '../sensor_detl.html'
+ // });
+ // }
+ // });
+ //
+ // // --------------------------------------
+ //
+ // // https://www.highcharts.com.cn/demo/highcharts/3d-area-multiple
+ // // https://echarts.apache.org/examples/zh/editor.html?c=scatter3D-dataset&gl=1&version=5.2.1
+ // layui.config({
+ // base: baseUrl + "/static/layui/lay/modules/"
+ // }).extend({
+ // dropdown: 'dropdown/dropdown'
+ // }).use(['layer', 'carousel', 'element', 'admin', 'dropdown'], function () {
+ // var element = layui.element;
+ // var $ = layui.jquery;
+ // var layer = layui.layer;
+ // var carousel = layui.carousel;
+ // var device = layui.device();
+ // var admin = layui.admin;
+ //
+ // // 鏁版嵁涓績
+ // $('#toDataV').click(function () {
+ // window.open("https://lbs.amap.com/tools/picker");
+ // })
+ //
+ // getHeaderData();
+ // getBodyData();
+ //
+ // setInterval(function () {
+ // getHeaderData();
+ // getBodyData();
+ // }, 3000)
+ //
+ // // 娓叉煋杞挱
+ // carousel.render({
+ // elem: '#workplaceNewsCarousel',
+ // width: '100%',
+ // height: '70px',
+ // arrow: 'none',
+ // autoplay: true,
+ // trigger: device.ios || device.android ? 'click' : 'hover',
+ // anim: 'fade'
+ // });
+ //
+ // // 澶撮儴
+ // function getHeaderData() {
+ // $.ajax({
+ // url: baseUrl + "/console/header/auth",
+ // headers: {'token': localStorage.getItem('token')},
+ // method: 'GET',
+ // success: function (res) {
+ // if (res.code === 200) {
+ // var result = res.data;
+ // $('#logQtyDay').text(result.logQtyDay);
+ // $('#logQty').text(result.logQty);
+ //
+ // $('#sensorQty').text(result.sensorQty);
+ // $('#sensorOnlineQty').text(result.sensorOnlineQty);
+ //
+ // $('#commandQty').text(result.commandQty);
+ // $('#commandQtyMonth').text(result.commandQtyMonth);
+ //
+ // $('#usersQty').text(result.usersQty);
+ // $('#deptQty').text(result.deptQty);
+ // $('#optQty').text(result.optQty);
+ // } else if (res.code === 403) {
+ // top.location.href = baseUrl + "/";
+ // } else {
+ // layer.msg(res.msg, {icon: 2})
+ // }
+ // }
+ // })
+ // }
+ //
+ // // 涓讳綋
+ // function getBodyData() {
+ // $.ajax({
+ // url: baseUrl + "/console/body/auth",
+ // headers: {'token': localStorage.getItem('token')},
+ // method: 'GET',
+ // success: function (res) {
+ // if (res.code === 200) {
+ // // 瀹夊叏搴撳瓨
+ // var tpl = $('#safeQuaTpl').html();
+ // var template = Handlebars.compile(tpl);
+ // var html = template(res.data);
+ // $('#warnList').html(html);
+ // } else if (res.code === 403) {
+ // top.location.href = baseUrl + "/";
+ // } else {
+ // layer.msg(res.msg, {icon: 2})
+ // }
+ // }
+ // })
+ // }
+ //
+ // });
+ //
+ // // 鍦板浘閲嶇疆
+ // document.getElementById("map-reset").addEventListener("click", function () {
+ // map.setZoomAndCenter(4.85, new AMap.LngLat(105.202202, 32.699006));
+ // map.setRotation(0);
+ // map.setPitch(40);
+ // iconLayer.setStyle({
+ // unit: 'px',
+ // icon: (index, feature) => {
+ // let data = feature.properties.rawData;
+ // return trafficIcons[data.type % Object.keys(trafficIcons).length];
+ // },
+ // iconSize: [20,20],
+ // rotation: 0,
+ // })
+ // })
</script>
<script type="text/template" id="safeQuaTpl">
--
Gitblit v1.9.1