Authored by 郭成尧

coupons-over-100

... ... @@ -22,6 +22,8 @@ const _couponProcess = conponData => {
let unusableCouponNum = 0;
let couponPay = _.get(usableCouponsList, '[0].coupon_pay');
let headMsg = _.replace(_.get(conponData, 'usable_coupon_catalogs.head_msg', []), '\n', '<br>');
let usableCouponNumStr = '';
let unusableCouponNumStr = '';
_.forEach(unusableCouponsList, listItem => {
if (listItem.coupons) {
... ... @@ -29,9 +31,21 @@ const _couponProcess = conponData => {
}
});
if (usableCouponNum > 99) {
usableCouponNumStr = '99+';
} else {
usableCouponNumStr = usableCouponNum + '';
}
if (unusableCouponNum > 99) {
unusableCouponNumStr = '99+';
} else {
unusableCouponNumStr = unusableCouponNum + '';
}
return {
usableCouponNum,
unusableCouponNum,
usableCouponNumStr,
unusableCouponNumStr,
usableCouponsList,
unusableCouponsList,
couponPay,
... ...
{{#result}}
<section>
<div class="filter-box">
<span class="filter-btn valid active">可用({{usableCouponNum}})</span>
<span class="filter-btn invalid">不可用({{unusableCouponNum}})</span>
<span class="filter-btn valid active">可用({{usableCouponNumStr}})</span>
<span class="filter-btn invalid">不可用({{unusableCouponNumStr}})</span>
</div>
<div class="exchange-box">
<input type="text" placeholder="请输入优惠券码">
... ...
... ... @@ -14,6 +14,25 @@ class CouponNew {
]);
let pageData = _.get(couponsApi, 'data', {});
let couponNum = _.get(couponNumApi, 'data', {});
let couponNumStr = {};
if (couponNum.notuse > 99) {
couponNumStr.notuse = '99+';
} else {
couponNumStr.notuse = couponNum.notuse + '';
}
if (couponNum.use > 99) {
couponNumStr.use = '99+';
} else {
couponNumStr.use = couponNum.use + '';
}
if (couponNum.overtime > 99) {
couponNumStr.overtime = '99+';
} else {
couponNumStr.overtime = couponNum.overtime + '';
}
res.render('coupons/page', {
module: 'home',
... ... @@ -21,7 +40,7 @@ class CouponNew {
localCss: true,
width750: true,
pageData,
couponNum,
couponNumStr,
pageHeader: headerModel.setNav({
navTitle: '优惠券',
myConponPageNavBtn: true,
... ...
<div class="coupon-new-page">
{{#couponNumStr}}
<div class="filter-box">
<span class="filter-btn-box">
<span class="filter-btn no-used active">未使用({{couponNum.notuse}}+)</span>
<span class="filter-btn no-used active">未使用({{notuse}})</span>
<span class="iconfont icon-down show-filter-btn"></span>
</span>
<span class="filter-btn-box">
<span class="filter-btn used">已使用({{couponNum.use}}</span>
<span class="filter-btn used">已使用({{use}}</span>
</span>
<span class="filter-btn-box">
<span class="filter-btn invalid">已失效({{couponNum.overtime}}</span>
<span class="filter-btn invalid">已失效({{overtime}}</span>
</span>
</div>
{{/ couponNumStr}}
{{#pageData}}
<div class="filter-item hide">
{{#pageData.filters}}
{{#filters}}
<button data-id="{{filter_id}}">{{filter_name}}</button>
{{/ pageData.filters}}
{{/ filters}}
</div>
<div class="exchange-box">
<input type="text" placeholder="请输入优惠券码">
<button>兑换</button>
</div>
<div class="coupon-list" id="couponList">
{{#pageData.couponList}}
{{#couponList}}
<section class="coupon-section" data-code="{{coupon_code}}" data-id="{{coupon_id}}">
<div class="coupon">
<div class="coupon-left">
... ... @@ -52,10 +55,11 @@
{{/ notes}}
</ul>
</section>
{{/ pageData.couponList}}
{{/ couponList}}
</div>
<div class="no-conpon-now{{#if pageData.couponList}} hide{{/if}}">
<div class="no-conpon-now{{#if couponList}} hide{{/if}}">
<div class="icon-not"></div>
<p>暂无优惠券</p>
</div>
{{/ pageData}}
</div>
... ...