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.

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