wangrui
/
llpt_orderchannel-s1h5


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180
							<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>今日头条定向流量包</title>

	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<meta name="viewport" content="width=device-width, height=device-height, maximum-scale=1.0, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<meta name="format-detection" content="telephone=no">

	<script type="text/javascript">
		var deviceWidth = document.documentElement.clientWidth;
		if (deviceWidth > 750) {
			deviceWidth = 750;
		}
		document.documentElement.style.fontSize = deviceWidth / 7.5 + 'px';
	</script>
	<link rel="stylesheet" href="20191001/1yuan/scss/order.css?v=20190630">
	<script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
	<script src="https://s3.pstatp.com/inapp/toutiao.js"></script>
</head>
<body>
<input type="hidden" id="useraccount_tt" value="" />
<input type="hidden" id="fog_tt" />
<div class="section-banner">
	<div class="title">
		<img src="20191001/1yuan/images/title.png">
	</div>
	<div class="products">
		<ul>
			<li><img src="20191001/1yuan/images/app-ds.png"></li>
			<li><img src="20191001/1yuan/images/app-ppx.png"></li>
			<li><img src="20191001/1yuan/images/app-xg.png"></li>
			<li><img src="20191001/1yuan/images/app-tt.png"></li>
			<li><img src="20191001/1yuan/images/app-dy.png"></li>
			<li><img src="20191001/1yuan/images/app-hs.png"></li>
			<li><img src="20191001/1yuan/images/app-tc.png"></li>
			<li><img src="20191001/1yuan/images/app-dcd.png"></li>
		</ul>
	</div>
	<div class="duration">
		活动时间：2019.10.1-2019.10.7
	</div>
</div>
<div class="section-order">
	<div class="btn"><input type="button" id="major" value="立即开通" class="red_btn"></div>
</div>
<div id="jh" class="section-active">
	若您已经订购，请<a onclick="gotoUrl('tt/activate')">点击激活</a>
</div>
<div class="section-agr">
	<a id="moreinfo" href="javascript:void(0)">了解更多产品信息</a>
</div>

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

	$('#moreinfo').on('click', function () {
		showDialogAgr();
	})

	function showDialogAgr() {
		var $overlay = $("<div class=\"overlay\"></div>")
		var $dialog = $(
				'<div class="dialog dialog-agr">' +
				'    <h3>温馨提示</h3>' +
				'    <ul style="height: 8rem;overflow: scroll;">' +
				'        <li>' +
				'            <h4>一、活动说明</h4>' +
				'            <ul style="margin: 0.1rem 0;">' +
				'                <li>1. 活动时间：2019年10月1日-10月7日</li>' +
				'                <li>2. 参加活动的用户按9元/月扣费，成功订购用户15个工作日内返还8元话费至订购手机号码（联通OCS智能网用户，不参与此次赠送话费活动）；</li>' +
				'                <li>3. 参加活动的用户持续订购，次月起不再返还话费；</li>' +
				'                <li>4. 话费返还到账请留意短信通知，关于活动如有疑问请咨询联通客服：10010。</li>' +
				'            </ul>' +
				'        </li>' +
				'        <li>' +
				'            <h4>二、免流说明</h4>' +
				'            <ul style="margin: 0.1rem 0;">' +
				'                <li>1.定向免流量包适用范围包含：抖音APP、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫APP。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量；</li>' +
				'                <li>2.UNINET、3GNET 、WONET接入点访问能使用该定向流量，其他接入点不能免流使用；</li>' +
				'                <li>3.如您为头条相关免流卡用户，如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类，将优先使用免流卡产品的流量，免流卡流量用罄后将消耗定向流量包的流量；</li>' +
				'                <li>4.用户成功订购该头条系流量包后，如果遇到页面提示不免流，敬请忽略，正常使用；</li>' +
				'            </ul>' +
				'        </li>' +
				'        <li>' +
				'            <h4>三、业务说明</h4>' +
				'            <ul style="margin: 0.1rem 0;">' +
				'                <li>1.中国联通手机4G（除冰激凌套餐、懂我卡等）用户，上海、广东、吉林、安徽、浙江、湖北、山东、河南、四川、重庆、陕西、河北以及天津2/3G用户均可订购，4G套餐中的共享类套餐不共享该月包，需单独订购（暂不支持携号转网用户订购）；</li>' +
				'                <li>2.如您已成功订购流量包，点此<a onclick="gotoUrl(\'tt/cancel\')" href="javascript:void(0)">退订</a>。</li>' +
				'                <li>关于免流量如有疑问请咨询联通客服：10010。</li>' +
				'            </ul>' +
				'        </li>' +
				'    </ul>' +
				'</div>'
		)

		$overlay.appendTo($(document.body))
		$dialog.appendTo($(document.body))

		$overlay.on('click', function () {
			$overlay.remove();
			$dialog.remove();
			$dialog = null;
		})

		return $dialog;
	}
</script>
<script type="text/javascript" src="../tt/js/tuil.js?_=1480405186452"></script>
<script type="text/javascript" src="../tt/js/order.js"></script>
</body>
</html>