fe / YOHOBUYPC · Commits

Go to a project

Authored by xiaowei
Commit b29318d44a2d7acb1b4643d3e2105cc9f6d0a7c7 2 parents 7d66cebf ae530e10

Merge branch 'develop' of http://git.dev.yoho.cn/web/yohobuy into develop

Inline Side-by-side
Showing 20 changed files with 405 additions and 27 deletions
@@ -955,7 +955,7 @@ @@ -955,7 +955,7 @@
955 //订单 955 //订单
956 { 956 {
957 orderNum: '', 957 orderNum: '',
958 - tradingStatus: '', 958 + orderStatus: '',
959 goods: [ 959 goods: [
960 { 960 {
961 id: '', 961 id: '',
@@ -974,9 +974,52 @@ @@ -974,9 +974,52 @@
974 sumCost: '199.00', 974 sumCost: '199.00',
975 //status 975 //status
976 completed: true, //已完成 976 completed: true, //已完成
  977 + canceled: true, //已取消
977 unpaid: true, //or 未支付 978 unpaid: true, //or 未支付
978 - unshipped: true, //or 未发货  
979 - unreceived: '', //or 未收货，查看物流URL 979 + unreceived: '', //or 待收货(未发货/未收货)，查看物流URL
  980 +
  981 + //待收货时传递物流参数
  982 + logisticsUrl: ''
  983 +
  984 + }
  985 +
  986 +### 订单详情页
  987 +
  988 + {
  989 + orderDetail: {
  990 + orderNum: '', //订单号
  991 +
  992 + name: '', //收货人姓名
  993 + phoneNum: '',
  994 + address: '',
  995 +
  996 + orderStatus: '订单成功', //订单取消...等订单状态
  997 + orderNum: '',
  998 + orderTime: '',
  999 +
  1000 + //订单状态
  1001 + canceled: true, //是否是取消的订单
  1002 + completed: true, //是否是已完成订单
  1003 + unpaid: true, //是否是未支付订单
  1004 + unreceived: true, //是否是未收货订单
  1005 +
  1006 + //如果是待收货（未发货和未收货），传物流信息参数
  1007 + logisticsUrl: '',
  1008 + logisticsCompany: '',
  1009 + logisticsNum: '',
  1010 + //end
  1011 +
  1012 + goods: [
  1013 + {
  1014 + ... //订单商品
  1015 + }
  1016 + ],
  1017 + sumPrice: '',
  1018 + salePrice: '',
  1019 + freight: '',
  1020 + yohoCoin: '',
  1021 + price: ''
  1022 + }
980 } 1023 }
981 1024
982 ### YOHO币 1025 ### YOHO币
No preview for this file type
@@ -2,7 +2,7 @@ @@ -2,7 +2,7 @@
2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" > 2 <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
3 <svg xmlns="http://www.w3.org/2000/svg"> 3 <svg xmlns="http://www.w3.org/2000/svg">
4 <metadata> 4 <metadata>
5 -Created by FontForge 20120731 at Thu Nov 12 16:17:15 2015 5 +Created by FontForge 20120731 at Mon Nov 16 11:40:15 2015
6 By Ads 6 By Ads
7 </metadata> 7 </metadata>
8 <defs> 8 <defs>
@@ -19,7 +19,7 @@ Created by FontForge 20120731 at Thu Nov 12 16:17:15 2015 @@ -19,7 +19,7 @@ Created by FontForge 20120731 at Thu Nov 12 16:17:15 2015
19 bbox="-0.75 -224 3943 812.871" 19 bbox="-0.75 -224 3943 812.871"
20 underline-thickness="50" 20 underline-thickness="50"
21 underline-position="-100" 21 underline-position="-100"
22 - unicode-range="U+0078-E62F" 22 + unicode-range="U+0078-E632"
23 /> 23 />
24 <missing-glyph horiz-adv-x="374" 24 <missing-glyph horiz-adv-x="374"
25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" /> 25 d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
@@ -179,5 +179,22 @@ q0 -66 47 -112.5t113.5 -46.5t113.5 46.5t47 112.5z" /> @@ -179,5 +179,22 @@ q0 -66 47 -112.5t113.5 -46.5t113.5 46.5t47 112.5z" />
179 d="M474 28v161h-167v50h167v74h-167v49h134l-168 265h87l152 -257v386q-48 0 -96.5 4t-83.5 10.5t-63.5 12.5t-42.5 10l-14 4q-2 -43 -16.5 -74t-34 -44t-38.5 -20t-33 -7h-13q0 -110 10.5 -203.5t20.5 -131.5l10 -38q15 -61 45 -120.5t65.5 -105.5t75.5 -87.5t76 -70.5 179 d="M474 28v161h-167v50h167v74h-167v49h134l-168 265h87l152 -257v386q-48 0 -96.5 4t-83.5 10.5t-63.5 12.5t-42.5 10l-14 4q-2 -43 -16.5 -74t-34 -44t-38.5 -20t-33 -7h-13q0 -110 10.5 -203.5t20.5 -131.5l10 -38q15 -61 45 -120.5t65.5 -105.5t75.5 -87.5t76 -70.5
180 t66.5 -50.5t47.5 -31.5t18 -10v225h-38zM550 28v161h167v50h-167v74h167v49h-134l168 265h-87l-152 -257v386q35 0 70.5 2t64 6t55.5 8.5t46.5 8.5t34 8t22.5 6l7 2q2 -43 16.5 -74t34 -44t38.5 -20t33 -7h13q0 -110 -10.5 -203.5t-20.5 -131.5l-10 -38q-15 -61 -45 -120.5 180 t66.5 -50.5t47.5 -31.5t18 -10v225h-38zM550 28v161h167v50h-167v74h167v49h-134l168 265h-87l-152 -257v386q35 0 70.5 2t64 6t55.5 8.5t46.5 8.5t34 8t22.5 6l7 2q2 -43 16.5 -74t34 -44t38.5 -20t33 -7h13q0 -110 -10.5 -203.5t-20.5 -131.5l-10 -38q-15 -61 -45 -120.5
181 t-65.5 -105.5t-75.5 -87.5t-76 -70.5t-66.5 -50.5t-47.5 -31.5t-18 -10v225h38z" /> 181 t-65.5 -105.5t-75.5 -87.5t-76 -70.5t-66.5 -50.5t-47.5 -31.5t-18 -10v225h38z" />
  182 + <glyph glyph-name="uniE630" unicode="&#xe630;"
  183 +d="M629 -71h-268v20q0 31 -21.5 53t-52.5 22t-52.5 -22t-21.5 -53v-20h-174v609h590v-609zM400 -30h188v527h-508v-527h94q7 41 39 68t74 27t74 -27t39 -68zM989 -71h-136v20q0 21 -10 38t-27 27t-37 10q-31 0 -52.5 -22t-21.5 -53v-20h-117v476h210q22 0 57 -34
  184 +q27 -26 58 -67q31 -40 52 -75q14 -25 19 -39t5 -23v-238zM892 -30h56v197q0 9 -18 40t-46 68q-7 9 -14 17.5t-13.5 16.5t-13 15t-12.5 14q-10 9 -18 16t-11 8.5t-5 1.5h-168v-394h37q7 41 39 68t74 27q28 0 52 -12.5t40.5 -34t20.5 -48.5zM989 137h-287v193h191l6 -8
  185 +q35 -43 61 -84q29 -48 29 -71v-30zM743 178h202q-6 15 -21 39q-21 34 -50 72h-131v-111zM779.5 -166q-47.5 0 -81.5 34t-34 81.5t34 81.5t81 34q24 0 45 -9.5t36.5 -25t24.5 -36.5t9 -45q0 -47 -33.5 -81t-81 -34zM779 24q-31 0 -52.5 -22t-21.5 -53q0 -15 6 -28.5t16 -23.5
  186 +t23.5 -16t28.5 -6q12 0 23.5 4t20.5 10.5t16 16t10.5 20.5t3.5 23q0 21 -10 38t-27 27t-37 10zM287 -166q-48 0 -81.5 34t-33.5 81.5t33.5 81.5t81.5 34t81.5 -34t33.5 -81.5t-33.5 -81.5t-81.5 -34zM287 24q-31 0 -52.5 -22t-21.5 -52.5t21.5 -52.5t52.5 -22t52.5 22
  187 +t21.5 52.5t-21.5 52.5t-52.5 22z" />
  188 + <glyph glyph-name="uniE631" unicode="&#xe631;"
  189 +d="M24 799zM47 799zM70 799zM94 799zM117 799zM140 799zM163 799zM187 799zM210 799zM233 799zM256 799zM280 799zM303 799zM326 799zM349 799zM373 799zM396 799zM419 799zM442 799zM466 799zM489 799zM512 799zM535 799zM558 799zM582 799zM605 799zM628 799zM651 799z
  190 +M675 799zM698 799zM721 799zM744 799zM768 799zM791 799zM814 799zM837 799zM861 799zM884 799zM907 799zM930 799zM954 799zM977 799zM1000 799zM1 776zM1 753zM1 730zM1 706zM1 683zM1 660zM1 637zM1 613zM1 590zM1 567zM1 544zM1 520zM1 497zM1 474zM1 451zM1 427zM1 404
  191 +zM1 381zM1 358zM1 334zM1 311zM1 288zM1 265zM1 242zM1 218zM1 195zM1 172zM1 149zM1 125zM1 102zM1 79zM1 56zM1 32zM1 9zM1 -14zM1 -37zM1 -61zM1 -84zM1 -107zM1 -130zM1 -154zM1 -177zM1 -200zM512 -223q-7 8 -18.5 22t-45.5 59t-64.5 91t-68 113.5t-64.5 131.5
  192 +t-45.5 139t-18.5 141q0 52 11 96.5t30 75.5t43 56.5t51 41t54 27t51.5 17t43.5 8.5t30 3h11q7 0 18.5 -0.5t45.5 -7t64.5 -17.5t68 -35.5t64.5 -57.5t45.5 -87t18.5 -120t-18 -140.5t-46.5 -140.5t-63 -130t-69.5 -114.5t-63.5 -90t-46.5 -60.5zM740 517q-16 85 -86 140
  193 +q-1 1 -4 3.5t-5 3.5q-5 4 -22 13l-4 2q-2 1 -3.5 2t-3.5 2l-4 2l-4 2q-1 0 -20 7q-2 0 -7.5 2t-9 3.5t-7.5 1.5q-24 5 -48 5v0q-24 0 -47 -5q-15 -3 -29.5 -8t-27.5 -11.5t-25 -14.5h-1q-12 -9 -27 -23q-2 -1 -5 -4l-3 -3q-2 -2 -4.5 -5t-4 -4.5t-4 -5t-3.5 -4.5
  194 +q-12 -16 -13 -17q-2 -3 -4.5 -7.5t-3.5 -5.5q0 -1 -1 -2q-2 -4 -3 -6.5t-3 -6t-3.5 -6.5t-2.5 -6q-1 -2 -2 -7q-1 -3 -2 -4q-7 -21 -9 -32q-4 -22 -4 -44q0 -183 175 -470l57 -88q9 13 25 36.5t56 92t70.5 133.5t55.5 148t25 148q0 11 -1 21.5t-3 21.5zM373 474
  195 +q0 58 40.5 98.5t98.5 40.5t98.5 -40.5t40.5 -98.5t-40.5 -99t-98.5 -41q-28 0 -54 11.5t-44.5 30t-29.5 44.5t-11 54z" />
  196 + <glyph glyph-name="uniE632" unicode="&#xe632;"
  197 +d="M313 163h397v69h-397v-69zM313 26h397v68h-397v-68zM611 747h-430q-4 0 -7 -0.5t-6 -2t-6 -3.5t-5 -4t-4 -5t-3 -6t-1.5 -6.5t-0.5 -6.5v-825q0 -5 1.5 -10.5t4.5 -9.5t7 -7.5t9 -5t11 -1.5h661q9 0 17 4.5t12.5 12.5t4.5 17v619zM644 626l131 -119h-131v119zM809 -77
  198 +h-595v755h364v-206q0 -14 9.5 -24t23.5 -10h198v-515zM313 300h397v69h-397v-69z" />
182 </font> 199 </font>
183 </defs></svg> 200 </defs></svg>
No preview for this file type
No preview for this file type
@@ -5,6 +5,7 @@ @@ -5,6 +5,7 @@
5 */ 5 */
6 6
7 require('./order'); 7 require('./order');
  8 +require('./order-detail');
8 require('./fav'); 9 require('./fav');
9 require('./index'); 10 require('./index');
10 require('./coupons'); 11 require('./coupons');
@@ -4,12 +4,4 @@ @@ -4,12 +4,4 @@
4 * @date: 2015/11/12 4 * @date: 2015/11/12
5 */ 5 */
6 6
7 -var Swiper = require('yoho.iswiper');  
8 -  
9 -var recommendSwiper;  
10 -  
11 -recommendSwiper = new Swiper('.swiper-recommend', {  
12 - lazyLoading: true,  
13 - lazyLoadingInPrevNext: true,  
14 - slidesPerView: 'auto'  
15 -});  
  7 +require('../product/recommend-for-you.js');
  1 +/**
  2 + * 订单详情页
  3 + * @author: xuqi<qi.xu@yoho.cn>
  4 + * @date: 2015/11/16
  5 + */
  6 +
  7 +var $ = require('jquery'),
  8 + lazyLoad = require('yoho.lazyload'),
  9 + Hammer = require('yoho.hammer');
  10 +
  11 +var orderId = $('#order-detail').data('id');
  12 +
  13 +var delHammer;
  14 +
  15 +lazyLoad();
  16 +
  17 +//订单删除
  18 +delHammer = new Hammer(document.getElementsByClassName('btn-del')[0]);
  19 +delHammer.on('tap', function() {
  20 + if (confirm('确定删除订单吗？')) {
  21 + $.ajax({
  22 + type: 'GET',
  23 + url: '/home/delOrder',
  24 + data: {
  25 + id: orderId
  26 + }
  27 + });
  28 + }
  29 +});
  1 +/**
  2 + * 为您优选
  3 + * @author: bikai<kai.bi@yoho.cn>
  4 + * @date: 2015/11/16
  5 + */
  6 +
  7 +
  8 +var Swiper = require('yoho.iswiper');
  9 +
  10 +var recommendSwiper;
  11 +
  12 +recommendSwiper = new Swiper('.swiper-recommend', {
  13 + lazyLoading: true,
  14 + lazyLoadingInPrevNext: true,
  15 + slidesPerView: 'auto'
  16 +});
1 -@import "home", "vip-grade", "order", "coupons", "personal-details", "yoho-coin", "recommend-for-you", "fav", "suggest", "address", "online-service";  
  1 +@import "home", "vip-grade", "order", "order-detail", "coupons", "personal-details", "yoho-coin", "fav", "suggest", "address", "online-service";
  2 +
  1 +.order-detail-page {
  2 + background: #f0f0f0;
  3 +
  4 + .block {
  5 + position: relative;
  6 + background: #fff;
  7 + padding: 20rem / $pxConvertRem 30rem / $pxConvertRem;
  8 +
  9 + .iconfont {
  10 + position: absolute;
  11 + left: 30rem / $pxConvertRem;
  12 + top: 50%;
  13 + font-size: 40rem / $pxConvertRem;
  14 + margin-top: -30rem / $pxConvertRem;
  15 + }
  16 + }
  17 +
  18 + .sub {
  19 + position: relative;
  20 +
  21 + .iconfont {
  22 + left: 0;
  23 + }
  24 + }
  25 +
  26 + .logistics {
  27 + display: block;
  28 +
  29 + .icon-right {
  30 + right: 25rem / $pxConvertRem;
  31 + left: auto;
  32 + color: #b0b0b0;
  33 + }
  34 +
  35 + .sub-content {
  36 + border-top: 1px solid #e0e0e0;
  37 + margin-top: 20rem / $pxConvertRem;
  38 + padding-top: 20rem / $pxConvertRem;
  39 + }
  40 + }
  41 +
  42 + .owner-info {
  43 + border-bottom: 1px solid #e0e0e0;
  44 + line-height: 1.5;
  45 + }
  46 +
  47 + .beside-icon {
  48 + margin-left: 60rem / $pxConvertRem;
  49 + }
  50 +
  51 + .name-phone {
  52 + font-size: 30rem / $pxConvertRem;
  53 +
  54 + span {
  55 + float: right;
  56 + }
  57 + }
  58 +
  59 + .address {
  60 + font-size: 24rem / $pxConvertRem;
  61 + margin-top: 10rem / $pxConvertRem;
  62 + }
  63 +
  64 + .order-status {
  65 + margin: 20rem / $pxConvertRem 0;
  66 + border-top: 1px solid #e0e0e0;
  67 + border-bottom: 1px solid #e0e0e0;
  68 + padding-right: 0;
  69 + }
  70 +
  71 + .sub-content span {
  72 + display: block;
  73 + color: #b0b0b0;
  74 + font-size: 24rem / $pxConvertRem;
  75 + }
  76 +
  77 + .sub-content .sub-title {
  78 + display: block;
  79 + color: #000;
  80 + font-size: 26rem / $pxConvertRem;
  81 + }
  82 +
  83 + .goods {
  84 + padding: 0;
  85 + margin-top: 20rem / $pxConvertRem;
  86 + border-top: 1px solid #e0e0e0;
  87 + border-bottom: 1px solid #e0e0e0;
  88 + }
  89 +
  90 + .cost {
  91 + margin-bottom: 100rem / $pxConvertRem; /*排除被固定底部遮挡的影响*/
  92 +
  93 + li {
  94 + font-size: 28rem / $pxConvertRem;
  95 +
  96 + span {
  97 + float: right;
  98 + }
  99 +
  100 + &:last-child span {
  101 + color: #f00;
  102 + }
  103 + }
  104 + }
  105 +
  106 + .opt {
  107 + position: fixed;
  108 + bottom: 0;
  109 + left: 0;
  110 + right: 0;
  111 + text-align: right;
  112 + border-top: 1px solid #e0e0e0;
  113 + }
  114 +
  115 + .btn {
  116 + display: inline-block;
  117 + box-sizing: border-box;
  118 + width: 140rem / $pxConvertRem;
  119 + height: 60rem / $pxConvertRem;
  120 + line-height: 60rem / $pxConvertRem;
  121 + @include border-radius(5px);
  122 + font-size: 26rem / $pxConvertRem;
  123 + text-align: center;
  124 + border: 1px solid #000;
  125 + }
  126 +}
@@ -18,7 +18,7 @@ @@ -18,7 +18,7 @@
18 border-bottom: 1px solid #e0e0e0; 18 border-bottom: 1px solid #e0e0e0;
19 } 19 }
20 20
21 - .trading-status { 21 + .order-status {
22 float: right; 22 float: right;
23 } 23 }
24 24
@@ -45,15 +45,13 @@ @@ -45,15 +45,13 @@
45 width: 140rem / $pxConvertRem; 45 width: 140rem / $pxConvertRem;
46 font-size: 24rem / $pxConvertRem; 46 font-size: 24rem / $pxConvertRem;
47 text-align: center; 47 text-align: center;
48 - }  
49 -  
50 - .cancel {  
51 border: 1px solid #000; 48 border: 1px solid #000;
52 } 49 }
53 50
54 .pay { 51 .pay {
55 background: #d0021b; 52 background: #d0021b;
56 color: #fff; 53 color: #fff;
  54 + border: none;
57 margin-left: 20rem / $pxConvertRem; 55 margin-left: 20rem / $pxConvertRem;
58 } 56 }
59 } 57 }
1 -@import "new-arrival", "discount", "list", "detail", "suspend-cart", "hot-rank";  
  1 +@import "new-arrival", "discount", "list", "detail", "suspend-cart", "hot-rank", "_recommend-for-you.scss";
