anyv / xkeasy · 提交

转到一个项目

作者 anyv
提交 05267ed2c3bb5376eba65f85d2d7543dc6edff71 1 个父辈 5bc3a8e0
1 个管道 的构建 通过 耗费 0 秒

5

内嵌 并排对比
正在显示 3 个修改的文件 包含 222 行增加 和 4 行删除
  1 +<?php
  2 +// +----------------------------------------------------------------------
  3 +// | bronet [ 以客户为中心 以奋斗者为本 ]
  4 +// +----------------------------------------------------------------------
  5 +// | Copyright (c) 2013-2017 http://www.bronet.cn All rights reserved.
  6 +// +----------------------------------------------------------------------
  7 +// | Licensed ( http://www.apache.org/licenses/LICENSE-2.0 )
  8 +// +----------------------------------------------------------------------
  9 +namespace app\portal\controller;
  10 +
  11 +use cmf\controller\WeChatBaseController;
  12 +use think\Db;
  13 +
  14 +class OrderpageController extends WeChatBaseController{
  15 +
  16 + /**
  17 + * 显示订单页
  18 + */
  19 + public function order_page(){
  20 +
  21 + return $this -> fetch();
  22 +
  23 + }
  24 +
  25 +
  26 +
  27 +
  28 +
  29 +
  30 +
  31 +
  32 +
  33 +
  34 +
  35 +
  36 +
  37 +
  38 +
  39 +}
  1 +<!DOCTYPE html>
  2 +<html lang="en">
  3 +
  4 +<head>
  5 + <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
  6 + <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
  7 + <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8 + <title>学考无忧-确认订单</title>
  9 + <link rel="stylesheet" href="__TMPL__/public/assets/css/reset.css">
  10 + <link rel="stylesheet" href="__TMPL__/public/assets/css/base.css">
  11 + <style>
  12 + .order_address {
  13 + padding-bottom: 0.26rem;
  14 + background-repeat: no-repeat;
  15 + background-image: url("__TMPL__/public/assets/images/32.png");
  16 + background-position: bottom;
  17 + background-size: 100% 0.06rem;
  18 + background-color: white;
  19 + }
  20 + </style>
  21 +</head>
  22 +
  23 +<body>
  24 +<div class="order_box">
  25 + <!-- 顶部 -->
  26 + <div class="order_top">
  27 + <img src="__TMPL__/public/assets/images/left.png" alt="">
  28 + <p>订单确认</p>
  29 + </div>
  30 + <!-- 地址 -->
  31 + <div class="order_address">
  32 + <!-- 暂无 -->
  33 + <div class="order_addressNo">
  34 + <div class="order_adImg">
  35 + <img src="__TMPL__/public/assets/images/31.png" alt="">
  36 + </div>
  37 + <p class="order_addressGo">暂无收货地址，<a href="address_closed.html">去添加</a></p>
  38 + </div>
  39 + <!-- 有地址 -->
  40 + <!-- <div class="order_addressYes">
  41 + <div class="or_addressYesImg1">
  42 + <img src="img/38.png" alt="">
  43 + </div>
  44 + <div class="or_addressYesTxt1">
  45 + <div class="or_addressYesTxt2">
  46 + <div class="or_addressName">孙骁骁</div>
  47 + <p class="or_addressPhone">152 **** 4896</p>
  48 + </div>
  49 + <p class="or_address_detailed">天津市西青区红磡领事郡道开运大厦</p>
  50 + </div>
  51 + <div class="or_addressYesImg2">
  52 + <img src="img/29.png" alt="">
  53 + </div>
  54 + </div> -->
  55 + </div>
  56 + <!-- 订单信息 -->
  57 + <div class="order_news">
  58 + <h1 class="order_newsTit">订单信息</h1>
  59 + <ul class="order_newsUl">
  60 + <li>
  61 + <div class="order_newsImg">
  62 + <img src="__TMPL__/public/assets/images/36.png" alt="">
  63 + </div>
  64 + <div class="order_newsCon">
  65 + <div class="order_newsTxt1 txt-cut">小学五年级英语下册语五年级下册好用不贵经济实惠五年级下册好...</div>
  66 + <div class="order_newsTxt2">×<span>1</span></div>
  67 + <div class="order_newsTxt3">
  68 + <p class="de_topTxt1_1">￥<span>265.00</span></p>
  69 + <p class="de_topTxt1_2">￥<span>265</span>.00</p>
  70 + <div class="order_newsNum">
  71 + <div class="order_newsJian">-</div>
  72 + <input class="order_newsnum" type="text" readonly="readonly" value="1">
  73 + <div class="order_newsJia">+</div>
  74 + </div>
  75 + </div>
  76 + </div>
  77 + </li>
  78 + <li>
  79 + <div class="order_newsImg">
  80 + <img src="__TMPL__/public/assets/images/36.png" alt="">
  81 + </div>
  82 + <div class="order_newsCon">
  83 + <div class="order_newsTxt1 txt-cut">小学五年级英语下册语五年级下册好用不贵经济实惠五年级下册好...</div>
  84 + <div class="order_newsTxt2">×<span>0</span></div>
  85 + <div class="order_newsTxt3">
  86 + <p class="de_topTxt1_1">￥<span>265.40</span></p>
  87 + <p class="de_topTxt1_2">￥<span>265</span>.00</p>
  88 + <div class="order_newsNum">
  89 + <div class="order_newsJian">-</div>
  90 + <input class="order_newsnum" type="text" readonly="readonly" value="1">
  91 + <div class="order_newsJia">+</div>
  92 + </div>
  93 + </div>
  94 + </div>
  95 + </li>
  96 + </ul>
  97 + </div>
  98 + <!-- 支付方式/配送方式 -->
  99 + <div class="order_Etc">
  100 + <div class="order_Etc1">
  101 + <p class="order_EtcTxt">支付方式</p>
  102 + <img class="order_EtcImg" src="__TMPL__/public/assets/images/34.png" alt="">
  103 + </div>
  104 + <div class="order_Etc1">
  105 + <p class="order_EtcTxt">配送方式</p>
  106 + <span class="order_EtcTxt2">快递</span>
  107 + </div>
  108 + <div class="order_Etc2">
  109 + <p class="order_EtcTxt">配送方式</p>
  110 + <textarea placeholder="在此填写您的留言"></textarea>
  111 + </div>
  112 + </div>
  113 + <!-- 底部 -->
  114 + <div class="order_bottom">
  115 + <div class="order_bottom1">
  116 + <p class="order_bottomHe">合计金额：</p>
  117 + <p class="de_topTxt1_1 zoji">￥<span>265.00</span></p>
  118 + </div>
  119 +
  120 + <div class="order_bottom2">
  121 + <a href="w_shopping_cart.html" style="color:white">
  122 + 立即支付
  123 + </a>
  124 + </div>
  125 + </div>
  126 +</div>
  127 +<script src="__TMPL__/public/assets/js/base.js"></script>
  128 +<script src="__TMPL__/public/assets/js/jquery.js"></script>
  129 +<script>
  130 + $(document).ready(function() {
  131 + // 为减少和添加商品数量的按钮绑定事件回调
  132 + $('.order_newsNum div').on('click', function(evt) {
  133 + if ($(this).text() == '-') {
  134 + var count = parseInt($(this).next().val());
  135 + if (count > 1) {
  136 + count -= 1;
  137 + $(this).next().val(count);
  138 + } else {
  139 + alert('商品数量最少为1');
  140 + }
  141 + $(this).parents('.order_newsCon').find('.order_newsTxt2 span').text(count);
  142 + } else {
  143 + var count = parseInt($(this).prev().val());
  144 + if (count < 200) {
  145 + count += 1;
  146 + $(this).prev().val(count);
  147 + } else {
  148 + alert('商品数量最多为200');
  149 + }
  150 + $(this).parents('.order_newsCon').find('.order_newsTxt2 span').text(count);
  151 + }
  152 + var price = parseFloat($(this).parents('.order_newsTxt3').children('.de_topTxt1_1').text().split('￥')[1]);
  153 + calcTotal();
  154 + });
  155 + // 计算总计
  156 + function calcTotal() {
  157 + var priceSpans = $('.order_newsTxt3 .de_topTxt1_1 span');
  158 + var countInputs = $('.order_newsNum .order_newsnum');
  159 + var totalCount = 0;
  160 + var totalPrice = 0;
  161 + for (var i = 0; i < priceSpans.length; i += 1) {
  162 + // 强调: jQuery对象使用下标运算或get方法会还原成原生的JavaScript对象
  163 + var price = parseFloat($(priceSpans[i]).text());
  164 + var count = parseInt($(countInputs[i]).val());
  165 + totalCount += count;
  166 + totalPrice += price * count;
  167 + }
  168 + $('.zoji span').html(totalPrice.toFixed(2));
  169 + }
  170 + })
  171 +</script>
  172 +</body>
  173 +
  174 +</html>
@@ -62,10 +62,8 @@ @@ -62,10 +62,8 @@
62 </div> 62 </div>
63 <!-- 去支付 --> 63 <!-- 去支付 -->
64 64
65 - <div class="shop_carts3">  
66 - <a href="w_Ypayment.html" style="color:white;">  
67 - 去支付  
68 - </a> 65 + <div class="shop_carts3" onclick="myjump()">
  66 + 去支付
69 </div> 67 </div>
70 </div> 68 </div>
71 </div> 69 </div>
@@ -130,6 +128,13 @@ @@ -130,6 +128,13 @@
130 }); 128 });
131 } 129 }
132 130
  131 + /**
  132 + *点击跳转到订单页
  133 + */
  134 + function myjump(){
  135 + window.location.href = "{:url('Orderpage/order_page')}";
  136 + }
  137 +
133 // 计算总计 138 // 计算总计
134 function calcTotal() { 139 function calcTotal() {
135 var checkBoxes = $(".sh_cartround img"); 140 var checkBoxes = $(".sh_cartround img");