节假日

src/app/views/holidays-management/holidays-management.component.html

@@ -2,7 +2,8 @@
   <div class="set display_flex justify-content_space-between align-items_center">
     <span>工作日：周一、周二、周三、周四、周五；节假日：周六、周日；</span>
     <div>
-      <label nz-checkbox [(ngModel)]="syncWorkDay" (ngModelChange)="setSyncWorkDay($event)" [nzDisabled]="!coopBtns.edit">自动同步国家法定节假日</label>
+      <label nz-checkbox [(ngModel)]="syncWorkDay" (ngModelChange)="setSyncWorkDay($event)"
+        [nzDisabled]="!coopBtns.edit">自动同步国家法定节假日</label>
       <button class="btn default" [disabled]="!coopBtns.edit" (click)='showModal()'>设置</button>
     </div>
   </div>
@@ -73,3 +74,5 @@
 <!-- 操作成功/失败提示框 -->
 <app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
   [info]="promptInfo"></app-prompt-modal>
+<!-- 遮罩 -->
+<app-mask *ngIf="maskFlag"></app-mask>

src/app/views/holidays-management/holidays-management.component.ts

@@ -4,6 +4,7 @@ import { ActivatedRoute, Router } from "@angular/router";
 
 import { NzMessageService } from "ng-zorro-antd/message";
 import { ToolService } from "src/app/services/tool.service";
+import { format } from "date-fns";
 
 @Component({
   selector: "app-holidays-management",
@@ -46,19 +47,23 @@ export class HolidaysManagementComponent implements OnInit {
 
   // 初始化增删改按钮
   coopBtns: any = {};
+  maskFlag: any = false;
   //设置自动同步国家法定节假日
   setSyncWorkDay(e) {
-    this.syncWorkDayObj.syncWorkDay = e;
-    let postData = { syncWorkDay: this.syncWorkDayObj };
+    this.syncWorkDayObj.valueconfig = Number(e);
+    let postData = { syncWorkDay: JSON.stringify(this.syncWorkDayObj) };
+    this.maskFlag = this.msg.loading("加载中", { nzDuration: 0 }).messageId;
     this.mainService.syncWorkDay(postData).subscribe((result) => {
-      if (result["status"] == 200) {
-        this.msg.success("设置成功", {
-          nzDuration: 1000,
-        });
+      this.msg.remove(this.maskFlag);
+      this.maskFlag = false;
+      if (result["state"] == 200) {
+        this.msg.success("设置成功");
+        this.initDates(
+          this.lastSelectMonth.getFullYear(),
+          this.lastSelectMonth.getMonth()
+        );
       } else {
-        this.msg.error("设置失败", {
-          nzDuration: 1000,
-        });
+        this.msg.error("设置失败");
       }
     });
   }
@@ -120,13 +125,9 @@ export class HolidaysManagementComponent implements OnInit {
       .subscribe((data) => {
         // console.log(data);
         if (data.status == 200) {
-          that.msg.success("设置成功！", {
-            nzDuration: 1000,
-          });
+          that.msg.success("设置成功！");
         } else {
-          that.msg.error(data.msg, {
-            nzDuration: 1000,
-          });
+          that.msg.error(data.msg);
         }
       });
   }
@@ -144,6 +145,11 @@ export class HolidaysManagementComponent implements OnInit {
       // console.log('已切换了年/月，需重新获取当前年/月数据')
       this.initDates(value.getFullYear(), value.getMonth());
     }
+    console.log(
+      format(value, "yyyy-MM-dd"),
+      format(this.lastSelectMonth, "yyyy-MM-dd"),
+      "seimin"
+    );
     this.lastSelectMonth = value;
   }