1.科室管理增加批量删除按钮，需要进行授权才可显示此按钮

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

@@ -1,7 +1,7 @@
 <div class="list-template">
   <div class="list-template__content">
     <div class="list-template__top" nz-row>
-      <div nz-col nzLg='17' class="list-template__searchBox">
+      <div nz-col nzLg='14' class="list-template__searchBox">
         <div class="list-template__searchItem">
           <span class="label">科室名称：</span>
           <input nz-input class="formItem" [(ngModel)]="name" placeholder="请输入科室名称" nzSize="default" />
@@ -22,12 +22,14 @@
           </nz-select>
         </div>
       </div>
-      <div nz-col nzLg="7" class="list-template__btns">
+      <div nz-col nzLg="10" class="list-template__btns">
         <button class="btn default" (click)='search()'>搜索</button>
         <button class="btn default ml8" (click)='reset()'>重置</button>
         <button *ngIf="coopBtns.add" class="btn default ml8" (click)="showModal()">新增</button>
         <button class="btn default ml8" nzType="primary" nz-button [disabled]="!checkedDepIds.length"
           (click)="print($event,true)">批量打印</button>
+        <button class="btn default ml8" nzType="primary" nz-button *ngIf="coopBtns.del"
+          [disabled]="!checkedDepIds.length" (click)="showDelModal($event,true,checkedDepIds)">批量删除</button>
       </div>
     </div>
     <div class="list-template__bottom">
@@ -63,7 +65,7 @@
               <div class="coop">
                 <span *ngIf="coopBtns.look" (click)="detail($event,data.id)">查看</span>
                 <span *ngIf="coopBtns.edit" (click)="edit($event,data)">编辑</span>
-                <span *ngIf="coopBtns.del" (click)="showDelModal($event,data.id)">删除</span>
+                <span *ngIf="coopBtns.del" (click)="showDelModal($event,false,data.id)">删除</span>
                 <span (click)="print($event,false,data.id)">打印</span>
               </div>
             </td>
@@ -199,7 +201,7 @@
   </div>
   <!-- 删除模态框 -->
   <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
-    (confirmDelEvent)="confirmDel()" content="您确认要删除此科室吗？"></app-dialog-delete>
+    (confirmDelEvent)="confirmDel()" content="您确认要删除科室吗？"></app-dialog-delete>
 
   <!-- 二维码打印 -->
   <div id="report" style="display: none">

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

@@ -514,10 +514,23 @@ export class OfficeManagementComponent implements OnInit {
   }
 
   delModal: boolean = false; //删除模态框
-  showDelModal(e, id) {
+  coopIds: any;
+  coopFlag: any = false;
+  /**
+   *
+   * @param e 事件对象
+   * @param flag true是批量删除，false是单个删除
+   * @param id
+   */
+  showDelModal(e, flag, id) {
     e.stopPropagation();
     this.delModal = true;
-    this.coopId = id;
+    this.coopFlag = flag;
+    if (flag) {
+      this.coopIds = id;
+    } else {
+      this.coopId = id;
+    }
   }
   hideDelModal() {
     this.delModal = false;
@@ -528,7 +541,11 @@ export class OfficeManagementComponent implements OnInit {
     that.btnLoading = true;
     that.delModal = false;
     that.mainService
-      .coopData("rmvData", "department", [that.coopId])
+      .coopData(
+        "rmvData",
+        "department",
+        this.coopFlag ? this.coopIds : [that.coopId]
+      )
       .subscribe((data) => {
         that.btnLoading = false;
         if (data.status == 200) {