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.

279 lines
11 KiB

7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 years ago
7 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. <link href="<?php echo env('APP_URL'); ?>/css/font-awesome.min.css" type="text/css" rel="stylesheet">
  7. <meta name="keywords" content="关键词"><meta name="description" content="描述"></head><body style="background-color:#f1f1f1;">
  8. <div class="classreturn loginsignup">
  9. <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>
  10. <div class="ds-in-bl tit center"><span>确认订单</span></div>
  11. <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>
  12. </div>
  13. <div class="flool tpnavf cl">
  14. <div class="nav_list">
  15. <ul>
  16. <a href="<?php echo route('weixin'); ?>"><li><img src="<?php echo env('APP_URL'); ?>/images/weixin/home_icon.png"><p>首页</p></li></a>
  17. <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>
  18. <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>
  19. <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>
  20. <div class="cl"></div>
  21. </div>
  22. </div>
  23. <a href="/v2/index.php?m=default&amp;c=flow&amp;a=consignee_list&amp;u=53657">
  24. <div class="checkout-addr">
  25. <p class="title">范例 <span>15280767654</span></p>
  26. <p class="des">福建厦门湖里区 软件园二期100号</p>
  27. <i></i>
  28. </div>
  29. </a>
  30. <style>
  31. .checkout-addr{position: relative;/* border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3; */background: #fff;margin-top:10px;padding:10px;}
  32. .checkout-addr p{margin-right:20px;}.checkout-addr .title{font-size:18px;margin-bottom:5px;}.checkout-addr .des{color:#666;}
  33. .checkout-addr i{position: absolute;top: 50%;right:12px;margin-top:-6px;color:#bbb;display:inline-block;border-right:2px solid;border-bottom:2px solid;width:12px;height:12px;transform:rotate(-45deg);}
  34. </style>
  35. <ul class="goodslist">
  36. <?php if($list){foreach($list as $k=>$v){ ?>
  37. <li>
  38. <img src="<?php echo $v['litpic']; ?>">
  39. <p><b><?php echo $v['title']; ?></b><span>¥<?php echo $v['final_price']; ?><i>x<?php echo $v['goods_number']; ?></i></span></p>
  40. </li>
  41. <?php }} ?>
  42. </ul>
  43. <style>
  44. .goodslist{background-color:#fff;margin-top:10px;}
  45. .goodslist li{display:-webkit-box;margin:0 10px;padding:10px;border-bottom: 1px solid #f1f1f1;}
  46. .goodslist li img{margin-right:10px;display:block;width:78px;height:78px;border: 1px solid #e1e1e1;}
  47. .goodslist li p {display: block;-webkit-box-flex: 1;width: 100%;}
  48. .goodslist li p b {display:block;font-size:16px;font-weight:400;line-height: 28px;color:#333;}
  49. .goodslist li p span {color:#f23030;font-size:18px;display: block;padding-top:8px;}
  50. .goodslist li p i{color:#666;float:right;font-size:14px;}
  51. </style>
  52. <div class="floor">
  53. <ul class="fui-list mt10">
  54. <a href="javascript:update_pay_mode_layer();"><li>
  55. <div class="ui-list-info">
  56. <h4 class="ui-nowrap">支付方式</h4>
  57. <div class="ui-txt-info">支付宝 &nbsp;</div>
  58. </div>
  59. <i class="fa fa-angle-right" aria-hidden="true"></i>
  60. </li></a>
  61. <script>
  62. function update_pay_mode_layer()
  63. {
  64. //询问框
  65. layer.open({
  66. content: '<div style="padding:15px;"><a style="margin-bottom:10px;background-color:#1aad19;text-align:center;color:white;border:1px solid #179e16;" class="bottoma" onclick="layer.closeAll();" href="javascript:update_pay_mode(1);">男</a><a style="margin-bottom:10px;background-color:#ea5a3d;text-align:center;color:white;border:1px solid #dd2727;" class="bottoma" onclick="layer.closeAll();" href="javascript:update_pay_mode(2);">女</a></div>'
  67. });
  68. }
  69. function update_pay_mode(sex)
  70. {
  71. $.post('<?php echo env('APP_API_URL').'/user_info_update'; ?>',{sex:sex,access_token:'<?php echo $_SESSION['weixin_user_info']['access_token']; ?>'},function(res)
  72. {
  73. if(res.code==0)
  74. {
  75. //提示
  76. layer.open({
  77. content: '修改成功'
  78. ,skin: 'msg'
  79. ,time: 2 //2秒后自动关闭
  80. });
  81. }
  82. else
  83. {
  84. layer.open({
  85. content: res.msg
  86. ,skin: 'msg'
  87. ,time: 2 //2秒后自动关闭
  88. });
  89. }
  90. },'json');
  91. window.location.reload();
  92. }
  93. </script>
  94. <a href="javascript:update_username();"><li>
  95. <div class="ui-list-info">
  96. <h4 class="ui-nowrap">优惠券</h4>
  97. <div class="ui-txt-info">请选择优惠券 &nbsp;</div>
  98. </div>
  99. <i class="fa fa-angle-right" aria-hidden="true"></i>
  100. </li></a>
  101. </ul></div>
  102. <div class="floor" style="background-color:#fff;margin-top:10px;padding:10px;">
  103. <div class="buy_note">
  104. <div class="buy_note_tit"><span>备注</span></div>
  105. <textarea name="message" rows="3"></textarea>
  106. </div>
  107. <div class="order_check_info">
  108. <p>共1件商品</p>
  109. <p>运费:¥0</p>
  110. <p>满¥15.00减¥1.00</p>
  111. <p>商品总价:¥99</span></p>
  112. <p>应付款金额:<span class="red">¥<i id="totalamount">99</i></span></p>
  113. </div>
  114. </div>
  115. <style>
  116. .buy_note{margin:5px 0 15px 0;}
  117. .buy_note_tit{font-size:16px;margin-bottom:15px;}
  118. .buy_note textarea{display:block;font-size: 14px;border:1px solid #e1e1e1;width: 100%;padding:10px;box-sizing: border-box;}
  119. .order_check_info p{text-align:right;line-height:22px;color: #666;font-size:14px;}
  120. .order_check_info p .red{color:#ff5500;font-size:18px;}
  121. </style>
  122. <div class="setting"><div class="close"><a href="<?php echo route('weixin_user_logout'); ?>" id="logout">提交</a></div></div>
  123. <script type="text/javascript" src="<?php echo env('APP_URL'); ?>/js/layer/mobile/layer.js"></script>
  124. <script>
  125. function cart_submit()
  126. {
  127. var cart_goods_ids = '';
  128. $('[name="checkItem"][checked]').each(function(){
  129. var goods_id = $(this).attr('data-cart-id');
  130. if(cart_goods_ids){cart_goods_ids = cart_goods_ids+'_'+goods_id;}else{cart_goods_ids = cart_goods_ids+goods_id;}
  131. });
  132. if(cart_goods_ids == '')
  133. {
  134. layer.open({
  135. content: '请选择商品'
  136. ,skin: 'msg'
  137. ,time: 2 //2秒后自动关闭
  138. });
  139. return false;
  140. }
  141. location.href = '<?php echo substr(route('weixin_cart_checkout',array('ids'=>1)), 0, -1); ?>' + cart_goods_ids;
  142. }
  143. function change_goods_number(type, id)
  144. {
  145. var goods_number = document.getElementById('goods_number'+id).value;
  146. if(type != 2)
  147. {
  148. var goods_number = document.getElementById('goods_number'+id).value;
  149. document.getElementById('goods_number'+id).value = goods_number;
  150. }
  151. if(type == 1){goods_number--;}
  152. if(type == 3){goods_number++;}
  153. if(goods_number <= 0){goods_number=1;}
  154. if(!/^[0-9]*$/.test(goods_number)){goods_number = document.getElementById('goods_number'+id).value;}
  155. document.getElementById('goods_number'+id).value = goods_number;
  156. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  157. var url = '<?php echo env('APP_API_URL').'/cart_add'; ?>';
  158. $.post(url,{access_token:access_token,goods_id:id,goods_number:goods_number},function(res)
  159. {
  160. if (res.code == 0)
  161. {
  162. changeCartTotalPrice();
  163. }
  164. else if (res.msg != '')
  165. {
  166. //提示
  167. layer.open({
  168. content: '姓名不能为空'
  169. ,skin: 'msg'
  170. ,time: 2 //2秒后自动关闭
  171. });
  172. var goods_number = document.getElementById('goods_number'+id).value;
  173. document.getElementById('goods_number'+id).value = goods_number;
  174. }
  175. }, 'json');
  176. }
  177. //删除购物车商品
  178. $(function () {
  179. //删除购物车商品事件
  180. $(document).on("click", '.deleteGoods', function (e) {
  181. var access_token = '<?php echo $_SESSION['weixin_user_info']['access_token']; ?>';
  182. var cart_ids = new Array();
  183. cart_ids.push($(this).attr('data-cart-id'));
  184. layer.open({
  185. content: '确定要删除此商品吗'
  186. ,btn: ['确定', '取消']
  187. ,yes: function(index){
  188. layer.close(index);
  189. $.ajax({
  190. type : "POST",
  191. url:"<?php echo env('APP_API_URL').'/cart_delete'; ?>",
  192. dataType:'json',
  193. data: {access_token:access_token,id:cart_ids},
  194. success: function(res){
  195. layer.open({
  196. content: res.msg
  197. ,skin: 'msg'
  198. ,time: 2 //2秒后自动关闭
  199. });
  200. window.location.reload();
  201. }
  202. });
  203. }
  204. });
  205. })
  206. });
  207. //勾选商品
  208. function checkGoods(obj)
  209. {
  210. if($(obj).hasClass('check_t'))
  211. {
  212. //改变颜色
  213. $(obj).removeClass('check_t');
  214. //取消选中
  215. $(obj).find('input').attr('checked',false);
  216. }
  217. else
  218. {
  219. //改变颜色
  220. $(obj).addClass('check_t');
  221. //勾选选中
  222. $(obj).find('input').attr('checked',true);
  223. }
  224. //选中全选多选框
  225. if($(obj).hasClass('checkFull'))
  226. {
  227. if($(obj).hasClass('check_t'))
  228. {
  229. $(".che").each(function(i,o){
  230. $(this).addClass('check_t');
  231. $(this).find('input').attr('checked',true);
  232. });
  233. }
  234. else
  235. {
  236. $(".che").each(function(i,o){
  237. $(this).removeClass('check_t');
  238. $(this).find('input').attr('checked',false);
  239. });
  240. }
  241. }
  242. changeCartTotalPrice();
  243. }
  244. //修改选中商品总价
  245. function changeCartTotalPrice()
  246. {
  247. var total_price = 0;
  248. $('[name="checkItem"][checked]').each(function(){
  249. var goods_id = $(this).attr('data-goods-id');
  250. total_price = total_price + $('#goods_number'+goods_id).val() * $('#goods_price'+goods_id).text();
  251. });
  252. $('#total_fee').text(total_price);
  253. }
  254. </script>
  255. </body></html>