master
sgjj
6 years ago
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 |
||||
templet.file=\u6a21\u677f\u6587\u4ef6\u4e0d\u5b58\u5728 |
||||
id=\u6587\u7ae0\u7f16\u53f7 |
||||
typeid=\u680f\u76ee\u7f16\u53f7 |
||||
templet.file=\u6A21\u677F\u6587\u4EF6\u4E0D\u5B58\u5728 |
||||
id=\u6587\u7AE0\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