doubleElevenActivity.html 26 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595
  1. <!DOCTYPE html>
  2. <html lang="zh-CN">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  6. <title>双十一活动</title>
  7. <link rel="icon" href="../static/img/favicon2.ico" type="img/x-ico">
  8. <link rel="stylesheet" href="../static/js/vender/toastr/toastr.min.css">
  9. <link rel="stylesheet" href="../static/css/doubleElevenActivity.css">
  10. <script src="../static/js/vender/jquery-3.4.1.min.js"></script>
  11. <script src="../static/js/vender/toastr/toastr.min.js"></script>
  12. <script src="../static/js/vender/config.js"></script>
  13. <style>
  14. .get-award-container{
  15. position: absolute;
  16. bottom: 1.3rem;
  17. left: 50%;
  18. transform: translate(-50%, -50%);
  19. width: 5.84rem;
  20. height: 0.5rem;
  21. line-height: 0.5rem;
  22. text-align: center;
  23. border-radius: 0.3rem;
  24. background-color: rgba(0,0,0,0.5);
  25. overflow: hidden;
  26. }
  27. .award-list{
  28. width: 5.84rem;
  29. position: absolute;
  30. top: 0;
  31. left: 50%;
  32. transform: translateX(-50%);
  33. height: 6rem;
  34. }
  35. .award-text{
  36. font-size: 0.24rem;
  37. color: #ffffff;
  38. }
  39. </style>
  40. </head>
  41. <body>
  42. <div class="container">
  43. <div class="header-container">
  44. <img class="top-banner" src="../static/img/doubleElevenActivity/top-banner.png" />
  45. <div class="get-award-container">
  46. <div class="award-list">
  47. </div>
  48. </div>
  49. </div>
  50. <div class="middle-container">
  51. <div class="step-container">
  52. <img class="tips" src="../static/img/doubleElevenActivity/tip.png" />
  53. <div class="main-step-content">
  54. <div class="top-step">
  55. <div class="step-item">
  56. <img class="buyphone" src="../static/img/doubleElevenActivity/buyphone.png" />
  57. <span class="step-text">购买云机</span>
  58. </div>
  59. <img class="step" src="../static/img/doubleElevenActivity/step.png" />
  60. <div class="step-item">
  61. <img class="hongbao" src="../static/img/doubleElevenActivity/hongbao.png" />
  62. <span class="step-text">分享好友红包</span>
  63. <span class="step-text">并购买</span>
  64. </div>
  65. <img class="step" src="../static/img/doubleElevenActivity/step.png" />
  66. <div class="step-item">
  67. <img class="buyphone" src="../static/img/doubleElevenActivity/buyphone.png" />
  68. <span class="step-text">获得云机</span>
  69. </div>
  70. </div>
  71. <div class="red-packet"></div>
  72. </div>
  73. <div class="join-activity-btn">
  74. <img class="join-activity" src="../static/img/doubleElevenActivity/button-join-activity.png" />
  75. <div class="activity-btn-content">
  76. <span class="activity-btn-text">快来参加双十一活动</span>
  77. <img class="icon-left" src="../static/img/doubleElevenActivity/icon-left.png" />
  78. </div>
  79. </div>
  80. </div>
  81. <div class="invite-text">*邀请好友即得厚礼,红包购机买一赠一</div>
  82. <div class="packet-container">
  83. <img class="rule-tips" src="../static/img/doubleElevenActivity/packet-tip.png" />
  84. <div class="packet-block">
  85. <div class="red-packet-next"></div>
  86. </div>
  87. </div>
  88. <div class="rule-container">
  89. <img class="rule-tips" src="../static/img/doubleElevenActivity/rule.png" />
  90. <div class="rule-content">
  91. <div class="rule-point">红包规则:</div>
  92. <div class="rule-point">1.红包可以自用或者分享给好友(好友可以是双子星新/老用户)</div>
  93. <div class="rule-point">2.同一个红包一人限领一次,共计6个红包</div>
  94. <div class="rule-point">3.红包可以无门槛抵押任何套餐,但是一个订单只能使用一个</div>
  95. <div class="rule-point">4. 分享者分享的红包被领取后,如果领取红包的人使用红包购买了任意套餐,分享者都可领取一份相同的套餐</div>
  96. <div class="rule-point">5. 若分享者自己领取自己的红包后使用红包购买套餐,自己可获得两份相同的套餐</div>
  97. <div class="rule-point">6.本次活动仅限人民币购买套餐,星币支付不参与本次活动</div>
  98. <div class="rule-point">其它说明:</div>
  99. <div class="rule-point">1.活动中获得的活动红包,不具备现金价值,仅限于在本活动中使用,不可用于双子星的其他活动(不可和新人7.5折优惠券一同使用),也不可用于在双子星兑换、交易。</div>
  100. <div class="rule-point">2.任务奖励发放条件由平台根据活动需要设定,用户已获得的任务奖励(如体力、星星等)仅限用于兑换相应活动资格或用于领取优惠券、体验套餐,该部分任务奖励不能用于在本活动所述平台进行现金/商品等的兑换、交易等其他事项。</div>
  101. <div class="rule-point">3.优惠券的可使用范围有限制,请以券面提示为准,用户可在下单时选择该订单的可用优惠券,的卡券页面中查看已领取的优惠券的详细情况。具体适用范围以商品详情页提示内容为准。无法使用优惠券的商品,在商品详情页将不展示优惠券;同一笔订单中,不同类型的券可以叠加,同一类型的券,仅可选择一张使用。</div>
  102. <div class="rule-point">4.活动平台有权对用户订单进行审核。如活动平台认定订单存在异常(包括任何形式的用户作弊行为),有权取消订单,订单取消后优惠券自动失效。</div>
  103. <div class="rule-point">法律声明</div>
  104. <div class="rule-point">
  105. 1. 同一用户是指使用同一帐号、同一手机号、同一设备或同一提现账户的用户。上述与用户身份相关的信息,其中任意一项或数项相同,或通过特定标记形成关联,或活动平台有合理理由认为存在关联的,都视为同一个用户。部分参与方式中,对用户帐号有限制,同一个设备最多可使用一个帐号参与活动,同一帐号最多可以使用一台设备参与活动;用户使用多个帐号在同一个设备上登录的,视为同一用户,仅有一个帐号可参与本活动。
  106. </div>
  107. <div class="rule-point">
  108. 2. 用户不得采取任何不正当或作弊的违规手段参与本活动,一经发现,活动平台有权限制或取消用户参与活动的资格,有权取消奖励、追讨用户已领取的奖励(或同等价值的现金)。活动平台有权对违规用户采取限制登录、封禁帐号、限制提现的措施,并保留追究用户其他法律责任的权利。违规手段包括但不仅限于:
  109. </div>
  110. <div class="rule-point">
  111. 2.1 通过不正当手段参与活动。例如使用模拟器、插件、软件外挂、物理外挂等违规工具参与活动,与其他用户串通采取不正当手段谋取活动奖励等;
  112. </div>
  113. <div class="rule-point">
  114. 2.2 扰乱本活动秩序。例如使用多个帐号参与活动,修改个人位置信息,篡改设备数据,买卖用户帐号,买卖活动权益,买卖领奖资格等;
  115. </div>
  116. <div class="rule-point">
  117. 2.3 干扰活动平台正常运营。例如批量注册用户帐号,违规使用用户帐号,采用技术手段对活动平台进行干扰、破坏、修改或施加其他影响;
  118. </div>
  119. <div class="rule-point">
  120. 2.4 利用本活动进行违法犯罪。例如利用本活动洗钱、套现、诈骗,或开展其他违反国家法律法规的活动;
  121. </div>
  122. <div class="rule-point">
  123. 2.5 其他违反法律法规,违背诚实信用原则,违反活动规则,或活动平台认为的不正当手段。
  124. </div>
  125. <div class="rule-point">
  126. 3. 如因以下原因导致活动不能正常举办、用户无法参与或参与失败、活动奖励发放错误等,活动平台/本活动有权暂停或取消活动,且不承担任何法律责任或不利后果:
  127. </div>
  128. <div class="rule-point">
  129. 3.1 不可抗力,包括但不仅限于自然灾害,有权机关的政策要求,政府机关指令,重大疫情影响等不能预见、不可避免、不能克服的情况;
  130. </div>
  131. <div class="rule-point">
  132. 3.2 活动平台发生技术故障,本活动受到不正当技术手段干扰、破坏、篡改或被施加其他影响,第三方平台限制活动平台或本活动,或其他导致本活动的正常秩序受到干扰的情况;
  133. </div>
  134. <div class="rule-point">
  135. 3.3 用户所在地区网络故障、支付平台故障、电信运营商故障等非活动平台所能控制的情况。
  136. </div>
  137. <div class="rule-point">
  138. 4. 活动平台不支持用户通过众包或类似方式参与活动。如用户因此遭受经济损失的,活动平台不承担任何赔偿或补偿责任。
  139. </div>
  140. <div class="rule-point">
  141. 5. 商品展示的划线价格为参考价,该价格可能是品牌专柜标价、商品吊牌价或品牌供应商提供的指导价、建议零售价或该商品在电商平台及/或其他渠道曾展示过的销售价,并非原价;由于地区等差异性和市场行情波动,品牌专柜标价、商品吊牌价等可能会与电商平台展示的不一致,该价格仅供用户参考。
  142. </div>
  143. <div class="rule-point">
  144. 6. 若由于用户自身原因(包括但不限于参与方式不符合活动规则、未按活动规则要求提供收件地址、操作不当造成产品功能故障等)导致无法实际享有奖励的,视为用户自愿放弃奖励,活动平台将不会也无义务给予任何形式的补偿。
  145. </div>
  146. <div class="rule-point">
  147. 7. 任何第三方以活动平台名义从事欺诈行为造成用户损失的,活动平台无需为此承担法律责任。
  148. </div>
  149. <div class="rule-point">
  150. 8. 活动平台和电商平台的《用户协议》《隐私政策》(以手机客户端对应名称为准)及其他规范同样适用于本活动,本活动规则与活动平台和电商平台《用户协议》《隐私政策》及其他规范相冲突的,以本活动规则为准。本活动规则未约定的内容,以活动平台和电商平台的《用户协议》《隐私政策》及其他平台规范为准。
  151. </div>
  152. <div class="rule-point">
  153. 9. 在法律法规允许的范围内,活动平台有权对本活动规则进行变动或调整,相关变动或调整将公布在活动规则页面上,并于公布时即时生效,用户继续参与活动则视为同意并接受变动或者调整后的活动规则。如果用户拒绝活动规则的变更或者调整,请放弃参与变更后的活动。
  154. </div>
  155. </div>
  156. </div>
  157. </div>
  158. <div class="mask">
  159. <div class="pop">
  160. <img class="pop-bg" src="../static/img/doubleElevenActivity/pop_share.png" />
  161. <div class="top-title">恭喜你</div>
  162. <div class="share-num-text"></div>
  163. <div class="bottom">
  164. <div class="bottom-title-row">
  165. <span class="line"></span>
  166. <span class="bottom-title">分享到</span>
  167. <span class="line"></span>
  168. </div>
  169. <div class="bottom-share-row">
  170. <!-- <div class="left-friend_share">
  171. <img class="friend_share" src="../static/img/doubleElevenActivity/icon_wechat_friend_share.png" />
  172. <div class="share-text">朋友圈</div>
  173. </div> -->
  174. <div class="right-wechat">
  175. <img class="wechat" src="../static/img/doubleElevenActivity/wechat.png" />
  176. <div class="share-text">微信好友</div>
  177. </div>
  178. </div>
  179. </div>
  180. <div class="del">
  181. <img class="del-img" src="../static/img/doubleElevenActivity/del.png" />
  182. </div>
  183. </div>
  184. </div>
  185. </div>
  186. <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
  187. <script>
  188. toastr.options.positionClass = 'toast-center-center';
  189. toastr.options.timeOut = '1500';
  190. </script>
  191. <script type="text/javascript">
  192. let timer,flag = true;
  193. var url = window.location.href;
  194. var startTime,endTime,money,couponRandomId,goodId,shareOrder,shareUser,phoneNumber,awardData;
  195. let dataObj = {
  196. 'VIP': '星动',
  197. 'SVIP': '星曜',
  198. 'STAR': '唔即'
  199. }
  200. url = url.split('/');
  201. var topVal = -0.5;
  202. let obj = {};
  203. // 上线分享环境改为0,图片路径改为正式站路径
  204. // var baseUrl = 'https://test.androidscloud.com'
  205. var loc = window.location.search,
  206. u = navigator.userAgent,
  207. ua = navigator.userAgent.toLowerCase(),
  208. isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),
  209. isAndroid = u.indexOf('Android') > -1 || u.indexOf('Adr') > -1; //android终端
  210. (function(){
  211. awardHandle();
  212. headerAward();
  213. getAwardData();
  214. })()
  215. let s = loc.substr(1,loc.length-1);//取得=号的位置
  216. let parms = s.split('&');
  217. parms.map((item) =>{
  218. let arr = item.split('=');
  219. let key = arr[0];
  220. obj[key] = arr[1];
  221. })
  222. // if(!obj.money){ //从app过来
  223. getActivityTime();
  224. // }
  225. if(obj.money){ //从小程序过来
  226. receiveRedEnvelope();
  227. }
  228. // window.onload = function(){
  229. // if (isAndroid && window.native) {
  230. // window.native.enableSharePage(
  231. // '您的好友送你一台免费云机',
  232. // '您的好友送你一台免费云机',
  233. // `${baseUrl}/h5/microserviceUserH5/vcloud/downApp.html`,
  234. // 'https://test.androidscloud.com/file-center/fileOperate/getImage?id=215553'
  235. // );
  236. // }
  237. // }
  238. //轮播
  239. function headerAward(){
  240. setInterval(() =>{
  241. awardHandle();
  242. },3000);
  243. }
  244. console.log($('.step-text')[0])
  245. $('.step-text')[0].addEventListener('click', () => {
  246. //先引入微信JS-SDK 1.3.2
  247. console.log(wx.miniProgram.postMessage)
  248. wx.miniProgram.postMessage({ data: {url:'http://www.xxx.com',title:'xxx'} })
  249. })
  250. // 轮播数据
  251. function getAwardData(){
  252. $.ajax({
  253. url: baseUrl + `/api/user/v1/activity/receivedData`,
  254. type: 'post',
  255. contentType:"application/json",
  256. dataType: 'json',
  257. cache: false,
  258. success: function (res) {
  259. awardData = res.data;
  260. },
  261. })
  262. }
  263. function awardHandle(){
  264. let index = (topVal/0.5) + 1,awardString;
  265. let awardLen = Array.from($('.award-text')).length;
  266. if(awardLen < 20){
  267. let node = document.createElement('div');
  268. node.className = "award-text";
  269. $('.award-list')[0].appendChild(node);
  270. }
  271. if(topVal < 9.5){
  272. topVal+=0.5;
  273. }else{
  274. topVal = 0;
  275. $('.award-list').eq(0).css('top','0.5rem');
  276. }
  277. let numberType = Math.floor(getRandom()/4);
  278. if(awardData && awardData[index] && topVal < awardData.length/2){
  279. awardString = `恭喜${getPhoneNumber(awardData[index].receiveUserPhone)}用户免费获得${dataObj[awardData[index].receivePhoneType]}${awardData[index].receivePhoneDuration===30?'月卡':awardData[index].receivePhoneDuration===90?'季卡':awardData[index].receivePhoneDuration===365?'年卡':awardData[index].receivePhoneDuration+'天卡'}`;
  280. }else{
  281. awardString = `恭喜1${[3,5,7,8,3,5,7,8,3,5][getRandom()]}${getRandom()}****${getRandom()}${getRandom()}${getRandom()}${getRandom()}用户免费获得${['星动','星曜','唔即'][numberType]}${['月卡','季卡','年卡'][numberType]}`
  282. }
  283. $('.award-text').eq(index).text(awardString);
  284. $('.award-list').eq(0).animate({top: -(topVal) + 'rem'},"fast");
  285. }
  286. //获取时间
  287. function getActivityTime(){
  288. $.ajax({
  289. url: baseUrl + `/api/user/v1/activity/getActivityTime?name=双十一活动`,
  290. type: 'get',
  291. contentType:"application/json",
  292. dataType: 'json',
  293. cache: false,
  294. success: function (res) {
  295. startTime = res.data.startTime;
  296. endTime = res.data.endTime;
  297. getList();
  298. },
  299. })
  300. }
  301. // 双十一活动
  302. function receiveRedEnvelope(){
  303. $.ajax({
  304. url: baseUrl + `/api/user/v1/activity/receiveRedEnvelope`,
  305. type: 'post',
  306. headers: {
  307. 'Authorization': obj.token //id
  308. },
  309. data:JSON.stringify({
  310. couponRandomId: obj.couponRandomId,
  311. goodId: obj.goodId,
  312. originalOrder: obj.originalOrder,
  313. shareUser: obj.shareUser
  314. }),
  315. contentType:"application/json",
  316. dataType: 'json',
  317. cache: false,
  318. success: function (res) {
  319. if (res.status == 0 || res.status == 4106) {
  320. operate('dt_双11_mp_领取红包');
  321. phoneNumber = res.data;
  322. let node = `<div class="packet">
  323. <img class="fxhb" src="../static/img/doubleElevenActivity/fxhb.png" />
  324. <div class="money"><span class="money-mark">¥</span><span class="money-val">${parseInt(obj.money)}</span></div>
  325. <div class="packet-title">云手机无门槛抵扣券</div>
  326. <div class="packet-time">${obj.startTime.substring(5,7)}月${obj.startTime.substring(8,10)}-${obj.endTime.substring(5,7)}月${obj.endTime.substring(8,10)}日有效</div>
  327. </div>
  328. <div class="account">优惠券已放入您的账户${getPhoneNumber(phoneNumber)}</div>`
  329. $('.red-packet').eq(0).append(node);
  330. $('.activity-btn-text').eq(0).text('在双子星APP使用红包');
  331. $('.icon-left').eq(0).hide();
  332. } else {
  333. stopManyClick(() => {
  334. toastr.error(res.msg);
  335. })
  336. }
  337. },
  338. })
  339. }
  340. //调用获取数据列表接口
  341. function getList(){
  342. $.ajax({
  343. url: baseUrl + '/api/user/v1/activity/orderRedEnvelopeSharing',
  344. type: 'post',
  345. headers: {
  346. 'Authorization': obj.token //id
  347. },
  348. contentType: "application/json",
  349. dataType: 'json',
  350. cache: false,
  351. success: function (res) {
  352. if(res.status === 0){
  353. if(res.data && res.data.length > 0){
  354. $('.invite-text').eq(0).show();
  355. $('.packet-container').eq(0).show();
  356. var str = '',
  357. list = '',
  358. len = res.data.length;
  359. for (var i = 0; i < len; i++) {
  360. var totalMoney = res.data[i].totalMoney,
  361. shareCount = res.data[i].shareCount,
  362. couponRandomId = res.data[i].couponRandomId,
  363. goodId = res.data[i].goodId,
  364. shareOrder = res.data[i].shareOrder,
  365. shareUser = res.data[i].shareUser,
  366. dataList = res.data[i].list,
  367. quantity = res.data[i].quantity;
  368. function getReceivePhoneDuration(item){
  369. let res = item.receivePhoneDuration===30?'月卡':item.receivePhoneDuration===90?'季卡':item.receivePhoneDuration===365?'年卡':item.receivePhoneDuration+'天卡';
  370. return dataObj[item.receivePhoneType] + res
  371. }
  372. dataList.map((item,index) => {
  373. let numberImg = Math.floor(getRandom()/2) + 1;
  374. list += `<div class="user-item">
  375. <div class="user-left">
  376. <img class="head-img" src="../static/img/doubleElevenActivity/head-img-0${numberImg}.png" />
  377. <div class="user-info">
  378. <div class="user-name">${getPhoneNumber(item.receiveUserPhone)}</div>
  379. <div class="user-time">${item.createTime.substring(5,7)}月${item.createTime.substring(8,11)}日${item.createTime.substring(11,19)}</div>
  380. </div>
  381. </div>
  382. <div class="meal">${item.state === 0?totalMoney/quantity+'元红包':getReceivePhoneDuration(item)}</div>
  383. <div class="${['receive no-user','receive',' receive usered'][item.state]}" data-type=${item.receivePhoneType} data-state=${item.state} data-id=${item.id}>${['未使用','领取','已领取'][item.state]}</div>
  384. </div>`
  385. })
  386. str += `<div class="packet">
  387. <img class="fxhb" data-index=${i} data-dataList=${JSON.stringify(dataList)} src="../static/img/doubleElevenActivity/fxhb.png" />
  388. <div class="money" data-index=${i} data-dataList=${JSON.stringify(dataList)}><span class="money-mark">¥</span><span class="money-val">${parseInt(totalMoney)}</span></div>
  389. <div class="packet-titles" data-index=${i} data-dataList=${JSON.stringify(dataList)}>无门槛</div>
  390. <div class="packet-times" data-index=${i} data-dataList=${JSON.stringify(dataList)}>${startTime.substring(5,7)}月${startTime.substring(8,10)}-${endTime.substring(5,7)}月${endTime.substring(8,10)}日有效</div>
  391. <div class="share-btn">
  392. <img class="share" data-obj=${
  393. JSON.stringify({
  394. totalMoney: totalMoney,
  395. couponRandomId: couponRandomId,
  396. goodId: goodId,
  397. shareOrder: shareOrder,
  398. shareUser: shareUser,
  399. shareCount: shareCount,
  400. quantity: quantity
  401. })
  402. } src="../static/img/doubleElevenActivity/${shareCount === quantity?'no-share':'share'}.png" />
  403. <div class="share-num ${shareCount === quantity?'gray':''}" data-obj=${
  404. JSON.stringify({
  405. totalMoney: totalMoney,
  406. couponRandomId: couponRandomId,
  407. goodId: goodId,
  408. shareOrder: shareOrder,
  409. shareUser: shareUser,
  410. shareCount: shareCount,
  411. quantity: quantity
  412. })
  413. }>${shareCount}/${quantity}</div>
  414. </div>
  415. <div class="packet-info">${dataList.length !== 0?'':'尚未有用户领取红包购买云机'}</div>
  416. <img class="icon" src="../static/img/doubleElevenActivity/icon_up.png" />
  417. </div>
  418. <div class="list ${dataList.length !== 0?'user-list':''}" flag="2">
  419. ${dataList.length !== 0?list:''}
  420. </div>`
  421. list = ''
  422. }
  423. $('.red-packet-next').eq(0).append(str);
  424. $('.user-list').eq(0).css('display','block');
  425. $('.icon').eq(0).attr('src','../static/img/doubleElevenActivity/icon_down.png');
  426. $('.user-list').eq(0).attr('flag','1');
  427. }
  428. }else{
  429. stopManyClick(() => {
  430. toastr.error(res.msg);
  431. })
  432. }
  433. }
  434. })
  435. }
  436. //埋点
  437. operate('dt_双11_h5_活动页面');
  438. function operate(pointName,type){
  439. $.ajax({
  440. url: baseUrl + '/api/public/v1/systemBuriedPoint/stat',
  441. type: 'post',
  442. data:JSON.stringify({
  443. pointName: pointName
  444. }),
  445. contentType:"application/json",
  446. dataType: 'json',
  447. cache: false,
  448. success: function (res) {
  449. },
  450. })
  451. }
  452. //点击红包
  453. $('.red-packet-next')[0].addEventListener('click',(e) => {
  454. if(['fxhb','packet-titles','money','packet-times'].includes(e.target.className)){
  455. let index = e.target.dataset.index;
  456. $('.list').eq(index).toggle();
  457. const flag = $('.user-list').eq(index).attr('flag');
  458. if(flag === '1'){
  459. $('.icon').eq(index).attr('src','../static/img/doubleElevenActivity/icon_up.png');
  460. $('.user-list').eq(index).attr('flag','2');
  461. }else{
  462. $('.icon').eq(index).attr('src','../static/img/doubleElevenActivity/icon_down.png');
  463. $('.user-list').eq(index).attr('flag','1');
  464. }
  465. }
  466. })
  467. //点击参加按钮
  468. $('.join-activity-btn')[0].addEventListener('click',()=>{
  469. if(obj.money){ // 小程序
  470. window.location.href = `${baseUrl}/h5/microserviceUserH5/vcloud/downApp.html`
  471. }else{
  472. if (isAndroid) {
  473. window.native.startPurchase();
  474. operate('dt_双11_h5_快来参加双11');
  475. }
  476. }
  477. });
  478. //点击领取
  479. $('.red-packet-next')[0].addEventListener('click',(e)=>{
  480. var state = e.target.dataset.state;
  481. let id = e.target.dataset.id;
  482. let type = e.target.dataset.type;
  483. if(state == 0){
  484. if(obj.money){
  485. return
  486. }
  487. stopManyClick(() => {
  488. toastr.error('赶紧让你的好友使用红包购买云机吧!');
  489. })
  490. }else if(state == 1){
  491. if(e.target.className === 'receive'){
  492. e.stopPropagation();
  493. if (isAndroid) {
  494. window.native.activatePhone(id, type);
  495. }
  496. }
  497. }
  498. });
  499. //点击分享
  500. $('.red-packet-next')[0].addEventListener('click',(e) => {
  501. if(e.target.className === 'share' || e.target.className === 'share-num'){
  502. if(obj.money){
  503. return
  504. }
  505. var dataObj = JSON.parse(e.target.dataset.obj);
  506. if(dataObj.shareCount === dataObj.quantity){
  507. stopManyClick(() => {
  508. toastr.error('没有剩余红包可以分享!');
  509. })
  510. return
  511. }else{
  512. $('.share-num-text').eq(0).text(`还有${dataObj.quantity - dataObj.shareCount}张优惠券可以分享`);
  513. }
  514. operate('dt_双11_h5_弹窗按钮');
  515. money = dataObj.totalMoney/dataObj.quantity;
  516. couponRandomId = dataObj.couponRandomId;
  517. goodId = dataObj.goodId;
  518. shareOrder = dataObj.shareOrder;
  519. shareUser = dataObj.shareUser;
  520. $('.pop').animate({top: '48vh'},"fast");
  521. $('.mask').show();
  522. document.documentElement.style.overflow='auto';
  523. }
  524. });
  525. // //点击分享朋友圈
  526. // $('.left-friend_share')[0].addEventListener('click',()=>{
  527. // shareHandle('shareToWechatCircle');
  528. // });
  529. //点击分享微信
  530. $('.right-wechat')[0].addEventListener('click',()=>{
  531. shareHandle('shareToWechatMin');
  532. });
  533. function shareHandle(type) {
  534. if (isAndroid) {
  535. if(window.native){
  536. operate('dt_双11_h5_分享红包');
  537. if(type === 'shareToWechatMin'){
  538. window.native[type](
  539. '您的好友送你一台免费云机',
  540. '您的好友送你一台免费云机',
  541. `pages/home/home?money=${money}&startTime=${startTime}&endTime=${endTime}&couponRandomId=${couponRandomId}&goodId=${goodId}&shareOrder=${shareOrder}&shareUser=${shareUser}`,
  542. 'http://wjzx.androidscloud.com:9090/file-center/fileOperate/getImage?id=704034583',
  543. 0
  544. );
  545. }else{
  546. window.native[type](
  547. '您的好友送你一台免费云机',
  548. '您的好友送你一台免费云机',
  549. `pages/home/home?money=${money}&startTime=${startTime}&endTime=${endTime}&couponRandomId=${couponRandomId}&goodId=${goodId}&shareOrder=${shareOrder}&shareUser=${shareUser}`,
  550. 'http://wjzx.androidscloud.com:9090/file-center/fileOperate/getImage?id=704034583'
  551. );
  552. }
  553. }else{
  554. stopManyClick(() => {
  555. toastr.error('不支持当前环境!');
  556. })
  557. }
  558. }else{
  559. stopManyClick(() => {
  560. toastr.error('不支持当前环境!');
  561. })
  562. }
  563. }
  564. //点击关闭弹窗
  565. $('.del')[0].addEventListener('click',(e)=>{
  566. $('.pop').animate({top: '-6.96rem'},"fast");
  567. $('.mask').hide();
  568. document.documentElement.style.overflow='auto';
  569. });
  570. //防止提示一秒内重复显示
  571. function stopManyClick(fn) {
  572. if (flag) {
  573. fn();
  574. }
  575. flag = false;
  576. if(timer){clearTimeout(timer);}
  577. timer = setTimeout(() => {flag = true}, 1500);
  578. }
  579. // 获取一个随机数
  580. function getRandom(){
  581. return Math.floor(Math.random()*10);
  582. }
  583. function getPhoneNumber(phoneNumber){
  584. return `${phoneNumber.substring(0,3)}****${phoneNumber.substring(7,11)}`
  585. }
  586. </script>
  587. </body>
  588. </html>