wangrui
/
llpt_orderchannel-s1h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
							<!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="../tt/hd/mindon.css" />
	<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="https://s3.pstatp.com/inapp/toutiao.js"></script>
	<style>
	/* 将取号页面显示在订购页面之上 */
	iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 0px;
	}
	</style>
	<script>
	$(document).ready(function() {	
			getDeviceId(
					function (device_id) {
							$("#useraccount_tt").attr("value",device_id);
					}	
				);
	});
	</script>
</head>
<body class="index_bg">
	<input type="hidden" id="useraccount_tt" value="" />
	<input type="hidden" id="fog_tt" />
	<article>
         <section class="header">
			<img src="../tt/hd/img/banner.png">
			<h1><img src="../tt/hd/img/logo.png"></h1>
	        <p>活动期间成功订购，本月月底前即送9元话费大礼！</p>
    	</section>	
	 <section class="content">
             <section class="kt_form">
                <form>
                    <div class="btn"><input type="button" id="major" value="立即开通" class="red_btn"></div>
                </form>
                <p class="info">若您已订购，请 <a onclick="gotoUrl('tt/activate')">点击激活</a></p>
             </section>	
             <section class="dy_ts">
                <div class="notices">
                    <span class="line"></span>
                    <span class="txt"><a onclick="seuid()">温馨提示</a></span>
                    <span class="line"></span>
                </div>  
                <ul class="ts_list">
                    <li><p>1.4月1日-4月10日期间，订购今日头条9元10GB流量包，本月月底前即可获赠9元联通话费，话费将充值到您订购免流包的手机号码中，以短信告知（联通2、3G智能网用户，不参与此次赠送话费活动）；</p></li>
                    <li><p>2.中国联通手机4G（除冰激凌套餐、懂我卡等）用户，上海、广东、吉林、安徽、浙江、湖北、山东、河南2/3G以及四川后付费用户均可订购，4G套餐中的共享类套餐不共享该月包，需单独订购（暂不支持携号转网用户订购）；</p></li>
                    <li><p>3.定向免流量包适用范围包含：今日头条、今日头条lite版本、西瓜视频、火山小视频、抖音短视频。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量；</p></li>
                    <li><p>4.流量包订购成功后即刻生效，该月流量月底失效，下月自动续费，本流量包不支持重复订购；已订购9元10GB流量包的用户申请退订该产品，退订成功后月底生效且当月不支持再次订购，请于次月重新订购；</p></li>
                    <li><p>5.UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</p></li>
                    <li><p>6.如您为头条相关免流卡用户，如蚂蚁宝卡、阿里宝卡或工商银行e卡等其他免头条系产品卡类，将优先使用免流卡产品的流量，免流卡流量用罄后将消耗定向流量包的流量；</p></li>
                    <li><p>7.用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用；</p></li>
                    <li><p>8.如您已成功订购流量包，点此<a onclick="gotoUrl('tt/cancel')"  style="color: #266cd6">退订</a></p></li>
                    <li>关于免流量如有疑问请咨询联通客服：10010。</li>
                </ul>
             </section>  
         </section>                                        
    </article>
<script>
	$('#major').unbind('click').on('click',
		function() {		
			//获取用户头条标示
			$("#useraccount_tt").attr("value",getDecice());
			//判断是否能获取到设备号
			//能获取到设备号根据设备号获取手机号
			//获取不到手机号
			$("#major").attr('disabled',true);
			$("body").css("overflow","hidden");
			var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/auth-tt.html?_=1480405186462"></iframe>')
			var params = {
				"PRODUCT_NAME" : "今日头条定向流量9元10G月包",
				"PRODUCT_PRICE" : "9.00元",
				"CLIENT_ID" : "",
				"CLIENT" : "3",
				"SERVICE_ID" : "",
				"AUTH_NO" : "", 
				"CLIENT_SECRET" : "",
				"VERSION" : "1.0",
				"SERVICE_PHONE" : "", 
				"THEME" : "",
				"PRODUCT_ID" : "8434545",
				"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;
						console.log(JSON.stringify(params))
						$('#uniauthframe')[0].contentWindow.postMessage(
							JSON.stringify(params),
							"https://cap.chinaunicom.cn/CAP-AUTH/")
					}
				})
			})
			$('body').append($iframe);
						function order(data, product) {
							$("#major").val("正在开通请稍等....！");
							//活动页面的订购的逻辑               
							$.ajax({
							type : "POST",
							contentType : "application/json; charset=utf-8",
							dataType : "Json",
							url : getRootPath() + "-s1api" + '/com/buyc',
							data : JSON.stringify(GetMasData(product, data.SERVICE_ID,data.RSP.DATA[0].TOKEN)),
							success : function(msg) {
								var resCode = eval(msg["resultCode"]);
									switch (resCode) {
				                    case (0000):
				                    	$("#major").val("订购成功！");
				                        break;
									case (0013):
										$("#major").css("font-size","1rem");
										$("#major").val("该号码归属省分2/3G暂未开通此产品！");
										break;
				                    case (6611):
				                    	$("#major").attr('disabled',false);
				                    	$("#major").val("订购失败，请重试！");
				                        break;
				                    case (6615):
				                    	$("#major").val("订购失败，请确定用户套餐！");
				                        break;
				                    case (6622):
				                    	$("#major").val("用户已订购过此产品！");
				                        break;
				                    default:
				                    	$("#major").attr('disabled',false);
				                    	$("#major").val(msg["errorInfo"]);
				                }
							},
							error : function(XMLHttpRequest,
									textStatus, errorThrown) {
								$("#major").attr('disabled',false);
								$("#major").val("请求失败，请确认网络是否正常！");
							},
						});
						}
						/**
						 * 订购发送信息包装
						 * @param product
						 * @returns {___anonymous5356_5582}
						 */
						function GetMasData(product, phone, tok) {
							var data = {
								"fog" : getMemoValbyId(product, "fog"),
								"usermob" : phone,
								"useraccount" : getMemoValbyId(product,
										"useraccount"),
								"fes" : getUrlParam("fes"),
								"sou" : getUrlParam("sou"),
								"token" : tok
							};
							return data;
						}

						//监听统一认证结果
						window.addEventListener('message', function(e) {
							var data = JSON.parse(e.data);
							switch (data.RSP.RSP_CODE) {
							case "0000": //处理成功
								$('iframe').remove();
								$("body").css("overflow","auto");
								order(data, 'tt');
								break;
							case "0001"://auth_no无效 （入参流水）
								$("#major").val("认证失败！");
							case "0003"://client_id不存在 （注册id存在问题）
								$("#major").val("认证失败！");
							case "4444"://服务暂时不可用（系统忙/系统队列满）
								$("#major").val("服务暂时不可用!");
							case "9001"://关闭H5认证页面
								$("#major").attr('disabled',false);
								$('iframe').remove();
								$("body").css("overflow","auto");
								break;
							}
						}, false);
					})
</script>
<script src="https://s3.pstatp.com/inapp/toutiao.js"></script>
<script type="text/javascript" src="../tt/js/tuil.js?_=1480405186452"></script>
</html>