From eaa593a274e16462a24bb548e5bc0ed10ef32171 Mon Sep 17 00:00:00 2001 From: xiaochong0302 Date: Sun, 31 May 2020 20:09:08 +0800 Subject: [PATCH] =?UTF-8?q?=E6=95=B4=E7=90=86=E5=89=8D=E7=AB=AF=E4=BB=A3?= =?UTF-8?q?=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app/Http/Web/Controllers/Controller.php | 5 +- app/Http/Web/Controllers/OrderController.php | 6 +- app/Http/Web/Views/course/show.volt | 1 + app/Http/Web/Views/order/confirm.volt | 49 +++--- app/Http/Web/Views/order/pay.volt | 33 ++++ app/Services/Frontend/Order/OrderConfirm.php | 27 +++- app/Services/Frontend/Order/OrderInfo.php | 2 +- app/Traits/Auth.php | 9 +- app/Validators/Validator.php | 2 +- public/static/web/css/common.css | 152 ++++++++++++++++--- public/static/web/img/alipay.png | Bin 0 -> 1787 bytes public/static/web/img/wxpay.png | Bin 0 -> 994 bytes 12 files changed, 235 insertions(+), 51 deletions(-) create mode 100644 app/Http/Web/Views/order/pay.volt create mode 100644 public/static/web/img/alipay.png create mode 100644 public/static/web/img/wxpay.png diff --git a/app/Http/Web/Controllers/Controller.php b/app/Http/Web/Controllers/Controller.php index 6873fff5..53398935 100644 --- a/app/Http/Web/Controllers/Controller.php +++ b/app/Http/Web/Controllers/Controller.php @@ -5,6 +5,7 @@ namespace App\Http\Web\Controllers; use App\Caches\NavTreeList as NavTreeListCache; use App\Caches\Setting as SettingCache; use App\Library\Seo as SiteSeo; +use App\Models\User as UserModel; use App\Services\Auth\Web as WebAuth; use App\Traits\Response as ResponseTrait; use App\Traits\Security as SecurityTrait; @@ -29,7 +30,7 @@ class Controller extends \Phalcon\Mvc\Controller protected $siteNavs; /** - * @var array + * @var UserModel */ protected $authUser; @@ -69,7 +70,7 @@ class Controller extends \Phalcon\Mvc\Controller */ $auth = $this->getDI()->get('auth'); - return $auth->getAuthInfo() ?: []; + return $auth->getCurrentUser(); } protected function getSiteNavs() diff --git a/app/Http/Web/Controllers/OrderController.php b/app/Http/Web/Controllers/OrderController.php index 0cc2d93f..5faf3858 100644 --- a/app/Http/Web/Controllers/OrderController.php +++ b/app/Http/Web/Controllers/OrderController.php @@ -37,11 +37,9 @@ class OrderController extends Controller $order = $service->handle(); - $service = new OrderInfoService(); + $location = $this->url->get(['for' => 'web.order.pay', 'sn' => $order->sn]); - $order = $service->handle($order->sn); - - return $this->jsonSuccess(['order' => $order]); + return $this->jsonSuccess(['location' => $location]); } /** diff --git a/app/Http/Web/Views/course/show.volt b/app/Http/Web/Views/course/show.volt index 7c87deb9..f20a9ad3 100644 --- a/app/Http/Web/Views/course/show.volt +++ b/app/Http/Web/Views/course/show.volt @@ -6,6 +6,7 @@
+ 首页 全部课程 {% for path in course.category_paths %} {{ path.name }} diff --git a/app/Http/Web/Views/order/confirm.volt b/app/Http/Web/Views/order/confirm.volt index 0f46aaa9..48e93c9f 100644 --- a/app/Http/Web/Views/order/confirm.volt +++ b/app/Http/Web/Views/order/confirm.volt @@ -2,21 +2,23 @@ {% block content %} - {%- macro cart_course_card(course) %} + {%- macro cart_course_card(course, user) %} {% set course_url = url({'for':'web.course.show','id':course.id}) %} -
- course.title|e -
-
-

{{ course.title }}

-

- 市场价格 {{ course.market_price }} - 会员价格 {{ course.vip_price }} -

-

- 学习期限 {{ course.study_expiry }} - 退款期限 {{ course.refund_expiry }} -

+
+
+ course.title|e +
+
+

{{ course.title }}

+

+ 市场价格 ￥{{ course.market_price }} + 会员价格 ￥{{ course.vip_price }} +

+

+ 学习期限 {{ course.study_expiry }}个月 + 退款期限 {{ course.refund_expiry }}天 +

+
{%- endmacro %} @@ -33,14 +35,14 @@ 确认订单
-
+
{% if confirm.item_type == 'course' %} {% set course = confirm.item_info.course %} - {{ cart_course_card(course) }} + {{ cart_course_card(course, auth_user) }} {% elseif confirm.item_type == 'package' %} {% set package = confirm.item_info.package %} {% for course in package.courses %} - {{ cart_course_card(course) }} + {{ cart_course_card(course, auth_user) }} {% endfor %} {% elseif confirm.item_type == 'reward' %} {% set reward = confirm.item_info.reward %} @@ -51,4 +53,17 @@ {% endif %}
+
+
+ 商品总价：￥{{ confirm.total_amount }} + 优惠金额：￥{{ confirm.discount_amount }} + 支付金额：￥{{ confirm.pay_amount }} +
+
+ + + +
+
+ {% endblock %} \ No newline at end of file diff --git a/app/Http/Web/Views/order/pay.volt b/app/Http/Web/Views/order/pay.volt new file mode 100644 index 00000000..b953cd0e --- /dev/null +++ b/app/Http/Web/Views/order/pay.volt @@ -0,0 +1,33 @@ +{% extends 'templates/base.volt' %} + +{% block content %} + + {%- macro reward_course_card(reward) %} +
I am reward
+ {%- endmacro %} + + {%- macro vip_course_card(vip) %} +
I am vip
+ {%- endmacro %} + +
+ 首页 + 支付订单 +
+ +
+
+ 订单名称：{{ order.subject }} + 订单编号：{{ order.sn }} + 支付金额：￥{{ order.amount }} +
+
+ + +
+
+ 友情提示：请在12小时内完成支付，有问题请联系客服 +
+
+ +{% endblock %} \ No newline at end of file diff --git a/app/Services/Frontend/Order/OrderConfirm.php b/app/Services/Frontend/Order/OrderConfirm.php index 70d6daa0..7dd1ac4f 100644 --- a/app/Services/Frontend/Order/OrderConfirm.php +++ b/app/Services/Frontend/Order/OrderConfirm.php @@ -32,21 +32,35 @@ class OrderConfirm extends FrontendService $course = $validator->checkCourse($itemId); $result['item_info']['course'] = $this->handleCourseInfo($course); - $result['amount'] = $user->vip ? $course->vip_price : $course->market_price; + + $result['total_amount'] = $course->market_price; + $result['pay_amount'] = $user->vip ? $course->vip_price : $course->market_price; + $result['discount_amount'] = $result['total_amount'] - $result['pay_amount']; } elseif ($itemType == OrderModel::ITEM_PACKAGE) { $package = $validator->checkPackage($itemId); $result['item_info']['package'] = $this->handlePackageInfo($package); - $result['amount'] = $user->vip ? $package->vip_price : $package->market_price; + + $result['total_amount'] = 0; + + foreach ($result['item_info']['package']['courses'] as $course) { + $result['total_amount'] += $course['market_price']; + } + + $result['pay_amount'] = $user->vip ? $package->vip_price : $package->market_price; + $result['discount_amount'] = $result['total_amount'] - $result['pay_amount']; } elseif ($itemType == OrderModel::ITEM_VIP) { $vip = $validator->checkVip($itemId); $result['item_info']['vip'] = $this->handleVipInfo($vip); - $result['amount'] = $vip->price; + + $result['total_amount'] = $vip->price; + $result['pay_amount'] = $vip->price; + $result['discount_amount'] = 0; } elseif ($itemType == OrderModel::ITEM_REWARD) { @@ -57,10 +71,13 @@ class OrderConfirm extends FrontendService $result['item_info']['course'] = $this->handleCourseInfo($course); $result['item_info']['reward'] = $this->handleRewardInfo($reward); - $result['amount'] = $reward->price; + + $result['total_amount'] = $reward->price; + $result['pay_amount'] = $reward->price; + $result['discount_amount'] = 0; } - $validator->checkAmount($result['amount']); + $validator->checkAmount($result['pay_amount']); return $result; } diff --git a/app/Services/Frontend/Order/OrderInfo.php b/app/Services/Frontend/Order/OrderInfo.php index 22103daf..7a38cd1b 100644 --- a/app/Services/Frontend/Order/OrderInfo.php +++ b/app/Services/Frontend/Order/OrderInfo.php @@ -75,7 +75,7 @@ class OrderInfo extends FrontendService { $baseUrl = kg_ci_base_url(); - foreach ($itemInfo['package']['courses'] as &$course) { + foreach ($itemInfo['courses'] as &$course) { $course['cover'] = $baseUrl . $course['cover']; } diff --git a/app/Traits/Auth.php b/app/Traits/Auth.php index 221594b3..9659d32b 100644 --- a/app/Traits/Auth.php +++ b/app/Traits/Auth.php @@ -2,6 +2,7 @@ namespace App\Traits; +use App\Caches\User as UserCache; use App\Models\User as UserModel; use App\Repos\User as UserRepo; use App\Services\Auth as AuthService; @@ -22,9 +23,9 @@ trait Auth return $this->getGuestUser(); } - $userRepo = new UserRepo(); + $userCache = new UserCache(); - return $userRepo->findById($authUser['id']); + return $userCache->get($authUser['id']); } /** @@ -42,9 +43,9 @@ trait Auth $validator->checkAuthUser($authUser); - $userRepo = new UserRepo(); + $userCache = new UserCache(); - return $userRepo->findById($authUser['id']); + return $userCache->get($authUser['id']); } /** diff --git a/app/Validators/Validator.php b/app/Validators/Validator.php index 99f95dba..c69a9811 100644 --- a/app/Validators/Validator.php +++ b/app/Validators/Validator.php @@ -9,7 +9,7 @@ use Phalcon\Mvc\User\Component; class Validator extends Component { - public function checkAuthUser($authUser) + public function checkAuthUser(array $authUser) { if (empty($authUser['id'])) { throw new UnauthorizedException('sys.unauthorized'); diff --git a/public/static/web/css/common.css b/public/static/web/css/common.css index 19dbe935..3c63738c 100644 --- a/public/static/web/css/common.css +++ b/public/static/web/css/common.css @@ -171,7 +171,7 @@ body { } .search-empty .text { - color: #999; + color: #666; font-size: 18px; } @@ -211,7 +211,7 @@ body { .search-course-card .info { float: left; width: 500px; - color: #999; + color: #666; font-size: 12px; } @@ -269,7 +269,7 @@ body { } .course-card .meta { - color: #999; + color: #666; font-size: 12px; } @@ -325,7 +325,7 @@ body { font-size: 12px; } -.course-meta .info .share { +.course-meta .share { position: absolute; top: 0; right: 0; @@ -340,17 +340,17 @@ body { color: #000; } -.course-meta .info .price { +.course-meta .price { color: red; font-size: 14px; } -.course-meta .info .free { +.course-meta .free { color: green; } -.course-meta .info span { - color: #999; +.course-meta span { + color: #666; margin: 0 5px; } @@ -382,7 +382,7 @@ body { .course-details { font-size: 12px; - color: #999; + color: #666; } .lesson-item { @@ -407,7 +407,7 @@ body { top: 0; right: 10px; position: absolute; - color: #999; + color: #666; } .lesson-item .study-time { @@ -447,7 +447,7 @@ body { } .package-info .origin-price { - color: #999; + color: #666; margin-bottom: 10px; } @@ -458,7 +458,7 @@ body { } .package-info .price { - color: #999; + color: #666; margin-bottom: 15px; } @@ -545,18 +545,18 @@ body { .review-card .user { margin-bottom: 10px; - color: #999; + color: #666; } .review-card .content { margin-bottom: 10px; - color: #999; + color: #666; word-wrap: break-word; white-space: pre-wrap; } .review-card .footer { - color: #999; + color: #666; } .sidebar-order .order { @@ -594,7 +594,7 @@ body { } .sidebar-teacher-card .info .title { - color: #999; + color: #666; font-size: 12px; } @@ -629,7 +629,7 @@ body { .sidebar-course-card .info { float: left; width: 190px; - color: #999; + color: #666; font-size: 12px; overflow: hidden; } @@ -642,6 +642,124 @@ body { margin-right: 10px; } +.cart-course-card { + padding-bottom: 10px; + margin-bottom: 10px; + border-bottom: 1px dashed #ccc; +} + +.cart-course-card:last-child { + padding: 0; + margin: 0; + border-bottom: none; +} + +.cart-course-card .cover { + float: left; + margin-right: 10px; +} + +.cart-course-card .cover img { + width: 175px; + height: 95px; +} + +.cart-course-card p { + line-height: 30px; +} + +.cart-course-card .info { + float: left; + font-size: 12px; +} + +.cart-course-card span { + color: #666; + margin: 0 5px; +} + +.cart-course-card .price { + color: red; +} + +.cart-stats .info { + float: left; + line-height: 38px; +} + +.cart-stats .amount { + color: red; +} + +.cart-stats .pay-amount { + color: red; + font-size: 18px; + font-weight: 700; +} + +.cart-stats span { + color: #666; + margin-right: 15px; +} + +.cart-form { + float: right; +} + +.payment .header { + padding-bottom: 15px; + border-bottom: 1px solid #f6f6f6; + line-height: 30px; + text-align: center; +} + +.payment .header span { + color: #666; + margin-right: 20px; +} + +.payment .header .amount { + color: red; + font-size: 18px; + font-weight: 700; +} + +.payment .channel { + margin-top: 50px; + margin-bottom: 40px; + text-align: center; +} + +.channel .alipay, .channel .wxpay { + width: 200px; + height: 80px; + display: inline-block; + margin-right: 15px; + background-color: #f2f2f2; +} + +.channel .alipay { + background-image: url("/static/web/img/alipay.png"); + background-repeat: no-repeat; + background-position: center center; +} + +.channel .wxpay { + background-image: url("/static/web/img/wxpay.png"); + background-repeat: no-repeat; + background-position: center center; +} + + +.payment .footer { + text-align: center; +} + +.payment .footer .tips { + color: #999; + font-size: 12px; +} + .verify-tips-btn { color: green; } diff --git a/public/static/web/img/alipay.png b/public/static/web/img/alipay.png new file mode 100644 index 0000000000000000000000000000000000000000..368c6a5e71587096f89cb248fb659b0b59922039 GIT binary patch literal 1787 zcmV?*Oas0ITl+tM34-?*OXrJ~}u)IygQ$I95$bJ~}u)IygQ$I6gW!J~}udA09qB zI6gW!J~}u)IygQ$I6gW!J~}u)IygQ$IN|gC0ITl`9rnv*_h;nOarXE4*&oL0ZBwbR9M69Sc#INND!slY6mPi3%OPV z1TRqk|MNDp4yZzACSrFwHa5bvn^S%HGGAsETGrd%_O`eEclPnQB42B?8nC*aVv7E@$ z=DR2R1aZYJI${@0A@zHE-ou`QJc z%88i;08j%Tyz}5H%cC>}Y}_Uoq&fd`3O&ca0RFX_#b4snfF;6^kvvR*cLArqRX96g zIp8{h<-xwzvgETD{Pj#~Wp`8fMgk;%y79PS{u5gqL!v_fN-1@7X`FXqc`10OK{<)2}31|3(b1ctyWtjiR zc-ETyEpJ<(xiw=fSCq7lj=vaHba`1d0|=r4rZTeM;;_r=zy3;aoWzdhs&@h|G+ zHp8bj;378WogdbDXkj!!e-L1ZJ*a_7d@p5lwXk{oiFBYZxm7}cLn)1z`j-OO2=lNE z0w{ODXUHGRz@7M8-iE(ytPW3{%;PW8OZFuu8}ok?_#*p+%<7-g!1rS+eSz=IA;EDR zM-2I6<4MB_Uw#JbFj{Os)>>5=X@xb&|J;d_ZY;x5e-vt)$xh=4`e-}OpZCRB<1b9| z=aF0B&jr|?7ObiEFZvHbY$-3Q0>ZA+=`iNVh-6y+U%SOZ{yD?GF|5TpxbK~J!ZzdPVxGid7W}OLRE7;tOv5lXM!o*gfh6YeV{>r?z7=2s zsF{E3SNT`{U+9ewTlf=Wpc$uv*?(-TcdWRnw@Ln%2PGfR^ao`Dcj+>|oVnfcdOly9 zw&y+XFr2Xq^)LNbi4Y4%kv684E<~hnD}9UgQd>5 z6Nch1>?ioS7|ZkgSH}ysJkk14cK7CLs?Wgp0+{D4+a|gP&TsKyzvWZX#4q<%bGn?{ zuJ8Mn6u7c+Vw1lerEFIJj86<4%XL1-hv>J%LB*L=LwlB5I6bZ{$Wf2K zTSr-}wJ;iIQN2aRQ)k)WN-GLbCqi zJANr68e=qYBw7E!fdBK(>5uEM?t$XFX)d(=@LkV9i2ocWogW4P-*?x`6ouRUuYU_f zjopM#s^e+Oe>pTr{MHR1#p`48K*tYvg*wc3;}_bn;N%D{EV*~8&ur9!+sA`Ank|1& z|J~&x^$*kk%5~RO1bT4QH_s(}e_HxS$tXs<7GBXjDWEQd12j;}axa0oLzU*63{`Y<$2RRg=Grr)vZ0sUV{)(UCLP)N&XvEZGQc%b0Et-8{$z4xc|9c#V z^042_XWwe*t~V3kOSX>lf)6W0g`dKEBz{~6x$HPJb=*9h<3s$R;-)x1jy*4UGEN>4 z!ttr&2h0xY%`f=pK@rIaWy~8v{c*8m^2Z2N?G;ww=VMz9W6Rr1KOhZ5tKmB-gjZrM z@sDbF)DrMvzJn0NDgem~eVjkgd?3!ScsG*JSO))o{uu6YS9zN3u~~C6*1A~)X|KeU#PbI6ZW}UuL*%aG_BVjG6TB#udJO;o002ovPDHLkV1ls8hbsU8 literal 0 HcmV?d00001 diff --git a/public/static/web/img/wxpay.png b/public/static/web/img/wxpay.png new file mode 100644 index 0000000000000000000000000000000000000000..081f266e4df2102ee3751f4037a27d434953aa1b GIT binary patch literal 994 zcmeAS@N?(olHy`uVBq!ia0vp^^+2r0!3-qLHkuU!sgMAl5LchfLWVtR3_EogPBI|S z4iko5Rt$Sp6y@cB3ef-y3kyi(pd?5=8UTxUPti^Xic6IQ`2{nWmTq}}Elpl1lHVmQ zWM=1XrT6X=SKmErRMuQmyPAQ4S=rOYF(l&f+vztatyU0mHRPLX(9Fd5|Ns2ykz205 zTeYqtev`b=2BB+`jEp~CEbia4%Kh#c$K1QMce(5BZdI=SRjT~&;+gwb@1;6kJ$HQ7 z{PG9!XKR*itFqrWTmQMr&F}H5U(CnwdAw?4ek}i=Df!*n;%`$JGSQXpJLvyeVhL5`E09m z!S_`}PJC%(=WU)oy*C*t)3kc3(`4d5>Qo$>zeF#m@MFC3yUTw&mgjlZaCz=zJKrWD zGVQqAyVLjBcX!zHoIJez&ra=sKW~+~9&De~aMD8XjKPc&x-uRi2I)x`6XwC=|j zKXRgeo@IReJ2T=)ysk=`6q8Tmrf!9&(iczYNJOhXb@Ygz&rz|DcZ1Y5&M>^VZaB?f(;+cfQ1zefprZ=~-LI*`4YaW!r^~jssDM$w4~$x>WM%0JeqLZ*)Hi)gg5I{ zneO0!{gO9a?thf*+F82Kc=AuJY4T6+ajcBA;ZWEntmBGJaQ=YOlO%zt=$_C2Ql*$ZC&+xKbx7n?7C z*N4Bqe|mq@mAexTU$}CZS3fSYc{jtai{byPzFs~1{-1p9my7=|*c%45w#{}jc>>C8 Mp00i_>zopr0CBU_umAu6 literal 0 HcmV?d00001