添加支付等待按钮

app/code/Magento/Checkout/view/frontend/web/js/view/part.js

@@ -111,8 +111,8 @@ define([
                     $('#breadcrumb-logistics').removeClass('trade_checkout_step_waiting');
                     addressOneVisible(false);
                     shippingTwoVisible(true);
-                    checkoutDataResolver.resolveEstimationAddress();
                     //quote.billAddressMent(true);
+                    checkoutDataResolver.resolveEstimationAddress();
                 });
 
                 $(document).on('click','.continue-payment',function() {
@@ -152,6 +152,8 @@ define([
                         obj.backToInformation();
                         return false;
                     }
+                    $('.waitBtn').show();
+                    $('.complete-order').hide();
                     if(!registry.get('checkout.steps.shipping-step.shippingAddress.after-shipping-method-form.billing-address-form').isAddressSameAsShipping())
                     {
                         var billadressForm = $('.checkout-billing-address form');
@@ -185,6 +187,8 @@ define([
                                         $(selectInput[i]).removeAttr('name')
                                     }
                                 }
+                                $('.waitBtn').hide();
+                                $('.complete-order').show();
                                 return false;
                             }
 
@@ -194,15 +198,20 @@ define([
                                 }
                             }
                         }else {
+                            $('.waitBtn').hide();
+                            $('.complete-order').show();
                             return false;
                         }
 
                         $('#submitBill').trigger('click');
                         if(quote.responseBillStatus() == 400)
                         {
+                            $('.waitBtn').hide();
+                            $('.complete-order').show();
                             return false;
                         }
                     }
+
                     $('.checkout-index-index .payment-method._active').find('.actions-toolbar').find('button').trigger('click');
                 });
                 $(document).on('click','.back-to-information,.trade_checkout_step_doing.custom-link-color,.right-email,.right-address',function() {

app/code/Magento/Checkout/view/frontend/web/js/view/payment/default.js

@@ -149,14 +149,15 @@ define([
                             }
                         }
                     ).always(
-                        function () {
-                            self.isPlaceOrderActionAllowed(true);
-                        }
-                    );
+                    function () {
+                        self.isPlaceOrderActionAllowed(true);
+                    }
+                );
 
                 return true;
             }
-
+            $('.waitBtn').hide();
+            $('.complete-order').show();
             return false;
         },
 

app/design/frontend/Joshine/breeze/Magento_Checkout/templates/onepage.phtml

@@ -1676,8 +1676,8 @@ $isMobile = $mobileDetect->isMobile();
         color: #276EAF;
     }
     .jkl{
-        width:20px;
-        height:20px;
+        width:17px;
+        height:17px;
         border:2px solid #f2f2f2;
         border-top-color:#dbb893;
         border-radius:50%;
@@ -1687,6 +1687,10 @@ $isMobile = $mobileDetect->isMobile();
         -o-animation: fadenum 1s linear infinite;
         vertical-align: sub;
         display: inline-block;
+        margin-left:15px;
+    }
+    .wait-loop{
+        display: inline-block;
     }
     @keyframes fadenum{
         100%{transform:rotate(360deg);}

app/design/frontend/Joshine/breeze/Magento_Checkout/web/template/shipping.html

@@ -190,7 +190,14 @@
         </button>
         <span class="save-continue continue-shipping address-one" data-bind="fadeVisible: addressVisible"><!-- ko i18n: 'Continue to Shipping'--><!-- /ko --></span>
         <span class="save-continue continue-payment shipping-two" data-bind="fadeVisible: shippingVisible"><!-- ko i18n: 'Continue to Payment'--><!-- /ko --></span>
-        <span class="save-continue complete-order payment-three " data-bind="fadeVisible: paymentVisible"><!-- ko i18n: 'Complete Order'--><!-- /ko --></span>
+        <span class="save-continue complete-order payment-three " data-bind="fadeVisible: paymentVisible">
+            <span class="coBtn"><!-- ko i18n: 'Complete Order'--><!-- /ko --></span>
+
+        </span>
+        <span class="save-continue waitBtn" style="display: none;">
+            <span class="wait-loop"><!-- ko i18n: 'Please wait'--><!-- /ko --><div class="jkl"></div></span>
+
+        </span>
     </div>
 </li>