ZHOU
/
yunsu


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
							<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html ng-app="House">
<head lang="en">
<meta charset="UTF-8" name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
<title>云模绑定微信</title>
<script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>
<link rel="stylesheet" type="text/css" href="css/bind_weixin.css">
<script>
	$(function(){
		var openid = '${requestScope.openid}';
		//var openid = "o1L3L5jybPQ0zJWujikHpVJPBiM8";
		if (openid == '') {
			login();
		}else{
            $.post('checkAccountStatus.do',{"openid": openid}, function(resp) {
                if (resp.code == 'ok') {
                    $(".main").css("height", frameHeight);
                    $(".account_detail").html(resp.data);
                    $(".binding_procedure").hide();
                    $(".binding_finish").show();
                }
            })
        }
		
		var frameHeight = $(".main").css("height");
		
		$(".confirm").click(function(){
			$.post('bindAccount.do',{'openid':openid, 'account':$(".account").val(), 'pwd':$(".password").val()}, function(resp) {
				if (resp.code == 'ok') {
					alert("绑定成功！");
					$(".main").css("height", frameHeight);
					$(".account_detail").html($(".account").val());
					$(".binding_procedure").hide();
					$(".binding_finish").show();
				} else {
					alert(resp.msg);
				}
			})
		})
	})
	
	function login(){
		var url = "http://wx.ttkuaiban.com/yscloud/getWeiXinOpenid.do";
		var appId = "wx42c0f9d19a4756a7";
		var weixinUrl="https://open.weixin.qq.com/connect/oauth2/authorize?appid="+appId+"&redirect_uri="+encodeURI(url)+"&response_type=code&scope=snsapi_userinfo&state=1#wechat_redirect";
		console.log(weixinUrl);
		window.location.href = weixinUrl;
	}
</script>
</head>
<body>
	<div class="main">
		<div class="logo">
			<img src="images/logo_bind.png">
		</div>
		<div class="binding_procedure">
			<p class="text1">绑定您的云模后台账号</p>
			<p class="text2">即可通过公众号接收消息</p>
			<p class="text3">账号</p>
			<input class="textbox account" type="text" placeholder="请输入账号">
			<p class="text3">密码</p>
			<input class="textbox password" type="password" placeholder="请输入密码">
			<div class="confirm">确认绑定</div>
		</div>
		<div class="binding_finish" style="display: none;">
			<p>您的云模后台账号已与公众号绑定</p>
			<p>绑定账号为：<span class="account_detail"></span></p>
		</div>
	</div>
</body>
</html>