You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

243 lines
9.4 KiB

8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
7 years ago
8 years ago
  1. <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"/>
  2. <title>购物车 - 商城</title><meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport">
  3. <link href="<?php echo env('APP_URL'); ?>/css/weixin/style.css" type="text/css" rel="stylesheet">
  4. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/jquery.min.js"></script>
  5. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/weixin/mobile.js"></script>
  6. <meta name="keywords" content="关键词"><meta name="description" content="描述"></head><body>
  7. <div class="classreturn loginsignup">
  8. <div class="ds-in-bl return"><a href="javascript:history.back(-1);"><img src="<?php echo env('APP_URL'); ?>/images/weixin/return.png" alt="返回"></a></div>
  9. <div class="ds-in-bl tit center"><span>购物车</span></div>
  10. <div class="ds-in-bl nav_menu"><a href="javascript:void(0);"><img src="<?php echo env('APP_URL'); ?>/images/weixin/class1.png" alt="菜单"></a></div>
  11. </div>
  12. <div class="flool tpnavf cl">
  13. <div class="nav_list">
  14. <ul>
  15. <a href="<?php echo route('weixin'); ?>"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/home_icon.png"><p>首页</p></li></a>
  16. <a href="/Weixin/index.php?m=Store&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/brand_icon.png"><p>分类</p></li></a>
  17. <a href="/Weixin/index.php?m=Cart&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/car_icon.png"><p>购物车</p></li></a>
  18. <a href="/Weixin/index.php?m=User&amp;a=index"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/center_icon.png"><p>个人中心</p></li></a></ul>
  19. <div class="cl"></div>
  20. </div>
  21. </div>
  22. <div class="cart_list">
  23. <!--商品列表-s-->
  24. <?php if($list){foreach($list as $k=>$v){ ?>
  25. <div class="sc_list" id="cart_list_<?php echo $v['id']; ?>">
  26. <div class="radio-img">
  27. <div class="radio fl ">
  28. <!--商品勾选按钮-->
  29. <span onclick="checkGoods(this)" class="che">
  30. <i>
  31. <input name="checkItem" type="checkbox" style="display:none;" data-goods-id="<?php echo $v['goods_id']; ?>">
  32. </i>
  33. </span>
  34. </div>
  35. <div class="shopimg fl">
  36. <a href="<?php echo $v['goods_detail_url']; ?>">
  37. <img src="<?php echo $v['litpic']; ?>">
  38. </a>
  39. </div>
  40. </div>
  41. <div class="deleshow">
  42. <div class="deletes">
  43. <!--商品名-->
  44. <p class="tit"><?php echo $v['title']; ?></p>
  45. <!--删除按钮-->
  46. <a href="javascript:void(0);" class="delescj deleteGoods" data-cart-id="<?php echo $v['id']; ?>"><img src="<?php echo env('APP_URL'); ?>/images/weixin/dele.png"></a>
  47. </div>
  48. <!--商品属性,规格-->
  49. <p class="weight"></p>
  50. <div class="prices">
  51. <p class="sc_pri fl">
  52. <!--商品单价-->
  53. <span></span><span id="goods_price<?php echo $v['goods_id']; ?>"><?php echo $v['final_price']; ?></span>
  54. </p>
  55. <!--加减数量-->
  56. <div class="plus fr get_mp">
  57. <span class="mp_minous" onClick="change_goods_number(1,<?php echo $v['goods_id']; ?>)">-</span>
  58. <span class="mp_mp"><input name="goods_number<?php echo $v['goods_id']; ?>" type="text" id="goods_number<?php echo $v['goods_id']; ?>" value="<?php echo $v['goods_number']; ?>" onkeyup="this.value=this.value.replace(/[^\d]/g,'')" autocomplete="off" value="1" onblur="change_goods_number(2,<?php echo $v['goods_id']; ?>)" class="input-num"></span>
  59. <span class="mp_plus" onClick="change_goods_number(3,<?php echo $v['goods_id']; ?>)">+</span>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. <?php }} ?>
  65. <!--商品列表-e-->
  66. <!--提交栏-s-->
  67. <div class="foohi foohiext">
  68. <div class="payit ma-to-20 payallb">
  69. <div class="radio fl">
  70. <span class="che alltoggle checkFull" onclick="checkGoods(this)">
  71. <i></i>
  72. </span>
  73. <span class="all">全选</span>
  74. </div>
  75. <div class="fr">
  76. <a href="javascript:void(0);" onclick="cart_submit();">去结算</a>
  77. </div>
  78. <div class="youbia">
  79. <p><span class="pmo">总计:</span><span></span><span id="total_fee">0</span></p>
  80. </div>
  81. </div>
  82. </div>
  83. <!--提交栏-e-->
  84. </div>
  85. <?php if(!$list){ ?>
  86. <!--购物车没有商品-start-->
  87. <div class="cart_list">
  88. <div class="nonenothing">
  89. <img src="<?php echo env('APP_URL'); ?>/images/weixin/nothing.png">
  90. <p>购物车暂无商品</p>
  91. <a href="<?php echo route('weixin'); ?>">去逛逛</a>
  92. </div>
  93. </div>
  94. <br><br>
  95. <!--猜你喜欢-start-->
  96. <div class="floor">
  97. <div class="banner_headline">
  98. <div class="tit">
  99. <h4>猜你喜欢</h4>
  100. </div>
  101. </div>
  102. <div class="likeshop">
  103. <ul class="goods_list">
  104. <?php if($like_goods_list){foreach($like_goods_list as $k=>$v){ ?>
  105. <li><a href="<?php echo $v['goods_detail_url']; ?>"><img alt="<?php echo $v['title']; ?>" src="<?php echo $v['litpic']; ?>"><div class="goods_info"><p class="goods_tit"><?php echo $v['title']; ?></p><div class="goods_price">¥<b><?php echo $v['price']; ?></b></div></div></a></li>
  106. <?php }} ?>
  107. </ul>
  108. </div>
  109. </div>
  110. <!--购物车没有商品-end-->
  111. <?php } ?>
  112. <br><br>
  113. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/layer/mobile/layer.js"></script>
  114. <script>
  115. function change_goods_number(type, id)
  116. {
  117. var goods_number = document.getElementById('goods_number'+id).value;
  118. if(type != 2)
  119. {
  120. var goods_number = document.getElementById('goods_number'+id).value;
  121. document.getElementById('goods_number'+id).value = goods_number;
  122. }
  123. if(type == 1){goods_number--;}
  124. if(type == 3){goods_number++;}
  125. if(goods_number <= 0){goods_number=1;}
  126. if(!/^[0-9]*$/.test(goods_number)){goods_number = document.getElementById('goods_number'+id).value;}
  127. document.getElementById('goods_number'+id).value = goods_number;
  128. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  129. var url = '<?php echo env('APP_API_URL').'/cart_add'; ?>';
  130. $.post(url,{access_token:access_token,goods_id:id,goods_number:goods_number},function(res)
  131. {
  132. if (res.code == 0)
  133. {
  134. changeCartTotalPrice();
  135. }
  136. else if (res.msg != '')
  137. {
  138. //提示
  139. layer.open({
  140. content: '姓名不能为空'
  141. ,skin: 'msg'
  142. ,time: 2 //2秒后自动关闭
  143. });
  144. var goods_number = document.getElementById('goods_number'+id).value;
  145. document.getElementById('goods_number'+id).value = goods_number;
  146. }
  147. }, 'json');
  148. }
  149. //删除购物车商品
  150. $(function () {
  151. //删除购物车商品事件
  152. $(document).on("click", '.deleteGoods', function (e) {
  153. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  154. var cart_ids = new Array();
  155. cart_ids.push($(this).attr('data-cart-id'));
  156. layer.open({
  157. content: '确定要删除此商品吗'
  158. ,btn: ['确定', '取消']
  159. ,yes: function(index){
  160. layer.close(index);
  161. $.ajax({
  162. type : "POST",
  163. url:"<?php echo env('APP_API_URL').'/cart_delete'; ?>",
  164. dataType:'json',
  165. data: {access_token:access_token,id:cart_ids},
  166. success: function(res){
  167. layer.open({
  168. content: res.msg
  169. ,skin: 'msg'
  170. ,time: 2 //2秒后自动关闭
  171. });
  172. window.location.reload();
  173. }
  174. });
  175. }
  176. });
  177. })
  178. });
  179. //勾选商品
  180. function checkGoods(obj)
  181. {
  182. if($(obj).hasClass('check_t'))
  183. {
  184. //改变颜色
  185. $(obj).removeClass('check_t');
  186. //取消选中
  187. $(obj).find('input').attr('checked',false);
  188. }
  189. else
  190. {
  191. //改变颜色
  192. $(obj).addClass('check_t');
  193. //勾选选中
  194. $(obj).find('input').attr('checked',true);
  195. }
  196. //选中全选多选框
  197. if($(obj).hasClass('checkFull'))
  198. {
  199. if($(obj).hasClass('check_t'))
  200. {
  201. $(".che").each(function(i,o){
  202. $(this).addClass('check_t');
  203. $(this).find('input').attr('checked',true);
  204. });
  205. }
  206. else
  207. {
  208. $(".che").each(function(i,o){
  209. $(this).removeClass('check_t');
  210. $(this).find('input').attr('checked',false);
  211. });
  212. }
  213. }
  214. changeCartTotalPrice();
  215. }
  216. //修改选中商品总价
  217. function changeCartTotalPrice()
  218. {
  219. var total_price = 0;
  220. $('[name="checkItem"][checked]').each(function(){
  221. var goods_id = $(this).attr('data-goods-id');
  222. total_price = total_price + $('#goods_number'+goods_id).val() * $('#goods_price'+goods_id).text();
  223. });
  224. $('#total_fee').text(total_price);
  225. }
  226. </script>
  227. </body></html>