diff --git a/app/portal/controller/OrderpageController.php b/app/portal/controller/OrderpageController.php new file mode 100644 index 0000000..60a759d --- /dev/null +++ b/app/portal/controller/OrderpageController.php @@ -0,0 +1,39 @@ +<?php +// +---------------------------------------------------------------------- +// | bronet [ 以客户为中心 以奋斗者为本 ] +// +---------------------------------------------------------------------- +// | Copyright (c) 2013-2017 http://www.bronet.cn All rights reserved. +// +---------------------------------------------------------------------- +// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 ) +// +---------------------------------------------------------------------- +namespace app\portal\controller; + +use cmf\controller\WeChatBaseController; +use think\Db; + +class OrderpageController extends WeChatBaseController{ + + /** + * 显示订单页 + */ + public function order_page(){ + + return $this -> fetch(); + + } + + + + + + + + + + + + + + + +} \ No newline at end of file diff --git a/public/themes/simpleboot3/portal/orderpage/order_page.html b/public/themes/simpleboot3/portal/orderpage/order_page.html new file mode 100644 index 0000000..76aa322 --- /dev/null +++ b/public/themes/simpleboot3/portal/orderpage/order_page.html @@ -0,0 +1,174 @@ +<!DOCTYPE html> +<html lang="en"> + +<head> + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" /> + <meta http-equiv="X-UA-Compatible" content="ie=edge"> + <title>学考无忧-确认订单</title> + <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css"> + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css"> + <style> + .order_address { + padding-bottom: 0.26rem; + background-repeat: no-repeat; + background-image: url("__TMPL__/public/assets/images/32.png"); + background-position: bottom; + background-size: 100% 0.06rem; + background-color: white; + } + </style> +</head> + +<body> +<div class="order_box"> + <!-- 顶部 --> + <div class="order_top"> + <img src="__TMPL__/public/assets/images/left.png" alt=""> + <p>订单确认</p> + </div> + <!-- 地址 --> + <div class="order_address"> + <!-- 暂无 --> + <div class="order_addressNo"> + <div class="order_adImg"> + <img src="__TMPL__/public/assets/images/31.png" alt=""> + </div> + <p class="order_addressGo">暂无收货地址,<a href="address_closed.html">去添加</a></p> + </div> + <!-- 有地址 --> + <!-- <div class="order_addressYes"> + <div class="or_addressYesImg1"> + <img src="img/38.png" alt=""> + </div> + <div class="or_addressYesTxt1"> + <div class="or_addressYesTxt2"> + <div class="or_addressName">孙骁骁</div> + <p class="or_addressPhone">152 **** 4896</p> + </div> + <p class="or_address_detailed">天津市西青区红磡领事郡道开运大厦</p> + </div> + <div class="or_addressYesImg2"> + <img src="img/29.png" alt=""> + </div> + </div> --> + </div> + <!-- 订单信息 --> + <div class="order_news"> + <h1 class="order_newsTit">订单信息</h1> + <ul class="order_newsUl"> + <li> + <div class="order_newsImg"> + <img src="__TMPL__/public/assets/images/36.png" alt=""> + </div> + <div class="order_newsCon"> + <div class="order_newsTxt1 txt-cut">小学五年级英语下册语五年级下册好用不贵经济实惠五年级下册好...</div> + <div class="order_newsTxt2">×<span>1</span></div> + <div class="order_newsTxt3"> + <p class="de_topTxt1_1">¥<span>265.00</span></p> + <p class="de_topTxt1_2">¥<span>265</span>.00</p> + <div class="order_newsNum"> + <div class="order_newsJian">-</div> + <input class="order_newsnum" type="text" readonly="readonly" value="1"> + <div class="order_newsJia">+</div> + </div> + </div> + </div> + </li> + <li> + <div class="order_newsImg"> + <img src="__TMPL__/public/assets/images/36.png" alt=""> + </div> + <div class="order_newsCon"> + <div class="order_newsTxt1 txt-cut">小学五年级英语下册语五年级下册好用不贵经济实惠五年级下册好...</div> + <div class="order_newsTxt2">×<span>0</span></div> + <div class="order_newsTxt3"> + <p class="de_topTxt1_1">¥<span>265.40</span></p> + <p class="de_topTxt1_2">¥<span>265</span>.00</p> + <div class="order_newsNum"> + <div class="order_newsJian">-</div> + <input class="order_newsnum" type="text" readonly="readonly" value="1"> + <div class="order_newsJia">+</div> + </div> + </div> + </div> + </li> + </ul> + </div> + <!-- 支付方式/配送方式 --> + <div class="order_Etc"> + <div class="order_Etc1"> + <p class="order_EtcTxt">支付方式</p> + <img class="order_EtcImg" src="__TMPL__/public/assets/images/34.png" alt=""> + </div> + <div class="order_Etc1"> + <p class="order_EtcTxt">配送方式</p> + <span class="order_EtcTxt2">快递</span> + </div> + <div class="order_Etc2"> + <p class="order_EtcTxt">配送方式</p> + <textarea placeholder="在此填写您的留言"></textarea> + </div> + </div> + <!-- 底部 --> + <div class="order_bottom"> + <div class="order_bottom1"> + <p class="order_bottomHe">合计金额:</p> + <p class="de_topTxt1_1 zoji">¥<span>265.00</span></p> + </div> + + <div class="order_bottom2"> + <a href="w_shopping_cart.html" style="color:white"> + 立即支付 + </a> + </div> + </div> +</div> +<script src="__TMPL__/public/assets/js/base.js"></script> +<script src="__TMPL__/public/assets/js/jquery.js"></script> +<script> + $(document).ready(function() { + // 为减少和添加商品数量的按钮绑定事件回调 + $('.order_newsNum div').on('click', function(evt) { + if ($(this).text() == '-') { + var count = parseInt($(this).next().val()); + if (count > 1) { + count -= 1; + $(this).next().val(count); + } else { + alert('商品数量最少为1'); + } + $(this).parents('.order_newsCon').find('.order_newsTxt2 span').text(count); + } else { + var count = parseInt($(this).prev().val()); + if (count < 200) { + count += 1; + $(this).prev().val(count); + } else { + alert('商品数量最多为200'); + } + $(this).parents('.order_newsCon').find('.order_newsTxt2 span').text(count); + } + var price = parseFloat($(this).parents('.order_newsTxt3').children('.de_topTxt1_1').text().split('¥')[1]); + calcTotal(); + }); + // 计算总计 + function calcTotal() { + var priceSpans = $('.order_newsTxt3 .de_topTxt1_1 span'); + var countInputs = $('.order_newsNum .order_newsnum'); + var totalCount = 0; + var totalPrice = 0; + for (var i = 0; i < priceSpans.length; i += 1) { + // 强调: jQuery对象使用下标运算或get方法会还原成原生的JavaScript对象 + var price = parseFloat($(priceSpans[i]).text()); + var count = parseInt($(countInputs[i]).val()); + totalCount += count; + totalPrice += price * count; + } + $('.zoji span').html(totalPrice.toFixed(2)); + } + }) +</script> +</body> + +</html> \ No newline at end of file diff --git a/public/themes/simpleboot3/portal/shopcart/shop_cart.html b/public/themes/simpleboot3/portal/shopcart/shop_cart.html index 3fb8131..63729f5 100644 --- a/public/themes/simpleboot3/portal/shopcart/shop_cart.html +++ b/public/themes/simpleboot3/portal/shopcart/shop_cart.html @@ -62,10 +62,8 @@ </div> <!-- 去支付 --> - <div class="shop_carts3"> - <a href="w_Ypayment.html" style="color:white;"> - 去支付 - </a> + <div class="shop_carts3" onclick="myjump()"> + 去支付 </div> </div> </div> @@ -130,6 +128,13 @@ }); } + /** + *点击跳转到订单页 + */ + function myjump(){ + window.location.href = "{:url('Orderpage/order_page')}"; + } + // 计算总计 function calcTotal() { var checkBoxes = $(".sh_cartround img");