提交代码

src/app/pages/trade/order-after-sales/order-after-sales.component.html

@@ -213,7 +213,8 @@
 
 <nz-modal [(nzVisible)]="applyAuditVisible" nzWidth="500px" nzTitle="审核" [nzFooter]="null" (nzOnCancel)="closeAudit()" [nzBodyStyle]="{ 'padding': '10px' }">
   <ng-container *nzModalContent>
-    <form nz-form [formGroup]="applyAuditForm" >
+      <nz-spin nzTip="处理中......" [nzSpinning]="isSpinning">
+        <form nz-form [formGroup]="applyAuditForm">
           <nz-form-item>
             <nz-form-label [nzSm]="6" [nzXs]="24">申请单号</nz-form-label>
             <nz-form-control [nzSm]="14" [nzXs]="24">
@@ -247,5 +248,6 @@
         <div nz-flex [nzJustify]="'center'">
           <button nz-button nzType="primary" class="submit-btn" (click)="submitAuditForm()">确定</button>
         </div>
+      </nz-spin>
   </ng-container>
 </nz-modal>

src/app/pages/trade/order-after-sales/order-after-sales.component.ts

@@ -34,6 +34,8 @@ import {NzTimelineModule} from "ng-zorro-antd/timeline";
 import {NzImageDirective, NzImageModule} from "ng-zorro-antd/image";
 import {NzTypographyComponent} from "ng-zorro-antd/typography";
 import {environment} from "../../../../environments/environment";
+import {NzSpinComponent} from "ng-zorro-antd/spin";
+import {NzAlertComponent} from "ng-zorro-antd/alert";
 
 @Component({
   selector: 'app-order-after-sales',
@@ -89,13 +91,16 @@ import {environment} from "../../../../environments/environment";
     NzTimelineModule,
     NzImageDirective,
     NzImageModule,
-    NzTypographyComponent
+    NzTypographyComponent,
+    NzSpinComponent,
+    NzAlertComponent
   ],
   templateUrl: './order-after-sales.component.html',
   styleUrl: './order-after-sales.component.less'
 })
 export class OrderAfterSalesComponent {
   imageUrl = environment.imageUrl;
+  isSpinning = false;
   // 表单页数
   tablePageNum = 1;
   // 表单数据
@@ -241,15 +246,16 @@ export class OrderAfterSalesComponent {
     this.applyAuditVisible = true;
   }
 
+
   /**
    * 提交审核
    */
   submitAuditForm() {
+    this.isSpinning = true;
     if (this.applyAuditForm.valid) {
       this.applyAuditForm.controls['applyNo'].enable();
       this.orderAfterSalesService.audit(this.applyAuditForm.value, (data: any) => {
         if (data['return_code'] == '000000') {
-
           this.message.create('success', '操作成功');
           // 清空表单
           this.closeAudit();
@@ -258,6 +264,7 @@ export class OrderAfterSalesComponent {
         } else {
           this.message.create('error', data['return_msg']);
         }
+        this.isSpinning = false;
       });
     } else {
       this.applyAuditForm.controls['applyNo'].disable();
@@ -267,6 +274,7 @@ export class OrderAfterSalesComponent {
           control.updateValueAndValidity({ onlySelf: true });
         }
       });
+      this.isSpinning = false;
     }
   }
 
@@ -290,6 +298,7 @@ export class OrderAfterSalesComponent {
     });
   }
   submitFinish(applyNo: string): void {
+    this.isSpinning = true;
     const param = {
       applyNo: applyNo
     }
@@ -300,6 +309,7 @@ export class OrderAfterSalesComponent {
       } else {
         this.message.create('error', data['return_msg']);
       }
+      this.isSpinning = false;
     });
   }