<!DOCTYPE html>
|
<html>
|
<head>
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
|
<title>电子商务平台</title>
|
<link href="./page/system/css/login.css" rel="stylesheet" >
|
<!-- <link href="./css/control.css" rel="stylesheet" type="text/css"> -->
|
<script src="./data/data.js"></script>
|
<!-- <script src="./js/frame.js"></script> -->
|
<script src="./js/jquery-3.5.1.min.js"></script>
|
|
<script src="./js/foundation.js"></script>
|
<script src="./js/vue/vue.js"></script>
|
<script src="./js/vue/page.js"></script>
|
<script src="./js/vue/axios/dist/axios.min.js"></script>
|
<script src="./js/common.js"></script>
|
<script src="./dist/jigsaw.min.js"></script>
|
<link href="//at.alicdn.com/t/font_2374495_3pwfivuhlev.css" rel="stylesheet">
|
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
|
<style>
|
.container {
|
position: absolute;
|
left: 82%;
|
top: 35%;
|
display: none;
|
}
|
|
#msg {
|
width: 100%;
|
line-height: 40px;
|
font-size: 14px;
|
text-align: center;
|
height: 40px;
|
}
|
a:link,a:visited,a:hover,a:active {
|
margin-left: 100px;
|
color: #0366D6;
|
}
|
|
.input-val {
|
width: 200px;
|
height: 32px;
|
border: 1px solid #ddd;
|
box-sizing: border-box;
|
}
|
#canvas {
|
vertical-align: middle;
|
box-sizing: border-box;
|
border: 1px solid #ddd;
|
cursor: pointer;
|
}
|
|
|
</style>
|
|
<script type="text/javascript">
|
var edt_org, edt_username, edt_password, edt_vcode, lbl_message;
|
var loginObj;
|
|
function doSuccess() {
|
var url = "root/client/getUser?userId=" + loginObj.id;
|
|
var param = {
|
id: loginObj.id,
|
isClientMode: false
|
}
|
var me = this;
|
Server.call(url, param, function(result) {
|
var userObj = result.data.user;
|
var employeeObj = result.data.employee;
|
var orgObj = result.data.org;
|
|
var hierarchysObj = {};
|
if(result.data.hierarchys) {
|
hierarchysObj = result.data.hierarchys[0];//部门
|
}
|
|
/* 公司 */
|
localStorage.setItem("orgcode", orgObj.code);
|
localStorage.setItem("orgname", orgObj.name);
|
|
/* 人员 */
|
localStorage.setItem("emp_id", employeeObj.id);
|
localStorage.setItem("emp_name", employeeObj.name);
|
localStorage.setItem("emp_code", employeeObj.code);
|
|
/* 部门 */
|
if (hierarchysObj && hierarchysObj.id) {
|
localStorage.setItem("hierarchy_id", hierarchysObj.id);
|
localStorage.setItem("hierarchy_name", hierarchysObj.name);
|
localStorage.setItem("hierarchy_code", hierarchysObj.code);
|
}
|
|
/* 用户 */
|
localStorage.setItem("id", userObj.id);
|
localStorage.setItem("username", userObj.name);
|
localStorage.setItem("password", userObj.password);
|
if(userObj.roleList.length) {
|
localStorage.setItem("roleList", JSON.stringify(userObj.roleList));
|
/* userObj.roleList.map(e=>{
|
localStorage.setItem("rolecode", userObj.rolecode);
|
localStorage.setItem("roleid", userObj.roleid);
|
}); */
|
|
localStorage.setItem("hdtoken", userObj.id);
|
util.pageTo("./page/system/main.html");
|
// getfeeToken();
|
}
|
else {
|
lbl_message.html("获取权限失败：请配置相关权限");
|
}
|
|
// util.pageTo("./page/system/main.html");
|
|
|
|
});
|
}
|
|
function getfeeToken() {
|
|
// // fee的token
|
// var param = {
|
// username: "admin",
|
// password: "123456"
|
// }
|
|
// Server.call("page/system/rootfee/root/client/login", param, function(result) {
|
// var data = result.data.data;
|
// localStorage.setItem("hdtoken", "admin");
|
// util.pageTo("./page/system/main.html");
|
// },function(result) {
|
// if (!result.success) {
|
// // doError(result);
|
// return;
|
// }
|
// });
|
|
|
// return
|
|
// jemin二期的token
|
var username = edt_username.val();
|
var password = edt_password.val();
|
var param = {
|
username: username,
|
password: password
|
}
|
|
Server.call("rootjemin/root/client/login", param, function(result) {
|
var data = result.data.data;
|
localStorage.setItem("hdtoken", data.token);
|
util.pageTo("./page/system/main.html");
|
},function(result) {
|
if (!result.success) {
|
// doError(result);
|
return;
|
}
|
});
|
|
}
|
|
function doError(result) {
|
//lbl_message.html("登录错误：" + result.errorcode + ", " + result.errormessage);
|
if (result && result.message) {
|
lbl_message.html(result.message);
|
}
|
else {
|
lbl_message.html("登录错误：账号密码错误");
|
}
|
}
|
|
function login() {
|
if(document.getElementById('puzzle').style.display != 'block'){
|
document.getElementById('puzzle').style.display = 'block'
|
return
|
}
|
else if (msg.innerHTML!="验证成功！"){
|
document.getElementById('msg').innerHTML = '请滑动验证！'
|
return
|
}
|
else {
|
dologin();
|
}
|
}
|
|
function dologin() {
|
|
|
let me = this;
|
var username = edt_username.val();
|
var password = edt_password.val();
|
var orgcode = "001";
|
|
lbl_message.html("");
|
var url = "root/client/login";
|
|
var param = {
|
username: username,
|
password: password,
|
orgcode: orgcode,
|
isClientMode: false
|
}
|
Server.call(url, param, function(result) {
|
loginObj = result.data.data;
|
|
localStorage.setItem("id", loginObj.id);
|
if (result.success && loginObj && loginObj.id) {
|
/* if(document.getElementById('puzzle').style.display != 'block'){
|
document.getElementById('puzzle').style.display = 'block'
|
return
|
}
|
if (msg.innerHTML!="验证成功！"){
|
document.getElementById('msg').innerHTML = '请滑动验证！'
|
return
|
} */
|
doSuccess();
|
}
|
else {
|
doError(result);
|
}
|
}, function(result) {
|
doError(result);
|
});
|
|
}
|
|
function reset() {
|
edt_org.val("");
|
edt_username.val("");
|
edt_password.val("");
|
}
|
function loadOaKey(token) {
|
var url_ = window.top.RootSetting.url_stock + "OA/token/" + token;
|
axios.get(url_, {
|
})
|
.then(data => {
|
console.log(data.data);
|
if (data.data.success){
|
var param = {
|
code:data.data.data,
|
}
|
axios.post(window.top.RootSetting.url + "api/loginByEmployeeCode", {
|
code:data.data.data,
|
})
|
.then(data => {
|
console.log(data.data);
|
loginObj = data.data.data.data;
|
|
localStorage.setItem("id", loginObj.id);
|
console.log(loginObj.id);
|
if (data.data.success && loginObj && loginObj.id) {
|
doSuccess();
|
}
|
else {
|
console.log("1");
|
}
|
})
|
.catch( (error) => {
|
console.log(error);
|
});
|
}else{
|
console.log(data.data.data.message);
|
}
|
|
})
|
.catch( (error) => {
|
console.log(error);
|
});
|
|
}
|
function loadUrlParams() {
|
let params = getGetParams(window.location.href);
|
if(params && params.token) {
|
let token = params.token;
|
console.log(token);
|
loadOaKey(token);
|
}
|
}
|
|
$(document).ready(function() {
|
loadUrlParams();
|
edt_org = $("#edt_org");
|
edt_username = $("#edt_username");
|
edt_password = $("#edt_password");
|
edt_vcode = $("#edt_vcode");
|
lbl_message = $("#lbl_message");
|
|
edt_org.val("001");
|
var username = localStorage.getItem("username");
|
var password = localStorage.getItem("password");
|
if(username) {
|
edt_username.val(username);
|
}
|
if(password) {
|
edt_password.val(password);
|
}
|
});
|
|
</script>
|
</head>
|
|
<body>
|
|
<div class="background"></div>
|
|
<div class="header">
|
<img class="header-logo" src='img/kogo.png' height="40">
|
<label class="header-label" >济民可信电子商务平台</label>
|
</div>
|
<div>
|
|
<!-- <div class="system">
|
<div class="system-title">账号密码登录</div>
|
</div> -->
|
|
<div class="loginArea">
|
<div style="font-size: 20px;background-color: #ffffff;color: #0090FF;width: 100%;;margin-top: 20px; text-align:center;border-radius: 5px 5px 0px 0px">账号密码登录</div>
|
<div style="height: 15px; color: #ff0000; margin-bottom: 0px;margin-left: 60px;margin-top: 20px">
|
<label id="lbl_message" style="left: 10px;"></label>
|
</div>
|
<div class="x-form-item " >
|
<i class="user-class" >用户名 :</i>
|
<input id="edt_username" class="user" />
|
</div>
|
|
<div class="x-form-item ">
|
<i class="user-class" >密 码 :</i>
|
<input type="password" id="edt_password" class="user" />
|
</div>
|
|
<div style="clear:both"></div>
|
<div style="margin-top: 25px;">
|
<button onclick="dologin();" class="x-btn-text" >登录 </button>
|
</div>
|
<div style="font-size: 12px; margin-top: 30px; text-align: center;color: red;">
|
<span>注意：首次登录请修改密码</span>
|
</div>
|
</div>
|
|
<div id="puzzle" class="container" >
|
<div id="captcha" ></div>
|
<div id="msg" ></div>
|
</div>
|
</div>
|
|
<script>
|
if (!window.jigsaw) {
|
document.write('<script src="./dist/jigsaw.min.js"><\/script>')
|
}
|
jigsaw.init({
|
el: document.getElementById('captcha'),
|
onSuccess: function() {
|
document.getElementById('msg').innerHTML = '验证成功！'
|
dologin();
|
},
|
onFail: cleanMsg,
|
onRefresh: cleanMsg
|
})
|
function cleanMsg() {
|
document.getElementById('msg').innerHTML = ''
|
}
|
|
</script>
|
</body>
|
</html>
|
