cardDetail.js 1.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. var id=mobile.getUrlVars("id");
  2. var data;
  3. var detailId;
  4. mui.init();
  5. /**
  6. *初始化、添加监听
  7. */
  8. mui.ready(function(){
  9. getDetail();
  10. mui('.mui-input-group').on('change', 'input', function() {
  11. if(this.checked){
  12. detailId = $(this).parents(".mui-radio").attr("data-id");
  13. $("#total_amt").html("¥"+$(this).parents(".mui-radio").attr("amt"));
  14. }
  15. });
  16. $(".mui-bar-tab").on("tap",".main-bgcolor",function(){
  17. if(!detailId){
  18. layer.open({content:"请选择要购买的水票",time:3});
  19. return;
  20. }
  21. mobile.ajaxPost(base+"/userCardOrder/save",{id:detailId},function(json){
  22. if(json.data){
  23. history.replaceState(null, "", base+"/mobile/card.jsp");
  24. location.href=base+"/mobile/userOrderPay.jsp?id="+json.data+"&type=card";
  25. }else{
  26. layer.open({content:'结算失败,请重试',time:3});
  27. }
  28. });
  29. });
  30. });
  31. //获取商品信息
  32. function getDetail(){
  33. mobile.ajaxPost(base+"/productCard/getById",{id:id},function(json){
  34. if(json.success){
  35. data = json.data;
  36. $("#card_img").attr("src",imgUrl+data.card_img);
  37. $(".productName").html(data.card_name);
  38. $(".saleNum").html('<p class="mb0">销量:'+data.sale_num+'</p>');
  39. $("#price").append('<p class="mb0">原价:¥'+data.original_price+'/桶</p>');
  40. $.each(data.list,function(id,item){
  41. $(".mui-input-group").append('<div class="mui-input-row mui-radio" data-id="'+item.id+'" amt="'+item.total_amt+'">'+
  42. '<label><span class="product-price pr15">¥'+item.total_amt+'元</span>'+item.name+'</label>'+
  43. '<input name="radio" type="radio">'+
  44. '</div>');
  45. });
  46. $('.mui-content').removeClass('mui-hidden');
  47. $('.mui-bar-tab').removeClass('mui-hidden');
  48. }else{
  49. layer.open({content: json.msg,time: 3});
  50. }
  51. });
  52. }