Merge branch 'feature/installment' of git.yoho.cn:fe/yohobuywap-node into feature/installment

-<div class="installment-starting-service-page">
+<div class="installment-starting-service-page yoho-page">
     {{> resources/banner-top}}
     {{> resources/banner-top}}
     <div class="exclamation">
     <div class="exclamation">
         基本信息的有效性决定您能否激活有货分期，以及最终可获得的额度!
         基本信息的有效性决定您能否激活有货分期，以及最终可获得的额度!
@@ -27,8 +27,8 @@
         </div>
         </div>
 
 
         <div class="field" id="bank-desc" style="display: none;">
         <div class="field" id="bank-desc" style="display: none;">
-      <div>
-        <img src="" alt="">
+            <div class="bank-info">
+                <img id="bank-icon" src="" alt="">
                 <span id="bank-name">中国工商银行</span>
                 <span id="bank-name">中国工商银行</span>
             </div>
             </div>
         </div>
         </div>
@@ -47,7 +47,7 @@
         </div>
         </div>
 
 
         <div class="agreements">
         <div class="agreements">
-      <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn" />
+            <input id="accept-agreements" name="agreements" type="checkbox" class="installment-check-btn"/>
             <label for="accept-agreements">
             <label for="accept-agreements">
                 <span>免费开通,详情见 <a href="#">《有货分期服务协议》&《第三方支付协议》</a></span>
                 <span>免费开通,详情见 <a href="#">《有货分期服务协议》&《第三方支付协议》</a></span>
             </label>
             </label>

