Ei kuvausta

assistance.js 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332
  1. var loadingFlag = true;
  2. var helpList=[];//谢谢好友助力数据列表
  3. var content="";//谢谢好友助力html内容
  4. var content1="";//新手红包列表Html内容
  5. var data={};//邀请好友助力分享需要的数据
  6. var page=1,pages=1;//新手红包列表分页信息
  7. //is_new是不是新用户 1为新用户
  8. //new_type 1是注册过的新用户
  9. var qs = parseQueryString(window.location.href);
  10. var user_id = '',
  11. red_id = '',
  12. nowDate = new Date().getTime(),
  13. is_new = '',
  14. new_type = '',
  15. unionid = '',
  16. headimgurl = ''
  17. ;
  18. $().ready(function(){
  19. _czc.push(["_trackEvent",'v3-助力者助力拆红包页','页面进入量','']);
  20. redOrderBarrage();
  21. if(qs.user_id){user_id = qs.user_id};
  22. if(qs.red_id){red_id = qs.red_id};
  23. if(qs.is_new){is_new = qs.is_new};
  24. if(qs.unionid){unionid = qs.unionid};
  25. getInfo();//在微信需要user_id app中需要token
  26. shareWechatUrl();//微信分享
  27. })
  28. // 红包详情
  29. function getInfo() {
  30. $(".loading").show();
  31. $.ajax({
  32. type: 'post',
  33. url: '/api/v2/redactive/getRedOrderDataV2',
  34. data:{
  35. 'red_id': red_id,
  36. 'user_id': user_id,
  37. 'is_new': 1,//新版,本人不能给本人拆
  38. 'union_id':unionid,//区分用户是否已经注册,以便于跳转不同的页面
  39. },
  40. headers:{
  41. source:3001,
  42. },
  43. success: function (res) {
  44. $(".loading").hide();
  45. console.log(res)
  46. if (res && res.errno == 0) {
  47. // 商品
  48. var orderHtml = '',quan = '',redEnvelopHtml = '',goods,newPrice;
  49. headimgurl = res.rst.data.headimgurl;
  50. goods = res.rst.goods;
  51. if(res.rst.goods.is_coupon==1) {
  52. quan = '<span class="quan">' + goods.coupon_price + '元优惠券</span>';
  53. newPrice = '券后 ¥' + goods.discount_price;
  54. }else{
  55. newPrice = '折后 ¥' + goods.discount_price;
  56. }
  57. if(goods.red_money > 0){
  58. redEnvelopHtml = '<span class="redEnvelop">' + goods.red_money + '元红包</span>'
  59. }
  60. orderHtml = '<img class="shopImg" src="' + goods.img + '"/><div class="shopDetail"><h3>' + goods.title + '</h3><div class="price"><span class="newPrice">' + newPrice + '</span><span class="oldPrice">原价¥' + goods.price + '</span></div><div class="discount">' + quan + redEnvelopHtml + '</div></div>';
  61. $(".assistanceDetail .redEnvelopesShop").html(orderHtml);//商品
  62. $(".assistanceDetail .topImg").attr("src",res.rst.data.headimgurl);//头像
  63. $(".assistanceDetail .redEnvelopesTitle h3 span").html(res.rst.data.red_money + '元');//红包金额
  64. //红包状态
  65. var order_type = res.rst.data.type;
  66. // 红包进度
  67. var precent=parseFloat(res.rst.data.red_open_money/res.rst.data.red_money*100);
  68. if(precent <= 78) {
  69. $(".assistanceCon .progress .progressBar").css("width",precent+"%")
  70. }else if (precent > 78 && precent < 100){
  71. $(".assistanceCon .progress .progressBar").css("width","90%")
  72. $(".assistanceCon .progress .progressBar .bar").css('right','-0.25rem')
  73. }else{
  74. $(".assistanceCon .progress .progressBar").css("width","100%")
  75. $(".assistanceCon .progress .progressBar .bar").css('right','0rem')
  76. }
  77. $(".assistanceDetail .progressView .bar").text("已提¥"+res.rst.data.red_open_money)
  78. if(order_type == 1){
  79. //失效
  80. $(".assistanceCon .assistanceDetail .assistanceButton").html('红包已失效')
  81. $(".assistanceCon .assistanceDetail .assistanceButton").attr('disabled',true)
  82. overdue();//过期样式进度条
  83. }else if(order_type == 2){
  84. //已拆完
  85. $(".assistanceCon .assistanceDetail .assistanceButton").html('红包已拆完')
  86. $(".assistanceCon .assistanceDetail .assistanceButton").attr('disabled',true)
  87. overdue();//过期样式进度条
  88. }else if(order_type == 3){
  89. //过期
  90. $(".assistanceCon .assistanceDetail .assistanceButton").html('红包已过期')
  91. $(".assistanceCon .assistanceDetail .assistanceButton").attr('disabled',true)
  92. overdue();//过期样式进度条
  93. }else{
  94. //红包在拆
  95. }
  96. // newList();//恭喜以下用户获得新手大礼包
  97. }else if(res.errno == 5101){
  98. //新用户已拆红包
  99. window.location.href="register.html?unionid="+unionid+"&is_new=2&headimgurl="+headimgurl+"&user_id="+user_id + '&assistance_money=' + res.rst.helper_money + '&red_id=' + red_id
  100. }else if(res.errno == 5102){
  101. //新用户已拆红包且注册成功
  102. window.location.href="register.html?unionid="+unionid+"&is_new=2&headimgurl="+headimgurl+"&user_id="+user_id + '&assistance_money=' + res.rst.helper_money + '&red_id=' + red_id + '&isRegister=' + 1
  103. }else if(res.errno == 5103){
  104. //老用户已拆红包
  105. window.location.href="oldAssistance.html?unionid="+unionid+"&is_new=3&headimgurl="+headimgurl+"&user_id="+user_id + '&assistance_money=' + res.rst.helper_money + '&red_id=' + red_id + '&isAssistance=' + 1
  106. }else{
  107. showMsg(res.err)
  108. }
  109. },
  110. error: function () {
  111. showMsg('请稍后再试!')
  112. $(".loading").hide();
  113. }
  114. })
  115. }
  116. function overdue (){
  117. //过期样式---bar
  118. $(".assistanceCon .assistanceDetail .assistanceButton").css({'background':"#cbcbcb",'box-shadow':'0px 0rem 0rem 0px rgba(182,9,9,0)'});
  119. $(".assistanceCon .progress .progressBar .bar").css('background',"#cbcbcb");
  120. $(".assistanceCon .progress .progressBar").css('background',"#cbcbcb");
  121. $(".assistanceCon .progress").css('background',"#CFCFCF");
  122. }
  123. function productInfo () {
  124. //去app
  125. window.location.href = 'http://a.app.qq.com/o/simple.jsp?pkgname=com.kuxuan.coupon_liedou';
  126. }
  127. // 微信端-拆红包
  128. function charRed(){
  129. if(is_new != 1 && new_type != 1){
  130. //老用户禁止助力
  131. window.location.href="oldUsers.html?user_id="+user_id + '&red_id=' + red_id
  132. _czc.push(["_trackEvent",'v3-助力者助力拆红包页','老用户','【帮他助力】按钮点击次数']);
  133. return;
  134. }
  135. _czc.push(["_trackEvent",'v3-助力者助力拆红包页','新用户','【帮他助力】按钮点击次数']);
  136. $('.loading').show();
  137. $.ajax({
  138. type: 'post',
  139. url: '/api/v2/redactive/chaiRed',
  140. data:{
  141. 'red_id': red_id,
  142. 'user_id': user_id,
  143. 'unionid': unionid,
  144. 'is_pg':1
  145. },
  146. headers:{
  147. source:3001,
  148. },
  149. success: function (res) {
  150. $(".loading").hide();
  151. if (res && res.errno == 0) {
  152. if(res.rst.data.flag == 1){
  153. //助力成功
  154. if(is_new == 1 && new_type != 1){
  155. //新用户助力成功
  156. window.location.href="register.html?unionid="+unionid+"&is_new=2&headimgurl="+headimgurl+"&user_id="+user_id + '&assistance_money=' + res.rst.data.data.money + '&red_id=' + red_id
  157. }
  158. if(is_new == 1 && new_type == 1){
  159. window.location.href="register.html?unionid="+unionid+"&is_new=2&headimgurl="+headimgurl+"&user_id="+user_id + '&assistance_money=' + res.rst.helper_money + '&red_id=' + red_id + '&isRegister=' + 1
  160. }
  161. // else{
  162. // //老用户助力成功
  163. // window.location.href="oldAssistance.html?unionid="+unionid+"&is_new=3&headimgurl="+headimgurl+"&user_id="+user_id + '&assistance_money=' + res.rst.data.data.money + '&red_id=' + red_id
  164. // }
  165. }else{
  166. console.log(is_new)
  167. if(is_new == 1){
  168. //新用户助力成功
  169. window.location.href="register.html?unionid="+unionid+"&is_new=2&headimgurl="+headimgurl+"&user_id="+user_id +"&red_id="+ red_id
  170. }else{
  171. showMsg(res.rst.data.info);
  172. }
  173. }
  174. }else {
  175. showMsg(res.err)
  176. }
  177. },
  178. error: function () {
  179. showMsg('请稍后再试!')
  180. $(".loading").hide();
  181. }
  182. })
  183. }
  184. // // 分享地址
  185. function shareWechatUrl(){
  186. //获取分享url
  187. $.ajax({
  188. type: 'post',
  189. url: '/api/v2/redactive/helpOpenRed',
  190. data:{
  191. 'red_id':red_id,
  192. 'user_id':user_id
  193. },
  194. success: function (data) {
  195. if (data && data.errno == 0) {
  196. var url=data.rst.url;
  197. console.log(url);
  198. getSignPackage(url);//过微信审核用
  199. }else {
  200. // showMsg(res.err)
  201. }
  202. },
  203. error:function () {
  204. // showMsg("请稍后再试")
  205. }
  206. })
  207. }
  208. function getSignPackage (shareUrl) {
  209. //过微信审核用
  210. var _this = this;
  211. $.ajax({
  212. url:'/api/v2/spellgroup/getSignPackage',
  213. type:'post',
  214. data:{
  215. url:location.href
  216. },
  217. success: function (res) {
  218. console.log(res)
  219. wexinPay(shareUrl,res,function() {
  220. // 分享成功
  221. showMsg("分享成功")
  222. _czc.push(["_trackEvent",'红包分享','红包id--' + red_id,'']);
  223. },function() {
  224. //分享失败
  225. showMsg("分享失败")
  226. },function() {
  227. //微信审核为通过
  228. })
  229. }
  230. })
  231. }
  232. function redOrderBarrage(){
  233. //红包详情头部弹幕
  234. $.ajax({
  235. type: 'get',
  236. url: '/api/v2/redactive/redOrderBarrage',
  237. dataType:'json',
  238. success: function (res) {
  239. console.log(res)
  240. if (res && res.errno == 0) {
  241. var listHtml = '',nickname;
  242. for(i=0;i<5;i++){
  243. if(res.rst.data.coponInfo.length > i){
  244. var coponInfoItem = res.rst.data.coponInfo[i];
  245. nickname = '猎小豆';
  246. if(coponInfoItem.nickname != 'null' && coponInfoItem.nickname != null && coponInfoItem.nickname != ''){
  247. nickname = coponInfoItem.nickname;
  248. }
  249. listHtml += '<div class="swiper-slide">' + coponInfoItem.add_time + '前 <em>' + nickname + '</em>领取了 <span>' + coponInfoItem.red_money + '元优惠券</span></div>'
  250. }
  251. if(res.rst.data.redOpend.length > i){
  252. var redOpendItem = res.rst.data.redOpend[i];
  253. nickname = '猎小豆';
  254. if(redOpendItem.nickname != 'null' && redOpendItem.nickname != null && redOpendItem.nickname != ''){
  255. nickname = redOpendItem.nickname;
  256. }
  257. listHtml += '<div class="swiper-slide">' + redOpendItem.add_time + '前 <em>' + nickname + '</em>提现了 <span>' + redOpendItem.red_money + '元红包</span></div>'
  258. }
  259. if(res.rst.data.newUsers.length > i){
  260. var newUsersItem = res.rst.data.newUsers[i];
  261. nickname = '猎小豆';
  262. if(newUsersItem.nickname != 'null' && newUsersItem.nickname != null && newUsersItem.nickname != ''){
  263. nickname = newUsersItem.nickname;
  264. }
  265. listHtml += '<div class="swiper-slide">' + newUsersItem.add_time + '前 <em>' + nickname + '</em>领取了 <span>' + newUsersItem.red_money + '元现金</span></div>'
  266. }
  267. if(res.rst.data.commissions.length > i){
  268. var commissionsItem = res.rst.data.commissions[i];
  269. nickname = '猎小豆';
  270. if(commissionsItem.nickname != 'null' && commissionsItem.nickname != null && commissionsItem.nickname != ''){
  271. nickname = commissionsItem.nickname;
  272. }
  273. listHtml += '<div class="swiper-slide">' + commissionsItem.add_time + '前 <em>' + nickname + '</em>赚取了 <span>' + commissionsItem.red_money + '元佣金</span></div>'
  274. }
  275. }
  276. $(".swiper-container .swiper-wrapper").html(listHtml)
  277. swiperEvent();
  278. }else {
  279. showMsg(res.err)
  280. }
  281. },
  282. error:function () {
  283. showMsg("请稍后再试")
  284. }
  285. })
  286. }
  287. function swiperEvent () {
  288. var swiper = new Swiper('.swiper-container', {
  289. direction: 'vertical',
  290. spaceBetween: 0,
  291. centeredSlides: true,
  292. loopFillGroupWithBlank:true,
  293. noSwiping:true,
  294. loop:true,
  295. autoplay: {
  296. delay: 3000,
  297. disableOnInteraction: false,
  298. },
  299. });
  300. }
  301. // 展示错误提示信息
  302. function showMsg(msg) {
  303. var msgBox = document.getElementsByClassName('alert-info')[0];
  304. msgBox.getElementsByTagName("p")[0].innerHTML=msg;
  305. msgBox.style.display="block";
  306. setTimeout(function() {
  307. msgBox.style.display="none";
  308. }, 2000);
  309. }
  310. //获取地址栏参数
  311. function parseQueryString(url) {
  312. var urlObj = {};
  313. var reg = /([^?=&]+)=([^?=&]+)/g;
  314. url.replace(reg, function($0, $1, $2) {
  315. urlObj[$1] = decodeURIComponent($2);
  316. })
  317. return urlObj;
  318. }