提交代码

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

@@ -213,39 +213,41 @@
 
 <nz-modal [(nzVisible)]="applyAuditVisible" nzWidth="500px" nzTitle="审核" [nzFooter]="null" (nzOnCancel)="closeAudit()" [nzBodyStyle]="{ 'padding': '10px' }">
   <ng-container *nzModalContent>
-    <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">
-          <input nz-input formControlName="applyNo" />
-        </nz-form-control>
-      </nz-form-item>
-      <nz-form-item>
-        <nz-form-label [nzSm]="6" [nzXs]="24">申请类型</nz-form-label>
-        <nz-form-control [nzSm]="14" [nzXs]="24">
-          <nz-select formControlName="type">
-            <nz-option *ngFor="let item of applyTypeArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
-          </nz-select>
-        </nz-form-control>
-      </nz-form-item>
-      <nz-form-item>
-        <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>审核</nz-form-label>
-        <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="请选择审核状态！">
-          <nz-radio-group formControlName="auditStatus" >
-            <label nz-radio nzValue="true">通过</label>
-            <label nz-radio nzValue="false">驳回</label>
-          </nz-radio-group>
-        </nz-form-control>
-      </nz-form-item>
-      <nz-form-item>
-        <nz-form-label [nzSm]="6" [nzXs]="24">备注</nz-form-label>
-        <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="">
-          <textarea rows="4" formControlName="remarks" nz-input></textarea>
-        </nz-form-control>
-      </nz-form-item>
-    </form>
-    <div nz-flex [nzJustify]="'center'">
-      <button nz-button nzType="primary" class="submit-btn" (click)="submitAuditForm()">确定</button>
-    </div>
+      <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">
+              <input nz-input formControlName="applyNo" />
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24">申请类型</nz-form-label>
+            <nz-form-control [nzSm]="14" [nzXs]="24">
+              <nz-select formControlName="type">
+                <nz-option *ngFor="let item of applyTypeArray" nzValue="{{item.codeValue}}" nzLabel="{{item.codeName}}"></nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired>审核</nz-form-label>
+            <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="请选择审核状态！">
+              <nz-radio-group formControlName="auditStatus" >
+                <label nz-radio nzValue="true">通过</label>
+                <label nz-radio nzValue="false">驳回</label>
+              </nz-radio-group>
+            </nz-form-control>
+          </nz-form-item>
+          <nz-form-item>
+            <nz-form-label [nzSm]="6" [nzXs]="24">备注</nz-form-label>
+            <nz-form-control [nzSm]="14" [nzXs]="24" nzErrorTip="">
+              <textarea rows="4" formControlName="remarks" nz-input></textarea>
+            </nz-form-control>
+          </nz-form-item>
+        </form>
+        <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;
     });
   }