楼栋楼层全选

src/app/services/tool.service.ts

@@ -4,7 +4,6 @@ import { Injectable } from "@angular/core";
   providedIn: "root",
 })
 export class ToolService {
-  menu: any = JSON.parse(localStorage.getItem("menu")) || []; //菜单
   constructor() {}
   // 获取权限中的院区
   getHospitalList() {
@@ -25,6 +24,7 @@ export class ToolService {
   //获取当前菜单的权限
   initCoopBtns(route) {
     let link;
+    let menu: any = JSON.parse(localStorage.getItem("menu")) || []; //菜单
     if (route === "dataDictionary") {
       link = route;
     } else {
@@ -33,7 +33,7 @@ export class ToolService {
     let secondMenus = []; // 二级菜单
     let jurisdiction = []; //当前菜单的权限列表
     let coopBtns: any = {}; // 初始化权限
-    this.menu.forEach((e) => {
+    menu.forEach((e) => {
       if (e.childrens) {
         e.childrens.forEach((el) => {
           secondMenus.push(el);

src/app/views/building-floor/building-floor.component.html

@@ -27,20 +27,28 @@
         <span>已选择 {{selectedFloor.length}} 个楼层</span>
         <button class="btn default" *ngIf="coopBtns.add" nzType="primary" nz-button
           (click)="showFloorModal($event,'add')">新增</button>
-        <button class="btn default" *ngIf="coopBtns.del" nzType="primary" nz-button
-          (click)="showDelFloorModal($event)">批量删除</button>
+        <button class="btn default" *ngIf="coopBtns.del" nzType="primary" nz-button (click)="showDelFloorModal($event)"
+          [disabled]="allFloorList.length===0">批量删除</button>
         <button class="btn default" *ngIf="coopBtns.add" nzType="primary" nz-button (click)="generate()">生成楼层</button>
       </div>
     </div>
     <div class="table" *ngIf="!buildingsLoading">
       <nz-table class="groupManagementTable" #rowSelectionTable [nzPageSize]="9999" [nzData]="allFloorList"
         [nzShowPagination]="false" [nzScroll]="{ y: tableHeight+'px' }" [nzLoading]="floorsLoading">
+        <thead>
+          <tr class="thead">
+            <th nzWidth="5%" nzShowCheckbox [(nzChecked)]="isAllDisplayDataChecked"
+              (nzCheckedChange)="checkAll($event)"></th>
+            <th nzWidth="75%">楼层</th>
+            <th nzWidth="20%">操作</th>
+          </tr>
+        </thead>
         <tbody>
           <tr *ngFor="let data of rowSelectionTable.data" (click)="selectedUser(data)">
-            <td style="width:5%" nzShowCheckbox [(nzDisabled)]="!coopBtns.edit" [(nzChecked)]="mapOfCheckedId[data.id]"
+            <td nzShowCheckbox [(nzDisabled)]="!coopBtns.edit" [(nzChecked)]="mapOfCheckedId[data.id]"
               (nzCheckedChange)="refreshStatus()"></td>
-            <td style="width:75%">{{ data.floorName }}</td>
-            <td style="width:20%">
+            <td>{{ data.floorName }}</td>
+            <td>
               <button nz-button nzType="primary" nzSize="small" (click)="showFloorModal($event,'edit',data)">编辑</button>
               <button nz-button nzType="primary" nzSize="small" class="ml8"
                 (click)="showDelFloorModal($event,data)">删除</button>

src/app/views/building-floor/building-floor.component.less

@@ -133,6 +133,9 @@
         padding: 16px;
         background: #f9fafb;
         border: 1px solid #e5e9ed;
+        .thead th {
+          text-align: center;
+        }
 
         .ant-table-tbody {
           tr {

src/app/views/building-floor/building-floor.component.ts

@@ -40,6 +40,7 @@ export class BuildingFloorComponent implements OnInit {
   delFloorModal: boolean = false; //删除楼层，模态框是否显示
   isDelSingle: boolean = false; //是否单个删除楼层
   generateModal: boolean = false; //生成楼层的模态框
+  isAllDisplayDataChecked = false; //当前页是否全选
 
   constructor(
     private fb: FormBuilder,
@@ -125,6 +126,14 @@ export class BuildingFloorComponent implements OnInit {
   // 选中列表中楼层
   refreshStatus(): void {
     let arr = [];
+    if (this.allFloorList.length) {
+      this.isAllDisplayDataChecked = this.allFloorList.every(
+        (item) => this.mapOfCheckedId[item.id]
+      );
+    } else {
+      this.isAllDisplayDataChecked = false;
+    }
+
     for (var m in this.mapOfCheckedId) {
       if (this.mapOfCheckedId[m]) {
         arr.push({ id: m });
@@ -344,9 +353,8 @@ export class BuildingFloorComponent implements OnInit {
   // 确认删除
   confirmFloorDel() {
     this.btnLoading = true;
-    let postData = this.isDelSingle
-      ? [this.floorDataEdit.id]
-      : this.selectedFloor;
+    let selectedFloor = this.selectedFloor.map((item) => item.id);
+    let postData = this.isDelSingle ? [this.floorDataEdit.id] : selectedFloor;
     this.mainService.delFloorList(postData).subscribe((result) => {
       this.hideDelFloorModal();
       this.btnLoading = false;
@@ -357,6 +365,14 @@ export class BuildingFloorComponent implements OnInit {
       }
     });
   }
+  // 全选
+  checkAll(value: boolean): void {
+    console.log(this.allFloorList);
+    this.allFloorList.forEach((item) => {
+      this.mapOfCheckedId[item.id] = value;
+    });
+    this.refreshStatus();
+  }
 
   // 展示信息提示框（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）（con:提示信息，success:操作是否成功，promptInfo:操作结果提示信息）
   showPromptModal(con, success, promptInfo) {