| | |
| | | <div style="display: flex;align-items: center;justify-content: center;height: 100%"> |
| | | |
| | | |
| | | <!--<img src="${ctxPath}/static/img/index4.png" style="width: 300px;height: 400px;z-index: 1000">--> |
| | | <img src="${ctxPath}/static/img/login.png" style="width: 300px;height: 400px;z-index: 1000;border-radius: 10px;"> |
| | | <div style="position: relative;left: -20px; max-width: 300px;min-height: 300px;background: white;border-radius: 8px;box-sizing: border-box;padding: 0 30px 0 50px;display: flex;align-items: center;justify-content: center;"> |
| | | <div style="max-height: 100%"> |
| | | <h3 style="color: black;"><img src="${ctxPath}/static/img/logo.png" width="30px" height="30px"/> 超省新代驾管理后台</h3> |
| | |
| | | <form class="m-t" role="form" action="${ctxPath}/login" method="post"> |
| | | <div class="item"> |
| | | <img src="${ctxPath}/static/img/account.png" /> |
| | | <input hidden id="number" value="${number}"> |
| | | <input class="itemInput" type="text" name="username" id="username" placeholder="请输入您的账号" required="" value=""> |
| | | </div> |
| | | <div class="item"> |
| | |
| | | @if(kaptcha.getKaptchaOnOff() == true){ |
| | | <div class="form-group" style="float: left;"> |
| | | <div class="col-sm-8" style="padding-left: 0px; padding-right: 0px;"> |
| | | <input class="form-control" type="text" name="kaptcha" id="verifyNumber" placeholder="验证码" > |
| | | <input class="form-control" type="text" name="kaptcha" id="verifyNumber" placeholder="验证码" required> |
| | | </div> |
| | | <div class="col-sm-4" style="padding-left: 0px; padding-right: 0px;"> |
| | | <img src="${ctxPath}/kaptcha" id="kaptcha" width="100%" height="100%"/> |
| | |
| | | <script src="${ctxPath}/static/crypto-js/crypto-js.js"></script> |
| | | <script> |
| | | $(function () { |
| | | if($("#number").val()==5){ |
| | | document.getElementById("verifyNumber").setAttribute("required","") |
| | | $("#verify").show() |
| | | }else { |
| | | $("#number").val(0) |
| | | $("#verify").hide() |
| | | } |
| | | // if($("#number").val()==5){ |
| | | // document.getElementById("verifyNumber").setAttribute("required","") |
| | | // $("#verify").show() |
| | | // }else { |
| | | // $("#number").val(0) |
| | | // $("#verify").hide() |
| | | // } |
| | | $("#verify").show() |
| | | |
| | | $("#kaptcha").on('click', function () { |
| | | $("#kaptcha").attr('src', '${ctxPath}/kaptcha?' + Math.floor(Math.random() * 100)).fadeIn(); |
| | |
| | | return decryptedStr.toString(); |
| | | } |
| | | function login(){ |
| | | let password = $('#password').val(); |
| | | password = encrypt(password); |
| | | $('#password').val(password); |
| | | // let password = $('#password').val(); |
| | | // password = encrypt(password); |
| | | // $('#password').val(password); |
| | | $('#submit').submit(); |
| | | } |
| | | |