From bca039d328ce70e4e15c15f83460af2c60226c89 Mon Sep 17 00:00:00 2001 From: Junjie <fallin.jie@qq.com> Date: 星期六, 13 五月 2023 15:30:52 +0800 Subject: [PATCH] css --- src/main/webapp/views/index.html | 203 +++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 167 insertions(+), 36 deletions(-) diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html index 6b47357..6d576f4 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -1,48 +1,179 @@ <!DOCTYPE html> -<html> +<html lang="en"> <head> - <meta charset="utf-8"> - <title>鑷姩浠撳簱WCS绯荤粺</title> - <link rel="stylesheet" href="../static/css/index.css"> - <script src="../static/js/jquery/jquery-3.3.1.min.js"></script> + <meta charset="utf-8"> + <title>娴欐睙涓壃 - 鑷姩鍖栫珛浣撲粨搴� - AS / RS</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="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-logo img { + width: 25px; + } + .layui-logo cite { + font-size: 18px; + font-weight: 400; + /*margin-left: 5px;*/ + } + </style> </head> -<body> -<!-- 瀵艰埅鏍� --> -<!-- <div class="nav">--> -<!-- <li class="right">娉ㄩ攢<a id="about" class="nav-unselect" onclick="logout()" href="#"></a></li>--> -<!-- </div>--> -<div class="sidebar"> - <div class="nav"> - <ul class="cl-effect-4"> - <li><a id="console" onclick="nav(this.id)" class="nav-select" href="#">涓绘帶鍥�</a></li> - <li><a id="pipeline" onclick="nav(this.id)" class="nav-unselect" href="#">杈撻�佽澶�</a></li> - <li><a id="crn" onclick="nav(this.id)" class="nav-unselect" href="#">鍫嗗灈鏈�</a></li> - </ul> +<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> + + <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> + + <!-- 渚ц竟鏍� --> + <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> + + <!-- 涓讳綋閮ㄥ垎 --> + <div class="layui-body"></div> + <!-- 搴曢儴 --> + <div class="layui-footer layui-text"> + copyright 漏 2023 娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙� all rights reserved. + <span class="pull-right">Version 1.0.0</span> + </div> + </div> -<!--<div style="z-index: 999; position: absolute; top: 250px; left: 900px; width: 200px; height: 200px; opacity: 0.5;background-color: #0000FF">--> -<!--</div>--> -<!-- 涓讳綋鍐呭 --> -<iframe id="content" src="console.html"></iframe> -<footer class="footer"> - Copyright 漏 2015 All Rights Reserved. <a href="http://www.zoneyung.com" target="_blank">娴欐睙涓壃绔嬪簱鎶�鏈湁闄愬叕鍙�</a> 淇濈暀鎵�鏈夋潈鍒� -</footer> -</body> +<!--鍒濆鍖栧姞杞藉眰--> +<div class="layuimini-loader"> + <div class="layuimini-loader-inner"></div> +</div> + +<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> - // 瀵艰埅鏍� - function nav(id) { - $('.nav-select').attr("class", "nav-unselect"); - $('#'+id).attr("class", "nav-select"); - $('#content').attr("src", id+".html"); + 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"; + } + }); + + 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"); + } } - function logout() { - localStorage.removeItem("token"); - window.location.href = baseUrl + "/login"; - } + $.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}); + } + } + }); - // 绯荤粺杩愯鐘舵�� - var systemRunning = true; + // 榛樿鍔犺浇涓婚〉 + index.loadHome({ + menuPath: baseUrl+'/views/home/navigation.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