个人网银支付

src/main/resources/static/css/pay/caimei-pay.css

@@ -75,7 +75,8 @@
     .pay-bank .bank-list a img{width: 100%;height: 100%;display: block;}
     .pay-bank .bank-list a.active{border-color: #FF2A2A;}
     .pay-bank .bank-list a.active:before{content: '';width: 20px;height: 20px;position: absolute;bottom: 0;right: -2px;background: url("/img/base/icon.png")-210px -252px no-repeat;}
-    .pay-error{width: 1184px;margin: 0 auto;height: 594px;margin-top: 20px;background: #FFFFFF;}
+    .pay-error-content{width: 1184px;margin: 0 auto;height: 594px;background: #FFFFFF;}
+    .pay-error{width: 1184px;margin: 0 auto;height: 594px;background: #FFFFFF;float: left;margin-bottom: 20px;}
     .pay-error .icon-error{width: 248px;height: 200px;margin: 0 auto;margin-top: 134px;}
     .pay-error .icon-error.again{background: url("/img/pay/icon-error--1.png") no-repeat;background-size:contain ;}
     .pay-error .icon-error.offline{background: url("/img/pay/icon-error--2.png") no-repeat;background-size:contain ;}

src/main/resources/static/js/pay/caimei-pay.js

@@ -119,7 +119,7 @@ var payContainer = new Vue({
                     var _data = response.data;
                     _self.payInfo.PAY_ORDERID = _data.orderPayLink.orderId;
                     _self.payInfo.PAY_UNPAIDAMOUNT = _data.orderPayLink.unpaidAmount;
-                    _self.payInfo.PAY_TIME = decodeURI(_data.orderPayLink.effectiveTime);
+                    _self.payInfo.PAY_TIME = decodeURI(_data.time);
                     _self.payInfo.PAY_PAYLINKTYPE = _data.orderPayLink.payType;
                     _self.payInfo.PAY_PAYLINKTYPETEXT =  _self.payInfo.PAY_PAYLINKTYPE == '1' ? '企业网银' : '个人网银';
                     _self.payInfo.PAY_USERTYPE =  _self.payInfo.PAY_PAYLINKTYPE == '1' ? 'ENTERPRISE' : 'USER';
@@ -132,11 +132,6 @@ var payContainer = new Vue({
                         _self.isErrorShow = true;
                         _self.isRequest = true;
                         switch (_self.payInfo.PAY_CODE) {
-                            case '-1':
-                                _self.iconErrorClass = 'again';
-                                _self.iconErrorText = '链接已更新，请联系业务人员获取最新链接再进行支付';
-                                _self.iconErrorMsgnone = '';
-                                break;
                             case '-2':
                                 _self.iconErrorClass = 'offline';
                                 _self.iconErrorText = '订单已通过线下转账方式付款';
@@ -154,6 +149,12 @@ var payContainer = new Vue({
                                 break;
                         }
                     }
+                }else if(response.code == -1){
+                    _self.isErrorShow = true;
+                    _self.isRequest = true;
+                    _self.iconErrorClass = 'again';
+                    _self.iconErrorText = '链接已更新，请联系业务人员获取最新链接再进行支付';
+                    _self.iconErrorMsgnone = '';
                 }else{
                     CAIMEI.Alert(response.msg,'确定',false);
                 }

src/main/resources/templates/pay/caimei-pay.html

@@ -15,8 +15,8 @@
     </div>
 </div>
 <div class="pay-container clear" id="payContainer" :class="isRequest ? 'active' : ''">
-    <div class="container">
-        <div class="pay-content clear" v-if="!isErrorShow">
+    <div class="container" v-if="!isErrorShow">
+        <div class="pay-content clear">
             <div class="pay-title">
                 <div class="title-left"><p><span id="userName">{{userName}}</span></p></div>
                 <div class="title-right">
@@ -98,18 +98,20 @@
                 </div>
             </div>
         </div>
-    </div>
-    <div class="pay-button-main">
-        <div class="inner">
-            <div class="pay-button">
-                <a href="javascript:void(0);" id="paySubmit" @click="PaySubmitFn" :class="isSubMitStatus ? 'disabled' : ''">立即支付</a>
+        <div class="pay-button-main">
+            <div class="inner">
+                <div class="pay-button">
+                    <a href="javascript:void(0);" id="paySubmit" @click="PaySubmitFn" :class="isSubMitStatus ? 'disabled' : ''">立即支付</a>
+                </div>
             </div>
         </div>
     </div>
-    <div class="pay-error clear" v-else>
-        <div class="icon-error" id="iconError" :class="iconErrorClass"></div>
-        <div class="error-msg" id="errorMsg">{{iconErrorText}}</div>
-        <div class="error-msgnone">{{iconErrorMsgnone}}</div>
+    <div class="pay-error-content" v-else>
+        <div class="pay-error clear">
+            <div class="icon-error" id="iconError" :class="iconErrorClass"></div>
+            <div class="error-msg" id="errorMsg">{{iconErrorText}}</div>
+            <div class="error-msgnone">{{iconErrorMsgnone}}</div>
+        </div>
     </div>
     <div class="pay-alert-content" v-if="isPayAlert">
         <div class="pay-alert">