fe / yoho-blk · Commits

Go to a project

Authored by zhangxiaoru
Commit de250908320e1317f4f8ea8eab769ffb9558734d 1 parent 3088a082

exchange

Inline Side-by-side
Showing 8 changed files with 226 additions and 4 deletions
... ... @@ -74,10 +74,39 @@ const exchange = (req, res, 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 = {
index,
detail,
refund,
refundApply,
exchange
exchange,
detailExchange
};
... ...
... ... @@ -30,6 +30,7 @@ router.get('/editOrder', order.editOrder);
router.get('/return', returns.index);
router.get('/return/refund/:orderCode', returns.refund);
router.get('/return/exchange/:orderCode', returns.exchange);
router.get('/return/exchange/detail', returns.detailExchange);
router.get('/return/:returnId', returns.detail);
router.post('/return/refund/apply', returns.refundApply);
... ...
... ... @@ -35,6 +35,11 @@
{{#if returns}}
{{> returns}}
{{/if}}
{{!-- 换货详情 --}}
{{#if exchange}}
{{> exchange-detail}}
{{/if}}
{{!-- 我的退换货列表 --}}
{{#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>
\ No newline at end of file
... ...
<div class="returns-wrap">
{{# returns}}
{{!-- {{# returns}}
{{> common/subtitle}}
{{> refund}}
{{/ returns}}
</div>
{{/ returns}} --}}
{{!-- </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;
}
}
\ No newline at end of file
... ...
... ... @@ -106,3 +106,4 @@
@import "return/index";
@import "currency";
@import "returns";
@import "exchange";
... ...