orderIP.html 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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
  8. content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;"
  9. name="viewport">
  10. <meta content="yes" name="apple-mobile-web-app-capable">
  11. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  12. <meta content="telephone=no" name="format-detection">
  13. <link rel="stylesheet" href="../Dy/css/base.css" />
  14. <link rel="stylesheet" href="../Dy/css/pagerz.css" />
  15. <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  16. <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
  17. <style>
  18. .main {
  19. padding: 0 0 3rem 0;
  20. box-sizing: border-box;
  21. width: 100%;
  22. background: url(../Dy/img/bg_20190116.jpg);
  23. background-repeat: repeat-y;
  24. background-size: 100% 100%;
  25. }
  26. iframe {
  27. position: fixed;
  28. top: 0;
  29. margin:0;
  30. padding:0;
  31. left: 0;
  32. width: 100%;
  33. height:100%;
  34. -webkit-overflow-scrolling: touch;
  35. border: 0px;
  36. }
  37. </style>
  38. <title>抖音免流包9元10G专属流量 头条全系享不停</title>
  39. </head>
  40. <body id="bo">
  41. <input type="hidden" id="useraccount_tt" value="" />
  42. <input type="hidden" id="fog_tt" />
  43. <input type="hidden" id="sendsms_order_tt" />
  44. <div class="main">
  45. <div class="banner" style="margin-bottom: 20px;">
  46. <img src="img/bannerpt.png" />
  47. </div>
  48. <input type="button" id="major" value="立即开通" class="btn">
  49. <!--
  50. <div class="fuli">
  51. 老用户福利 活动特价升级 9 元 10G,点此<a onclick="gotoUrl('Tou/Dy/yuyue')">预约升级</a>
  52. </div>
  53. -->
  54. <div class="line"></div>
  55. <div class="tips">
  56. <div class="tips_header">
  57. <span>温馨提示</span>
  58. </div>
  59. <ul>
  60. <li class="tips_item"><div class="num">1.</div> <span>中国联通手机4G(除冰激凌套餐、懂我卡等)用户,广东、上海2/3G用户均可订购,4G套餐中的共享类套餐不共享该月包,需单独订购(暂不支持携号转网用户订购);</span></li>
  61. <li class="tips_item"><div class="num">2.</div> <span>定向免流量包适用范围包含:今日头条、今日头条lite版本、西瓜视频、火山小视频、抖音短视频。免流内容不包含第三方提供的广告、视频、图片及直播类视频上传、在线观看/下载/缓存第三方视频所产生的流量;</span></li>
  62. <li class="tips_item"><div class="num">3.</div> <span>流量包订购成功后即刻生效,该月流量月底失效,下月自动续费,本流量包不支持重复订购;已订购9元10GB流量包的用户申请退订该产品,退订成功后月底生效且当月不支持再次订购,请于次月重新订购;</span></li>
  63. <li class="tips_item"><div class="num">4.</div> <span>UNINET、3GNET 、WONET接入点访问能使用该定向流量,其他接入点不能免流使用;</span></li>
  64. <li class="tips_item"><div class="num">5.</div> <span>如您为头条相关免流卡用户,如蚂蚁宝卡、阿里宝卡或工商银行e卡等其他免头条系产品卡类,将优先使用免流卡产品的流量,免流卡流量用罄后将消耗定向流量包的流量;</span></li>
  65. <li class="tips_item"><div class="num">6.</div> <span>用户成功订购头条流量包后,如果遇到页面提示不免流,敬请忽略,正常使用;</li>
  66. <li class="tips_item"><div class="num">7.</div> <span>如您已成功订购流量包,点此<a onclick="gotoUrl('Tou/Dy/cancel')" style="color: #266cd6">退订</a>;</span></li>
  67. <li class="tips_item"><div class="num">8.</div> <span>关于免流量如有疑问请咨询联通客服:10010</span></li>
  68. </ul>
  69. </div>
  70. </div>
  71. </body>
  72. <script>
  73. $('#major').unbind('click').on('click',function() {
  74. $("#major").attr('disabled',true);
  75. $("body").css("overflow","hidden");
  76. var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/auth-nt.html"></iframe>')
  77. var params = {
  78. "PRODUCT_NAME" : "抖音9元10G定向流量包",
  79. "PRODUCT_PRICE" : "9.00元",
  80. "CLIENT_ID" : "",
  81. "CLIENT" : "3",
  82. "SERVICE_ID" : "",
  83. "AUTH_NO" : "",
  84. "CLIENT_SECRET" : "",
  85. "VERSION" : "1.0",
  86. "SERVICE_PHONE" : "",
  87. "THEME" : "",
  88. "PRODUCT_ID" : "8434545",
  89. "PRODUCT_TYPE" : "1" ,
  90. "IP" : ""
  91. }
  92. $iframe.on('load',function() {
  93. $.ajax({
  94. url : getRootPath() + "-s1api" + "/ini/clientsecret",
  95. dataType : "JSON",
  96. method : "GET",
  97. success : function(data) {
  98. params.CLIENT_ID = data.client_id;
  99. params.AUTH_NO = data.auth_no;
  100. params.CLIENT_SECRET = data.client_secret;
  101. params.IP = returnCitySN["cip"];
  102. alert(returnCitySN["cip"]);
  103. $('#uniauthframe')[0].contentWindow.postMessage(JSON.stringify(params),"https://cap.chinaunicom.cn/CAP-AUTH/")
  104. }
  105. })
  106. })
  107. $('body').append($iframe);
  108. //监听统一认证结果
  109. window.addEventListener('message', function(e) {
  110. var data = JSON.parse(e.data);
  111. $('html,body').addClass('ovfHiden');
  112. switch (data.RSP.RSP_CODE) {
  113. case "0000": //处理成功
  114. $('iframe').remove();
  115. order(data, 'tt');
  116. break;
  117. case "0001"://auth_no无效 (入参流水)
  118. $("#major").attr('disabled',false);
  119. break;
  120. case "0003"://client_id不存在 (注册id存在问题)
  121. $("#major").attr('disabled',false);
  122. break;
  123. case "4444"://服务暂时不可用(系统忙/系统队列满)
  124. $("#major").attr('disabled',false);
  125. break;
  126. case "9001"://关闭H5认证页面
  127. $("#major").attr('disabled',false);
  128. $('iframe').remove();
  129. break;
  130. }
  131. }, false);
  132. })
  133. </script>
  134. <script type="text/javascript" src="../Dy/js/tuil.js"></script>
  135. </html>