{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 zc_box1">
				<div class="dlzc_container pd_t10 pd_b50">
					<div class="dlzc_tab">
						<ul class="flex_box">
							<li class="active pd_tb40">个人用户注册</li>
							<li class="pd_tb40">企业用户注册</li>
						</ul>
					</div>
					<div class="dlzc_con pd_t30">
						<div class="dlzc_item dlzc_gr">
							
							<form name="form_1" id="form_1" onsubmit="return form_reg(1);">
							<input type="hidden" name="type" value="1">
							<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" name="name" placeholder="3-12位英文、数字">
										</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" name="password" placeholder="请输入8-18位数字与字母的组合">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">重复密码</span>
										<div class="dlzc_inp">
											<input type="password" name="password1" 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="text" name="mail" placeholder="请输入邮箱号码">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">联系电话</span>
										<div class="dlzc_inp">
											<input type="text" id="phone1" name="phone" placeholder="请输入联系电话用于接收验证码">
										</div>
									</div>
								</li>
								
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">验证码</span>
										<div class="dlzc_inp">
											<input type="text" name="code" placeholder="请输入短信验证码">
										</div>
										<span class="dlzc_send send1" onclick="sendSMS(1);">发送验证码</span>
									</div>
								</li>
								
								<li class="dlzc_li dlzc_btns mg_t50">
									<a class="dlzc_btn dlzc_btn1" href="javascript:form_reg(1)">注册</a>
								</li>
							</ul>
							</form>
							
						</div>
						<div class="dlzc_item dlzc_qy">
							<form name="form_2" id="form_2" onsubmit="return form_reg(2);">
							<input type="hidden" name="type" value="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" name="name" placeholder="3-12位英文、数字">
										</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" name="password" placeholder="请输入8-18位数字与字母的组合">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">重复密码</span>
										<div class="dlzc_inp">
											<input type="password" name="password1" placeholder="请再次输入密码">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">企业全称</span>
										<div class="dlzc_inp">
											<input type="text" name="qyname" placeholder="请输入企业全称">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">联系人姓名</span>
										<div class="dlzc_inp">
											<input type="text" name="lxr" placeholder="请输入联系人姓名">
										</div>
									</div>
								</li>

								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">联系人邮箱</span>
										<div class="dlzc_inp">
											<input type="text" name="mail" placeholder="请输入联系人邮箱">
										</div>
									</div>
								</li>
								
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">联系人电话</span>
										<div class="dlzc_inp">
											<input type="text" id="phone2" name="phone" placeholder="请输入联系电话用于接收验证码">
										</div>
									</div>
								</li>
								<li class="dlzc_li mg_t20">
									<div class="dlzc_field">
										<span class="dlzc_name">验证码</span>
										<div class="dlzc_inp">
											<input type="text" name="code" placeholder="请输入短信验证码">
										</div>
										<span class="dlzc_send send2" onclick="sendSMS(2);">发送验证码</span>
									</div>
								</li>
								<li class="dlzc_li dlzc_btns mg_t50">
									<a class="dlzc_btn dlzc_btn1" href="javascript:form_reg(2)">注册</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/insert')}",
		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';
				$('#form_1')[0].reset();
				//window.location.reload();
				return false;
			}else{
				alert(data.msg);
			}

		}
	})
	return false
}

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

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

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