@@ -87,6 +87,6 @@ @@ -87,6 +87,6 @@
87 </div> 87 </div>
88 </div> 88 </div>
89 89
90 - {{> me/recommend-for-you}} 90 + {{> product/recommend-for-you}}
91 </div> 91 </div>
92 {{> layout/footer}} 92 {{> layout/footer}}
  1 +{{> layout/header}}
  2 +<div class="order-detail-page yoho-page">
  3 + {{# orderDetail}}
  4 + <div id="order-detail" data-id="{{orderNum}}">
  5 + <section class="owner-info block">
  6 + <span class="iconfont">&#xe631;</span>
  7 + <div class="beside-icon">
  8 + <p class="name-phone">
  9 + {{name}}
  10 + <span>{{phoneNum}}</span>
  11 + </p>
  12 + <p class="address">
  13 + {{address}}
  14 + </p>
  15 + </div>
  16 + </section>
  17 +
  18 + <section class="order-status block">
  19 + <div class="status sub">
  20 + <span class="iconfont">&#xe632;</span>
  21 + <p class="beside-icon sub-content">
  22 + <span class="sub-title">{{orderStatus}}</span>
  23 + <span>订单编号：{{orderNum}}</span>
  24 + <span>下单时间：{{orderTime}}</span>
  25 + </p>
  26 + </div>
  27 + {{#if unreceived}}
  28 + <a class="logistics sub" href="{{logisticsUrl}}">
  29 + <span class="iconfont">&#xe630;</span>
  30 + <p class="beside-icon sub-content">
  31 + <span class="sub-title">物流信息</span>
  32 + <span>物流公司：{{logisticsCompany}}</span>
  33 + <span>快递单号：{{logisticsNum}}</span>
  34 + </p>
  35 + <span class="iconfont icon-right">&#xe614;</span>
  36 + </a>
  37 + {{/if}}
  38 + </section>
  39 +
  40 + <section class="goods block">
  41 + {{# goods}}
  42 + {{> me/order/good}}
  43 + {{/ goods}}
  44 + </section>
  45 +
  46 + <ul class="cost block">
  47 + <li>
  48 + 商品总金额
  49 + <span>¥{{sumPrice}}</span>
  50 + </li>
  51 + <li>
  52 + 活动金额
  53 + <span>-¥{{salePrice}}</span>
  54 + </li>
  55 + <li>
  56 + 运费
  57 + <span>+¥{{freight}}</span>
  58 + </li>
  59 + <li>
  60 + YOHO币
  61 + <span>-¥{{yohoCoin}}</span>
  62 + </li>
  63 + <li>
  64 + 实付金额
  65 + <span>¥{{price}}</span>
  66 + </li>
  67 + </ul>
  68 +
  69 + <div class="opt block">
  70 + {{#unless unreceived}}
  71 + {{#unless unpaid}}
  72 + <span class="btn btn-del">删除订单</span>
  73 + {{/unless}}
  74 + {{/unless}}
  75 +
  76 + {{#if unpaid}}
  77 + <span class="btn btn-cancel">取消订单</span>
  78 + <a href="{{payUrl}}">
  79 + <span class="btn btn-pay">立即付款</span>
  80 + </a>
  81 + {{/if}}
  82 +
  83 + {{#if unreceived}}
  84 + <a href="{{logisticsUrl}}">
  85 + <span class="btn btn-check-logistics">查看物流</span>
  86 + </a>
  87 + {{/if}}
  88 + </div>
  89 + </div>
  90 + {{/ orderDetail}}
  91 +</div>
  92 +{{> layout/footer}}
@@ -201,7 +201,6 @@ @@ -201,7 +201,6 @@
201 </script> 201 </script>
202 {{/if}} 202 {{/if}}
203 {{!-- 个人中心 --}} 203 {{!-- 个人中心 --}}
204 -{{!-- 个人中心首页 --}}  
205 {{#if myIndexPage}} 204 {{#if myIndexPage}}
206 <script> 205 <script>
207 seajs.use('js/me/index'); 206 seajs.use('js/me/index');
@@ -212,7 +211,11 @@ @@ -212,7 +211,11 @@
212 seajs.use('js/me/order'); 211 seajs.use('js/me/order');
213 </script> 212 </script>
214 {{/if}} 213 {{/if}}
215 -{{!-- 个人中心: 商品收藏&品牌收藏 --}} 214 +{{#if orderDetailPage}}
  215 +<script>
  216 + seajs.use('js/me/order-detail');
  217 +</script>
  218 +{{/if}}
216 {{#if favPage}} 219 {{#if favPage}}
217 <script> 220 <script>
218 seajs.use('js/me/fav'); 221 seajs.use('js/me/fav');
1 <div class="order" data-id="{{orderNum}}"> 1 <div class="order" data-id="{{orderNum}}">
2 <header class="header"> 2 <header class="header">
3 订单编号：{{orderNum}} 3 订单编号：{{orderNum}}
4 - <span class="trading-status">{{tradingStatus}}</span> 4 + <span class="order-status">{{orderStatus}}</span>
5 </header> 5 </header>
6 <section class="order-goods"> 6 <section class="order-goods">
7 {{# goods}} 7 {{# goods}}
@@ -12,6 +12,17 @@ @@ -12,6 +12,17 @@
12 共{{count}}件商品 实付<span class="sum-cost">¥{{sumCost}}</span> 12 共{{count}}件商品 实付<span class="sum-cost">¥{{sumCost}}</span>
13 </footer> 13 </footer>
14 14
  15 + {{!-- 对应订单状态的操作逻辑 --}}
  16 +
  17 + {{!-- 完成和取消订单显示删除按钮 --}}
  18 + {{#unless unpaid}}
  19 + {{#unless unreceived}}
  20 + <div class="order-opt">
  21 + <span class="btn del">删除订单</span>
  22 + </div>
  23 + {{/unless}}
  24 + {{/unless}}
  25 +
15 {{#if unpaid}} 26 {{#if unpaid}}
16 <div class="order-opt"> 27 <div class="order-opt">
17 <span class="btn cancel">取消订单</span> 28 <span class="btn cancel">取消订单</span>
@@ -19,9 +30,9 @@ @@ -19,9 +30,9 @@
19 </div> 30 </div>
20 {{/if}} 31 {{/if}}
21 32
22 - {{#with unreceived}} 33 + {{#if unreceived}}
23 <div class="order-opt"> 34 <div class="order-opt">
24 - <a class="check-logistics" href="{{.}}">查看物流</a> 35 + <a class="check-logistics" href="{{logisticsUrl}}">查看物流</a>
25 </div> 36 </div>
26 - {{/with}} 37 + {{/if}}
27 </div> 38 </div>
@@ -397,4 +397,53 @@ class HomeController extends AbstractAction @@ -397,4 +397,53 @@ class HomeController extends AbstractAction
397 while(false); 397 while(false);
398 //$this -> _view -> display('order',$data); 398 //$this -> _view -> display('order',$data);
399 } 399 }
  400 +
  401 + /**
  402 + * 订单详情页
  403 + */
  404 + public function orderDetailAction()
  405 + {
  406 + $data = array(
  407 + 'name' => '毛毛莉Lydia',
  408 + 'phoneNum' => '18600001133',
  409 + 'address' => '南京市建邺区嘉陵江东街18号国家广告产业园5栋17楼',
  410 + 'orderStatus' => '待收货',
  411 + 'orderNum' => '418358063',
  412 + 'orderTime' => '2014-03-10 17:25:10',
  413 +
  414 + 'unreceived' => true,
  415 + 'logisticsUrl' => '',
  416 + 'logisticsCompany' => '顺丰',
  417 + 'logisticsNum' => '51537443456',
  418 +
  419 + 'goods' => array(
  420 + array(
  421 + 'id' => 1,
  422 + 'thumb' => 'http://img11.static.yhbimg.com/goodsimg/2015/11/04/05/01ce2aff32fc3c90584f516167cd526d91.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  423 + 'name' => 'Adidas Originals ZX FLUXM22508',
  424 + 'color' => '黄',
  425 + 'size' => '43',
  426 + 'price' => '699.00',
  427 + 'count' => '2'
  428 + ),
  429 + array(
  430 + 'id' => 1,
  431 + 'thumb' => 'http://img10.static.yhbimg.com/goodsimg/2015/11/04/05/0188f1aca49ac478a565ec029b5d2d4a6c.jpg?imageMogr2/thumbnail/235x314/extent/235x314/background/d2hpdGU=/position/center/quality/90',
  432 + 'name' => 'B.Duck浴室玩伴mini浮水鸭',
  433 + 'gift' => true,
  434 + 'color' => '黄',
  435 + 'size' => '43',
  436 + 'price' => '0.00',
  437 + 'count' => '1'
  438 + )
  439 + ),
  440 +
  441 + 'sumPrice' => 799,
  442 + 'salePrice' => 80,
  443 + 'freight' => 5,
  444 + 'yohoCoin' => 5,
  445 + 'price' => 719
  446 + );
  447 + $this->_view->display('order-detail', array('orderDetail' => $data, 'orderDetailPage' => true));
  448 + }
400 } 449 }