master
parent
0fd4a57ae1
commit
818f555288
26 changed files with 1182 additions and 313 deletions
@ -1,5 +1,6 @@ |
|||||||
#mcms\u7248\u672c |
#mcms\u7248\u672C |
||||||
version=d3a98fefcb242db78da5fc31608ff247 |
version=d3a98fefcb242db78da5fc31608ff247 |
||||||
templet.file=\u6a21\u677f\u6587\u4ef6\u4e0d\u5b58\u5728 |
templet.file=\u6A21\u677F\u6587\u4EF6\u4E0D\u5B58\u5728 |
||||||
id=\u6587\u7ae0\u7f16\u53f7 |
id=\u6587\u7AE0\u7F16\u53F7 |
||||||
typeid=\u680f\u76ee\u7f16\u53f7 |
typeid=\u680F\u76EE\u7F16\u53F7 |
||||||
|
order=\u6392\u5E8F |
||||||
|
|||||||
@ -0,0 +1,164 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<html lang="zh"> |
||||||
|
<head> |
||||||
|
<title>${app.appName}</title> |
||||||
|
<#include "/include/head-file.ftl"/> |
||||||
|
<script src="${base}/static/plugins/jquery/3.2.1/jquery.min.js"></script> |
||||||
|
<script src="${base}/static/plugins/jquery.cookie/1.4.1/jquery.cookie.min.js"></script> |
||||||
|
<link rel="stylesheet" href="${base}/static/ms-admin/4.7.0/css/login.css"> |
||||||
|
</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" @keydown.13='checkLogin'> |
||||||
|
|
||||||
|
<img style="height: 360px" :src="ms.base+'/static/ms-admin/4.7.0/images/login-slogn.png'"> |
||||||
|
<el-form :model="loginForm" status-icon :rules="loginFormRule" style="height: 360px" ref="loginForm" label-width="100px" class="ms-admin-login-form"> |
||||||
|
<el-alert |
||||||
|
style="margin-bottom: 10px;" |
||||||
|
title="演示版部分删除功能已去除" |
||||||
|
type="warning" |
||||||
|
center |
||||||
|
:closable="false" |
||||||
|
show-icon> |
||||||
|
</el-alert> |
||||||
|
<h1> |
||||||
|
<span>账户登录 / </span>User login</h1> |
||||||
|
<el-form-item class="ms-admin-form-item" prop="managerName"> |
||||||
|
<el-input type="text" placeholder='用户名/admin' v-model="loginForm.managerName" ></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item class="ms-admin-form-item" prop="managerPassword"> |
||||||
|
<el-input type="password" placeholder='密码/123456' v-model="loginForm.managerPassword"></el-input> |
||||||
|
</el-form-item> |
||||||
|
<el-form-item class="ms-admin-form-item ms-admin-form-item-code" prop="rand_code"> |
||||||
|
<el-input type="text" placeholder='验证码' v-model="loginForm.rand_code" autocomplete="off"></el-input> |
||||||
|
<img :src="verifCode" class="code-img" @click="code" /> |
||||||
|
<p> |
||||||
|
<span>看不清?</span> |
||||||
|
<span @click="code">换一张</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: 'admin', |
||||||
|
managerPassword: "123456", |
||||||
|
rand_code: '' |
||||||
|
}, |
||||||
|
verifCode: ms.manager + "/code?t=" + new Date().getTime(), |
||||||
|
rememberPass: '', |
||||||
|
loginFormRule: { |
||||||
|
managerName: [{ |
||||||
|
required: true, |
||||||
|
message: '请输入用户名', |
||||||
|
trigger: 'blur' |
||||||
|
}, |
||||||
|
{ |
||||||
|
min: 1, |
||||||
|
max: 30, |
||||||
|
message: '长度在 1 到 30 个字符', |
||||||
|
trigger: 'blur' |
||||||
|
} |
||||||
|
], |
||||||
|
managerPassword: [{ |
||||||
|
required: true, |
||||||
|
message: '请输入密码', |
||||||
|
trigger: 'blur' |
||||||
|
}, |
||||||
|
{ |
||||||
|
min: 1, |
||||||
|
max: 30, |
||||||
|
message: '长度在 1 到 30 个字符', |
||||||
|
trigger: 'blur' |
||||||
|
} |
||||||
|
], |
||||||
|
rand_code: [{ |
||||||
|
required: true, |
||||||
|
message: '请填写验证码', |
||||||
|
trigger: 'blur' |
||||||
|
}, |
||||||
|
{ |
||||||
|
min: 1, |
||||||
|
max: 4, |
||||||
|
message: '长度在1 到 4 个字符', |
||||||
|
trigger: 'blur' |
||||||
|
} |
||||||
|
], |
||||||
|
} |
||||||
|
}, |
||||||
|
methods: { |
||||||
|
// 登录 |
||||||
|
checkLogin: function() { |
||||||
|
var that = this; |
||||||
|
this.$refs['loginForm'].validate((valid) => { |
||||||
|
if(valid) { |
||||||
|
ms.http.post(ms.manager + "/checkLogin.do", that.loginForm).then(function(data) { |
||||||
|
if(data.result) { |
||||||
|
if(that.rememberPass) { |
||||||
|
$.cookie('managerName',that.loginForm.managerName, { expires: 365 }); |
||||||
|
$.cookie('managerPassword',that.loginForm.managerPassword, { expires: 365 }); |
||||||
|
} else { |
||||||
|
$.cookie('managerName',""); |
||||||
|
$.cookie('managerPassword',""); |
||||||
|
} |
||||||
|
that.$notify({ |
||||||
|
title: '成功', |
||||||
|
message: '登录成功', |
||||||
|
type: 'success' |
||||||
|
}); |
||||||
|
location.href = ms.manager + "/index.do"; |
||||||
|
} else { |
||||||
|
that.$notify({ |
||||||
|
title: '失败', |
||||||
|
message: data.resultMsg, |
||||||
|
type: 'warning' |
||||||
|
}); |
||||||
|
that.code(); |
||||||
|
} |
||||||
|
}, (err) => { |
||||||
|
that.$message.error(data.resultMsg); |
||||||
|
}) |
||||||
|
} |
||||||
|
|
||||||
|
}); |
||||||
|
|
||||||
|
}, |
||||||
|
code: function() { |
||||||
|
this.verifCode = ms.web + "/code?t=" + new Date().getTime(); |
||||||
|
}, |
||||||
|
|
||||||
|
}, |
||||||
|
mounted: function() { |
||||||
|
this.verifCode = ms.web + "/code?t=" + new Date().getTime(); |
||||||
|
if($.cookie('managerName')){ |
||||||
|
this.loginForm.managerName = $.cookie('managerName'); |
||||||
|
this.loginForm.managerPassword = $.cookie('managerPassword'); |
||||||
|
} |
||||||
|
if (top.location != self.location){ |
||||||
|
top.location = self.location; |
||||||
|
} |
||||||
|
} |
||||||
|
}) |
||||||
|
|
||||||
|
</script> |
||||||
Loading…
Reference in new issue