From 40e24ffdfc95c186bccc24c2bc99a0ffcfec73e3 Mon Sep 17 00:00:00 2001 From: zc <zc> Date: 星期一, 29 七月 2024 10:48:21 +0800 Subject: [PATCH] 订单组托代码 --- src/main/webapp/views/login.html | 106 ++++++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 97 insertions(+), 9 deletions(-) diff --git a/src/main/webapp/views/login.html b/src/main/webapp/views/login.html index a4d77c0..6fcbd66 100644 --- a/src/main/webapp/views/login.html +++ b/src/main/webapp/views/login.html @@ -1,9 +1,9 @@ <!DOCTYPE html> -<html lang="ja"> +<html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> - <title>instancing 鈹� sketch of three.js</title> + <title>涓壃 鈹� login of zoneyung wms</title> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1"> <meta name="description" content="study of Instancing with three.js"> <meta name="keywords" content="undefined, Yoichi Kobayashi, WebGL, three.js"> @@ -57,7 +57,7 @@ </div> <div class="p-sketch-outline"> <h2 class="p-sketch-outline__title">Automatic Storage and Retrieval System</h2> - <p class="p-sketch-outline__date">posted: 2018.01.01 / update: 2022.03.18 + <p class="p-sketch-outline__date">posted: 2018.01.01 / update: 2022.09.21 </p> <p class="p-sketch-outline__description">wms made with various simple objects.</p> </div> @@ -68,24 +68,30 @@ <div class="login-contain"> <div class="login-box"> <img src="../static/image/logo.png" alt="" style="width: 80%"> - <span class="login100-form-title p-t-20 p-b-45">涓壃绔嬪簱</span> - <span class="login100-form-title p-t-20 p-b-45" style="margin: 15px 0;color: #868686;font-size: 24px">WMS</span> +<!-- <span class="login100-form-title p-t-20 p-b-45">涓壃绔嬪簱</span>--> +<!-- <span class="login100-form-title p-t-20 p-b-45" style="margin: 15px 0;color: #868686;font-size: 24px">WMS</span>--> <div class="wrap-input100 validate-input m-b-10" data-validate="璇疯緭鍏ョ敤鎴峰悕"> - <input class="input100" type="text" name="username" placeholder="username" autocomplete="off"> + <input id="username" class="input100" type="text" name="username" placeholder="username" autocomplete="off"> <span class="focus-input100"></span> <span class="symbol-input100"> <i class="fa fa-user"></i> </span> </div> <div class="wrap-input100 validate-input m-b-10" data-validate="璇疯緭鍏ュ瘑鐮�"> - <input class="input100" type="password" name="pass" placeholder="password"> + <input id="password" class="input100" type="password" name="pass" placeholder="password"> <span class="focus-input100"></span> <span class="symbol-input100"> <i class="fa fa-lock"></i> </span> </div> <div class="container-login100-form-btn p-t-10"> - <button class="login100-form-btn">Login</button> + <button class="login100-form-btn login-btn">Login</button> + </div> + <div class="container-login100-form-btn p-t-10" style="display: none;margin-top: 50px;" id="updateLicense"> + <form enctype="multipart/form-data" style="display: none;"> + <input id="license" type="file" name="file" > + </form> + <button class="login100-form-btn" id="submitLicense">鏇存柊璁稿彲璇�</button> </div> </div> </div> @@ -94,11 +100,60 @@ <script type="text/javascript" src="../static/js/tools/main.min.js"></script> <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" src="../static/layer/layer.js"></script> + <script type="text/javascript" src="../static/js/common.js"></script> <script> + // remember pwd + $(function () { + var oldUserName = localStorage.getItem('oldUserName'); + var oldPass = localStorage.getItem('oldPass'); + if(oldUserName){ + $('#username').val(oldUserName); + } + if(oldPass){ + $('#password').val(oldPass); + } + }) + window.onload = function(){document.getElementById("username").focus();} $(document).on('click','.login-btn', function () { - window.location.href = "../index.html" + let username = $("#username").val(); + if (username === "") { + layer.tips('璇疯緭鍏ョ櫥褰曡处鍙�', '#username', {tips: [4, '#ff0000']}); + return; + } + let password = $("#password").val(); + if (password === "") { + layer.tips('璇疯緭鍏ュ瘑鐮�', '#password', {tips: [4, '#ff0000']}); + return; + } + $.ajax({ + url: baseUrl+"/login.action", + data: { + username: username, + password: hex_md5(password) + }, + method: 'POST', + success: function (res) { + if (res.code === 200){ + localStorage.setItem("token", res.data.token); + localStorage.setItem("username", res.data.username); + window.location.href = "index.html"; + } else if (res.code === 10001) { + layer.tips(res.msg, '#username', {tips: [4, '#ff0000']}); + } else if (res.code === 10002) { + layer.tips(res.msg, '#username', {tips: [4, '#ff0000']}); + } else if (res.code === 10003) { + layer.tips(res.msg, '#password', {tips: [4, '#ff0000']}); + } else if (res.code == 20001) { + layer.tips(res.msg, '.login-btn', {tips: [3, '#ff0000']}); + $("#updateLicense").show() + } else { + layer.tips(res.msg, '.login-btn', {tips: [3, '#ff0000']}); + } + } + }); }); $('body').keydown(function () { @@ -106,6 +161,39 @@ $(".login-btn").click(); } }); + + + //鏇存柊璁稿彲璇� + $("#submitLicense").on("click",() => { + $("#license").click() + }) + + //涓婁紶骞舵洿鏂拌鍙瘉 + $("#license").on("change",(evt) => { + var files = evt.target.files; + let formData = new FormData(); + formData.append("file", files[0]) + $.ajax({ + url: baseUrl+"/license/updateLicense", + headers: {'token': localStorage.getItem('token')}, + data: formData, + method: 'POST', + cache: false, + processData: false, + contentType: false, + success: function (res) { + if (res.code == 200) { + layer.msg('鏇存柊鎴愬姛', {time: 1000}, () => { + parent.location.reload() + }); + }else{ + layer.msg(res.msg,{time:2000},() => { + parent.location.reload() + }) + } + } + }) + }) </script> </body> </html> -- Gitblit v1.9.1