parent
fe0be6f727
commit
46af60b48b
@ -0,0 +1,270 @@
|
||||
<html>
|
||||
|
||||
<head>
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
||||
<title>登录</title>
|
||||
|
||||
<style>
|
||||
html,
|
||||
body {
|
||||
color: #333;
|
||||
margin: 0;
|
||||
height: 100%;
|
||||
font-family: "Myriad Set Pro", "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
* {
|
||||
-webkit-box-sizing: border-box;
|
||||
-moz-box-sizing: border-box;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
body {
|
||||
background: #f2f2f2;
|
||||
color: #666;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
button,
|
||||
input,
|
||||
optgroup,
|
||||
select,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font: inherit;
|
||||
color: inherit;
|
||||
outline: none;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.aui-flexView {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0 auto;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
-webkit-box-orient: vertical;
|
||||
-webkit-box-direction: normal;
|
||||
-webkit-flex-direction: column;
|
||||
-ms-flex-direction: column;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.aui-scrollView {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
overflow-x: hidden;
|
||||
-webkit-overflow-scrolling: touch;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
.aui-code-box {
|
||||
padding: 20px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.aui-code-box button {
|
||||
background: #445e99;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
border: none;
|
||||
color: #fff;
|
||||
border-radius: 20px;
|
||||
width: 100%;
|
||||
font-size: 0.98rem;
|
||||
}
|
||||
|
||||
.aui-code-box p {
|
||||
color: #cccccc;
|
||||
font-size: 0.85rem;
|
||||
position: relative;
|
||||
width: 92%;
|
||||
background: #fff;
|
||||
padding: 0 20px;
|
||||
border-radius: 50px;
|
||||
margin: 1rem auto 0;
|
||||
}
|
||||
|
||||
.aui-code-line {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
|
||||
.aui-code-line-input {
|
||||
padding: 10px 0;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
font-size: 14px;
|
||||
background: none;
|
||||
border: none;
|
||||
color: #333;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.aui-code-line em {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 17px;
|
||||
color: #333;
|
||||
font-style: normal;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
.aui-code-btn {
|
||||
padding-top: 80px;
|
||||
margin: 0 20px;
|
||||
}
|
||||
|
||||
.aui-code-box form {
|
||||
/* padding-top: 50px; */
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.aui-code-line-clear span a {
|
||||
text-indent: -999px;
|
||||
}
|
||||
|
||||
|
||||
.aui-flex-links {
|
||||
position: relative;
|
||||
line-height: 40px;
|
||||
margin-top: 14px;
|
||||
display: -webkit-box;
|
||||
display: -webkit-flex;
|
||||
display: -ms-flexbox;
|
||||
display: flex;
|
||||
padding: 0 15px;
|
||||
}
|
||||
|
||||
.aui-flex-links>a {
|
||||
position: relative;
|
||||
text-align: left;
|
||||
display: block;
|
||||
-webkit-box-flex: 1;
|
||||
-webkit-flex: 1;
|
||||
-ms-flex: 1;
|
||||
flex: 1;
|
||||
padding: 0 2px;
|
||||
font-size: 0.8rem;
|
||||
color: #333333;
|
||||
}
|
||||
|
||||
.aui-flex-links>a:nth-child(2) {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.aui-show {
|
||||
width: 30px;
|
||||
height: 30px;
|
||||
position: absolute;
|
||||
right: 20px;
|
||||
top: 9px;
|
||||
background-repeat: no-repeat;
|
||||
background-position: center;
|
||||
}
|
||||
|
||||
|
||||
.aui-code-btn .register {
|
||||
background: #fff;
|
||||
color: #445e99;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
|
||||
|
||||
<body>
|
||||
<section class="aui-flexView">
|
||||
<section class="aui-scrollView">
|
||||
<div style="margin-top: 36%" class="aui-code-box">
|
||||
<p class="aui-code-line">
|
||||
<input type="text" class="aui-code-line-input" name="username" id="username" autocomplete="off"
|
||||
placeholder="请输入用户名">
|
||||
</p>
|
||||
<p class="aui-code-line aui-code-line-clear">
|
||||
<i class="aui-show operate-eye-open"></i>
|
||||
<input type="password" class="aui-code-line-input password" placeholder="请输入密码" id="password" name="password">
|
||||
</p>
|
||||
<div class="aui-code-btn">
|
||||
<button id="login">登录</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<script src="../../admin/js/jquery-3.6.0.min.js"></script>
|
||||
<script src="../../component/pear/jsencrypt.min.js"></script>
|
||||
|
||||
<script>
|
||||
$(function () {
|
||||
|
||||
$("#login").click(function () {
|
||||
|
||||
var publicKey = "-----BEGIN PUBLIC KEY-----\MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCcd+0zTY9Gn94iqkQJTlxYnEnCeFsLkk0a7hoAvi2B74VzDVV3xH0ZO9RkXvo1SgCB+uzbEWdrgQkzTqyjfTtgOguu3OnkVxIMJF34ibchTY0LWHGxq1m2gLGuVVqrlu1LtdV0X7xo/5zc8Mr+46veWb86kSpqe6rOAm69WWo5GwIDAQAB\-----END PUBLIC KEY-----";
|
||||
var encrypt = new JSEncrypt();
|
||||
encrypt.setPublicKey(publicKey);
|
||||
|
||||
var username = $("#username").val();
|
||||
var password = $("#password").val();
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: "json",
|
||||
url: "/QingLong/loginPerson/doLogin",
|
||||
data: {
|
||||
"username": username,
|
||||
"password": encrypt.encrypt(password),
|
||||
"captcha": "dsideal"
|
||||
},
|
||||
async: false,
|
||||
success: function (result) {
|
||||
if (result.success) {
|
||||
console.log(result);
|
||||
|
||||
} else {
|
||||
alert(result.msg);
|
||||
}
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
</script>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in new issue