order.html 9.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" name="viewport">
  6. <meta content="yes" name="apple-mobile-web-app-capable">
  7. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  8. <meta content="telephone=no" name="format-detection">
  9. <title>中国联通头条定向流量包</title>
  10. <link href="../../tt/css/base.css" rel="stylesheet">
  11. <link href="../../tt/css/pagerz.css" rel="stylesheet">
  12. <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script>
  13. <script src="https://s3.pstatp.com/inapp/toutiao.js"></script>
  14. <style>
  15. /* 将取号页面显示在订购页面之上 */
  16. iframe {
  17. position: fixed;
  18. top: 0;
  19. margin: 0;
  20. padding: 0;
  21. left: 0;
  22. width: 100%;
  23. height: 100%;
  24. -webkit-overflow-scrolling: touch;
  25. border: 0px;
  26. }
  27. </style>
  28. <script>
  29. $(document).ready(function() {
  30. getDeviceId(
  31. function(device_id) {
  32. $("#useraccount_tt").attr("value", device_id);
  33. }
  34. );
  35. });
  36. </script>
  37. </head>
  38. <body class="dg_body">
  39. <input id="useraccount_tt" type="hidden" value="" />
  40. <input id="fog_tt" type="hidden" />
  41. <div class="info_banner">
  42. <img src="images/tt_logo_01.png">
  43. </div>
  44. <div class="info_main">
  45. <ul class="info_data">
  46. <li class="btn"><input class="red_btn" id="major" type="button" value="立即开通"></li>
  47. <li id="jh">
  48. <p>若您已经订购,请<a onclick="gotoUrl('tt/activate')">点击激活</a></p>
  49. </li>
  50. </ul>
  51. <div class="info_notice">
  52. <fieldset>
  53. <legend>温馨提示</legend>
  54. </fieldset>
  55. <ul>
  56. <li>
  57. 1.中国联通手机4G(除冰激凌套餐、懂我卡等)用户,上海、广东、吉林、安徽、浙江、湖北、山东、河南2/3G以及四川后付费用户均可订购,4G套餐中的共享类套餐不共享该月包,需单独订购(暂不支持携号转网用户订购);
  58. </li>
  59. <li>2.定向免流量包适用范围包含:今日头条、今日头条lite版本、西瓜视频、火山小视频、抖音短视频。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量;
  60. </li>
  61. <li>3.流量包订购成功后即刻生效,该月流量月底失效,下月自动续费,本流量包不支持重复订购;已订购9元10GB流量包的用户申请退订该产品,退订成功后月底生效且当月不支持再次订购,请于次月重新订购;</li>
  62. <li>4.UNINET、3GNET 、WONET接入点访问能使用该定向流量,其他接入点不能免流使用;</li>
  63. <li>5.如您为头条相关免流卡用户,如蚂蚁宝卡、阿里宝卡或工商银行e卡等其他免头条系产品卡类,将优先使用免流卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量;</li>
  64. <li>6.用户成功订购头条流量包后,如果遇到页面提示不免流,敬请忽略,正常使用;</li>
  65. <li>关于免流量如有疑问请咨询联通客服:10010。</li>
  66. </ul>
  67. </div>
  68. </div>
  69. <div class="copyright">本活动//中国联通所有</div>
  70. </body>
  71. <script>
  72. $('#major').unbind('click').on('click',
  73. function() {
  74. //获取用户头条标示
  75. $("#useraccount_tt").attr("value", getDecice());
  76. //判断是否能获取到设备号
  77. //能获取到设备号根据设备号获取手机号
  78. //获取不到手机号
  79. $("#major").attr('disabled', true);
  80. $("body").css("overflow", "hidden");
  81. var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/auth-tt.html?_=1480405186462"></iframe>');
  82. var params = {
  83. "PRODUCT_NAME": "今日头条定向流量9元10G月包",
  84. "PRODUCT_PRICE": "9.00元",
  85. "CLIENT_ID": "",
  86. "CLIENT": "3",
  87. "SERVICE_ID": "",
  88. "AUTH_NO": "",
  89. "CLIENT_SECRET": "",
  90. "VERSION": "1.0",
  91. "SERVICE_PHONE": "",
  92. "THEME": "",
  93. "PRODUCT_ID": "8434545",
  94. "PRODUCT_TYPE": "1"
  95. };
  96. $iframe.on('load', function() {
  97. $.ajax({
  98. //请求后项定向服务获取
  99. url: getRootPath() + "-s1api" + "/ini/clientsecret",
  100. dataType: "JSON",
  101. method: "GET",
  102. success: function(data) {
  103. params.CLIENT_ID = data.client_id;
  104. params.AUTH_NO = data.auth_no;
  105. params.CLIENT_SECRET = data.client_secret;
  106. console.log(JSON.stringify(params));
  107. $('#uniauthframe')[0].contentWindow.postMessage(
  108. JSON.stringify(params),
  109. "https://cap.chinaunicom.cn/CAP-AUTH/")
  110. }
  111. })
  112. });
  113. $('body').append($iframe);
  114. function order(data, product) {
  115. $("#major").val("正在开通请稍等....!");
  116. //活动页面的订购的逻辑
  117. $.ajax({
  118. type: "POST",
  119. contentType: "application/json; charset=utf-8",
  120. dataType: "Json",
  121. url: getRootPath() + "-s1api" + '/com/buyc',
  122. data: JSON.stringify(GetMasData(product, data.SERVICE_ID, data.RSP.DATA[0].TOKEN)),
  123. success: function(msg) {
  124. var resCode = eval(msg["resultCode"]);
  125. switch (resCode) {
  126. case (0000):
  127. $("#major").val("订购成功!");
  128. break;
  129. case (0013):
  130. $("#major").css("font-size", "1rem");
  131. $("#major").val("该号码归属省分2/3G暂未开通此产品!");
  132. break;
  133. case (6611):
  134. $("#major").attr('disabled', false);
  135. $("#major").val("订购失败,请重试!");
  136. break;
  137. case (6615):
  138. $("#major").val("订购失败,请确定用户套餐!");
  139. break;
  140. case (6622):
  141. $("#major").val("用户已订购过此产品!");
  142. break;
  143. default:
  144. $("#major").attr('disabled', false);
  145. $("#major").val(msg["errorInfo"]);
  146. }
  147. },
  148. error: function(XMLHttpRequest,
  149. textStatus, errorThrown) {
  150. $("#major").attr('disabled', false);
  151. $("#major").val("请求失败,请确认网络是否正常!");
  152. },
  153. });
  154. }
  155. /**
  156. * 订购发送信息包装
  157. * @param product
  158. * @returns {___anonymous5356_5582}
  159. */
  160. function GetMasData(product, phone, tok) {
  161. var data = {
  162. "fog": getMemoValbyId(product, "fog"),
  163. "usermob": phone,
  164. "useraccount": getMemoValbyId(product,
  165. "useraccount"),
  166. "fes": getUrlParam("fes"),
  167. "sou": getUrlParam("sou"),
  168. "token": tok
  169. };
  170. return data;
  171. }
  172. //监听统一认证结果
  173. window.addEventListener('message', function(e) {
  174. var data = JSON.parse(e.data);
  175. switch (data.RSP.RSP_CODE) {
  176. case "0000": //处理成功
  177. $('iframe').remove();
  178. $("body").css("overflow", "auto");
  179. order(data, 'tt');
  180. break;
  181. case "0001": //auth_no无效 (入参流水)
  182. $("#major").val("认证失败!");
  183. case "0003": //client_id不存在 (注册id存在问题)
  184. $("#major").val("认证失败!");
  185. case "4444": //服务暂时不可用(系统忙/系统队列满)
  186. $("#major").val("服务暂时不可用!");
  187. case "9001": //关闭H5认证页面
  188. $("#major").attr('disabled', false);
  189. $('iframe').remove();
  190. $("body").css("overflow", "auto");
  191. break;
  192. }
  193. }, false);
  194. })
  195. </script>
  196. <script src="https://s3.pstatp.com/inapp/toutiao.js"></script>
  197. <script src="../../tt/js/tuil.js?_=1480405186452" type="text/javascript"></script>
  198. <script>
  199. if (window.location.href.indexOf("order.html") && getUrlParam("fes") == '9on') {
  200. if (getUrlParam("sou") == '1m') { // 短彩
  201. window.location.href = 'https://800.wo.cn/orderchannel/hd/Dy/order202004.html?fes=jh6&sou=' + getUrlParam("sou");
  202. }
  203. }
  204. </script>
  205. </html>