exchange

@@ -74,10 +74,39 @@ const exchange = (req, res, next) => {
     next();
     next();
 };
 };
 
 
+const detailExchange = (req, res) => {
+    const uid = global.yoho.uid || '8050560';
+    const page = req.query.page;
+
+    res.display('index', {
+        page: 'exchange-detail',
+        isMe: true,
+        content: {
+            nav: mcHandler.getMeCrumb('我的退/换货'),
+            navigation: mcHandler.getSideMenu('我的退/换货'),
+            banner: 'http://placehold.it/{width}x{height}',
+            exchange: {
+                title: '换货申请',
+                hidePrice: true,
+                orderGoods: {
+                    goodsImage: '//img13.static.yhbimg.com/goodsimg/2015/08/25/02/02166fbbc91037e5a43e89e7d3628834da.jpg?imageMogr2/thumbnail/65x90/extent/65x90/background/d2hpdGU=/position/center/quality/80',
+                    productName: 'TEEBACCO 极简笑脸印花卫衣',
+                    colorName: '黑色',
+                    sizeName: 'M',
+                }
+
+            }
+            
+
+        }
+    });
+};
+
 module.exports = {
 module.exports = {
     index,
     index,
     detail,
     detail,
     refund,
     refund,
     refundApply,
     refundApply,
-    exchange
+    exchange,
+    detailExchange
 };
 };

@@ -30,6 +30,7 @@ router.get('/editOrder', order.editOrder);
 router.get('/return', returns.index);
 router.get('/return', returns.index);
 router.get('/return/refund/:orderCode', returns.refund);
 router.get('/return/refund/:orderCode', returns.refund);
 router.get('/return/exchange/:orderCode', returns.exchange);
 router.get('/return/exchange/:orderCode', returns.exchange);
+router.get('/return/exchange/detail', returns.detailExchange);
 router.get('/return/:returnId', returns.detail);
 router.get('/return/:returnId', returns.detail);
 router.post('/return/refund/apply', returns.refundApply);
 router.post('/return/refund/apply', returns.refundApply);
 
 

@@ -35,6 +35,11 @@
                 {{#if returns}}
                 {{#if returns}}
                     {{> returns}}
                     {{> returns}}
                 {{/if}}
                 {{/if}}
+                
+                {{!-- 换货详情 --}}
+                {{#if exchange}}
+                    {{> exchange-detail}}
+                {{/if}}
 
 
                 {{!-- 我的退换货列表 --}}
                 {{!-- 我的退换货列表 --}}
                 {{#if returnsList}}
                 {{#if returnsList}}

+<div class="exchange-detail-page">
+    <div class="exchange-apply">
+    {{# exchange}}
+        {{> common/subtitle}}
+
+        <div class="apply-container">
+            <div class="return-prompt">
+                换货须知
+            </div>
+
+            <h2>换货商品</h2>
+
+            <div class="table">
+                <ul class="header">
+                    <li class="info">商品信息</li>
+                    <li class="st">换货原因</li>
+                    <li class="op">换货数量</li>
+                </ul>
+            </div>
+
+            {{!-- {{#list}} --}}
+            <div class="table-body">
+                {{> order/goods-box}}
+                <div class="common-column special-border">
+                    {{!-- <p class="refund-status">{{statusName}}</p> --}}
+                </div>
+                <div class="common-column special-border operation">
+                    
+                </div>
+            </div>
+            {{!-- {{/list}} --}}
+
+
+            
+        </div>
+       
+    {{/ exchange}}
+    </div>
+</div>

 <div class="returns-wrap">
 <div class="returns-wrap">
-    {{# returns}}
+   {{!--  {{# returns}}
         {{> common/subtitle}}
         {{> common/subtitle}}
 
 
         {{> refund}}
         {{> refund}}
-    {{/ returns}}
-    </div>
+    {{/ returns}} --}}
+    {{!-- </div> --}}
 </div>
 </div>

+.exchange-detail-page {
+    position: relative;
+
+    .apply-container {
+        h2 {
+            font-size: 16px;
+            margin-bottom: 15px;
+        }
+    }
+
+    .return-prompt {
+        font-size: 14px;
+        width: 70px;
+        height: 25px;
+        border: 1px solid #eee;
+        line-height: 25px;
+        text-align: center;
+        position: absolute;
+        top: 0;
+        right: 0;
+    }
+
+    .table {
+        width: 100%;
+        margin-bottom: 20px;
+        color: #616161;
+
+        .header {
+            height: 40px;
+            line-height: 40px;
+            padding-left: 20px;
+            font-size: 14px;
+            background-color: #f5f5f5;
+            border: 1px solid #f1f1f1;
+
+            li {
+                height: 100%;
+                float: left;
+                text-align: center;
+            }
+
+            .info {
+                width: 496px;
+                text-align: left;
+            }
+
+            .st,
+            .op {
+                width: 206px;
+            }
+        }
+    }
+
+    .table-body {
+        display: table;
+        font-size: 14px;
+    }
+
+    .common-column {
+        width: 138px;
+        display: table-cell;
+        text-align: center;
+        vertical-align: top;
+        padding-top: 30px;
+        position: relative;
+    }
+
+    .special-border {
+        border-right: 1px solid #f1f1f1;
+        border-bottom: 1px solid #f1f1f1;
+    }
+
+    .common-column {
+        width: 138px;
+        display: table-cell;
+        text-align: center;
+        vertical-align: top;
+        padding-top: 30px;
+        position: relative;
+    }
+
+    .goods-container {
+        width: 516px;
+        display: table-cell;
+        box-sizing: border-box;
+
+        img {
+            width: 65px;
+            height: 90px;
+            display: inline-block;
+            box-sizing: border-box;
+            margin: 30px 20px;
+        }
+    }
+
+    .special-border {
+        border-right: 1px solid #f1f1f1;
+        border-bottom: 1px solid #f1f1f1;
+    }
+
+    .detail {
+        width: 408px;
+        padding: 30px 8px 0 0;
+        float: right;
+        box-sizing: border-box;
+        line-height: 1.4;
+        font-size: 14px;
+        color: #616161;
+
+        span {
+            font-size: 12px;
+        }
+    }
+
+    .with-bottom-space {
+        margin-bottom: 8px;
+    }
+
+    .with-space {
+        display: inline-block;
+        margin-right: 8px;
+        margin-bottom: 8px;
+    }
+
+    .bold {
+        color: #222;
+        font-weight: bold;
+    }
+
+   .special-column {
+        display: none;
+    }
+
+    .sub-column {
+        display: none;
+    }
+
+    .common-column {
+        width: 208px;
+        display: table-cell;
+        text-align: center;
+        vertical-align: top;
+        padding-top: 30px;
+        position: relative;
+    }
+
+}

@@ -106,3 +106,4 @@
 @import "return/index";
 @import "return/index";
 @import "currency";
 @import "currency";
 @import "returns";
 @import "returns";
+@import "exchange";