fix样式 增加按钮锁定

src/main/ui/static/templates/alipay/v4/payment.js

@@ -180,7 +180,6 @@ $(function () {
             updatePrice();
             updatePoundageStatus();
     }
-    }
 
     function updatePoundageStatus() {
         $(window.coupons).each(function () {
@@ -262,7 +261,6 @@ $(function () {
     });
 
     $('#key_P').click(function () {
-        debugger
         dataCache.remark = $('.remark-textarea').val();
         if (window.requireRemark) {
             if (!dataCache.remark) {
@@ -283,8 +281,8 @@ $(function () {
                 return;
             }
         }
-        $('#key_P').addClass('hidden');
-        $('#key_Loading').removeClass('hidden');
+        $('#key_P_div').addClass('hidden');
+        $('#key_Loading_div').removeClass('hidden');
         if (dataCache.paying) {
             return;
         }
@@ -345,8 +343,8 @@ $(function () {
                                     weuiAlert(res.memo);
                                 }
                             }
-                            $('#key_P').removeClass('hidden');
-                            $('#key_Loading').addClass('hidden');
+                            $('#key_P_div').removeClass('hidden');
+                            $('#key_Loading_div').addClass('hidden');
                         })
                     } catch (err) {
                         weuiAlert(err)
@@ -355,8 +353,8 @@ $(function () {
             },
             error: function (jqXhr) {
                 weuiAlert(jqXhr.responseJSON.message);
-                $('#key_P').removeClass('hidden');
-                $('#key_Loading').addClass('hidden');
+                $('#key_P_div').removeClass('hidden');
+                $('#key_Loading_div').addClass('hidden');
                 dataCache.paying = false;
             }
         })

src/main/ui/static/templates/payment/v4/payment.css

@@ -13,8 +13,8 @@
 }
 
 .line{
-    padding-left: 30px;
-    color: #FFD194;
+    margin-top: 15px;
+    margin-bottom: 15px;
 }
 body {
     -webkit-touch-callout: auto;
@@ -136,7 +136,7 @@ div.wait {
     margin-left: -5px;
     vertical-align: text-bottom;
     padding-right: 10px;
-    width: 87%;
+    width: 82%;
 }
 
 .static .value {
@@ -430,8 +430,8 @@ input.value:focus {
     background: #FEB900;
 }
 
-.button_sp_area.alipay .paynow {
-    background-color: #FEB900;
+.alipay .paynow {
+    background-color: #108ee9;
 }
 
 .button_sp_area.rpay .paynow {
@@ -561,12 +561,14 @@ input.value:focus {
 }
 
 .remark-textarea {
+    box-shadow: none;
     font-size: 17px;
     width: calc(100% - 70px);
     margin: 0 20px;
     height: 78px;
     border: 1px solid #EBE8E8;
     padding: 15px;
+    -webkit-appearance: none;
 }
 
 .remark-textarea::-webkit-input-placeholder {

src/main/ui/static/templates/payment/v4/payment.js

@@ -253,7 +253,6 @@ $(function () {
     });
 
     $('#key_P').click(function () {
-        debugger
         dataCache.remark = $('.remark-textarea').val();
         if (window.requireRemark) {
             if (!dataCache.remark) {
@@ -274,8 +273,8 @@ $(function () {
                 return;
             }
         }
-        $('#key_P').addClass('hidden');
-        $('#key_Loading').removeClass('hidden');
+        $('#key_P_div').addClass('hidden');
+        $('#key_Loading_div').removeClass('hidden');
         if (dataCache.paying) {
             return;
         }
@@ -328,21 +327,21 @@ $(function () {
                             weuiAlert('WeChat Error:' + res.err_msg);
                         }
                     }
-                    $('#key_P').removeClass('hidden');
-                    $('#key_Loading').addClass('hidden');
+                    $('#key_P_div').removeClass('hidden');
+                    $('#key_Loading_div').addClass('hidden');
                 })
             },
             error: function (jqXhr) {
                 var respText = jqXhr.responseText;
                 try {
                     weuiAlert(JSON.parse(respText).message);
-                    $('#key_P').removeClass('hidden');
-                    $('#key_Loading').addClass('hidden');
+                    $('#key_P_div').removeClass('hidden');
+                    $('#key_Loading_div').addClass('hidden');
                     dataCache.paying = false;
                 } catch (e) {
                     alert("Unexpected Error:" + respText);
-                    $('#key_P').removeClass('hidden');
-                    $('#key_Loading').addClass('hidden');
+                    $('#key_P_div').removeClass('hidden');
+                    $('#key_Loading_div').addClass('hidden');
                     dataCache.paying = false;
                 }