支付loading

src/main/resources/static/js/mz/toll_administration.js

@@ -1806,6 +1806,7 @@ function queryCodePay() {
 
 function codePay() {
 //$("#paymentCode").attr("disabled", true);
+    $("#payLoadingModal").modal('show');
     const moneyValues = [];
 
     $('.pay-item').each(function() {
@@ -1837,6 +1838,7 @@ function codePay() {
             if (res.code === 9000) {
                 if(res.data && (res.data.state === 2 || res.data.orderState === 2)) {
                     successMesageSimaple("聚合支付付款成功");
+                    $("#payLoadingModal").modal('hide');
                     $("#paymentCode").attr("disabled", true);
                     refNo = res.data.channelOrderNo;
                     traceNo = res.data.mchOrderNo;
@@ -1844,7 +1846,10 @@ function codePay() {
                     transDate = new Date();
                 }
             }
-        }
+        },error: function() {
+                    $("#paymentCode").attr("disabled", true);
+                  }
+
     });
 }
 

src/main/resources/templates/mz/toll_administration.html

@@ -1147,7 +1147,22 @@
     </div>
 </div>
 <!--提示弹窗结尾-->
-
+<!--社保卡读取Loading弹框开始-->
+<div class="modal fade bs-example-modal-lg" tabindex="-1" role="dialog" aria-hidden="true" id="payLoadingModal" data-backdrop="static" data-keyboard="false" style="margin-top: 50px;">
+    <div class="modal-dialog modal-lg">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h4 class="modal-title modal-title-thmz">聚合支付进行中，请稍候...</h4>
+            </div>
+            <div class="modal-body">
+                <div class="text-center">
+                    <i class="fa fa-spinner fa-spin fa-3x fa-fw"></i>
+                    <p style="margin-top: 20px; font-size: 16px;">正在进行支付...</p>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>