自动化立体仓库 - WMS系统
lty
3 天以前 8e943b7104561c3b14cf223016698709c5ade4b5
src/main/webapp/views/login.html
@@ -3,7 +3,7 @@
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>中扬 │ login of zoneyung wms</title>
    <title>arydasrs</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">
@@ -56,8 +56,8 @@
        <img src="../static/image/logo.png" alt="" style="width: 20%">
      </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.09.21
<!--        <h2 class="p-sketch-outline__title">Automatic Storage and Retrieval System</h2>-->
<!--        <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>
@@ -66,19 +66,19 @@
    <!-- 侧边栏 -->
    <div id="sidebar">
      <div class="login-contain">
        <div class="login-box">
        <div class="login-box">x
          <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>
          <div class="wrap-input100 validate-input m-b-10" data-validate="请输入用户名">
            <input id="username" class="input100" type="text" name="username" placeholder="username" autocomplete="off">
<!--          <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-i18n="please_enter_login_account" data-i18n-attr="data-validate">
            <input id="username" class="input100" type="text" name="username" data-i18n-placeholder="login_account" 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 id="password" class="input100" type="password" name="pass" placeholder="password">
          <div class="wrap-input100 validate-input m-b-10" data-i18n="please_enter_password" data-i18n-attr="data-validate">
            <input id="password" class="input100" type="password" name="pass" data-i18n-placeholder="password">
            <span class="focus-input100"></span>
            <span class="symbol-input100">
              <i class="fa fa-lock"></i>
@@ -86,6 +86,12 @@
          </div>
          <div class="container-login100-form-btn p-t-10">
            <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>
@@ -96,6 +102,7 @@
    <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 type="text/javascript" src="../static/js/i18n/i18n-helper.js"></script>
    <script>
      // remember pwd
      $(function () {
@@ -114,12 +121,14 @@
      $(document).on('click','.login-btn', function () {
        let username = $("#username").val();
        if (username === "") {
          layer.tips('请输入登录账号', '#username', {tips: [4, '#ff0000']});
          var tip = typeof I18n !== 'undefined' ? I18n.t('please_enter_login_account') : '请输入登录账号';
          layer.tips(tip, '#username', {tips: [4, '#ff0000']});
          return;
        }
        let password = $("#password").val();
        if (password === "") {
          layer.tips('请输入密码', '#password', {tips: [4, '#ff0000']});
          var tip = typeof I18n !== 'undefined' ? I18n.t('please_enter_password') : '请输入密码';
          layer.tips(tip, '#password', {tips: [4, '#ff0000']});
          return;
        }
        $.ajax({
@@ -135,13 +144,21 @@
              localStorage.setItem("username", res.data.username);
              window.location.href = "index.html";
            } else if (res.code === 10001) {
              layer.tips(res.msg, '#username', {tips: [4, '#ff0000']});
              var msg = typeof I18n !== 'undefined' ? I18n.t(res.msg) : res.msg;
              layer.tips(msg, '#username', {tips: [4, '#ff0000']});
            } else if (res.code === 10002) {
              layer.tips(res.msg, '#username', {tips: [4, '#ff0000']});
              var msg = typeof I18n !== 'undefined' ? I18n.t(res.msg) : res.msg;
              layer.tips(msg, '#username', {tips: [4, '#ff0000']});
            } else if (res.code === 10003) {
              layer.tips(res.msg, '#password', {tips: [4, '#ff0000']});
              var msg = typeof I18n !== 'undefined' ? I18n.t(res.msg) : res.msg;
              layer.tips(msg, '#password', {tips: [4, '#ff0000']});
            } else if (res.code == 20001) {
              var msg = typeof I18n !== 'undefined' ? I18n.t(res.msg) : res.msg;
              layer.tips(msg, '.login-btn', {tips: [3, '#ff0000']});
              $("#updateLicense").show()
            } else {
              layer.tips(res.msg, '.login-btn', {tips: [3, '#ff0000']});
              var msg = typeof I18n !== 'undefined' ? I18n.t(res.msg) : res.msg;
              layer.tips(msg, '.login-btn', {tips: [3, '#ff0000']});
            }
          }
        });
@@ -152,6 +169,40 @@
          $(".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{
              var msg = typeof I18n !== 'undefined' ? I18n.t(res.msg) : res.msg;
              layer.msg(msg,{time:2000},() => {
                parent.location.reload()
              })
            }
          }
        })
      })
    </script>
  </body>
</html>