From c595601057f9920d93eaffd9fe13e6fe69e721cc Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期三, 23 二月 2022 10:32:14 +0800 Subject: [PATCH] # --- src/main/webapp/views/home/console.html | 393 +++++++++++++++++++++++++++----------------------------- 1 files changed, 189 insertions(+), 204 deletions(-) diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html index d4f343c..070f0b1 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.0.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> -- Gitblit v1.9.1