wangrui
/
llpt_orderchannel-s1h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
							<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<!-- <meta name="viewport" content="width=device-width,initial-scale=1">  -->
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<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">
<link rel="stylesheet" href="../Dy/css/base.css" />
<link rel="stylesheet" href="../Dy/css/pagerz.css" />
<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">
</script>
<style>
.main {
    padding: 0 0 3rem 0;
    box-sizing: border-box;
    width: 100%;
    background: url(../Dy/img/bg_20190116.jpg);
    background-repeat: repeat-y;
    background-size: 100% 100%;
}
iframe {
	position: fixed;
	top: 0;
	margin:0;
	padding:0;
	left: 0;
	width: 100%;
	height:100%;
	-webkit-overflow-scrolling: touch;
	border: 0px;
}
.btn{
	background: url(../../tt/hd/img/btn201907.png) no-repeat;
	height: 3.5rem;
    background-size: 100% 100%;
    font-size: 1.35rem;
    font-weight: bold;
    color: #ffffff;
    margin-bottom: 35px;
}
</style>
<title>抖音免流包9元10G专属流量 头条全系享不停</title>
</head>
<body id="bo">
	<input type="hidden" id="useraccount_tt" value="" />
	<input type="hidden" id="fog_tt" />
	<input type="hidden" id="sendsms_order_tt" />
	<div class="main">
		<div class="banner" style="margin-bottom: 20px;">
			<img src="../../tt/hd/img/banner201907.png" />
		</div>
		<div class="msgfont">活动期间成功订购扣除9元话费，7月底前返还4元话费。</div>
		<input type="button" id="major" value="立即开通" class="btn">
		<div class="info_notice" >
        	 <a onclick="on_off_hint()">了解更多产品信息</a>
    	</div>
 	</div>
    <div class="hint_shadow" style="display:none" onclick="on_off_hint()">   
    </div>	
	<div class="hint_mian" style="display:none">
		<ul>
			<li class="tips_item" onclick="on_off_hint()"> <span>【活动说明】</span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>1.7月5日-7月25日期间，订购今日头条9元10GB流量包，7月月底前返还4元话费，话费将充值到您订购免流包的手机号码中，以短信告知（联通ocs智网用户，不参与此次赠送话费活动）； </span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>2.流量包订购成功后即刻生效，该月流量月底失效，下月自动续费，本流量包不支持重复订购；已订购9元10GB流量包的用户申请退订该产品，退订成功后月底生效且当月不支持再次订购，请于次月重新订购；</span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>【免流说明】</span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>1.定向免流量包适用范围包含：抖音APP、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫APP。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量； </span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>2.UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>3.如您为头条相关免流卡用户，如蚂蚁宝卡、阿里宝卡或工商银行e卡等其他免头条系产品卡类，将优先使用免流卡产品的流量，免流卡流量用罄后将消耗定向流量包的流量；</span></li>
			<li class="tips_item" onclick="on_off_hint()"> <span>4.用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用；</span></li>
			<li class="tips_item"> <span>【业务说明】</span></li>
			<li class="tips_item"> <span>1.中国联通手机4G（除冰激凌套餐、懂我卡等）用户，上海、广东、吉林、安徽、浙江、湖北、山东、河南、四川2/3G用户均可订购，4G套餐中的共享类套餐不共享该月包，需单独订购（暂不支持携号转网用户订购）；</span></li>
			<li class="tips_item"> <span>2.如您已成功订购流量包，点此<a onclick="gotoUrlC('Tou/Dy/cancel')"  style="color: #266cd6">退订</a>。</span></li>
			<li class="tips_item"> <span>关于免流量如有疑问请咨询联通客服：10010。</span></li>
		</ul>	
	</div>    
</body>
<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-tt.html?_=148040518646"></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;
						$('#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="../Dy/js/tuil.js"></script>
<script type="text/javascript" src="../Dy/js/order.js"></script>
<script type="text/javascript" src="../../tt/hd/js/hint.js"></script>
<link rel="stylesheet" href="../../tt/hd/css/order201907.css">
</html>