use-now-link

@@ -2,6 +2,15 @@ const co = Promise.coroutine;
 const _ = require('lodash');
 const headerModel = require('../../../doraemon/models/header'); // 头部model
 const CouponNewModel = require('../models/coupon-new');
+const helpers = global.yoho.helpers;
+
+const _couponProcess = (couponList) => {
+    _.map(couponList, coupon => {
+        coupon.useNowLink = helpers.urlFormat(`/list/cc${coupon.coupon_code}-cd${coupon.coupon_id}?intro_text=以下商品可使用【${coupon.coupon_name}】优惠券&title=优惠活动商品`, '', null); // eslint-disable-line
+        return coupon;
+    });
+    return couponList;
+};
 
 class CouponNew {
     page(req, res, next) {
@@ -15,6 +24,11 @@ class CouponNew {
             let pageData = _.get(couponsApi, 'data', {});
             let couponNum = _.get(couponNumApi, 'data', {});
             let couponNumStr = {};
+            let couponList = _.get(pageData, 'couponList', []);
+
+            if (couponList && couponList.length) {
+                pageData.couponList = _couponProcess(couponList);
+            }
 
             if (couponNum.notuse > 99) {
                 couponNumStr.notuse = '99+';
@@ -66,6 +80,10 @@ class CouponNew {
             });
             let coupons = _.get(couponApi, 'data.couponList', []);
 
+            if (coupons && coupons.length) {
+                coupons = _couponProcess(coupons);
+            }
+
             res.json(coupons);
         })().catch(next);
     }

@@ -44,7 +44,7 @@
                     {{/if}}
                     <span class="tip"></span>
                 </div>
-                <button class="use-now">立即使用</button>
+                <a href="{{useNowLink}}" class="use-now">立即使用</a>
                 {{#isEqualOr is_overdue_soon 'Y'}}
                 <span class="top-tip"></span>
                 {{/isEqualOr}}

@@ -21,7 +21,7 @@
             {{/if}}
             <span class="tip"></span>
         </div>
-        <button class="use-now">立即使用</button>
+        <a href="{{useNowLink}}" class="use-now">立即使用</a>
         <span class="top-tip"></span>
     </div>
     <ul class="coupon-intro hide">

@@ -177,6 +177,8 @@ body {
                 position: absolute;
                 width: 130px;
                 height: 50px;
+                line-height: 50px;
+                text-align: center;
                 border: 1px solid #444;
                 border-radius: 25px;
                 background-color: #fff;