<!DOCTYPE html>
<html lang="zh-CN">

<head>
#include("/common/view/base_head.html")
<script src="#(WX_HOST)/js/info/bing.js"></script>
<script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script>
	var appId = '#(appid)';
wx.config({
    debug: false, // 开启调试模式,调用的所有api的返回值会在客户端alert出来，若要查看传入的参数，可以在pc端打开，参数信息会通过log打出，仅在pc端时才会打印。
    appId: '#(appid)', // 必填，公众号的唯一标识
    timestamp: #(timestamp), // 必填，生成签名的时间戳
    nonceStr: '#(nonceStr)', // 必填，生成签名的随机串
    signature: '#(signature)',// 必填，签名，见附录1
    jsApiList: ['closeWindow'] // 必填，需要使用的JS接口列表，所有JS接口列表见附录2
});
wx.ready(function(){
    // config信息验证后会执行ready方法，所有接口调用都必须在config接口获得结果之后，config是一个客户端的异步操作，所以如果需要在页面加载时就调用相关接口，则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口，则可以直接调用，不需要放在ready函数中。
});
wx.error(function(res){
    // config信息验证失败会执行error函数，如签名过期导致验证失败，具体错误信息可以打开config的debug模式查看，也可以在返回的res参数中查看，对于SPA可以在这里更新签名。
});
</script>
</head>

<body>
	<div class="container-fluid">
		<div class="mobile">
			<div class="" id="div_phone_form">
				<form name="phone_form" method="post" action="">
					<div class="form-group">
				    	<input type="text" class="form-control myform-control" name="phone" value="" placeholder="请输入您已注册的手机号码">
				  	</div>
					<div class="form-group">
						<div id="getVerifyCodeBtn" class="btn mybtn-default">获取验证码</div>
				  	</div>
				  	<div class="form-group">
				    	<label class="wx-tips">*如号码未注册，请您到物管处登记注册</label>
				  	</div>
				</form>
			</div>
			<div class="" id="div_bing_form" style="display:none;">
				<form name="bing_form" method="post" action="">
					<input type="hidden" name="appid" value="#(appid)">
					<input type="hidden" name="openid" value="#(openid)">
					<input type="hidden" name="phone" value="" id="phone">
					<div class="form-group">
						<div style="float: left;width: 100%;margin-bottom: 15px;">
							<div style="float: left;margin-right: 100px;position: fixed;width: auto;right: 40px;left: 40px;">
				    			<input type="text" class="form-control myform-control" value="" name="verifyCode" placeholder="请输入短信验证码">
							</div>
							<div style="float: right;right: 0px;left: 4px;">
				  				<div id="reGetVerifyCodeBtn" class="btn verity-btn">获取验证码</div>
							</div>
						</div>
				  	</div>
					<div id="bingBtn" style="letter-spacing:16px;text-indent:16px;" class="btn mybtn-default">绑定</div>
				</form>
			</div>
		</div>
		<!-- 提示 -->
		<div id="div_tips" style="display: none;" class="div-tips">
			<div id="bing_success_tips" class="tips-item-div tips-ok">
				<span class="glyphicon glyphicon-ok-circle"></span>
				<div>绑定成功</div>
				<div class="btn mybtn-default closeBtn">返回微信</div>
			</div>
			<div id="un_regist_tips" class="tips-item-div tips-fail">
				<div><span class="glyphicon glyphicon-exclamation-sign"></span></div>
				<div>该号码暂未注册</div>
				<div>请先到物管处登记注册</div>
				<div class="btn mybtn-default">返回微信</div>
			</div>
			<div id="orther_tips" class="tips-item-div tips-fail">
				<div><span class="glyphicon glyphicon-exclamation-sign"></span></div>
				<div id="tips_msg"></div>
				<div id="closeModel" style="letter-spacing:16px;text-indent:16px;" class="btn mybtn-default">好的</div>
			</div>
		</div>
	</div>
</body>

</html>
