ordertest.html 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <!-- <meta name="viewport" content="width=device-width,initial-scale=1"> -->
  6. <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
  7. <meta content="yes" name="apple-mobile-web-app-capable">
  8. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  9. <meta content="telephone=no" name="format-detection">
  10. <link rel="stylesheet" href="/orderchannel/Tou/Dy/css/base.css" />
  11. <!-- <link rel="stylesheet" href="/orderchannel/Tou/Dy/css/pagerz.css" /> -->
  12. <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  13. <title>抖音免流包9元10G专属流量 头条全系享不停</title>
  14. </head>
  15. <body id="bo">
  16. <input type="hidden" id="useraccount_tt" value="" />
  17. <input type="hidden" id="fog_tt" />
  18. <input type="hidden" id="sendsms_order_tt" />
  19. <div class="main">
  20. <div class="banner">
  21. <script type="text/javascript">
  22. document.write('<img src="/orderchannel/common/img/dybanner201908.png?timestamp='+new Date().getTime()+'">');
  23. </script>
  24. </div>
  25. <input type="button" id="major" value="立即开通" class="btn">
  26. <div class="info_notice" >
  27. <a id="info_a" onclick="on_off_hint()">了解更多产品信息</a>
  28. </div>
  29. </div>
  30. <div class="hint_shadow" style="display:none">
  31. </div>
  32. <div class="hint_mian" style="display:none">
  33. <ul>
  34. <li class="tips_item" onclick="on_off_hint()"> <span>【活动说明:】</span></li>
  35. <li class="tips_item" onclick="on_off_hint()"> <span>1.活动时间:2019年8月1日-8月31日; </span></li>
  36. <li class="tips_item" onclick="on_off_hint()"> <span>2.活动期间订购成功的用户均可享受活动回馈;</span></li>
  37. <li class="tips_item" onclick="on_off_hint()"> <span>3.参加活动的用户按9元/月扣费,成功订购用户7个工作日内返还9元话费至订购手机号码(联通OCS智能网用户,不参与此次赠送话费活动);</span></li>
  38. <li class="tips_item" onclick="on_off_hint()"> <span>4.参加活动的用户持续订购,次月起不再返还话费;</span></li>
  39. <li class="tips_item" onclick="on_off_hint()"> <span>5.话费返还到账请留意短信通知,关于活动如有疑问请咨询联通客服:10010。</span></li>
  40. <li class="tips_item" onclick="on_off_hint()"> <span>【免流说明:】</span></li>
  41. <li class="tips_item" onclick="on_off_hint()"> <span>1.定向免流量包适用范围包含:抖音APP、今日头条、西瓜视频、火山小视频、多闪、懂车帝、图虫APP。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量; </span></li>
  42. <li class="tips_item" onclick="on_off_hint()"> <span>2.UNINET、3GNET 、WONET接入点访问能使用该定向流量,其他接入点不能免流使用;</span></li>
  43. <li class="tips_item" onclick="on_off_hint()"> <span>3.如您为头条相关免流卡用户,如蚂蚁宝卡、阿里宝卡、钉钉宝卡或工商银行e卡等其他免头条系产品卡类,将优先使用免流卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量;</span></li>
  44. <li class="tips_item" onclick="on_off_hint()"> <span>4.用户成功订购该头条系流量包后,如果遇到页面提示不免流,敬请忽略,正常使用;</span></li>
  45. <li class="tips_item" onclick="on_off_hint()"> <span>【业务说明:】</span></li>
  46. <li class="tips_item" onclick="on_off_hint()"> <span>1.中国联通手机4G(除冰激凌套餐、懂我卡等)用户,上海、广东、吉林、安徽、浙江、湖北、山东、河南及四川2/3G用户均可订购,4G套餐中的共享类套餐不共享该月包,需单独订购(暂不支持携号转网用户订购);</span></li>
  47. <li class="tips_item" onclick="on_off_hint()"> <span>2.部分套餐(如易联卡等)因产品限制不能订购,以实际办理结果为准;</span></li>
  48. <li class="tips_item"> <span>3.如您已成功订购流量包,点此<a onclick="gotoUrlC('Tou/Dy/cancel')" style="color: #ffeb3b">退订</a>。</span></li>
  49. <li class="tips_item" onclick="on_off_hint()"> <span>关于免流量如有疑问请咨询联通客服:10010。</span></li>
  50. </ul>
  51. </div>
  52. </body>
  53. <script>
  54. $('#major').unbind('click').on('click',function() {
  55. //开启统一认证弹框时延长底层页面body长度(用于处理微信端浏览器滑动不回弹导致,上层页面按钮失效问题)
  56. $("#bo").height($(window).height()*3);
  57. $("#major").attr('disabled',true);
  58. $("body").css("overflow","hidden");
  59. var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/auth-tt.html?_='+new Date().getTime()+'"></iframe>')
  60. var params = {
  61. "PRODUCT_NAME" : "今日头条定向流量9元10G月包",
  62. "PRODUCT_PRICE" : "9.00元",
  63. "CLIENT_ID" : "",
  64. "CLIENT" : "3",
  65. "SERVICE_ID" : "",
  66. "AUTH_NO" : "",
  67. "CLIENT_SECRET" : "",
  68. "VERSION" : "1.0",
  69. "SERVICE_PHONE" : "",
  70. "THEME" : "",
  71. "PRODUCT_ID" : "8434545",
  72. "PRODUCT_TYPE" : "1"
  73. }
  74. $iframe.on('load',function() {
  75. $.ajax({
  76. url : getRootPath() + "-s1api" + "/ini/clientsecret",
  77. dataType : "JSON",
  78. method : "GET",
  79. success : function(data) {
  80. params.CLIENT_ID = data.client_id;
  81. params.AUTH_NO = data.auth_no;
  82. params.CLIENT_SECRET = data.client_secret;
  83. $('#uniauthframe')[0].contentWindow.postMessage(JSON.stringify(params),"https://cap.chinaunicom.cn/CAP-AUTH/")
  84. }
  85. })
  86. })
  87. $('body').append($iframe);
  88. //监听统一认证结果
  89. window.addEventListener('message', function(e) {
  90. //关闭统一认证页面后回复到当前浏览器可见长度
  91. $("#bo").height($(window).height());
  92. var data = JSON.parse(e.data);
  93. $('html,body').addClass('ovfHiden');
  94. switch (data.RSP.RSP_CODE) {
  95. case "0000": //处理成功
  96. $('iframe').remove();
  97. order(data, 'tt');
  98. break;
  99. case "0001"://auth_no无效 (入参流水)
  100. $("#major").attr('disabled',false);
  101. break;
  102. case "0003"://client_id不存在 (注册id存在问题)
  103. $("#major").attr('disabled',false);
  104. break;
  105. case "4444"://服务暂时不可用(系统忙/系统队列满)
  106. $("#major").attr('disabled',false);
  107. break;
  108. case "9001"://关闭H5认证页面
  109. $("#major").attr('disabled',false);
  110. $('iframe').remove();
  111. break;
  112. }
  113. }, false);
  114. })
  115. </script>
  116. <!-- 处理移动端自身缓存导致访问页面使用原有资源 -->
  117. <script type="text/javascript">
  118. document.write('<link rel="stylesheet" href="/orderchannel/tt/hd/css/order201908.css?timestamp='+new Date().getTime()+'" charset="utf-8">');
  119. document.write('<script src="/orderchannel/Tou/Dy/js/tuil.js?timestamp='+new Date().getTime()+'" type="text/javascript" charset="utf-8"><\/script>');
  120. document.write('<script src="/orderchannel/Tou/Dy/js/order.js?timestamp='+new Date().getTime()+'" type="text/javascript" charset="utf-8"><\/script>');
  121. document.write('<script src="/orderchannel/tt/hd/js/hint.js?timestamp='+new Date().getTime()+'" type="text/javascript" charset="utf-8"><\/script>');
  122. </script>
  123. </html>