zdxtLawEnforcementCode/lib/EmergencyService/zdxtEmergencyBootStart/src/main/resources/templates/login.html

<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>登录--执法监督码监督管理</title>
<link type="text/css" href="/css/login-new.css" rel="stylesheet" />
<link href="../static/css/bootstrap-4.2.1/css/bootstrap.css" th:href="@{/css/bootstrap-4.2.1/css/bootstrap.css}" rel="stylesheet"/>
<!--<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>-->
<!--<link href="../static/css/style.css" th:href="@{/css/style.css}" rel="stylesheet"/>-->
<!--<link href="../static/css/login.min.css" th:href="@{/css/login.min.css}" rel="stylesheet"/>-->
<!--<link href="../static/ruoyi/css/ry-ui.css" th:href="@{/ruoyi/css/ry-ui.css?v=4.1.0}" rel="stylesheet"/>-->
<!-- 360浏览器急速模式 -->
<meta name="renderer" content="webkit">
<!-- 避免IE使用兼容模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!--<link rel="shortcut icon" href="../static/favicon.ico" th:href="@{favicon.ico}"/>-->
<style type="text/css">label.error { position:inherit;  }</style>
</head>

<body>
<div class="logsty"></div>
<div class="loginwrap">
<div class="loginbox">
<h1>登录</h1>
<div class="inptit">账号</div>
<input class="usersty" type="text" onfocus="if (value =='请输入用户名'){value =''}" onblur="if (value ==''){value='请输入用户名'}"
       value="请输入用户名" name="username" id="login-username" />
<div class="inptit">密码</div>
<!--<input class="pwsty" type="text"  value="请输入密码" id="login_showPwd"   />-->
<input class="pwsty" type="password" placeholder="请输入密码" id="login-password" name="password" />
<input class="checksty" name="" type="checkbox" value="" checked="checked" /><span class="remtxt">记住密码</span>
<!--<a href="#" class="fortxt">忘记密码？</a> -->
<div class="loginbtn" id="login">登录</div>
</div>
</div>
<script th:inline="javascript"> var ctx = [[@{/}]]; var captchaType = [[${captchaType}]]; </script>

<!--<script src="js/front.js"></script>-->
<script src="../static/js/jquery.min.js" th:src="@{/js/jquery.min.js}"></script>
<!--<script src="../static/js/bootstrap.min.js" th:src="@{/js/bootstrap.min.js}"></script>-->
<!-- 验证插件 -->
<!--<script src="../static/ajax/libs/validate/jquery.validate.min.js" th:src="@{/ajax/libs/validate/jquery.validate.min.js}"></script>-->
<!--<script src="../static/ajax/libs/validate/messages_zh.min.js" th:src="@{/ajax/libs/validate/messages_zh.min.js}"></script>-->
<script src="../static/ajax/libs/layer/layer.min.js" th:src="@{/ajax/libs/layer/layer.min.js}"></script>
<script src="../static/ajax/libs/blockUI/jquery.blockUI.js" th:src="@{/ajax/libs/blockUI/jquery.blockUI.js}"></script>
<!--<script src="../static/ruoyi/js/ry-ui.js" th:src="@{/ruoyi/js/ry-ui.js?v=4.1.0}"></script>-->
<!--<script src="../static/ruoyi/login.js" th:src="@{/ruoyi/login.js}"></script>-->
<!--<script src="../static/js/crypto-js.js" type="text/javascript"></script>-->
<script src="../static/js/crypto-js.js" th:src="@{/js/crypto-js.js}"></script>
<script>
    let data = {
        from: 'iframe logout',
        code: 403,
        data: '退出登录'
    };
    window.top.postMessage(data, '*');
</script>
<script>
    $(function(){
        console.log(document.cookie);
        /*登录*/
        $("#login").click(function(){
            login();
        })

        $(document).keypress(function (e) {
            if (e.keyCode == 13){
                login();
            }
        })
    })

    /**
     * 登录
     */
    function login() {
        //var rememberMe = $("#check1").prop('checked');
        //var rememberMe = false;
        var userName=$("#login-username").val();
        var passWord=$("#login-password").val();
        $.ajax({
            type: "post",
            url: ctx + "login",
            data: {
                "secretName": userName,
                "secretKey": Encrypt(passWord)
                //"rememberMe": rememberMe
            },
            success: function(r) {
                console.log(r);
                if (r.code == 0) {

                    $.ajaxSettings.beforeSend =function(xhr,request){
                        xhr.setRequestHeader("token",r.data);
                    }
                    location.href = ctx + 'index';

                } else {
                    layer.msg(r.msg)
                }
            }
        });
    }

    /**
     * 加密密码
     * @param passWord
     * @constructor
     */
    function Encrypt(passWord) {
        var keyStr = '1234567898745621';
        var ivStr = keyStr;
        var key = CryptoJS.enc.Utf8.parse(keyStr);
        var iv = CryptoJS.enc.Utf8.parse(ivStr);
        var srcs = CryptoJS.enc.Utf8.parse(passWord);
        var encrypted = CryptoJS.AES.encrypt(srcs, key, {
            iv: iv,
            mode: CryptoJS.mode.CBC,
            padding: CryptoJS.pad.ZeroPadding
        });
        return CryptoJS.enc.Base64.stringify(encrypted.ciphertext);
    }
</script>
<script>
    if(window.top!==window.self){window.top.location=window.location};
</script>
</body>
</html>