VIP价格

@@ -77,26 +77,27 @@ const component = {
             uid: req.user.uid || 0
             uid: req.user.uid || 0
         };
         };
 
 
-        model.product(params).then(result => {
+        Promise.all([model.product(params), model.getVipData(params)]).then((result) => {
             let vipPrice = [];
             let vipPrice = [];
 
 
             // 最近浏览存储cookies
             // 最近浏览存储cookies
-            if (_.has(result.data, 'product_skn') && !req.user.uid) {
-                saveRecentGoodInCookies(req.cookies._browseskn_h5, res, result.data.product_skn);
+            if (_.has(result[0].data, 'product_skn') && !req.user.uid) {
+                saveRecentGoodInCookies(req.cookies._browseskn_h5, res, result[0].data.product_skn);
             }
             }
 
 
-            if (result.data.vip) {
-                for (let val of result.data.vip) {
+            if (result[0].data.vip) {
+                for (let val of result[0].data.vip) {
                     vipPrice.push({
                     vipPrice.push({
                         level: vipLe(val.caption),
                         level: vipLe(val.caption),
-                        price: val.price
+                        price: val.price,
+                        currentVip: req.user.uid && parseInt(result[1].data.current_vip_level, 10) === vipLe(val.caption) ? 'active' : ''
                     });
                     });
                 }
                 }
 
 
-                result.data.vipPrice = vipPrice;
+                result[0].data.vipPrice = vipPrice;
             }
             }
 
 
-            res.json(result);
+            res.json(result[0]);
         }).catch(next);
         }).catch(next);
     },
     },
     intro(req, res, next) {
     intro(req, res, next) {

@@ -82,6 +82,14 @@ const model = {
             return result;
             return result;
         });
         });
     },
     },
+    getVipData(params) {
+        return api.get('', {
+            method: 'app.passport.vip',
+            uid: params.uid
+        }, {
+            code: 200
+        });
+    },
     intro(params) {
     intro(params) {
         return api.get('', Object.assign({
         return api.get('', Object.assign({
             method: 'h5.product.intro'
             method: 'h5.product.intro'

@@ -14,7 +14,7 @@
             <ul class="vip-level" v-if="entity.vipPrice">
             <ul class="vip-level" v-if="entity.vipPrice">
                 <li class="icons-item" v-for="vip in entity.vipPrice">
                 <li class="icons-item" v-for="vip in entity.vipPrice">
                     <span class="vip-img vip-{{vip.level}}"></span>
                     <span class="vip-img vip-{{vip.level}}"></span>
-                    <span class="vip-price">{{vip.price}}</span>
+                    <span class="vip-price {{vip.currentVip}}">{{vip.price}}</span>
                 </li>
                 </li>
             </ul>
             </ul>
         </div>
         </div>
@@ -369,13 +369,18 @@
                 width: 33.3%;
                 width: 33.3%;
                 height: 90px;
                 height: 90px;
                 font-size: 22px;
                 font-size: 22px;
-                line-height: 90px;
+                line-height: 95px;
+                color: #b0b0b0;
 
 
                 span {
                 span {
                     display: inline-block;
                     display: inline-block;
                     padding-left: 8px;
                     padding-left: 8px;
                     vertical-align: middle;
                     vertical-align: middle;
                 }
                 }
+
+                .active {
+                    color: #000;
+                }
             }
             }
 
 
             .vip-img {
             .vip-img {