@@ -18,7 +18,7 @@
             (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=640){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/640)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window);
             (function(d,c){var e=d.documentElement,a="orientationchange" in window?"orientationchange":"resize",b=function(){var f=e.clientWidth;if(!f){return}if(f>=640){e.style.fontSize="40px"}else{e.style.fontSize=40*(f/640)+"px"}};if(!d.addEventListener){return}b();c.addEventListener(a,b,false);d.addEventListener("DOMContentLoaded",b,false)})(document,window);
         </script>
         </script>
         {{#if devEnv}}
         {{#if devEnv}}
-            <link rel="stylesheet" href="//localhost:5001/css/index.css">
+            <link rel="stylesheet" href="//172.16.11.32:5001/css/index.css">
         {{^}}
         {{^}}
             <link rel="stylesheet" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css">
             <link rel="stylesheet" href="//cdn.yoho.cn/m-yohobuy-node/{{version}}/index.css">
         {{/if}}
         {{/if}}
@@ -41,8 +41,8 @@
             <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
             <script type="text/javascript" src="//res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
         {{/wechatShare}}
         {{/wechatShare}}
         {{#if devEnv}}
         {{#if devEnv}}
-            <script src="//localhost:5001/libs.js"></script>
-            <script src="//localhost:5001/{{module}}.{{page}}.js"></script>
+            <script src="//172.16.11.32:5001/libs.js"></script>
+            <script src="//172.16.11.32:5001/{{module}}.{{page}}.js"></script>
         {{^}}
         {{^}}
             <script src="//cdn.yoho.cn/m-yohobuy-node/{{version}}/libs.js"></script>
             <script src="//cdn.yoho.cn/m-yohobuy-node/{{version}}/libs.js"></script>
             <script src="//cdn.yoho.cn/m-yohobuy-node/{{version}}/{{module}}.{{page}}.js"></script>
             <script src="//cdn.yoho.cn/m-yohobuy-node/{{version}}/{{module}}.{{page}}.js"></script>

@@ -47,10 +47,10 @@ $('.header-tab a').click(function() {
     return false;
     return false;
 });
 });
 
 
-// const
 // 默认加载第一页
 // 默认加载第一页
 loadOrderList(search.pageIndex, 1);
 loadOrderList(search.pageIndex, 1);
 
 
+// TODO: 滚屏分页
 $(window).scroll(()=> {
 $(window).scroll(()=> {
     // var scrollTop = $(window).scrollTop();
     // var scrollTop = $(window).scrollTop();
 
 

 const $ = require('yoho-jquery');
 const $ = require('yoho-jquery');
+const tip = require('../plugin/tip');
 
 
 const Timer = function() {
 const Timer = function() {
     this.counter = 0;
     this.counter = 0;
@@ -98,9 +99,14 @@ $('#cardNo').keyup(function() {
 }).change(function() {
 }).change(function() {
     const cardNo = $(this).val().replace(/\s/, '');
     const cardNo = $(this).val().replace(/\s/, '');
 
 
+    // 获取银行信息
     $.get('/home/installment/bank-info', {cardNo: cardNo}).then((result)=> {
     $.get('/home/installment/bank-info', {cardNo: cardNo}).then((result)=> {
         if (result.code === 200) {
         if (result.code === 200) {
+            // 设置银行名称
             $('#bank-name').text(result.data.bankName);
             $('#bank-name').text(result.data.bankName);
+
+            // 设置银行图标
+            $('#bank-icon').attr('src', '/img/home/bank-icons/' + result.data.bankCode + '.png');
             $('#bank-desc').show();
             $('#bank-desc').show();
         }
         }
     });
     });
@@ -148,8 +154,13 @@ setInterval(()=> {
  */
  */
 $('#apply-form').submit(function() {
 $('#apply-form').submit(function() {
     $.post('/home/installment/activate-service', formModel).then((result)=> {
     $.post('/home/installment/activate-service', formModel).then((result)=> {
+        const params = { action: 'go.instalmentRepayment' };
+
         if (result.code === 200) {
         if (result.code === 200) {
-            location.href = '';
+            location.href = `/home/installment/review?openby:yohobuy=${encodeURIComponent(JSON.stringify(params))}`;
+        } else {
+            tip.show(result.message);
+
         }
         }
     });
     });
     return false;
     return false;

@@ -27,12 +27,10 @@ const Repayment = function(options) {
 
 
         const params = {
         const params = {
             action: 'go.instalmentRepayment',
             action: 'go.instalmentRepayment',
-            params: {
-                amount: self.total
-            }
+            list: self.getSelection()
         };
         };
 
 
-        $(this).attr('href', path + '?openby:yohobuy=' + JSON.stringify(params));
+        $(this).attr('href', path + '?openby:yohobuy=' + encodeURIComponent(JSON.stringify(params)));
     });
     });
 
 
     $('#repayment-total').click(()=> {
     $('#repayment-total').click(()=> {

@@ -47,12 +47,29 @@
         }
         }
     }
     }
 
 
+    .bank-info {
+        padding-left: 100px;
+
+        img {
+            width: 32px;
+            height: 32px;
+            display: inline-block;
+        }
+
+        span {
+            line-height: 32px;
+            position: absolute;
+            margin-left: 10px;
+            margin-top: 1px;
+        }
+    }
+
     .count-down {
     .count-down {
         border: 1px solid #84c990;
         border: 1px solid #84c990;
         border-radius: 4px;
         border-radius: 4px;
         background: transparent;
         background: transparent;
         color: #84c990;
         color: #84c990;
-        width: 160px;
+        width: 180px;
         height: 55px;
         height: 55px;
         float: right;
         float: right;
     }
     }
@@ -75,6 +92,8 @@
         color: #444;
         color: #444;
         float: left;
         float: left;
         margin-top: 2px;
         margin-top: 2px;
+        border: none;
+        background: transparent;
     }
     }
 
 
     .provider-mark {
     .provider-mark {
@@ -88,12 +107,10 @@
     .bottom-block {
     .bottom-block {
         width: 100%;
         width: 100%;
         text-align: center;
         text-align: center;
-        position: fixed;
-        bottom: 0;
+        margin-top: 30px;
     }
     }
 }
 }
 
 
-
 .installment-check-btn {
 .installment-check-btn {
     display: none;
     display: none;