新增院区增加复制功能

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

@@ -1,14 +1,19 @@
 <div class="list-template">
   <div class="list-template__content">
     <div *ngIf="currentUserAccount == 'dsadmin'" class="list-template__top">
-      <div nz-col nzXl='18' class="list-template__searchBox"></div>
-      <div nz-col nzXl='6' class="list-template__btns">
+      <div nz-col nzXl="18" class="list-template__searchBox"></div>
+      <div nz-col nzXl="6" class="list-template__btns">
         <button nz-button class="btn default" (click)="addModal()">新增</button>
       </div>
     </div>
     <div class="list-template__bottom">
-      <nz-table class="list-template__nzTable" [nzData]="listOfData" nzSize="middle" [nzShowPagination]="false"
-        [nzLoading]="loading1">
+      <nz-table
+        class="list-template__nzTable"
+        [nzData]="listOfData"
+        nzSize="middle"
+        [nzShowPagination]="false"
+        [nzLoading]="loading1"
+      >
         <thead>
           <tr class="thead">
             <th nzWidth="20%">院区名称</th>
@@ -23,55 +28,141 @@
             <td>
               <div class="coop">
                 <span *ngIf="coopBtns.edit" (click)="edit(data)">编辑</span>
-                <span *ngIf="coopBtns.del" (click)="showDelModal(data.id)">删除</span>
+                <span *ngIf="coopBtns.del" (click)="showDelModal(data.id)"
+                  >删除</span
+                >
               </div>
             </td>
           </tr>
         </tbody>
       </nz-table>
       <div class="list-template__pagination">
-        <nz-pagination [(nzPageIndex)]="pageIndex" [(nzTotal)]="listLength" nzShowSizeChanger [(nzPageSize)]="pageSize"
-          (nzPageIndexChange)="getList()" (nzPageSizeChange)="getList()">
+        <nz-pagination
+          [(nzPageIndex)]="pageIndex"
+          [(nzTotal)]="listLength"
+          nzShowSizeChanger
+          [(nzPageSize)]="pageSize"
+          (nzPageIndexChange)="getList()"
+          (nzPageSizeChange)="getList()"
+        >
         </nz-pagination>
       </div>
     </div>
   </div>
 
   <!-- 新增/编辑模态框 -->
-  <div class="save align-items_center display_flex justify-content_flex-center add" *ngIf="modal">
+  <div
+    class="save align-items_center display_flex justify-content_flex-center add"
+    *ngIf="modal"
+  >
     <div class="modalBody">
-      <div class="title">{{add?"新增":"编辑"}}院区信息<i class="icon_transport transport-guanbi" (click)="hideAddModal()"></i>
+      <div class="title">
+        {{ add ? "新增" : "编辑" }}院区信息<i
+          class="icon_transport transport-guanbi"
+          (click)="hideAddModal()"
+        ></i>
       </div>
       <div class="content">
-        <form nz-form [formGroup]="validateForm" class="addForm" (ngSubmit)="submitForm()">
+        <form
+          nz-form
+          [formGroup]="validateForm"
+          class="addForm"
+          (ngSubmit)="submitForm()"
+        >
           <nz-form-item>
-            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="hospitalName">院区名称</nz-form-label>
+            <nz-form-label
+              [nzSm]="6"
+              [nzXs]="24"
+              nzRequired
+              nzFor="hospitalName"
+              >院区名称</nz-form-label
+            >
             <nz-form-control nzErrorTip="请输入院区名称!">
               <nz-input-group>
-                <input type="hospitalName" nz-input formControlName="hospitalName" placeholder="请输入院区名称" />
+                <input
+                  type="hospitalName"
+                  nz-input
+                  formControlName="hospitalName"
+                  placeholder="请输入院区名称"
+                />
               </nz-input-group>
             </nz-form-control>
           </nz-form-item>
           <nz-form-item>
-            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="hospitalNum">院区编码</nz-form-label>
+            <nz-form-label [nzSm]="6" [nzXs]="24" nzRequired nzFor="hospitalNum"
+              >院区编码</nz-form-label
+            >
             <nz-form-control nzErrorTip="请输入院区编码!">
               <nz-input-group>
-                <input type="hospitalNum" nz-input formControlName="hospitalNum" placeholder="请输入院区编码" />
+                <input
+                  type="hospitalNum"
+                  nz-input
+                  formControlName="hospitalNum"
+                  placeholder="请输入院区编码"
+                />
               </nz-input-group>
             </nz-form-control>
           </nz-form-item>
