69 lines
1.9 KiB
HTML
69 lines
1.9 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<title>manage login</title>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
|
|
<link rel="stylesheet" href="../libs/bootstrap/bootstrap.min.css">
|
|
<link rel="stylesheet" href="../css/common.css?v=20171114">
|
|
</head>
|
|
<body>
|
|
<div class="container pt15" id="app">
|
|
<div class="center-block" style="padding-top: 40%; width: 200px">
|
|
<div class="form-group">
|
|
<label class="sr-only" for="account">account</label>
|
|
<input id="account" class="form-control" type="text" placeholder="账号" v-model="account">
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="sr-only" for="password">Password</label>
|
|
<input id="password" class="form-control" type="password" placeholder="密码" v-model="password">
|
|
</div>
|
|
|
|
<div class="text-center">
|
|
<button class="btn btn-primary w100" @click="login">登录</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="../libs/jquery.min.js"></script>
|
|
<script src="../libs/vue.min.js"></script>
|
|
<script src="../libs/layer_mobile/layer.js"></script>
|
|
<script src="../js/tangjian.js"></script>
|
|
<script>
|
|
var vm = new Vue(
|
|
{
|
|
el: '#app',
|
|
data: {
|
|
account: '',
|
|
password: ''
|
|
|
|
},
|
|
methods: {
|
|
login: function () {
|
|
var el = this;
|
|
if(!this.account) throw {code: 100, msg: '请输入账号'};
|
|
|
|
$.api(
|
|
{
|
|
data: {
|
|
method: 'Admin.Admin.login',
|
|
biz_content: {
|
|
account: el.account,
|
|
password: el.password
|
|
}
|
|
},
|
|
success: function (r) {
|
|
$.store('adminInfo', {account: el.account, password: el.password});
|
|
window.location.href = './welcome.html';
|
|
|
|
}
|
|
}
|
|
)
|
|
}
|
|
}
|
|
}
|
|
)
|
|
</script>
|
|
</body>
|
|
</html> |