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