分期3

@@ -157,6 +157,7 @@ const _processBankCards = (list) => {
         //         data.cardNo += newCardNo[i - 1];
         //     }
         // }
+        data.url = '/home/installment/card-detail?cardIdNo=' + data.cardIdNo;
 
 
         // 正则替换卡号，保留后4位
@@ -170,19 +171,13 @@ const _processBankCards = (list) => {
 };
 
 // 银行卡详情数据处理
-const _processCardDetail = (list, cardIdNo) => {
-    let res = {};
+const _processCardDetail = (list) => {
+    list = list || {};
 
-    list = list || [];
-
-    _.forEach(list, (item) => {
-        if (item.cardIdNo === cardIdNo) {
-            item.isMaster = item.masterType || 1;
-            res = item;
-        }
-    });
+    list.isMaster = +list.masterType;
+    list.cardNo = list.cardNo.replace(/\*/g, '');
 
-    return res;
+    return list;
 };
 
 /**
@@ -507,32 +502,33 @@ const postAccount = (params) => {
 // 获取银行卡详情
 const getCardDetail = (uid, cardIdNo) => {
     return api.get('', {
-        method: 'user.instalment.getBankCards',
-        uid: uid
+        method: 'user.instalment.getBankCardDetail',
+        uid: uid,
+        cardIdNo: cardIdNo
     }, {
         timeout: API_TIMEOUT,
         cache: true
     }).then((result) => {
-        result = {
-            alg: 'SALT_MD5',
-            code: 200,
-            data: [
-                {
-                    id: '1',
-                    userName: '*三',
-                    cardNo: '0000',
-                    bankCode: 'ABC',
-                    bankName: '农业银行',
-                    mobile: '18021200000',
-                    cardIdNo: 'BK201610204789114',
-                    masterType: '1'
-                }
-            ],
-            md5: '6d729d4b35f10fc73531210bd7ecff91',
-            message: 'success'
-        };
+        // result = {
+        //    alg: 'SALT_MD5',
+        //    code: 200,
+        //    data: [
+        //        {
+        //            id: '1',
+        //            userName: '*三',
+        //            cardNo: '0000',
+        //            bankCode: 'ABC',
+        //            bankName: '农业银行',
+        //            mobile: '18021200000',
+        //            cardIdNo: 'BK201610204789114',
+        //            masterType: '1'
+        //        }
+        //    ],
+        //    md5: '6d729d4b35f10fc73531210bd7ecff91',
+        //    message: 'success'
+        // };
         if (result && result.code === 200) {
-            return _processCardDetail(result.data, cardIdNo);
+            return _processCardDetail(result.data);
         } else {
             logger.error('get getBankCards data return code is not 200');
             return '';

 <div class="bank-card-page">
-    <ul class="bank-card-list">
+    <div class="bank-card-list">
         {{#accountList}}
-            <li class="card-bg-{{lowerCase bankCode}}"><span>{{cardNo}}</span></li>
+            <a class="card-bg-{{lowerCase bankCode}} card-nav" href="{{url}}"><span>{{cardNo}}</span></a>
         {{/accountList}}
-    </ul>
+    </div>
 </div>

@@ -21,15 +21,15 @@ module.exports = {
         // liveApi: 'http://api.live.yoho.cn/',
         // singleApi: 'http://single.yoho.cn/'
 
-         api: 'http://api-test3.yohops.com:9999/',
-         service: 'http://service-test3.yohops.com:9999/',
-         liveApi: 'http://testapi.live.yohops.com:9999/',
-         singleApi: 'http://api-test3.yohops.com:9999/'
+         // api: 'http://api-test3.yohops.com:9999/',
+         // service: 'http://service-test3.yohops.com:9999/',
+         // liveApi: 'http://testapi.live.yohops.com:9999/',
+         // singleApi: 'http://api-test3.yohops.com:9999/'
 
-         // favApi: 'http://192.168.102.31:8092/brower',
-         // api: 'http://192.168.102.205:8080/gateway/',
-         // service: 'http://192.168.102.205:8080/gateway/',
-         // search: 'http://192.168.102.216:8080/yohosearch/'
+        favApi: 'http://192.168.102.31:8092/brower',
+        api: 'http://192.168.102.205:8080/gateway/',
+        service: 'http://192.168.102.205:8080/gateway/',
+        search: 'http://192.168.102.216:8080/yohosearch/'
 
         // api: 'http://api.yoho.yohoops.org/',
         // service: 'http://service.yoho.yohoops.org/',

@@ -15,6 +15,8 @@ var cardDetail = {
 
         self.cardIdNo = $('.card-detail').data('cardId');
 
+        $('body').attr('ontouchstart', true);
+
         if (window.queryString.setMaster) {
             tip.show('切换成功!');
         }
@@ -37,7 +39,7 @@ var cardDetail = {
                 url: '/home/installment/setMasterCard',
                 errorText: '切换失败',
                 successAction: function() {
-                    window.location.href = '/home/installment/card-detail?setMaster=true';
+                    window.location.href = '/home/installment/card-detail?cardIdNo=' + window.queryString.cardIdNo + '&setMaster=true';
                 }
             });
         });

@@ -43,7 +43,10 @@ var installment = {
 
         if (self.cookieTab && window.queryString.refresh) {
             self.$tab.eq(self.cookieTab).addClass('on').siblings().removeClass('on');
-            self.$installmentCont.hide().eq(self.cookieTab).show();
+            self.$installmentCont.hide().eq(self.cookieTab).fadeIn();
+        } else {
+            self.$tab.eq(0).addClass('on').siblings().removeClass('on');
+            self.$installmentCont.hide().eq(0).fadeIn();
         }
 
         // 已开通tab 切换
@@ -148,7 +151,7 @@ var installment = {
             $tab: $('.detail-tab span'),
             $isOpen: $('.is-open'),
             $installmentCont: $('.installment-cont'),
-            cookieTab: window.cookie('installmentTab') + 0,
+            cookieTab: +window.cookie('installmentTab'),
             starIScroll: ''
         });
     },

@@ -3,7 +3,7 @@
         padding: 30px 30px 0;
     }
 
-    li {
+    .card-nav {
         width: 100%;
         height: 200px;
         margin-bottom: 30px;
@@ -11,6 +11,7 @@
         background: #000;
         border-radius: 10px;
         background-size: contain;
+        display: block;
 
         span {
             position: absolute;
@@ -25,42 +26,52 @@
         background: resolve("home/bank-icons/bank-ABC.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-boc {
         background: resolve("home/bank-icons/bank-BOC.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-ccb {
         background: resolve("home/bank-icons/bank-CCB.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-cgb {
         background: resolve("home/bank-icons/bank-CGB.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-cib {
         background: resolve("home/bank-icons/bank-CIB.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-citic {
         background: resolve("home/bank-icons/bank-CITIC.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-cmbc {
         background: resolve("home/bank-icons/bank-CMBC.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-ceb {
         background: resolve("home/bank-icons/bank-CEB.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-icbc {
         background: resolve("home/bank-icons/bank-ICBC.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-payh {
         background: resolve("home/bank-icons/bank-PAYH.png") no-repeat;
         background-size: contain;
     }
+
     .card-bg-psbc {
         background: resolve("home/bank-icons/bank-PSBC.png") no-repeat;
         background-size: contain;

@@ -138,9 +138,18 @@
             margin-right: 30px;
         }
 
+        .relieve-btn:active {
+            background: #dedede;
+            border: 1px solid #adadad;
+        }
+
         .change-btn {
             background: #444;
             color: #fff;
         }
+
+        .change-btn:active {
+            background: #2b2b2b;
+        }
     }
 }

@@ -449,6 +449,8 @@
     }
 
     .repay {
+        display: none;
+
         .banner-center {
             margin-top: 30px;
             height: 210px;