ordersk.html 7.0 KB

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