xiuli.gao
/
youhuiquan


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181
							<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta content="yes" name="apple-mobile-web-app-capable">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0,user-scalable=0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>招募令</title>
    <script src="./js/jquery.js"></script>
    <!--<script type="text/javascript" src="js/enlist_three.js"></script>-->
	<link rel="stylesheet" type="text/css" href="./font/iconfont.css">
	<link rel="stylesheet" type="text/css" href="css/enlist_three.css">	
	<script>
		document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
		window.onresize = function(){
			document.documentElement.style.fontSize = 100 * (document.documentElement.clientWidth/375) + "px";
		} 
	</script>
</head>
<body>
    <div class="warp">
		<div class="enlist_img">
			<img src="images/KX01.png?v=1"  style="display: block;">
		</div>
		<form class="enlist_form">
			<!--<p class="enlist_form_p">姓名<span class="fbc_required">*</span></p>
			<div class="enlist_form_input">
				<div class="enlist_form_input_icon">
					<i class="iconfont icon-icon1"></i>
				</div>
				<input type="text" class="enlist_form_input_item" id="user">
			</div>-->
			<p class="enlist_form_p">手机<span class="fbc_required">*</span></p>
			<div class="enlist_form_input">
				<div class="enlist_form_input_icon">
					<i class="iconfont icon-icon"></i>
				</div>
				<input type="tel" class="enlist_form_input_item" id="tel" >
			</div>
			<!--<p class="enlist_form_p">邮箱<span class="fbc_required">*</span></p>
			<div class="enlist_form_input">
				<div class="enlist_form_input_icon">
					<i class="iconfont icon-email-outline"></i>
				</div>
				<input type="email" class="enlist_form_input_item" id="email">
			</div>-->
			<p class="enlist_form_p">微信<span class="fbc_required">*</span></p>
			<div class="enlist_form_input">
				<div class="enlist_form_input_icon">
					<i class="iconfont icon-weixin"></i>
				</div>
				<input type="text" class="enlist_form_input_item" id="vx">
			</div>
			<!--<p class="enlist_form_p">QQ<span class="fbc_required">*</span></p>
			<div class="enlist_form_input">
				<div class="enlist_form_input_icon">
					<i class="iconfont icon-qq"></i>
				</div>
				<input type="number" class="enlist_form_input_item" id="qq">
			</div>-->
			<div class="enlist_form_button" >立即报名</div>
		</form>
		<!--弹层-->
		<div class="mask" style="z-index:989;" >
			<div class="content">
				<p class="con_tit">报名成功 <img src="images/close1.png" onclick="shut()" alt=""/></p>
				<p class="con_con" style="height:0.3rem">欢迎加入“猎豆优选代理群”</p>
				<p class="con_con">免费获取全套营销课程，还能与创始人面对面交流。</p>
				<div class="code"><img id="evm_zml" src="https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/H5-liedou/evm_zml.jpg" alt="二维码" id="code"/></div>
				<!--<div id="save" onclick="downloadIamge('canvas', '001')">保存二维码</div>-->
				<p class="con_con" style="line-height: 0.3rem;text-align: center;">截图保存二维码</p>
				<p class="con_course" onclick="goCourse()">查看使用教程</p>
			</div>
		</div>
		<!--教程弹层-->
		<div class="mask_two" style="z-index:989;" >
			<div class="content_two" >
				<p class="con_tit_two">
					<img src="images/back1.png" alt="返回" " onclick="back()" />
					淘口令使用教程 <img src="images/close1.png" onclick="shut()" alt="关闭" />
				</p>
				<div class="course_item">
					<p class="p_text">1.保存进群二维码图片</p>
					<img src="images/1.png" alt="" />
					<p class="p_text">2.打开微信右上方的“+”</p>
					<img src="images/2.png" alt="" />
					<p class="p_text">3.点击【扫一扫】</p>
					<img src="images/3.png" alt="" />
					<p class="p_text">4.点击右上角【相册】</p>
					<img src="images/4.png" alt="" />
					<p class="p_text">5.选择刚才保存的群二维码图片</p>
					<img src="images/5.png" alt="" />
					<p class="p_text">6.点击右上角的【完成】</p>
					<img src="images/6.png" alt=""/>
					<p class="p_text">7.成功加入“猎豆优选代理群”</p>
					<img src="images/7.png" alt=""/>
				</div>
			</div>			
		</div>
		
		<!--失败弹层-->
		<div class="fail">
			<div class="content_fail">
				<h3>提示</h3>
				<p>提示内容</p>
				<div onclick="iknow()">我知道了</div>
			</div>
		</div>
	</div>
	
</body>

<script type="text/javascript">
	$().ready(function () {
		$("#evm_zml").attr("src","https://kx-youhuiquan.oss-cn-beijing.aliyuncs.com/H5-liedou/evm_zml.jpg?time=" + new Date().getTime())
	})
		//弹层
	function iknow() {
		$(".fail").css("visibility","hidden");
	}
	//获取焦点时 改变图片颜色 边框颜色
	$("input").focus(function(e){
		$(e.currentTarget).parent().css("border-color","#a5a5a5");
        $(e.currentTarget).prev().find('i').css('color', '#2c8ad0');
    });
    $("input").blur(function(e){
		$(e.currentTarget).parent().css("border-color","#D3D3D3");
        $(e.currentTarget).prev().find('i').css('color', '#7fbceb');
    });
	$('.enlist_form_button').click(function(){
		getData();
	})

	//请求数据
	function getData(){
		
		$.ajax({ 
			type: "GET",
			url: "https://tbk.726p.com/api/v2/signUp/insertInfo", 
			data:{
				user:new Date().getTime(),
				tel:$('#tel').val(),
				email:'00000@163.com',
				vx:$('#vx').val(),
				qq:'00000',
				source:'1000'
			}, 
			success:function(msg){
				 console.log(msg)
				//判断返回值
				if(msg.errno==4003){
//					$('.mask .content p').html(msg.err)
					$('.mask').css("visibility","visible");	
					$('input').val('');
				}else if(msg.errno==10009){
					$('.fail').css("visibility","visible");	
					$('.fail .content_fail p').html(msg.rst.msg)
				}
			},
			fail:function (err){
				console.log(err)
			}
		});
	}
	
	function back(){
		$(".mask_two").css('visibility','hidden')
		$(".mask").css('visibility','visible')
	}
	function goCourse(){
		$(".mask").css('visibility','hidden')
		$(".mask_two").css('visibility','visible')
		
	}
	function shut(){
		$(".mask_two").css('visibility','hidden')
		$(".mask").css('visibility','hidden')
	}
</script>
</html>