<!DOCTYPE html>
|
<html class="x-admin-sm">
|
|
<head>
|
<meta charset="UTF-8">
|
<title>新增系统配置信息</title>
|
<meta name="renderer" content="webkit">
|
<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"/>
|
|
<link rel="stylesheet" href="/admin/css/font.css">
|
<link rel="stylesheet" href="/admin/css/xadmin.css">
|
<link rel="stylesheet" href="/admin/css/theme3049.min.css">
|
|
<script src="/admin/lib/layui/layui.js" charset="utf-8"></script>
|
<script src="/admin/js/vue.min.js" type="text/javascript" charset="utf-8"></script>
|
<script src="/admin/js/xadmin.js" type="text/javascript"></script>
|
<script src="/admin/js/http.js" type="text/javascript" charset="utf-8"></script>
|
<script src="/admin/js/jquery.min.js" type="text/javascript"></script>
|
<script src="/admin/js/utils.js"></script>
|
<!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
|
<!--[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]-->
|
|
<style>
|
|
body {
|
padding: 10px;
|
background: white;
|
box-sizing: border-box;
|
}
|
|
.content {
|
width: 300px;
|
text-align: right;
|
}
|
|
.code {
|
display: flex;
|
align-items: center;
|
justify-content: right;
|
}
|
|
.code input {
|
width: 100px !important;
|
margin: 0 10px;
|
}
|
|
.sure {
|
margin-left: 205px;
|
margin-top: 20px;
|
}
|
|
</style>
|
</head>
|
<body>
|
|
<div class="content">
|
<div class="code">
|
<span>验证码：</span>
|
<input class="layui-input" placeholder="请输入验证码" v-model="code">
|
<button class="layui-btn" :class="{'layui-btn-disabled': time>0,'layui-btn-normal':time<=0 }"
|
@click="sendVerifyCode">{{time<=0?'发送验证码':
|
time+'s后发送'}}
|
</button>
|
</div>
|
<button class="layui-btn sure" @click="verifyCode">确定</button>
|
</div>
|
|
<script>
|
|
var app = new Vue({
|
el: ".content",
|
data:
|
{
|
time: -1,
|
code: ''
|
},
|
created: function () {
|
setInterval(function () {
|
if (app.time > 0) {
|
app.time = app.time - 1;
|
}
|
}, 1000);
|
},
|
methods: {
|
sendVerifyCode: function () {
|
if (this.time > 0) {
|
return;
|
}
|
this.time = 30;
|
ksapp.post('/admin/api/money/extract/sendExtractEmail', {}, function (res) {
|
if (res.code == 0) {
|
layer.msg("发送成功");
|
} else {
|
layer.msg(res.msg);
|
}
|
|
}, function (res) {
|
});
|
},
|
verifyCode: function () {
|
if (this.code.length < 4) {
|
layer.msg("请输入正确的验证码");
|
return;
|
}
|
ksapp.post('/admin/api/money/extract/verifyExtractEmail', {
|
code: app.code
|
}, function (res) {
|
if (res.code == 0) {
|
layer.msg("验证成功");
|
xadmin.close();
|
} else {
|
layer.msg(res.msg);
|
}
|
|
}, function (res) {
|
});
|
}
|
|
|
}
|
}
|
);
|
|
</script>
|
</body>
|
|
</html>
|
