From 41d588ead8b665c67897a75e8a950f22010b5787 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@63.com> Date: 星期四, 31 三月 2022 10:11:57 +0800 Subject: [PATCH] # --- src/main/webapp/static/image/nav/icon.png | 0 src/main/webapp/static/css/road.css | 146 ++++++++++++++ src/main/webapp/static/image/nav/fn_1_h.png | 0 src/main/webapp/static/image/nav/fn_2.png | 0 src/main/webapp/static/image/nav/fn_2_h.png | 0 src/main/webapp/static/image/nav/fn_1.png | 0 src/main/webapp/views/home/navigation.html | 145 ++++++++++++++ /dev/null | 256 ------------------------- src/main/webapp/static/image/nav/fn_3.png | 0 src/main/webapp/views/index.html | 2 src/main/webapp/static/image/nav/bg_1.png | 0 src/main/webapp/views/login.html | 2 src/main/webapp/static/image/nav/fn_3_h.png | 0 13 files changed, 293 insertions(+), 258 deletions(-) diff --git a/src/main/webapp/static/css/road.css b/src/main/webapp/static/css/road.css new file mode 100644 index 0000000..e1eb4c9 --- /dev/null +++ b/src/main/webapp/static/css/road.css @@ -0,0 +1,146 @@ +/* CSS Document */ +/** +* +---------------------------------------------------------- +* 涓绘牱寮� +* +---------------------------------------------------------- +*/ +.layui-form-checkbox[lay-skin=primary]:hover i{ + border-color: #407CD5; +} +.layui-form-checked[lay-skin=primary] i{ + background-color: #407CD5; + border-color: #407CD5; +} + + +.layui-btn{ + height: 45px; + line-height: 45px; +} +.layui-btn-normal{ + background-color: #407CD5; +} + + +/*娴佹槦*/ +.liuxing{ + width: 85px; + height: 85px; + position: absolute; + background-size: contain; +} +.liuxing1 { + top: 200px; + left: 200px; +} + +.liuxing2 { + top: 200px; + left: 50%; + margin-left: 200px; +} + +.liuxing3 { + top: 100px; + right: 300px; +} + +.liuxing4 { + top: 150px; + right: 300px; +} + +.liuxingFla { + animation: liuxing 5s ease-in infinite; +} + +.liuxingFla2 { + animation: liuxing2 4s ease-in infinite; +} + +.liuxingFla3 { + animation: liuxing3 3s linear infinite; +} + +.liuxingFla4 { + animation: liuxing4 2s linear infinite; +} + +/* 娴佹槦鍔ㄧ敾 */ +@keyframes liuxing { + 0% { + transform: translate(200px, -200px) + } + 90% { + transform: translate(-180px, 180px); + opacity: 1; + } + 100% { + transform: translate(-200px, 200px); + opacity: 0; + } +} + +@keyframes liuxing2 { + 0% { + transform: translate(200px, -200px) + } + 90% { + transform: translate(-480px, 480px); + opacity: 1; + } + 100% { + transform: translate(-500px, 500px); + opacity: 0; + } +} + +@keyframes liuxing3 { + 0% { + transform: translate(200px, -200px) + } + 90% { + transform: translate(-480px, 480px); + opacity: 1; + } + 100% { + transform: translate(-500px, 500px); + opacity: 0; + } +} + +@keyframes liuxing4 { + 0% { + transform: translate(200px, -200px) + } + 90% { + transform: translate(-180px, 180px); + opacity: 1; + } + 100% { + transform: translate(-200px, 200px); + opacity: 0; + } +} + +/*鑿滃崟*/ +.moveUpDownFla1 { + animation: moveUpDown 5s ease infinite; +} + +.moveUpDownFla2 { + animation: moveUpDown 4s linear infinite; +} + +/* 鑿滃崟鍔ㄧ敾 */ +@keyframes moveUpDown { + 0% { + transform: translate(0px, -20px) + } + 50% { + transform: translate(0px, 20px) + } + 100% { + transform: translate(0px, -20px); + } +} diff --git a/src/main/webapp/static/image/nav/bg_1.png b/src/main/webapp/static/image/nav/bg_1.png new file mode 100644 index 0000000..cb85f6b --- /dev/null +++ b/src/main/webapp/static/image/nav/bg_1.png Binary files differ diff --git a/src/main/webapp/static/image/nav/fn_1.png b/src/main/webapp/static/image/nav/fn_1.png new file mode 100644 index 0000000..0c5b00d --- /dev/null +++ b/src/main/webapp/static/image/nav/fn_1.png Binary files differ diff --git a/src/main/webapp/static/image/nav/fn_1_h.png b/src/main/webapp/static/image/nav/fn_1_h.png new file mode 100644 index 0000000..9982d5a --- /dev/null +++ b/src/main/webapp/static/image/nav/fn_1_h.png Binary files differ diff --git a/src/main/webapp/static/image/nav/fn_2.png b/src/main/webapp/static/image/nav/fn_2.png new file mode 100644 index 0000000..ecbb7d0 --- /dev/null +++ b/src/main/webapp/static/image/nav/fn_2.png Binary files differ diff --git a/src/main/webapp/static/image/nav/fn_2_h.png b/src/main/webapp/static/image/nav/fn_2_h.png new file mode 100644 index 0000000..91e178b --- /dev/null +++ b/src/main/webapp/static/image/nav/fn_2_h.png Binary files differ diff --git a/src/main/webapp/static/image/nav/fn_3.png b/src/main/webapp/static/image/nav/fn_3.png new file mode 100644 index 0000000..eaa9735 --- /dev/null +++ b/src/main/webapp/static/image/nav/fn_3.png Binary files differ diff --git a/src/main/webapp/static/image/nav/fn_3_h.png b/src/main/webapp/static/image/nav/fn_3_h.png new file mode 100644 index 0000000..b698a0f --- /dev/null +++ b/src/main/webapp/static/image/nav/fn_3_h.png Binary files differ diff --git a/src/main/webapp/static/image/nav/icon.png b/src/main/webapp/static/image/nav/icon.png new file mode 100644 index 0000000..2ac2726 --- /dev/null +++ b/src/main/webapp/static/image/nav/icon.png Binary files differ diff --git a/src/main/webapp/views/home/navigation.html b/src/main/webapp/views/home/navigation.html new file mode 100644 index 0000000..ea61abd --- /dev/null +++ b/src/main/webapp/views/home/navigation.html @@ -0,0 +1,145 @@ +<!DOCTYPE html> +<html lang="en"> +<head> + <meta charset="utf-8"> + <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, maximum-scale=1"> + <link rel="stylesheet" href="../../static/layui/css/layui.css" media="all"> + <link rel="stylesheet" href="../../static/css/road.css"> + + <style media="screen"> + *{ + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; + font-family: 寰蒋闆呴粦; + letter-spacing: 1px; + } + body{ + background: url(../../static/image/nav/bg_1.png); + background-size: cover; + } + .fn_1{ + width: 250px; height: 220px; + background: url(../../static/image/nav/fn_1.png); + background-size: cover; + } + .fn_1:hover{ + background: url(../../static/image/nav/fn_1_h.png); + background-size: cover; + } + + .fn_2{ + width: 250px; height: 220px; + background: url(../../static/image/nav/fn_2.png); + background-size: cover; + } + .fn_2:hover{ + background: url(../../static/image/nav/fn_2_h.png); + background-size: cover; + } + .fn_3{ + width: 250px; height: 220px; + background: url(../../static/image/nav/fn_3.png); + background-size: cover; + } + .fn_3:hover{ + background: url(../../static/image/nav/fn_3_h.png); + background-size: cover; + } + + .sci-wheel{ + position: absolute; + top: 0; + right: 0; + width: 100px; + } + + .header{ + width: 100%; height: 100px; line-height: 100px; + padding: 0 40px; + background:rgba(0,0,0,0.3); + } + .header img{ + float: left; + margin: 10px 10px; + width: 100px; + } + .header p{ + float: left; + font-size: 30px; color: white; + letter-spacing: 3px; + } + .header .home-btn { + float: left; + margin-top: 20px; + width: 74px; + height: 74px; + border: 1px solid #102262; + border-radius: 5px; + background: url(../../static/image/nav/icon.png) no-repeat center center; + background-size: 45% 45%; + cursor: pointer; + } + .center{ + position: absolute; + top: 0; bottom: 0; left: 0; right: 0; + margin: auto; + width: 930px; height: 250px; + /* bottom: 300px; */ + } + .center .list{ + display: block; + float: left; + margin: 0 30px; + } + .center .list p{ + text-align: center; + color: #00BAF1; + font-size: 18px; + margin-top: 240px; + } + /* .center .list img{ + width: 250px; + margin: 0 30px; + } */ + </style> + +</head> +<body> + +<div class="header"> + <p style="margin-left:20px">璇烽�夋嫨鎮ㄨ浣跨敤鐨勬ā鍧�</p> +</div> + +<div class="center"> + <a class="list fn_1 moveUpDownFla1" ew-href="wrkMast/wrkMast.html?resourceId=214"> + <p>杩愯浠诲姟</p> + </a> + <a class="list fn_2 moveUpDownFla2" ew-href="order/order.html?resourceId=40517"> + <p>鍗曟嵁绠$悊</p> + </a> + <a class="list fn_3 moveUpDownFla1" ew-href="stoMan/stoQue.html?resourceId=10276"> + <p>搴撳瓨鏄庣粏</p> + </a> +</div> + +</body> +<script type="text/javascript" src="../../static/js/common.js"></script> +<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> + layui.config({ + base: baseUrl + "/static/layui/lay/modules/" + }).use(['layer', 'element', 'admin'], function () { + var element = layui.element; + var $ = layui.jquery; + var layer = layui.layer; + var admin = layui.admin; + }) +</script> +</html> diff --git a/src/main/webapp/views/index.html b/src/main/webapp/views/index.html index 6a6c705..cbe75fb 100644 --- a/src/main/webapp/views/index.html +++ b/src/main/webapp/views/index.html @@ -142,7 +142,7 @@ // 榛樿鍔犺浇涓婚〉 index.loadHome({ - menuPath: baseUrl+'/views/home/console.html', + menuPath: baseUrl+'/views/home/navigation.html', menuName: '<i class="layui-icon layui-icon-home"></i>' }); diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html index be5771b..425ed41 100644 --- a/src/main/webapp/views/login.html +++ b/src/main/webapp/views/login.html @@ -1,5 +1,5 @@ <!DOCTYPE html> -<html lang="ja"> +<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> diff --git a/src/main/webapp/views/login00.html b/src/main/webapp/views/login00.html deleted file mode 100644 index 5675d73..0000000 --- a/src/main/webapp/views/login00.html +++ /dev/null @@ -1,256 +0,0 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>鑷姩浠撳偍 - 绠$悊绯荤粺</title> - <link rel="icon" type="image/x-icon" href="../static/image/log.png" /> - <link rel="stylesheet" href="../static/layui/css/layui.css" media="all"> - <script type="text/javascript" src="../static/layui/layui.js"></script> - <script type="text/javascript" src="../static/js/common.js"></script> - <style> - html{ - height: 100%; - } - body.login-bg { - color: #777; - height: 100%; - /*background-image: url("../static/image/bg-imgage.jpg");*/ - background-image: url("../static/image/login_bg.jpg"); - background-repeat: no-repeat; - background-size: cover; - background-position: top center; - } - - #login-wrapper { - /*color: #fff;*/ - box-sizing:border-box; - /*background: #576669;*/ - background: #fff; - position: absolute; - top: 45%; - left: 50%; - margin-top: -210px; - margin-left: -220px; - width: 440px; - min-height: 420px; - padding: 50px; - text-align: center; - border-radius: 5px; - - transform-origin: 50% 50%; - animation: loading 1s 0s forwards; - transform: rotateX(0deg); - } - - #login-wrapper h2 { - letter-spacing: 3px; - font-size: 26px; - margin-bottom: 30px; - } - - .layadmin-user-login-body .layui-form-item { - margin-bottom: 20px; - position: relative; - } - .layadmin-user-login-body .layui-form-item .layui-input { - height: 42px; - padding-left: 40px; - font-size: 16px; - border: 1px solid #c8cccf; - color: inherit; - } - .login-submit { - margin-top: 30px; - } - .layadmin-user-login-icon { - position: absolute; - left: 1px; - top: 1px; - width: 38px; - line-height: 40px; - text-align: center; - color: #B2B2B2; - font-size: 18px; - } - .layui-btn-normal { - background-color: #0767aa; - font-size: 20px; - border-radius: 4px; - height: 52px; - } - .layui-form-checked[lay-skin=primary] i { - border-color: #0767aa!important; - background-color: #0767aa; - color: #fff; - } - .layui-form-checkbox[lay-skin=primary]:hover i { - border-color: #0767aa; - color: #fff; - } - #code-box { - position: relative; - height: 42px; - } - #code-label { - z-index: 999; - } - #code { - position: absolute; - left: 0; - top: 0; - display: inline-block; - width: 60%; - } - #codeImg { - border: 1px solid rgba(0,0,0,0.1); - position: absolute; - right: 5%; - top: 0; - width: 30%; - height: 90%; - } - </style> -</head> -<body class="login-bg"> - -<div id="login-wrapper"> - <header> - <h2>绯荤粺鐧诲綍</h2> - </header> - <div class="layui-form layadmin-user-login-body"> - <div class="layui-form-item"> - <label class="layui-icon layui-icon-username layadmin-user-login-icon"></label> - <input id="mobile" class="layui-input" type="text" name="mobile" lay-verify="mobile" placeholder="璐﹀彿"> - </div> - <div class="layui-form-item"> - <label class="layui-icon layui-icon-password layadmin-user-login-icon"></label> - <input id="password" class="layui-input" type="password" name="password" lay-verify="password" placeholder="瀵嗙爜"> - </div> - <div id="code-box" class="layui-form-item" style=""> - <label id="code-label" class="layui-icon layui-icon-vercode layadmin-user-login-icon"></label> - <input id="code" class="layui-input" type="text" name="password" lay-verify="code" placeholder="楠岃瘉鐮�"> - <img id="codeImg" title="鐪嬩笉娓咃紵鐐瑰嚮鎹竴寮犮��"> - </div> - <div class="layui-form-item" style="text-align: left;padding-left: 3px;"> - <input id="rememberPwd" style="vertical-align: middle" type="checkbox" lay-skin='primary' lay-filter="remPwd" title="璁颁綇瀵嗙爜" checked="checked"> - </div> - </div> - <div class="layui-form-item login-submit"> - <button id="login-button" class="layui-btn layui-btn-fluid layui-btn-normal" lay-submit="" lay-filter="login">鐧� 褰�</button> - </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/tools/md5.js"></script> -<script type="text/javascript"> - - $(function () { - var oldUserName = localStorage.getItem('oldUserName'); - var oldPass = localStorage.getItem('oldPass'); - if(oldUserName){ - $('#mobile').val(oldUserName); - } - if(oldPass){ - $('#password').val(oldPass); - } - }) - - // 楠岃瘉鐮佸紑鍏� - var codeSwitch = 'Y'; - $.ajax({ - url: baseUrl+"/code/switch.action", - async: false, - success: function (res) { - if (res.data === 'N'){ - codeSwitch = res.data; - $('#code-box').css("display", "none"); - } - } - }); - - // 鍒濆鍖栭獙璇佺爜 - initCode(); - $('#codeImg').click(function () { - initCode(); - }); - function initCode() { - var random = Math.random(); - $('#codeImg').attr("src", baseUrl+"/code.action?sd="+random); - setTimeout(function () { - $.ajax({ - url: baseUrl+"/code.do", - data: {sd: random}, - method: 'POST', - async: false, - success: function (code) { - sessionStorage.setItem("code", code); - } - }); - }, 100); - } - - layui.use(['form','layer'],function () { - var form = layui.form, - layer = layui.layer, - $ = layui.jquery; - - form.on('submit(login)', function (data) { - var mobile = $("#mobile").val(); - if (mobile === "") { - layer.msg("璇疯緭鍏ユ墜鏈哄彿", {offset: '150px'}); - return; - } - var password = $("#password").val(); - if (password === "") { - layer.msg("璇疯緭鍏ュ瘑鐮�", {offset: '150px'}); - return; - } - var code = $("#code").val(); - if (code === "" && codeSwitch === 'Y') { - layer.msg("璇疯緭鍏ラ獙璇佺爜", {offset: '150px'}); - return; - } - if (sessionStorage.getItem("code").toUpperCase() !== code.toUpperCase()&&codeSwitch==='Y'){ - layer.msg("楠岃瘉鐮侀敊璇�", {offset: '150px'}); - return; - } - - var user = { - mobile: mobile, - password: hex_md5(password) - }; - $.ajax({ - url: baseUrl+"/login.action", - data: user, - method: 'POST', - success: function (res) { - if (res.code === 200){ - // 璁颁綇瀵嗙爜 - if($('#rememberPwd').is(':checked')){ - localStorage.setItem('oldUserName',user.mobile); - localStorage.setItem('oldPass',password); - } else { - localStorage.removeItem('oldUserName'); - localStorage.removeItem('oldPass'); - } - localStorage.setItem("token", res.data.token); - localStorage.setItem("username", res.data.username); - window.location.href = "index.html"; - } else { - layer.msg(res.msg, {offset: '150px'}); - } - } - }); - return false; - }); - - $('body').keydown(function () { - if (event.keyCode === 13) { - $("#login-button").click(); - } - }); - - }); -</script> -</html> \ No newline at end of file -- Gitblit v1.9.1