{include file="common/common"/}
{include file="common/top"/}
{include file="common/menu"/}


<div class="user_box">
	<!-- banner -->
	<div class="inner_banner">
		<img class="wow scaleBox" data-wow-duration="4s" src="/template/common/img/zlxz_banner.jpg">
	</div>
	<!-- /banner -->
	
	<!-- 主体 -->
	<main class="main_box">
		<div class="user_bg pd_b80">
			
			<!-- 登录 -->
			<div class="dlzc_box1 dl_box1">
				<div class="dlzc_container pd_t10 pd_b50">
					<div class="dlzc_tab">
						<ul class="flex_box">
							<li class="pd_tb40">用户登录</li>
						</ul>
					</div>
					<div class="dlzc_con pd_t30">
						<div class="dlzc_item">
							
							<form name="form_2" id="form_2" method="POST" onsubmit="return form_reg(2);">
							<ul class="dlzc_ul">
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">用户名</span>
										<div class="dlzc_inp">
											<input type="text" id="name" name="name" placeholder="请输入用户名">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">密&nbsp;&nbsp;&nbsp;码</span>
										<div class="dlzc_inp">
											<input type="password" id="password" name="password" placeholder="请输入密码">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20" style="display: none;">
									<div class="dlzc_field">
										<span class="dlzc_name">手机号</span>
										<div class="dlzc_inp">
											<input type="text" id="phone" name="phone" placeholder="请输入手机号">
										</div>
									</div>
								</li>
								<li class="dlzc_li dlzc_sjyzm flex_box mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">手机验证码</span>
										<div class="dlzc_inp">
											<input type="text" name="code" placeholder="请输入手机验证码">
										</div>
									</div>
									<span class="dlzc_send send1" onclick="sendSMS();">发送验证码</span>
								</li>
								<li class="dlzc_li dlzc_wjmm mg_t20">
									<a class="fl" href="/back.html">忘记密码？</a>
								</li>
								<li class="dlzc_li dlzc_btns mg_t30">
									<a class="dlzc_btn dlzc_btn1" href="javascript:form_reg(2);">登录</a>
									<a class="dlzc_btn dlzc_btn2" href="/reg.html">注册</a>
								</li>
							</ul>
							</form>
						</div>
					</div>
				</div>
			</div>
			<!-- /登录 -->
			
		</div>
		
		
	</main>
	<!-- /主体 -->
</div><!-- /user_box -->
<script>
function form_reg(a){
	var post_data=$("#form_"+a+"").serialize();
	post_data.Ajax=1;
	$.ajax({
		url:"{:url('index/User/do_login')}",
		type: 'post',
		dataType: 'json',
		async:false,
		data:post_data,
		success:function(data){
			//console.log(data);
			if(data.type=='ok'){ 
				alert(data.msg);
				window.location.href ='/user.html';
				//window.location.reload();
				return false;
			}else{
				alert(data.msg);
			}

		}
	})
	return false
}

function sendSMS(){
	var phone = $('#phone').val();
	var name = $('#name').val();
	var password = $('#password').val();
	
	$.ajax({
		url:"{:url('index/Sms/send_aliyun')}",
		data: "phone="+phone+"&name="+name+"&password="+password+"&b=1",
		dataType: "json",
		success: function (obj) {
			//console.log(obj);
			if(obj.msg=='OK'){
				alert('已发送!');
			}else{
				alert(obj.msg);
			}
		}
	});

	$('.send1').attr('onclick','');
	var m=60;
	var sms_time=setInterval(function(){
		if(m==0){
			$('.send1').text("发送验证码").attr('onclick','sendSMS()');
			clearInterval(sms_time);
		}else{
			$('.send1').text("重新发送("+m+")").attr('onclick','');
		}
		m--;
	},1000);
	return false;
}
</script>

{include file="common/foot"/}
{include file="common/bottom"/}