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