[完善]申诉弹出框双击提交两次问题

proxy.config.json

@@ -1,6 +1,6 @@
 {
   "/api": {
-    "target": "https://znaq.sinochemoilmarketing.com/",
+    "target": "http://121.36.37.70:8906/",
     "测试1": "http://121.36.37.70:8906/",
     "测试2": "https://znaq.sinochemoilmarketing.com/",
     "测试3": "https://gas.anxincloud.cn/",
@@ -8,7 +8,7 @@
     "changeOrigin": true
   },
   "/signalr": {
-    "target": "https://znaq.sinochemoilmarketing.com/",
+    "target": "http://121.36.37.70:8906/",
     "secure": false,
     "ws": true,
     "logLevel": "debug"

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.html

@@ -88,8 +88,7 @@
           <span
             *ngIf="!data.handleTime && (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4) && isSubmit"
             style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="appeal()">申诉</span>
-          <nz-modal [(nzVisible)]="isAppeal" nzTitle="申诉原因" (nzOnOk)="handleOk()" (nzOnCancel)="handleCancel()">
-
+          <nz-modal [(nzVisible)]="isAppeal" nzTitle="申诉原因" [nzFooter]="modalFooter">
             <ng-container *nzModalContent>
               <textarea nz-input rows="2" placeholder="请输入申诉原因" name="appeal" [(ngModel)]="appealValue"></textarea>
               <div class="appealUploadbox">
@@ -110,8 +109,12 @@
                 </div>
               </div>
             </ng-container>
-
+            <ng-template #modalFooter>
+              <button nz-button nzType="default" (click)="handleCancel()" [nzLoading]="isOkLoading">取消</button>
+              <button nz-button nzType="primary" (click)="handleOk()" [nzLoading]="isOkLoading">确定</button>
+            </ng-template>
           </nz-modal>
+
           <span
             *ngIf="isMisinformation &&  (data.appealStatus == 0 || data.appealStatus == 3 || data.appealStatus == 4)"
             style="color: #FF4B65;cursor: pointer;margin-right: 20px;" (click)="misinformation()">误报</span>

src/app/pages/today-warning/get-out-of-line-details/get-out-of-line-details.component.ts

@@ -492,7 +492,10 @@ export class GetOutOfLineDetailsComponent implements OnInit {
   appeal() {
     this.isAppeal = true;
   }
+
+  isOkLoading = false;
   handleOk() {
+    this.isOkLoading = true;
     let body = {
       appealReason: this.appealValue,
       appealAttachments: this.fileList,
@@ -507,10 +510,12 @@ export class GetOutOfLineDetailsComponent implements OnInit {
         (data: any) => {
           this.message.create("success", "申诉提交成功");
           this.isAppeal = false;
+          this.isOkLoading = false;
           this.data.appealStatus = 1;
           this.data.appealLog = data.result.appealLog;
         },
         (err) => {
+          this.isOkLoading = false;
           this.message.create("warning", "申诉提交失败，请联系管理员!");
         }
       );
@@ -518,6 +523,7 @@ export class GetOutOfLineDetailsComponent implements OnInit {
 
   handleCancel(): void {
     this.isAppeal = false;
+    this.isOkLoading = false;
   }
 
   Unappeal() {