




<!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('在iframe中'); 
			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>