integralDetail.js 5.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164
  1. var id=mobile.getUrlVars("id");
  2. var integral;
  3. var productExchange;
  4. var data;
  5. mui.init();
  6. /**
  7. *初始化、添加监听
  8. */
  9. mui.ready(function(){
  10. getIntegral();
  11. getById();
  12. //返回顶部
  13. $(".gotop").on("click",function(){
  14. $('html,body').animate({ scrollTop: 0 }, 500);
  15. });
  16. $("#segmentedControls .mui-control-item").on('tap',function(){
  17. $('html,body').animate({ scrollTop: $("#productInfo").height()+$("#slider").height()+10+55}, 500);
  18. });
  19. $("#toOrder").on("tap",'.main-bgcolor',function(){
  20. var qty = parseInt($('.mui-input-numbox').val());
  21. if(productExchange.exchange_integral*qty<=integral){
  22. location.href=base+'/mobile/integralOrderConfirm.jsp?exchangeId='+id+'&qty='+qty;
  23. }else{
  24. return layer.open({content:'您的积分不足',time:3});
  25. }
  26. });
  27. $(window).scroll(function() {
  28. var top = $("#productInfo").height()+$('header').height()+$("#slider").height()+55;
  29. var scrolls = $(this).scrollTop();
  30. if (scrolls> top) {
  31. if (window.XMLHttpRequest) {
  32. $("#segmentedControls").css("position","fixed");
  33. $("#segmentedControls").css("top","34px");
  34. } else {
  35. $("#segmentedControls").css("top",scrolls);
  36. }
  37. $(".gotop").fadeIn();
  38. }else {
  39. $("#segmentedControls").css("position","absolute");
  40. $("#segmentedControls").css("top",top);
  41. $(".gotop").fadeOut();
  42. }
  43. });
  44. });
  45. //获取积分
  46. function getIntegral() {
  47. mobile.ajaxPost(base + '/userIntegral/getIntegral', {}, function(json) {
  48. integral = json.data;
  49. },"");
  50. }
  51. //获取商品信息
  52. function getById(){
  53. mobile.ajaxPost(base+"/productExchange/getById",{id:id},function(json){
  54. productExchange = json.data;
  55. getProductDetail();
  56. });
  57. }
  58. //获取商品信息
  59. function getProductDetail(){
  60. mobile.ajaxPost(base+"/product/getById",{id:productExchange.product_id},function(json){
  61. if(json.success){
  62. data = json.data;
  63. console.info(data);
  64. var arr = [];
  65. if(data.product_img_1){
  66. arr.push(data.product_img_1);
  67. }
  68. if(data.product_img_2){
  69. arr.push(data.product_img_2);
  70. }
  71. if(data.product_img_3){
  72. arr.push(data.product_img_3);
  73. }
  74. $(".product-img-border img").attr("src",imgUrl+data.product_main_img);
  75. $(".productName").html(data.product_name);
  76. $(".productDesc").html(data.product_desc);
  77. $(".saleNum").html('<span class="color1 fs12">价值'+data.product_price+'元</span>');
  78. $(".product-price").append('<span class="fs24">'+productExchange.exchange_integral+'</span><span class="fs14">积分</span>');
  79. if(data.product_detail){
  80. $("#item1").html(data.product_detail);
  81. }else{
  82. $("#item1").html('<span class="fs14 color2">暂无信息</span>');
  83. }
  84. $("#item2").html('<span class="fs14 color2">暂无信息</span>');
  85. $('.mui-content').removeClass('mui-hidden');
  86. $('.mui-bar-tab').removeClass('mui-hidden');
  87. initSlider(arr);
  88. //获取评价
  89. getComment();
  90. }else{
  91. layer.open({content: json.msg,time: 3});
  92. }
  93. });
  94. }
  95. function initSlider(arr){
  96. $("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
  97. '<img src="'+imgUrl+arr[arr.length-1]+'" >'+
  98. '</div>');
  99. if(arr.length>1){//数量大于1定时滚动
  100. for(var i=0;i<arr.length;i++){
  101. $("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
  102. '<img src="'+imgUrl+arr[i]+'" >'+
  103. '</div>');
  104. if(i==0){
  105. $("#slider .mui-slider-indicator").append('<div class="mui-indicator mui-active"></div>');
  106. }else{
  107. $("#slider .mui-slider-indicator").append('<div class="mui-indicator"></div>');
  108. }
  109. }
  110. }else{//数量等于1
  111. $("#slider .mui-slider-group").append('<div class="mui-slider-item">'+
  112. '<img src="'+imgUrl+arr[0]+'" >'+
  113. '</div>');
  114. }
  115. $("#slider .mui-slider-group").append('<div class="mui-slider-item mui-slider-item-duplicate">'+
  116. '<img src="'+imgUrl+arr[0]+'" >'+
  117. '</div>');
  118. if(arr.length>1){
  119. var slider = mui("#slider");
  120. slider.slider({
  121. interval: 3000
  122. });
  123. }
  124. }
  125. //获取评价
  126. function getComment(){
  127. mobile.ajaxPost(base+"/userOrderComment/getList",{productId:id},function(json){
  128. if(json.success){
  129. if(json.data&&json.data.length>0){
  130. var html=[];
  131. $.each(json.data,function(id,item){
  132. if(!item.nickname){
  133. item.nickname="匿名用户";
  134. }
  135. if(!item.headimgurl){
  136. item.headimgurl=base+"static/mobile/image/avatar.png";
  137. }
  138. html.push('<li class="mui-table-view-cell mui-media">');
  139. html.push('<div class="mui-media-body">');
  140. html.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
  141. html.push('<div class="mui-inline lh24 mr5">'+item.nickname+'</div>');
  142. html.push('<div class="icons mui-inline lh24">');
  143. for(var i=0;i<parseInt(item.comment_rank);i++){
  144. html.push('<i class="mui-icon mui-icon-star-filled"></i>');
  145. }
  146. for(var i=0;i<5-parseInt(item.comment_rank);i++){
  147. html.push('<i class="mui-icon mui-icon-star"></i>');
  148. }
  149. html.push('</div>');
  150. html.push('<p class="color1 mb5">'+item.comment_content+'</p>');
  151. html.push('<p class="fs12">'+item.create_time+'</p>');
  152. html.push('</div>');
  153. html.push('</li>');
  154. });
  155. $("#item3 ul").html(html.join(""));
  156. }else{
  157. $("#item3").html('<div class="fs14 color2 pd15 bgcolor1">暂无评价</div>');
  158. }
  159. }else{
  160. layer.open({content: json.msg,time: 3});
  161. }
  162. },"");
  163. }