From 8efbcfef1ccb88c0f4020dc5bbfd271ab403ac1d Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期二, 29 三月 2022 16:30:09 +0800 Subject: [PATCH] # --- src/main/webapp/views/index.html | 371 ++++++++++++++++++++++------------------------------ 1 files changed, 155 insertions(+), 216 deletions(-) diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html index 730b818..680cb5b 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -1,240 +1,179 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> <meta charset="utf-8"> - <title>鑷姩浠撳偍 - 绠$悊绯荤粺</title> + <title>涓壃 - 杩愮淮绯荤粺骞冲彴</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0"> - <link rel="icon" type="image/x-icon" href="../static/image/log.png" /> - <link rel="stylesheet" href="../static/layuiadmin/layui/css/layui.css" media="all"> - <link rel="stylesheet" href="../static/layuiadmin/style/admin.css" media="all"> - <script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> - <script type="text/javascript" src="../static/js/common.js"></script> - <script type="text/javascript" src="../static/layuiadmin/layui/layui.js"></script> + <link rel="icon" type="image/x-icon" href="../static/image/favicon.ico" /> + <link rel="stylesheet" href="../static/layui/css/layui.css" media="all"> + <link rel="stylesheet" href="../static/css/admin.css?v=318" media="all"> + <link rel="stylesheet" href="../static/css/loader.css" media="all"> <style> - .layui-layout-admin .layui-footer { - box-sizing: border-box; - background-color: #fff; - z-index: 999; - height: 30px; - padding: 0; - font-size: 13px; - margin: 0; - line-height: 30px; + .layui-logo img { + width: 25px; } - .layui-layout-admin .layui-footer a { - color: #3573ab; - font-weight: bold - } - - .layui-layout-admin .layui-logo { - letter-spacing: 2px; - font-size: 22px; - height: 110px; - padding: 20px 10px; - font-weight: bolder; - /*color: #2c7dc2;*/ - color: #f3f3f3; - text-align: center; - line-height: 40px; - } - .layadmin-side-shrink .layui-layout-admin .layui-logo { - background-image: none; - } - .layui-side-menu .layui-nav { - margin-top: 110px; + .layui-logo cite { + font-size: 18px; + font-weight: 400; + /*margin-left: 5px;*/ } </style> </head> <body class="layui-layout-body"> +<div class="layui-layout layui-layout-admin"> + <!-- 澶撮儴 --> + <div class="layui-header"> + <div class="layui-logo"> + <img src="../static/image/logo.png" style="display: inline-block; width: 60%;height: auto"> + <!-- <span style="margin-top: 0; letter-spacing: 10px">涓壃绔嬪簱</span>--> + <!-- <img src="../static/image/logo.svg"/>--> + <!-- <cite>涓壃 - Zoneyung</cite>--> + </div> - <div id="LAY_app"> - <div class="layui-layout layui-layout-admin"> - <div class="layui-header"> - <!-- 澶撮儴鍖哄煙 --> - <ul id="cool-header-left" class="layui-nav layui-layout-left"> - <li class="layui-nav-item layadmin-flexible" lay-unselect> - <a href="javascript:;" layadmin-event="flexible" title="渚ц竟浼哥缉"> - <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i> - </a> - </li> - <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>--> - <!--<a lay-href="report/viewLocMap.html?resourceId=10286" title="Map">--> - <!--<i class="layui-icon layui-icon-website"></i>--> - <!--</a>--> - <!--</li>--> - <li class="layui-nav-item" lay-unselect> - <a href="javascript:;" layadmin-event="refresh" title="鍒锋柊"> - <i class="layui-icon layui-icon-refresh-3"></i> - </a> - </li> - <!--<li class="layui-nav-item layui-hide-xs" lay-unselect>--> - <!--<input type="text" placeholder="鎼滅储..." autocomplete="off" class="layui-input layui-input-search" layadmin-event="serach" lay-action="template/search.html?keywords=">--> - <!--</li>--> - </ul> - <ul id="cool-header-right" class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right"> - - <li class="layui-nav-item layui-hide-xs" lay-unselect> - <a href="javascript:;" layadmin-event="theme"> - <i class="layui-icon layui-icon-theme"></i> - </a> - </li> - <li class="layui-nav-item layui-hide-xs" lay-unselect> - <a id="activation-icon" href="javascript:;" layadmin-event="note"> - <i class="layui-icon layui-icon-note"></i> - </a> - </li> - <li class="layui-nav-item layui-hide-xs" lay-unselect> - <a href="javascript:;" layadmin-event="fullscreen"> - <i class="layui-icon layui-icon-screen-full"></i> - </a> - </li> - <li class="layui-nav-item" lay-unselect> - <a href="javascript:;"> - <cite id="person-username">绠$悊鍛�</cite> - </a> - <dl class="layui-nav-child"> - <dd><a lay-href="detail.html">鍩烘湰璧勬枡</a></dd> - <!--<dd><a lay-href="set/user/password.html">淇敼瀵嗙爜</a></dd>--> - <hr> - <dd style="text-align: center;"><a id="logout" href="/">閫�鍑�</a></dd> - </dl> - </li> - </ul> - </div> - - <!-- 渚ц竟鑿滃崟 --> - <div class="layui-side layui-side-menu"> - <div class="layui-side-scroll"> - <div class="layui-logo" lay-href="home/console.html"> - <img src="../static/image/logo.png" style="display: inline-block; width: 90%;height: auto"> - <span style="margin-top: 0;letter-spacing: 10px">涓壃绔嬪簱</span> - </div> + <ul class="layui-nav layui-layout-left"> + <li class="layui-nav-item" lay-unselect> + <a ew-event="flexible" title="渚ц竟浼哥缉"><i class="layui-icon layui-icon-shrink-right"></i></a> + </li> + <li class="layui-nav-item" lay-unselect> + <a ew-event="refresh" title="鍒锋柊"><i class="layui-icon layui-icon-refresh-3"></i></a> + </li> + </ul> + <ul class="layui-nav layui-layout-right"> + <li class="layui-nav-item" lay-unselect> + <a ew-event="note" title="渚跨"><i class="layui-icon layui-icon-note"></i></a> + </li> + <li class="layui-nav-item layui-hide-xs" lay-unselect> + <a ew-event="fullScreen" title="鍏ㄥ睆"><i class="layui-icon layui-icon-screen-full"></i></a> + </li> + <li class="layui-nav-item" lay-unselect> + <a> + <cite id="username" style="margin-right: 5px">绠$悊鍛�</cite> + </a> + <dl class="layui-nav-child"> + <dd lay-unselect><a ew-href="detail.html?resourceId=8">鍩烘湰璧勬枡</a></dd> + <hr> + <dd lay-unselect><a id="logout">閫�鍑�</a></dd> + </dl> + </li> + <li class="layui-nav-item" lay-unselect> + <a ew-event="theme" title="涓婚"><i class="layui-icon layui-icon-more-vertical"></i></a> + </li> + </ul> + </div> - <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu" lay-filter="layadmin-system-side-menu"> - </ul> - </div> - </div> - <!-- 椤甸潰鏍囩 --> - <div class="layadmin-pagetabs" id="LAY_app_tabs"> - <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div> - <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div> - <div class="layui-icon layadmin-tabs-control layui-icon-down"> - <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav"> - <li class="layui-nav-item" lay-unselect> - <a href="javascript:;"></a> - <dl class="layui-nav-child layui-anim-fadein"> - <dd layadmin-event="closeThisTabs"><a href="javascript:;">鍏抽棴褰撳墠鏍囩椤�</a></dd> - <dd layadmin-event="closeOtherTabs"><a href="javascript:;">鍏抽棴鍏跺畠鏍囩椤�</a></dd> - <dd layadmin-event="closeAllTabs"><a href="javascript:;">鍏抽棴鍏ㄩ儴鏍囩椤�</a></dd> - </dl> - </li> - </ul> - </div> - <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs"> - <ul class="layui-tab-title" id="LAY_app_tabsheader"> - <li lay-id="home/console.html" lay-attr="home/console.html" class="layui-this"><i class="layui-icon layui-icon-home"></i></li> - </ul> - </div> - </div> - - <!-- 涓讳綋鍐呭 --> - <div class="layui-body" id="LAY_app_body"> - <div class="layadmin-tabsbody-item layui-show"> - <iframe src="home/console.html" frameborder="0" class="layadmin-iframe"></iframe> - </div> - </div> - - <div class="layui-footer"> - Copyright 漏 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a> 淇濈暀鎵�鏈夋潈鍒� - </div> - <!-- 杈呭姪鍏冪礌锛屼竴鑸敤浜庣Щ鍔ㄨ澶囦笅閬僵 --> - <div class="layadmin-body-shade" layadmin-event="shade"></div> + <!-- 渚ц竟鏍� --> + <div class="layui-side"> + <div class="layui-side-scroll"> + <ul id="menu-main" class="layui-nav layui-nav-tree arrow2" lay-filter="admin-side-nav" lay-shrink="_all"> + </ul> </div> </div> - <script> - layui.config({ - base: '../static/layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰� - }).extend({ - index: 'lib/index' //涓诲叆鍙fā鍧� - }).use(['index','element'], function () { - var element = layui.element; - var $ = layui.jquery; + <!-- 涓讳綋閮ㄥ垎 --> + <div class="layui-body"></div> + <!-- 搴曢儴 --> + <div class="layui-footer layui-text"> + copyright 漏 2022 <a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a> all rights reserved. + <span class="pull-right">Version 1.0.0</span> + </div> - // 鏇挎崲閫�鍑烘寜閽彉閲� - var logout = document.getElementById('logout'); - var url = logout.getAttribute('href'); - logout.setAttribute('href', baseUrl + url); +</div> - $('#person-username').text(localStorage.getItem('username')); +<!--鍒濆鍖栧姞杞藉眰--> +<div class="layuimini-loader"> + <div class="layuimini-loader-inner"></div> +</div> - $(function () { - if ("" === localStorage.getItem('token')){ - top.location.href = baseUrl+"/login"; - } - - // 婵�娲荤爜楠岃瘉 - $.ajax({ - url: baseUrl+"/system/activation/auth", - dataType:'json', - method: 'GET', - async: false, - success: function (res) { - if (res.code === 200) { - $("#activation-icon").hide(); - } else { - $("#activation-icon").click(); - } - } - }); - - getMenu() - - // 娉ㄩ攢 - $(document).on('click','#logout',function () { - localStorage.removeItem("token"); - }); - - }); - - // 鍔犺浇鑿滃崟 - function getMenu() { - $.ajax({ - url: baseUrl+ "/menu/auth", - headers: {'token': localStorage.getItem('token')}, - method: 'POST', - success: function (res) { - if (res.code === 200){ - var menuHtml = ""; - if (res.data != null){ - for (var i = 0; i < res.data.length; i++) { - menuHtml += '<li data-name="' + res.data[i].menuCode +'" class="layui-nav-item">\n'; - menuHtml += '<a href="javascript:;" lay-tips=' +res.data[i].menu+ ' lay-direction="2">\n'; - menuHtml += '<i class="layui-icon '+ res.data[i].menuIcon +'"></i>\n'; - menuHtml += ' <cite>' +res.data[i].menu+ '</cite>\n'; - menuHtml += '</a>\n'; - menuHtml += '<dl class="layui-nav-child">\n'; - for (var j = 0; j < res.data[i].subMenu.length; j++) { - menuHtml += '<dd><a lay-href="' +res.data[i].subMenu[j].code+ '?resourceId='+ res.data[i].subMenu[j].id + '">' + res.data[i].subMenu[j].name + '</a></dd>\n'; - } - menuHtml += '</dl>\n'; - menuHtml += '</li>\n'; - } - } - $('#LAY-system-side-menu').append(menuHtml); - element.init(); - } else if (res.code === 403){ - top.location.href = baseUrl+"/login"; - }else { - layer.alert(res.msg) - } - } - }); - } +<script type="text/javascript" src="../static/js/jquery/jquery-3.3.1.min.js"></script> +<script type="text/javascript" src="../static/layui/layui.js"></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> + console.log('%c 涓壃绔嬪簱骞冲彴 %c 1.0.0','background-color:rgb(53,73,94);color: #fff;border-radius:2px 0 0 2px;padding:2px 4px;','background-color:rgb(25,190,107);color: #fff;border-radius:0 2px 2px 0;padding:2px 4px;font: 9pt "Apercu Regular", Georgia, "Times New Roman", Times, serif;'); + $(function () { + if ("" === localStorage.getItem('token')) { + top.location.href = baseUrl + "/login"; + } }); - </script> + + layui.config({ + base: baseUrl + "/static/layui/lay/modules/" + }).extend({ + notice: 'notice/notice', + }).use(['index', 'element', 'layer', 'admin', 'notice'], function () { + var $ = layui.jquery; + var index = layui.index; + var element = layui.element; + var layer = layui.layer; + var admin = layui.admin; + var notice = layui.notice; + + var easywebIframeMsg = localStorage.getItem("easyweb-iframe"); + if (!isEmpty(easywebIframeMsg)) { + var easywebIframeObj = JSON.parse(easywebIframeMsg); + if (easywebIframeObj.defaultTheme === undefined) { + admin.changeTheme("theme-colorful"); + } + } + + $.ajax({ + url: baseUrl + "/menu/auth", + headers: {'token': localStorage.getItem('token')}, + method: 'POST', + // async: false, + success: function (res) { + // 鍏抽棴鍔犺浇鍔ㄧ敾 + $('.layuimini-loader').fadeOut(); + if (res.code === 200) { + var tpl = $('#menuTpl').html(); + var template = Handlebars.compile(tpl); + var html = template(res); + $("#menu-main").html(html); + element.init(); + } else if (res.code === 403) { + top.location.href = baseUrl + "/login"; + } else { + layer.msg(res.msg, {icon: 2}); + } + } + }); + + // 榛樿鍔犺浇涓婚〉 + index.loadHome({ + menuPath: baseUrl+'/views/home/console.html', + menuName: '<i class="layui-icon layui-icon-home"></i>' + }); + + $('#username').text(localStorage.getItem('username')); + + $(document).on('click','#logout', function () { + window.location.href = "login.html"; + localStorage.removeItem('token'); + localStorage.removeItem('username'); + admin.closeAllTabs(); + }); + + // 鏇挎崲閫�鍑烘寜閽彉閲� + var logout = document.getElementById('logout'); + var url = logout.getAttribute('href'); + logout.setAttribute('href', baseUrl + "/login"); + + }); +</script> +<script type="text/html" id="menuTpl"> + {{#each data}} + <li class="layui-nav-item"> + <a><i class="layui-icon {{this.menuIcon}}"></i> <cite>{{this.menu}}</cite></a> + <dl class="layui-nav-child"> + {{#each this.subMenu}} + <dd><a lay-href="{{this.code}}?resourceId={{this.id}}">{{this.name}}</a></dd> + {{/each}} + </dl> + </li> + {{/each}} +</script> </body> </html> -- Gitblit v1.9.1