Authored by xuqi

pay success page

/**
* 支付成功页面
* @author: TaoHuang
* @date: 2016/07/18
*/
const finish = {
success: (req, res, next) => {
}
};
module.exports = finish;
\ No newline at end of file
... ... @@ -52,8 +52,20 @@ const toPay = (req, res, next) => {
const callback = () => {
};
const success = (req, res) => {
res.render('pay-success', {
defaultHeader: false,
content: {
cost: '12300.32',
orderNum: '234567890',
onlineCost: '589.00'
}
});
};
module.exports = {
online,
callback,
toPay
toPay,
success
};
... ...
... ... @@ -13,7 +13,6 @@ const auth = require(`${global.middleware}/auth`);
const cartCtrl = require(`${cRoot}/cart`); // 购物车
const order = require(`${cRoot}/order`); // 下单
const pay = require(`${cRoot}/pay`); // 支付
const finish = require(`${cRoot}/finish`); // 完成
// 购物车
router.get('/cart', cartCtrl.index);
... ... @@ -37,7 +36,7 @@ router.get('/pay/online', pay.online);
router.get('/pay/online/go', pay.toPay);
// 在线支持完成
router.get('/pay/online/success', finish.success);
router.get('/pay/online/success', pay.success);
// 支付回调
router.get('/pay/callback/:type', pay.callback);
... ...
{{> sign-header}}
<div class="pay-success-page blk-page">
<div class="center-content">
{{# content}}
<div class="order-info clearfix">
<div class="left">
<p class="success-tip">恭喜您,购买完成!您已成功支付{{round cost 2}}元!</p>
<p class="order-num">订单编号:{{orderNum}}</p>
<p class="payment-online">在线支付:¥{{round onlineCost 2}}</p>
</div>
<div class="btns right">
<a class="btn go-check-order" href="{{orderHref}}">查看订单详情</a>
<a class="btn" href="{{walkHref}}">继续逛逛</a>
</div>
</div>
<div class="tip-info">
<p class="title">温馨提示:</p>
<p>
1.每天15:00以前成功支付的订单将在当天发货,12:00-00:00成功付款的订单将在第二天发货。
2.当订单发货后,您可以登录<a class="blue" href="/me/order">订单中心</a>查询快递发货详情。
3.YOHO!BUY有货支持“开箱验货”和“15天退换货保障”收货后请当面验货,如果发现商品有任何问题请致电客服电话400-889-9646,
<a class="blue" href="">“退换货政策”</a>请点击查看。<em class="blue">4.尊敬的用户:近期为网络诈骗高发期,YOHO!BUY有货郑重声明,不会以任何形式索取客户的账户信息或引导转账,敬请提高警惕,谨防诈骗</em>
</p>
</div>
{{/ content}}
</div>
</div>
\ No newline at end of file
... ...
.yoho-sign-header .center-content {
border-bottom: none;
}
.cart-bc {
width: 100%;
position: relative;
... ...
... ... @@ -13,3 +13,4 @@
/* 支付流程-在线支付 */
@import "pay";
@import "pay-success";
... ...
.pay-success-page {
.order-info {
margin-top: 40px;
padding-bottom: 30px;
}
.success-tip {
font-size: 18px;
font-weight: bold;
margin-bottom: 30px;
}
.order-num,
.payment-online {
font-size: 16px;
font-weight: bold;
line-height: 26px;
}
.btns .btn {
width: 160px;
height: 40px;
line-height: 40px;
}
.go-check-order {
margin-bottom: 20px;
}
.tip-info {
border-top: 1px solid #eee;
font-size: 14px;
color: #666;
line-height: 20px;
margin-bottom: 40px;
.title {
line-height: 50px;
color: #000;
font-weight: bold;
}
}
}
... ...