<!DOCTYPE html>
<html>
<head>
<base href="http://www.sdbzgtjt.cn:80/" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>鐧诲綍--婊ㄥ窞鍥芥湁璧勬湰鎶曡祫杩愯惀闆嗗洟鏈夐檺鍏徃</title>
<link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="assets/layui/css/layui.css?v=1.0.3" />
<link href="assets/css/bootstrap.min.css?v=1.0.3" rel="stylesheet" type="text/css" />
<link href="assets/css/font-awesome.min.css?v=1.0.3" rel="stylesheet" type="text/css" />
<link href="assets/css/login.css?v=1.0.3" rel="stylesheet" type="text/css" />
<!-- <link href="assets/css/common.css?v=1.0.3" rel="stylesheet" type="text/css"> -->
<script src="assets/js/jquery-1.11.2.min.js?v=1.0.3"></script>
<script src="assets/layui/layui.js?v=1.0.3"></script>
<script src="assets/js/public.js?v=1.0.3"></script>
<script src="assets/js/uuid.js?v=1.0.3"></script>
<style>
body {
color: #333;
}
.layui-tab {
width: 376px;
margin-right: 70px;
margin-top: 25px;
}
.layui-tab-brief>.layui-tab-title .layui-this {
color: #fff !important;
font-size: 22px;
}
.layui-tab-brief>.layui-tab-more li.layui-this:after,
.layui-tab-brief>.layui-tab-title .layui-this:after {
border: none;
border-radius: 0;
border-bottom: 3px solid #11a3fc;
}
.layui-tab-title {
border-bottom: 1px solid #446FDC;
text-align: left;
}
.layui-tab-title li {
font-size: 18px;
color: #fff;
}
#particles-js {
position: absolute;
width: 100%;
height: 100%;
z-index: 0;
}
a:hover {
color: #11a3fc;
}
.reg-link {
text-align: center;
margin: 0 auto;
/* width: 60%; */
}
.reg-link ul .reg {
display: inline-block;
/* padding: 0 70px; */
font-size: 14px;
float: left;
}
.reg-link ul .forget {
display: inline-block;
/* padding: 0 70px; */
font-size: 14px;
float: right;
margin-right: 10px;
}
.layui-layer-move {
color: #000;
}
.login-title {
color: #FFFFFF;
text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
}
.form-horizontal {
padding: 12px;
opacity: 0.76;
background: #0A1B45;
}
.form-horizontal .layui-tab-content {
width: 100%;
margin: 0 auto;
}
.form-horizontal .form-control {
background: #fff;
}
.form-horizontal .form-group {
width: 90%;
}
.input-group-addon {
background: rgba(36, 106, 183, 0.66);
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
border-radius: 20px;
}
.form-horizontal .form-control {
border-radius: 20px;
}
.a-color {
color: #fff;
}
.a-color:hover {
color: grey;
}
#login,
#register {
outline: none;
}
#login:active,
#register:active {
opacity: 0.5;
}
</style>
</head>
<body>
<div id="particles-js"></div>
<div class="htmleaf-container">
<div class="demo form-bg" style="padding-top:110px!important;">
<div class="container">
<div class="row" style="display:flex;justify-content:center;">
<!-- col-md-offset-1 -->
<div class="col-md-9" style="text-align:center;">
<div class="login-title" style="width:880px;font-size: 55px;margin-bottom:10px;">婊ㄥ窞鍥芥湁璧勬湰鎶曡祫杩愯惀闆嗗洟鏈夐檺鍏徃
</div>
<div class="login-title" style="font-size: 24px;margin-bottom:67px;">Valley of aluminum industry in big data public service platform</div>
<div class="form-horizontal layui-form" id="loginForm" lay-filter="loginForm">
<div style="display:inline-block;float:left;"><img src="assets/img/login/bg-img.png"
style="width:360px;height:auto;" mode="widthFix" /></div>
<div class="layui-tab layui-tab-brief" style="float:right;" lay-filter="login-tab">
<ul class="layui-tab-title">
<!-- <li lay-id="0" class="layui-this">鎵嬫満鐧诲綍</li> -->
<li lay-id="1">鐢ㄦ埛鍚嶇櫥褰�</li>
<!-- <li lay-id="2">绠＄悊鍛樼櫥褰�</li> -->
</ul>
<div class="layui-tab-content">
<!-- <div class="layui-tab-item ">
<div class="input-group">
<div class="input-group-addon">
<i class="layui-icon layui-icon-cellphone"
style="margin: 0rem auto;"></i>
</div>
<input type="text" class="form-control" name="phone" id="phone"
placeholder="璇疯緭鍏ユ墜鏈哄彿鐮�">
</div>
<div class=" layui-inline ">
<div class="input-group input-code">
<div class="input-group-addon"> <i
class="layui-icon layui-icon-vercode"
style="margin: 0rem auto;"></i> </div>
<input type="text" class="form-control" name="code" id="code"
placeholder="璇疯緭鍏ラ獙璇佺爜">
<div class="input-group-addon"><a class="input-code-btn a-color"
id="get-code" isActive=1 href="javascript:void(0);; ">鑾峰彇楠岃瘉鐮�</a>
</div>
</div>
</div>
</div> -->
<div class="layui-tab-item layui-show">
<div class="input-group">
<div class="input-group-addon">
<i class="layui-icon layui-icon-username"
style="margin: 0rem auto;"></i>
</div>
<input type="text" class="form-control" name="name" id="name"
placeholder="璇疯緭鍏ヨ处鍙�">
</div>
<div class=" layui-inline ">
<div class="input-group input-code">
<div class="input-group-addon"> <i
class="layui-icon layui-icon-password"
style="margin: 0rem auto;"></i> </div>
<input type="password" class="form-control" name="password"
id="password" placeholder="璇疯緭鍏ュ瘑鐮�" autocomplete="off">
</div>
</div>
<!-- <div class="input-group">
<div class="input-group-addon"> <i
class="layui-icon layui-icon-vercode"
style="margin: 0rem auto;"></i> </div>
<input type="text" class="form-control" name="imgCode" id="imgCode"
placeholder="璇疯緭鍏ュ浘鍨嬮獙璇佺爜"
onclick="if(document.getElementById('verifyCode').style.visibility=='hidden'){viewVerifyCode();}">
<div class="input-group-addon" style="padding: 0;background: #fff;padding-right: 12px;">
<img id="verifyCode" src="fa/imgCode"
onclick="viewVerifyCode();"
style="visibility: visible;height:38px;"></div>
</div> -->
</div>
</div>
<!-- <div class=" layui-inline " style="padding: 10px;" >
</div> -->
<div class="reg-link">
<ul>
<!-- <li class="reg"><a href="/f/home/regedit">娉ㄥ唽鏂扮敤鎴�</a></li> -->
<li class="forget"><a href="/f/home/forget">蹇樿瀵嗙爜?</a></li>
</ul>
</div>
<div class="form-group"
style="margin-top: 7rem; clear: both; display:flex;justify-content:space-between;">
<input type="hidden" name="isAdmin" value="0">
<button class="btn btn-primary"
style="background: #4670DC;border-radius: 55px;margin-right:15px!important;"
id="login">鐧诲綍</button>
<button class="btn btn-primary"
style="background: #0A1B45;border-radius: 55px;border:1px solid #fff;"
id="register">娉ㄥ唽</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="assets/js/libs/particles.min.js?v=1.0.3"></script>
<script src="assets/js/libs/app.js?v=1.0.3"></script>
<script type="text/javascript">
$("#register").click(function () {
window.location.href = "/f/home/regedit";
})
if (self.frameElement && self.frameElement.tagName == "IFRAME") {
//alert('鍦╥frame涓�');
parent.location.href = "/f/login";
}
layui.use(['layer', 'form', 'element'], function () {
var layer = layui.layer,
form = layui.form;
var element = layui.element;
let tabId = 1;
element.on('tab(login-tab)', function (data) {
tabId = data.index;
console.log(tabId);
if (tabId == 2) {
window.location = "f/login_m";
}
});
$("#login").click(function () {
let filed = form.val("loginForm");
console.log(filed);
if (tabId == 0) {
delete filed.name;
delete filed.password;
delete filed.imgCode;
if (filed.phone == "") {
layer.msg("璇疯緭鍏ユ墜鏈哄彿鐮�", { icon: 0, offset: '100px' })
return false;
}
if (!/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(filed.phone)) {
layer.msg("璇疯緭鍏ユ纭墜鏈哄彿鐮�", { icon: 0, offset: '100px' })
return false;
}
if (filed.code == "") {
layer.msg("璇疯緭鍏ラ獙璇佺爜", { icon: 0, offset: '100px' })
return false;
}
} else if (tabId == 1) {
delete filed.phone;
delete filed.code;
filed.imgCode=='0000'
if (filed.name == "") {
layer.msg("璇疯緭鍏ョ敤鎴峰悕", { icon: 0, offset: '100px' })
return false;
}
if (filed.password == "") {
layer.msg("璇疯緭鍏ュ瘑鐮�", { icon: 0, offset: '100px' })
return false;
}
if (filed.imgCode == "") {
layer.msg("璇疯緭鍏ュ浘褰㈤獙璇佺爜", { icon: 0, offset: '100px' })
return false;
}
} else {
layer.msg("鐧诲綍閿欒", { icon: 0, offset: '100px' })
return false;
}
var loading = layer.load(1, {
shade: [0.1, '#fff'] //0.1閫忔槑搴︾殑鐧借壊鑳屾櫙
});
$.post("fa/to_login", filed, function (data) {
// debugger
if (data.code == "0") {
console.log("鐧诲綍鎴愬姛!");
localStorage.setItem("uToken", data.token);
Setcookie("uToken", data.token);
// window.location = "/";
window.open('/');
} else if (data.code == "600" || data.code == "500" || data.code == "702" || data.code == "700") {
layer.close(loading);
layer.msg(data.result, {
icon: 5,
offset: '100px'
});
} else {
layer.close(loading);
layer.msg('鐧诲綍澶辫触!', {
icon: 5
, offset: '100px'
});
}
});
});
$("#get-code").click(function () {
let isActive = $("#get-code").attr("isActive")
console.log(isActive);
if (isActive == 0) {
return false;
}
let phone = $("#phone").val()
if (phone == "") {
layer.msg("璇疯緭鍏ユ墜鏈哄彿鐮�", { icon: 0, offset: '100px' })
return false;
}
if (!/^[1][3,4,5,6,7,8,9][0-9]{9}$/.test(phone)) {
layer.msg("璇疯緭鍏ユ纭墜鏈哄彿鐮�", { icon: 0, offset: '100px' })
return false;
}
var loading = layer.load(1, {
shade: [0.1, '#fff'] //0.1閫忔槑搴︾殑鐧借壊鑳屾櫙
});
$.post('fa/sms/sendCode', { mobile: phone }, function (data) {
layer.close(loading);
// debugger
if (data.code == 0) {
s60("get-code");
} else {
layer.msg('鑾峰彇楠岃瘉鐮佸け璐�!', {
icon: 5
, offset: '100px'
});
}
});
});
document.onkeydown = function (event) {
var e = event || window.event || arguments.callee.caller.arguments[0];
if (e && e.keyCode == 13) { // enter 閿�
$("#login").trigger('click');
}
}
window.viewVerifyCode = function () {
$("#verifyCode").attr("src", "fa/imgCode?random" + Math.random());
}
function s60(id) {
let i = 60
$("#" + id).attr('isActive', 0);
let IntervalId = setInterval(function () {
if (i > 0) {
$("#" + id).text(i + "绉掑悗鍙噸鏂拌幏鍙�")
i--;
} else {
clearInterval(IntervalId);
$("#" + id).attr('isActive', 1);
$("#" + id).text("鑾峰彇楠岃瘉鐮�");
}
}, 1000);
}
});
</script>
</body>
</html>