From aaf2e5aed7df2d082935cf91a538a037557c368e Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期三, 02 三月 2022 15:09:44 +0800 Subject: [PATCH] # --- src/main/webapp/views/home/console.html | 668 +++++-------------------------------------------------- 1 files changed, 61 insertions(+), 607 deletions(-) diff --git a/src/main/webapp/views/home/console.html b/src/main/webapp/views/home/console.html index c6ab014..85413a7 100644 --- a/src/main/webapp/views/home/console.html +++ b/src/main/webapp/views/home/console.html @@ -1,623 +1,77 @@ <!DOCTYPE html> -<html> -<head> - <meta charset="utf-8"/> - <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> - <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> - <title>宸ヤ綔鍙�</title> - <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> - <link rel="stylesheet" href="../../static/css/admin.css?v=318" media="all"> +<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> + <title></title> + <link rel="stylesheet" href="../../static/css/home.css"> <style> - /** 搴旂敤蹇嵎鍧楁牱寮� */ - .console-app-group { - padding: 16px; - border-radius: 4px; - text-align: center; - background-color: #fff; - cursor: pointer; - display: block; + html { + height: 100%; } - - .console-app-group .console-app-icon { - width: 32px; - height: 32px; - line-height: 32px; - margin-bottom: 6px; - display: inline-block; - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; - font-size: 32px; - color: #69c0ff; + body { + height: 100%; } - - .console-app-group:hover { - box-shadow: 0 0 15px rgba(0, 0, 0, .08); + #root { + height: 100%; } - - /** //搴旂敤蹇嵎鍧楁牱寮� */ - - /** 灏忕粍鎴愬憳 */ - .console-user-group { - position: relative; - padding: 10px 0 10px 40px; + .home-page { + height: 100%; } - - .console-user-group .console-user-group-head { - width: 32px; - height: 32px; - position: absolute; - top: 50%; - left: 12px; - margin-top: -10px; - border-radius: 50%; - font-size: 18px; - font-weight: bolder; - } - - .console-user-group .layui-badge { - position: absolute; - top: 50%; - right: 8px; - margin-top: -10px; - } - - .console-user-group .console-user-group-name { - line-height: 1.2; - } - - .console-user-group .console-user-group-desc { - color: #8c8c8c; - line-height: 1; - font-size: 12px; - margin-top: 5px; - } - - /** 鍗$墖杞挱鍥炬牱寮� */ - .admin-carousel .layui-carousel-ind { - position: absolute; - top: -41px; - text-align: right; - } - - .admin-carousel .layui-carousel-ind ul { - background: 0 0; - } - - .admin-carousel .layui-carousel-ind li { - background-color: #e2e2e2; - } - - .admin-carousel .layui-carousel-ind li.layui-this { - background-color: #999; - } - - /** 骞垮憡浣嶈疆鎾浘 */ - .admin-news .layui-carousel-ind { - height: 45px; - } - - .admin-news a { - display: block; - line-height: 70px; - text-align: center; - } - - /** 鏈�鏂板姩鎬佹椂闂寸嚎 */ - .layui-timeline-dynamic .layui-timeline-item { - padding-bottom: 0; - } - - .layui-timeline-dynamic .layui-timeline-item:before { - top: 16px; - } - - .layui-timeline-dynamic .layui-timeline-axis { - width: 9px; - height: 9px; - left: 1px; - top: 7px; - background-color: #cbd0db; - } - - .layui-timeline-dynamic .layui-timeline-axis.active { - background-color: #0c64eb; - box-shadow: 0 0 0 2px rgba(12, 100, 235, .3); - } - - .dynamic-card-body { - box-sizing: border-box; - overflow: hidden; - } - - .dynamic-card-body:hover { - overflow-y: auto; - padding-right: 9px; - } - - /** 浼樺厛绾у窘绔� */ - .layui-badge-priority { - padding: 2px; - border-radius: 20%; - width: 30px; - height: 30px; - line-height: 18px; - border-width: 2px; - font-weight: 600; + .home-page .top-section { + height: 100%; } </style> </head> <body> -<!-- 姝f枃寮�濮� --> -<!--<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" 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>涓壃绔嬪簱杩愮淮</td>--> -<!-- </tr>--> -<!-- <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>--> -<!-- 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> +<div id="root"> + <div data-reactroot="" class="home-page"> + <section class="top-section"> + <div class="vertical-middle"> + <div class="product-name"> + <h2> + 涓壃绔嬪簱 - 宸℃杩愮淮 + </h2> + </div> + <p class="product-desc"> + 娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙搁毝灞炰簬娴欐睙涓壃鍌ㄥ瓨璁惧鏈夐檺鍏徃锛屾槸涓浗绔嬩綋浠撳簱绯荤粺澶у瀷鍘傚涔嬩竴銆傛槸涓�瀹惰嚧鍔涗簬鐗╂祦浠撳偍绯荤粺鏁翠綋瑙e喅鏂规鐨勯泦鍥㈠寲楂樻柊鎶�鏈紒涓氥�傚叕鍙稿勾浜у�艰秴5浜夸汉姘戝竵锛屾槸涓浗涓ゅぇ鐢靛晢鐗╂祦鏍稿績渚涘簲鍟嗐�傝嚜2008骞存垚绔嬭嚦浠婂凡鎵挎帴澶у皬绔嬩綋浠撳簱绯荤粺涓婁竾搴с�傚叕鍙镐緷鎵樼潃楂樼礌璐ㄥ勾杞诲寲鐨勮繍钀ュ洟闃熶竴鐩翠繚鎸佺潃骞村潎澧為��30%鐨勯珮閫熷彂灞曪紝璋卞啓鐫�琛屼笟鍙戝睍浼犲銆� + </p> + <div class="button-area"> + <!-- <a class="button button-primary" target="_self" href="https://kkfileview.keking.cn/zh-cn/docs/home.html">--> + <!-- 绔嬪嵆寮�濮�--> + <!-- </a>--> + <a class="button button-normal" ew-href="issue/issue.html?resourceId=40581" lay-text="宸℃璁板綍"> + 宸℃璁板綍 + </a> + </div> + </div> + <div class="animation animation1"> + </div> + <div class="animation animation2"> + </div> + <div class="animation animation3"> + </div> + <div class="animation animation4"> + </div> + <div class="animation animation5"> + </div> + </section> + </div> +</div> +</body> <script type="text/javascript" src="../../static/js/jquery/jquery-3.3.1.min.js"></script> -<script type="text/javascript" src="../../static/js/echarts/echarts.min.js" charset="utf-8"></script> -<script type="text/javascript" src="../../static/js/echarts/echarts-gl.min.js" charset="utf-8"></script> <script type="text/javascript" src="../../static/layui/layui.js" charset="utf-8"></script> -<script type="text/javascript" src="../../static/js/handlebars/handlebars-v4.5.3.js"></script> <script type="text/javascript" src="../../static/js/common.js"></script> <script> - // 鍥捐〃 - // var chartDom = document.getElementById('charts'); - // var myChart = echarts.init(chartDom); - // var option; - // function getCharts() { - // $.ajax({ - // url: baseUrl + "/views/home/charts.json", - // headers: {'token': localStorage.getItem('token')}, - // method: 'GET', - // success: function (data) { - // var symbolSize = 3; - // option = { - // title: { - // left: 'center', - // text: 'Large Area Chart' - // }, - // grid3D: {}, - // xAxis3D: { - // type: 'category' - // }, - // yAxis3D: {}, - // zAxis3D: {}, - // dataset: { - // dimensions: [ - // 'Income', - // 'Life Expectancy', - // 'Population', - // 'Country', - // { name: 'Year', type: 'ordinal' } - // ], - // source: data - // }, - // series: [ - // { - // type: 'scatter3D', - // symbolSize: symbolSize, - // encode: { - // x: 'Country', - // y: 'Life Expectancy', - // z: 'Income', - // tooltip: [0, 1, 2, 3, 4] - // } - // } - // ] - // }; - // myChart.setOption(option); - // } - // }); - // } - // getCharts(); - // 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, - // }) - // }) - + 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; + }); </script> -<script type="text/template" id="safeQuaTpl"> - {{#each warnList}} - <div class="console-user-group"> - <div class="console-user-group-head">{{no}}</div> - <div class="console-user-group-name">{{sensorType}}</div> - <div class="console-user-group-desc">{{UUID}}</div> - <span class="layui-badge layui-badge-red" style="letter-spacing: 1px">鎶ヨ锛歿{msg}}</span> - </div> - {{/each}} -</script> -</body> </html> -- Gitblit v1.9.1