wangrui
/
llpt_orderchannel-s1h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" name="viewport"> 
	<meta content="yes" name="apple-mobile-web-app-capable">
	<meta content="black" name="apple-mobile-web-app-status-bar-style">
	<meta content="telephone=no" name="format-detection">
    <title>首页</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/page.css">
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<style>
.main {
	background: url(../images/btnBg.png) no-repeat;
}
</style>
</head>
<body class="body_bg">
	<article>
    	<section class="banner">
            <h1><img src="images/logo.png"></h1>
            <img src="images/banner.jpg" />
        </section>
        <section class="index_wrap">
            <section class="kt_form">
                <div class="nav_box">
                    <a href="#"><img src="images/navList_01.png"></a>
                    <a href="#"><img src="images/navList_02.png"></a>
                    <a href="#"><img src="images/navList_03.png"></a>
                    <a href="#"><img src="images/navList_04.png"></a>
                </div>
                <form>
                    <div class="gx"><input type="checkbox" checked="checked"/>我已阅读下方服务说明 </div>
                    <div class="btn"><input type="button" id="major" value="立即开通"  class="btn"/></div>
                </form>
                <p class="info">若您已订购，请<a href="#">点击激活</a></p>
            </section>
            <section class="dy_ts">
                <h4>温馨提示</h4>
                <ul class="ts_list">
                    <li><i>1</i><p>符合订购约定的中国联通手机（除冰激凌套餐）4G套餐用户均可订购“网易互娱定向流量包”。其中，4G套餐中的全国共享组合套餐、4G全国套餐主副卡用户和智慧沃家共享套餐中手机用户等共享类套餐用户的其他手机号码，不共享“网易互娱定向流量包（前向）”，需单独订购。手机套餐中流量资费、流量使用规则另有约定的按照手机套餐执行；</p></li>
                    <li><i>2</i><p>网易互娱定向免流量包适用范围包含：仅限当月访问网易游戏系列，包括但不限于梦幻西游、荒野行动、终结者2：审判者、炉石传说、阴阳师、倩女幽魂等手机客户端产生的国内定向流量资费；</p></li>
                    <li><i>3</i><p>流量包订购成功后即刻生效，该月流量月底失效，下月自动续费，本流量包不支持重复订购；已订购的用户申请退订该产品，退订成功后月底生效且当月不支持再次订购，请于次月重新订购；</p></li>
                    <li><i>4</i><p>本产品的流量额度最高为6GB封顶，封顶后超出流量与其他上网应用产生的流量一样计费，并共享封顶值。用户号码封顶值与使用的套餐有关，具体可咨询10010。申请解除流量封顶的用户请不要超封顶值使用本产品，避免产生高额流量费;</p></li>
                    <li><i>5</i><p>UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</p></li>
                    <li><i>6</i><p>如您已成功订购流量包，<a href="#">点此退订</a></p></li>
                    <li>关于免流量如有疑问请咨询联通客服：10010。</li>
                </ul>
            </section>
        </section>
    </article>

	<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
	<script type="text/javascript" src="js/page.js" ></script>
	<script>
	$('#major').unbind('click').on('click',function() {
					$("#major").attr('disabled',true);
					$("body").css("overflow","hidden");
					var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/auth-test-td.html?_=148040518646"></iframe>')
					//https://cap.chinaunicom.cn/CAP-AUTH/auth-test-td.html
					var params = {
							"PRODUCT_NAME" : "网易互娱定向流量包9元6G",
							"PRODUCT_PRICE" : "9.00元",
							"CLIENT_ID" : "",
							"CLIENT" : "3",
							"SERVICE_ID" : "",
							"AUTH_NO" : "", 
							"CLIENT_SECRET" : "",
							"VERSION" : "1.0",
							"SERVICE_PHONE" : "",
							"THEME" : "",
							"PRODUCT_ID" : "8592656",
							"PRODUCT_TYPE" : "1" 
						}
						$iframe.on('load',function() {
							$.ajax({
									url : getRootPath() + "-s1api" + "/ini/clientsecret",
									dataType : "JSON",
									method : "GET",
									success : function(data) {
										params.CLIENT_ID = data.client_id;
										params.AUTH_NO = data.auth_no;
										params.CLIENT_SECRET = data.client_secret;
										$('#uniauthframe')[0].contentWindow.postMessage(JSON.stringify(params),"https://cap.chinaunicom.cn/CAP-AUTH/")
									}
								})
						})
						$('body').append($iframe);
						//监听统一认证结果
						window.addEventListener('message', function(e) {
							var data = JSON.parse(e.data);
							$('html,body').addClass('ovfHiden');
							switch (data.RSP.RSP_CODE) {
							case "0000": //处理成功
								$('iframe').remove();
								order(data, 'tt');
								break;
							case "0001"://auth_no无效 （入参流水）
								$("#major").attr('disabled',false);
								break;
							case "0003"://client_id不存在 （注册id存在问题）
								$("#major").attr('disabled',false);
								break;
							case "4444"://服务暂时不可用（系统忙/系统队列满）
								$("#major").attr('disabled',false);
								break;
							case "9001"://关闭H5认证页面
								$("#major").attr('disabled',false);
								$('iframe').remove();
								break;
							}
						}, false);
					})
</script>  
<script type="text/javascript" src="../wy/js/tuil.js"></script>
<script type="text/javascript" src="../wy/js/order.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="../wy/js/wechatxc.min.js"></script>
</body>
</html>