order.html 14 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321
  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="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" name="viewport">
  8. <meta content="yes" name="apple-mobile-web-app-capable">
  9. <meta content="black" name="apple-mobile-web-app-status-bar-style">
  10. <meta content="telephone=no" name="format-detection">
  11. <link rel="stylesheet" href="../wy/css/base.css" />
  12. <link rel="stylesheet" href="../wy/css/pagerz.css" />
  13. <script type="text/javascript" src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
  14. <script type="text/javascript" src="../wy/js/tuil.js?tl=201905101440"></script>
  15. <style>
  16. #major {
  17. background: url(../wy/img/btnBg.png) no-repeat;
  18. }
  19. .main {
  20. padding: 0 0 3rem 0;
  21. box-sizing: border-box;
  22. width: 100%;
  23. background: url(../wy/img/bg_20190304.jpg);
  24. background-repeat: repeat-y;
  25. background-size: 100% 100%;
  26. }
  27. iframe {
  28. /*position:absolute;*/
  29. position: fixed;
  30. top: 0;
  31. margin: 0;
  32. padding: 0;
  33. left: 0;
  34. width: 100%;
  35. height: 100%;
  36. -webkit-overflow-scrolling: touch;
  37. border: 0px;
  38. }
  39. .gx {
  40. display: inline-block;
  41. color: #bcbcbc;
  42. margin-top: 1rem;
  43. font-size: 0.875rem;
  44. margin-top: 0px;
  45. margin-bottom: 16px;
  46. margin-left: 20px;
  47. }
  48. .gx input {
  49. width: 0.8rem;
  50. height: 0.8rem;
  51. appearance: none;
  52. -webkit-appearance: none;
  53. border-radius: 50%;
  54. margin-right: 0.375rem;
  55. padding: 0;
  56. border: 2px solid #ffffff;
  57. pointer-events: none;
  58. vertical-align: middle;
  59. }
  60. .index_wrap {
  61. font-size: 0.875rem;
  62. }
  63. .tips_header {
  64. background: url(../wy/img/noticeBg.png) no-repeat;
  65. background-size: 100% 100%;
  66. padding: 1rem 0;
  67. }
  68. .info {
  69. color: #FFF;
  70. font-size: 0.75rem;
  71. text-align: center;
  72. }
  73. .info a {
  74. font-size: 1rem;
  75. color: #d42ac3;
  76. }
  77. checked .chose_yes {
  78. background: #d42ac3;
  79. }
  80. checked .chose_no {
  81. background: #bcbcbc;
  82. }
  83. .alab {
  84. text-decoration: none
  85. }
  86. </style>
  87. <title>网易娱乐免流包9元6G专属流量 网易游戏享不停</title>
  88. </head>
  89. <body id="bo">
  90. <input type="hidden" id="useraccount_wy" value="" />
  91. <input type="hidden" id="fog_wy" />
  92. <input type="hidden" id="sendsms_order_wy" />
  93. <div class="main">
  94. <div class="banner" style="margin-bottom: 20px;">
  95. <img src="./img/bg_3.png" />
  96. </div>
  97. <!--
  98. <div class="gx">
  99. <input type="checkbox" checked="checked" class="chose_yes"/>我已阅读下方服务说明
  100. </div>
  101. -->
  102. <div class="btn122">
  103. <input type="button" id="major" value="立即开通" class="btn">
  104. </div>
  105. <div class="line"></div>
  106. <div class="tips">
  107. <script type="text/javascript">
  108. if (getUrlParam("use") != "") {
  109. document.write("<p class='info'>若您已订购,请<a onclick=\"gotoUrl('wy/activate')\">点击激活</a></p>");
  110. }
  111. </script>
  112. <div class="tips_header">
  113. <span>温馨提示</span>
  114. </div>
  115. <ul>
  116. <li class="tips_item">
  117. <div class="num">1.</div> <span>符合订购约定的中国联通手机4G、5G(除4G冰激凌套餐、4G、5G冰激凌套餐副卡等)用户订购,智慧沃家成员用户、主副卡用户订购该产品,仅限该成员使用,其他成员不可共享。手机套餐中流量资费、流量使用规则另有规定的按照手机套餐执行;</span></li>
  118. <li class="tips_item">
  119. <div class="num">2.</div> <span>定向流量适用范围包含:成功订购且已激活的用户,仅限当月访问网易游戏系列《决战!平安京》《非人学园》APP产生的国内定向流量;</span></li>
  120. <li class="tips_item">
  121. <div class="num">3.</div> <span>定向流量适用范围不包含:下载游戏、更新游戏、游戏内语音系统、游戏内各类广告图、浏览游戏内置网页(攻略等地方)等,观看直播、上传和下载第三方视频、浏览客户端内第三方链接、广告内容(广告的视频、图片、文字);</span></li>
  122. <li class="tips_item">
  123. <div class="num">4.</div> <span>产品资费9元/月,按自然月扣费,订购成功后立即生效,次月自动续订;如需退订该产品,可在本退订页面手动退订,退订后次月生效,流量可使用到当月月末,退订当月不可重复订购;</span></li>
  124. <li class="tips_item">
  125. <div class="num">5.</div> <span>达量限速套餐用户订购当前定向流量产品,包内定向流量不提升原套餐限速阈值和网速,不能作为限速后解限的加速包使用,依然执行基础套餐限速阈值的约定。</span></li>
  126. <li class="tips_item">
  127. <div class="num">6.</div> <span>请在UNINET、3GNET 、WONET手机接入点环境下访问使用,其他接入点将无法正常使用定向流量;</span></li>
  128. <li class="tips_item">
  129. <div class="num">7.</div> <span>如您已成功订购流量包,点此<a id="tiu" style="color: #266cd6">退订</a>;</span></li>
  130. <li class="tips_item">
  131. <div class="num">8.</div> <span>关于产品使用过程中有任何疑问可咨询联通客服:10010;</span></li>
  132. <li class="tips_item">
  133. <div class="num">9.</div> <span>对我们有任何意见和建议,点此<a class="alab" href="https://account.bol.wo.cn/v2/feedback?clientId=directflow2018072301" style="color: #266cd6">反馈</a>;</span></li>
  134. </ul>
  135. </div>
  136. </div>
  137. </body>
  138. <script>
  139. $('#major').unbind('click').on('click',
  140. function() {
  141. if (getUrlParam("use") == "") {
  142. alert("未获取到账户信息,无法订购!")
  143. return ""; //无账户信息时无法订购
  144. }
  145. $("#major").attr('disabled', true);
  146. //$("body").css("overflow", "hidden");
  147. var $iframe = $('<iframe id="uniauthframe" src="https://cap.chinaunicom.cn/CAP-AUTH/?_=148040518646"></iframe>')
  148. var params = {
  149. "PRODUCT_ID": "6500001800",
  150. "PRODUCT_NAME": "网易互娱定向流量包",
  151. "PRODUCT_PRICE": "9.00元",
  152. "CLIENT_ID": "",
  153. "CLIENT": "3",
  154. "SERVICE_ID": "",
  155. "AUTH_NO": "",
  156. "CLIENT_SECRET": "",
  157. "VERSION": "1.0",
  158. "SERVICE_PHONE": "",
  159. "THEME": "",
  160. "PRODUCT_BASE": "0",
  161. "PRODUCT_TYPE": "1"
  162. }
  163. $iframe
  164. .on(
  165. 'load',
  166. function() {
  167. $
  168. .ajax({
  169. url: getRootPath() + "-s1api" + "/ini/clientsecret",
  170. dataType: "JSON",
  171. method: "GET",
  172. success: function(data) {
  173. params.CLIENT_ID = data.client_id;
  174. params.AUTH_NO = data.auth_no;
  175. params.CLIENT_SECRET = data.client_secret;
  176. $('#uniauthframe')[0].contentWindow
  177. .postMessage(
  178. JSON
  179. .stringify(params),
  180. "https://cap.chinaunicom.cn/CAP-AUTH/")
  181. }
  182. })
  183. })
  184. $('body').append($iframe);
  185. //监听统一认证结果
  186. window.addEventListener('message', function(e) {
  187. var data = JSON.parse(e.data);
  188. $('html,body').addClass('ovfHiden');
  189. switch (data.RSP.RSP_CODE) {
  190. case "0000": //处理成功
  191. $('iframe').remove();
  192. order(data, 'wy');
  193. break;
  194. case "0001": //auth_no无效 (入参流水)
  195. $("#major").attr('disabled', false);
  196. break;
  197. case "0003": //client_id不存在 (注册id存在问题)
  198. $("#major").attr('disabled', false);
  199. break;
  200. case "4444": //服务暂时不可用(系统忙/系统队列满)
  201. $("#major").attr('disabled', false);
  202. break;
  203. case "9001": //关闭H5认证页面
  204. $("#major").attr('disabled', false);
  205. $('iframe').remove();
  206. break;
  207. }
  208. }, false);
  209. })
  210. $('#tiu').unbind('click').on('click', function() {
  211. showCancelReasonPage().done(function(cancelReason) {
  212. doShowCancelPage(cancelReason)
  213. })
  214. })
  215. function showCancelReasonPage() {
  216. var reasonUrl;
  217. var baseUrl;
  218. if (window.location.href.indexOf("https://800.wo.cn/orderchannel") >= 0) {
  219. reasonUrl = "https://800.wo.cn/orderchannel/public/libs/cancelreason/index.html";
  220. baseUrl = "https://800.wo.cn/";
  221. } else if (window.location.href.indexOf("https://800.wo.cn/festivalchannel") >= 0) {
  222. reasonUrl = "https://800.wo.cn/festivalchannel/public/libs/cancelreason/index.html";
  223. baseUrl = "https://800.wo.cn/";
  224. } else if (window.location.href.indexOf("http://localhost") >= 0) {
  225. reasonUrl = "http://localhost:8088/orderchannel/public/libs/cancelreason/index.html";
  226. baseUrl = "http://localhost:8088/";
  227. } else if (window.location.href.indexOf("http://127.0.0.1") >= 0) {
  228. reasonUrl = "http://127.0.0.1:8088/orderchannel/public/libs/cancelreason/index.html";
  229. baseUrl = "http://127.0.0.1:8088/";
  230. } else if (window.location.href.indexOf("http://100.0.4.69:3344") >= 0) {
  231. reasonUrl = "http://100.0.4.69:3344/orderchannel/public/libs/cancelreason/index.html";
  232. baseUrl = "http://100.0.4.69:3344/";
  233. } else if (window.location.href.indexOf("http://100.0.4.69:8282") >= 0) {
  234. reasonUrl = "http://100.0.4.69:8282/orderchannel/public/libs/cancelreason/index.html";
  235. baseUrl = "http://100.0.4.69:8282/";
  236. } else {
  237. reasonUrl = "https://operation1.bol.wo.cn/orderchannel/public/libs/cancelreason/index.html";
  238. baseUrl = "https://operation1.bol.wo.cn/";
  239. }
  240. window.$capoverlay = $('<div class="overlay" style="z-index: 0; background-color: rgba(0,0,0,0.4);"></div>');
  241. $capoverlay.appendTo($(document.body));
  242. $("body").css("overflow", "hidden");
  243. var $iframe;
  244. if ($('#reasonIframe').length >= 1) {
  245. $iframe = $('#reasonIframe').attr('src', reasonUrl);
  246. } else {
  247. $iframe = $('<iframe id="reasonIframe" src="' + reasonUrl + '"></iframe>');
  248. $('body').append($iframe);
  249. }
  250. $iframe.css({
  251. width: "100%",
  252. height: "100%",
  253. position: "fixed",
  254. top: 0,
  255. left: 0,
  256. margin: 0,
  257. padding: 0,
  258. "-webkit-overflow-scrolling": "touch",
  259. border: "0px",
  260. "z-index": 111,
  261. });
  262. var def = $.Deferred();
  263. function messageListener(event) {
  264. var data = JSON.parse(event.data);
  265. $iframe.remove();
  266. $capoverlay.remove();
  267. $("body").css("overflow", "auto");
  268. window.removeEventListener('message', messageListener);
  269. if (data.eventtype != 'close') {
  270. def.resolve(data)
  271. } else {
  272. def.reject(data)
  273. }
  274. }
  275. window.addEventListener('message', messageListener);
  276. return def;
  277. }
  278. function doShowCancelPage(cancelReason) {
  279. var k = JSON.stringify(cancelReason)
  280. window.localStorage.setItem('kye', k)
  281. gotoUrl('wy/cancel')
  282. }
  283. </script>
  284. <script src="//account.bol.wo.cn/static/js-sdk/wolog/WoAnalytics.js"></script>
  285. <script src="//account.bol.wo.cn/static/js-sdk/wolog/HtmlPageVisitor.js"></script>
  286. <script type="text/javascript" src="../wy/js/order.js"></script>
  287. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  288. <script type="text/javascript" src="../wy/js/wechatxc.min.js"></script>
  289. <script type="text/javascript">
  290. var vis = "2019/04/22/09/53-1"
  291. function show() {
  292. alert("vis=" + vis + "---use=" + getUrlParam("use"));
  293. }
  294. </script>
  295. </html>