You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
125 lines
4.4 KiB
125 lines
4.4 KiB
<!DOCTYPE html> |
|
<html lang=""> |
|
|
|
<head> |
|
<title></title> |
|
<#include "/include/head-file.ftl"/> |
|
</head> |
|
|
|
<body> |
|
<div id="login" class="login"> |
|
<el-container class="ms-admin-login-container"> |
|
<el-main class="ms-admin-login-main"> |
|
<div class="ms-admin-login-warp"> |
|
<img :src="ms.base+'/static/ms-admin/4.7.0/images/login-slogn.png'"> |
|
<el-form :model="loginForm" status-icon :rules="loginFormRule" ref="loginForm" label-width="100px" class="ms-admin-login-form"> |
|
<h1><span>账户登录 / </span>User login</h1> |
|
<el-form-item prop="name" class="ms-admin-form-item"> |
|
<el-input type="text" placeholder='用户名' v-model="loginForm.managerName" autocomplete="off"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="pass" class="ms-admin-form-item"> |
|
<el-input type="password" placeholder='密码' v-model="loginForm.managerPassword" autocomplete="off"></el-input> |
|
</el-form-item> |
|
<el-form-item prop="code" class="ms-admin-form-item ms-admin-form-item-code"> |
|
<el-input type="text" placeholder='验证码' v-model="loginForm.rand_code" autocomplete="off"></el-input> |
|
<img :src="code" class="code-img" @click="code" /> |
|
<p><span>看不清?</span><span>换一张</span></p> |
|
</el-form-item> |
|
<el-form-item class="ms-admin-form-item ms-admin-form-item-checkout"> |
|
<el-checkbox v-model="rememberPass">记住密码</el-checkbox> |
|
</el-form-item> |
|
<el-form-item class="ms-admin-form-item"> |
|
<el-button type="primary" @click="checkLogin" class="ms-admin-login-btn">登录</el-button> |
|
</el-form-item> |
|
</el-form> |
|
</div> |
|
</el-main> |
|
</el-container> |
|
</div> |
|
</body> |
|
|
|
</html> |
|
<script> |
|
var loginVue = new Vue({ |
|
el: '#login', |
|
data: { |
|
loginForm: { |
|
managerName: '', |
|
managerPassword: "", |
|
rand_code: '', |
|
}, |
|
code: ms.base + "/code?t=" + new Date().getTime(), |
|
rememberPass: '', |
|
loginFormRule: { |
|
managerName: [{ |
|
required: true, |
|
message: '请输入用户名', |
|
trigger: 'blur' |
|
}, |
|
{ |
|
min: 3, |
|
max: 6, |
|
message: '长度在 3 到 5 个字符', |
|
trigger: 'blur' |
|
} |
|
], |
|
managerPassword: [{ |
|
required: true, |
|
message: '请输入密码', |
|
trigger: 'blur' |
|
}, |
|
{ |
|
min: 6, |
|
max: 20, |
|
message: '长度在 6 到 20 个字符', |
|
trigger: 'blur' |
|
} |
|
], |
|
rand_code: [{ |
|
required: true, |
|
message: '请填写验证码', |
|
trigger: 'blur' |
|
}, |
|
{ |
|
min: 1, |
|
max: 4, |
|
message: '长度在1 到 4 个字符', |
|
trigger: 'blur' |
|
} |
|
], |
|
} |
|
}, |
|
methods: { |
|
// 登录 |
|
checkLogin: function(form) { |
|
var that = this; |
|
ms.http.post(ms.base + "/ms/checkLogin.do", form).then(function(data) { |
|
if (data.result) { |
|
that.$notify({ |
|
title: '成功', |
|
message: '登录成功', |
|
type: 'success' |
|
}); |
|
location.href = ms.manager+"/index.do"; |
|
} else { |
|
that.$notify({ |
|
title: '失败', |
|
message: data.resultMsg, |
|
type: 'warning' |
|
}); |
|
} |
|
}, (err) => { |
|
that.$message.error(data.resultMsg); |
|
}) |
|
}, |
|
code: function() { |
|
code: ms.base + "/code?t=" + new Date().getTime(); |
|
}, |
|
|
|
}, |
|
mounted: { |
|
|
|
|
|
} |
|
}) |
|
</script> |