+          <nz-form-item *ngIf="isShowCopyHosId">
+            <nz-form-label
+              style="line-height: 1"
+              [nzSm]="6"
+              [nzXs]="24"
+              nzFor="copyHosId"
+              >复制的院区</nz-form-label
+            >
+            <nz-form-control nzErrorTip="请选择复制的院区!">
+              <nz-select
+                nzAllowClear
+                [nzDropdownMatchSelectWidth]="false"
+                formControlName="copyHosId"
+                nzPlaceHolder="请选择复制的院区"
+              >
+                <nz-option
+                  *ngFor="let item of listOfData"
+                  [nzLabel]="item.hosName"
+                  [nzValue]="item.id"
+                >
+                </nz-option>
+              </nz-select>
+            </nz-form-control>
+          </nz-form-item>
         </form>
       </div>
-      <div class=" display_flex justify-content_flex-center">
-        <button nzType="primary" [nzLoading]="btnLoading" nz-button (click)="submitForm()">确认</button>
-        <button class="btn cancel" nz-button nzType="default" (click)="hideAddModal()">取消</button>
+      <div class="display_flex justify-content_flex-center">
+        <button
+          nzType="primary"
+          [nzLoading]="btnLoading"
+          nz-button
+          (click)="submitForm()"
+        >
+          确认
+        </button>
+        <button
+          class="btn cancel"
+          nz-button
+          nzType="default"
+          (click)="hideAddModal()"
+        >
+          取消
+        </button>
       </div>
     </div>
   </div>
   <!-- 删除模态框 -->
-  <app-dialog-delete [delModal]="delModal" (hideDelModalEvent)="hideDelModal()" [btnLoading]="btnLoading"
-    (confirmDelEvent)="confirmDel()" content="您确认要删除此院区吗？"></app-dialog-delete>
+  <app-dialog-delete
+    [delModal]="delModal"
+    (hideDelModalEvent)="hideDelModal()"
+    [btnLoading]="btnLoading"
+    (confirmDelEvent)="confirmDel()"
+    content="您确认要删除此院区吗？"
+  ></app-dialog-delete>
 </div>
 <!-- 操作成功/失败提示框 -->
-<app-prompt-modal *ngIf="promptModalShow" [content]="promptContent" [success]="ifSuccess" [show]="promptModalShow"
-  [info]="promptInfo"></app-prompt-modal>
+<app-prompt-modal
+  *ngIf="promptModalShow"
+  [content]="promptContent"
+  [success]="ifSuccess"
+  [show]="promptModalShow"
+  [info]="promptInfo"
+></app-prompt-modal>

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

@@ -1,5 +1,10 @@
 import { Component, OnInit } from "@angular/core";
-import { FormBuilder, Validators, FormGroup } from "@angular/forms";
+import {
+  FormBuilder,
+  Validators,
+  FormGroup,
+  FormControl,
+} from "@angular/forms";
 import { ActivatedRoute } from "@angular/router";
 
 import { MainService } from "../../services/main.service";
@@ -67,6 +72,8 @@ export class HospitalManagementComponent implements OnInit {
     this.modal = true;
     this.validateForm.controls.hospitalName.setValue("");
     this.validateForm.controls.hospitalNum.setValue("");
+    this.validateForm.addControl("copyHosId", new FormControl(null));
+    this.isShowCopyHosId = true;
   }
   hideAddModal() {
     this.modal = false;
@@ -95,6 +102,9 @@ export class HospitalManagementComponent implements OnInit {
         hosNo: that.validateForm.value.hospitalNum,
       },
     };
+    if (that.add && that.validateForm.value.copyHosId) {
+      data.hospital["copyHosId"] = that.validateForm.value.copyHosId;
+    }
     if (!that.add) {
       data.hospital["id"] = that.coopId;
     }
@@ -113,12 +123,15 @@ export class HospitalManagementComponent implements OnInit {
   }
 
   // 编辑
+  isShowCopyHosId = false;
   edit(data) {
     this.add = false;
     this.modal = true;
     this.coopId = data.id;
     this.validateForm.controls.hospitalName.setValue(data.hosName);
     this.validateForm.controls.hospitalNum.setValue(data.hosNo);
+    this.validateForm.removeControl("copyHosId");
+    this.isShowCopyHosId = false;
   }
 
   delModal: boolean = false; //删除模态框