<!doctype html>
|
<html class="x-admin-sm">
|
<head>
|
<meta charset="UTF-8">
|
<title>后台登录-X-admin2.2</title>
|
<meta name="renderer" content="webkit|ie-comp|ie-stand">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
|
<meta name="viewport"
|
content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi"/>
|
<meta http-equiv="Cache-Control" content="no-siteapp"/>
|
<link rel="stylesheet" href="css/font.css">
|
<link rel="stylesheet" href="css/login.css">
|
<link rel="stylesheet" href="css/xadmin.css">
|
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
|
<script src="lib/layui/layui.js" charset="utf-8"></script>
|
<script src="js/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="js/http.js" type="text/javascript" charset="utf-8"></script>
|
<script type="text/javascript">
|
</script>
|
<!--[if lt IE 9]>
|
<script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
|
<script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
|
<![endif]-->
|
</head>
|
<body class="login-bg">
|
|
<div class="login layui-anim" id="allwai">
|
<div class="message">积分管理系统</div>
|
<div id="darkbannerwrap"></div>
|
|
<form class="layui-form" lay-filter="login">
|
<input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
|
<hr class="hr15">
|
<input name="pwd" lay-verify="required" placeholder="密码" type="password" class="layui-input">
|
<hr class="hr15">
|
|
<div class="layui-form-item" style="display: flex;justify-content: flex-start;">
|
<input type="text" name="yzm" lay-verify="required" autocomplete="off" placeholder="请输入验证码"
|
class="layui-input">
|
<img class="border-round cursor-pointer click-scale" style="width:120px; height:50px;margin-left: 10px;"
|
v-bind:src="inputThis.yzm_imgSrc" v-on:click="inputThis.imgGet()"/>
|
</div>
|
<input value="登录" lay-filter="login" style="width:100%;" type="button" v-on:click="inputThis.subClick()">
|
<hr class="hr20">
|
</form>
|
</div>
|
|
<script>
|
var form = null;
|
$(function () {
|
layui.use('form', function () {
|
form = layui.form;
|
});
|
|
})
|
</script>
|
<!-- 底部结束 -->
|
|
|
<script>
|
var indexIframe = null;
|
var vm = null;
|
$(function () {
|
vm = new Vue({
|
el: "#allwai",
|
// 数据
|
data: {
|
// -------------------------------------------- 输入组件区域
|
inputThis: {
|
username: "", // 用户名
|
pwd: "", // 密码
|
yzm: "", // 验证码
|
yzm_imgSrc: "", // 验证码图片地址
|
// 获取验证码图片地址
|
imgGet: function () {
|
// 获取最新时间戳
|
var time = new Date().getTime();
|
vm.inputThis.yzm_imgSrc = "/admin/api/captcha.jpg?temp=" + time;
|
},
|
// 登录点击
|
subClick: function () {
|
vm.inputThis.username = $(":input[name='username']").val();
|
vm.inputThis.pwd = $(":input[name='pwd']").val();
|
vm.inputThis.yzm = $(":input[name='yzm']").val();
|
// 输入信息验证
|
if (!vm.inputThis.username || !vm.inputThis.pwd || !vm.inputThis.yzm) {
|
layer.msg("输入不完整");
|
return false;
|
}
|
// 发送请求
|
var index = layer.load(0, {
|
shade: false
|
});
|
|
ksapp.post("/admin/api/login", {
|
username: vm.inputThis.username,
|
password: vm.inputThis.pwd,
|
captcha: vm.inputThis.yzm
|
}, function (data) {
|
layer.close(index);
|
if (data.code == 0) {
|
window.location.replace("index.html");
|
}else{
|
layer.msg(data.msg);
|
}
|
|
}, function (e) {
|
layer.close(index);
|
layer.msg("登录失败");
|
});
|
},
|
},
|
},
|
});
|
|
// 验证码图片
|
vm.inputThis.imgGet();
|
});
|
</script>
|
|
|
</body>
|
</html>
|
