cd-project-management-web/src/app/routes/basedata/hospital/hospital-add/hospital-add.component.html

 <nz-drawer [nzMaskClosable]="true" [nzWidth]="drawerWidth" [nzVisible]="visible" nzTitle="{{'add.hospital.file'|translate}}" [nzClosable]="true"
   (nzOnClose)="close()">
   <nz-spin [nzSpinning]="isLoadingSave">
   <form [formGroup]="validateForm">
     <div nz-row [nzGutter]="24">
       <div nz-col nzMd="24" nzLg="12">
         <nz-form-item>
           <nz-form-label [nzSm]="9" [nzXs]="24" nzFor="code" nzRequired>{{'hospital.code'|translate}}</nz-form-label>
           <nz-form-control [nzSm]="15" [nzXs]="24">
             <input nz-input formControlName="code" [(ngModel)]="hospital.code" id="code" name="code" />
             <nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">
              {{'hospital.please.input.code'|translate}}
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>
       </div>
       <div nz-col nzMd="24" nzLg="12">
         <nz-form-item>
           <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired>{{'hospital.name'|translate}}</nz-form-label>
           <nz-form-control [nzSm]="18" [nzXs]="24">
             <input nz-input formControlName="name" [(ngModel)]="hospital.name" id="name" name="name" />
             <nz-form-explain *ngIf="validateForm.get('name')?.dirty && validateForm.get('name')?.errors">
              {{'hospital.please.input.name'|translate}}
             </nz-form-explain>
           </nz-form-control>
         </nz-form-item>
       </div>
     </div>
     <div nz-row [nzGutter]="24">
       <div nz-col nzMd="24" nzLg="12">
         <nz-form-item>
           <nz-form-label [nzSm]="9" [nzXs]="24" nzFor="enable">{{'hospital.whether.discontinuation'|translate}}</nz-form-label>
           <nz-form-control [nzSm]="15" [nzXs]="24">
             <nz-switch [ngModelOptions]="{standalone: true}" [(ngModel)]="enable" name="enable"
               nzCheckedChildren="{{'yes' | translate}}" nzUnCheckedChildren="{{'no' | translate}}"></nz-switch>
           </nz-form-control>
         </nz-form-item>
       </div>
       <div nz-col nzMd="24" nzLg="12">
         <nz-form-item>
           <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="memo">{{'hospital.remark'|translate}}</nz-form-label>
           <nz-form-control [nzSm]="18" [nzXs]="24">
             <input nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="hospital.memo" id="memo" name="memo" />
             <!-- <nz-form-explain *ngIf="validateForm.get('email')?.dirty && validateForm.get('email')?.errors">
                The input is not valid E-mail!
              </nz-form-explain> -->
           </nz-form-control>
         </nz-form-item>
       </div>
     </div>
     <!-- 数据表 -->
     <div nz-row nzGutter="24">
       <div nz-col nzMd="24" nzLg="24">
         <button (click)="basedataHospitalHospitalNew.showModal()" nz-button
           nzType="primary">{{ 'button.add' | translate }}</button>
         <app-basedata-hospital-hospital-new #basedataHospitalHospitalNew (afterSave)="pushHospitalContacts($event)">
         </app-basedata-hospital-hospital-new>
       </div>
     </div>
     <nz-form-item>
       <div nz-row nzGutter="24">
         <div nz-col nzMd="24" nzLg="24">
           <nz-table nzSize="small" [nzLoading]="isLoading" #basicTable [nzData]="hospitalContacts" [nzFrontPagination]="false">
             <thead>
               <tr>
                 <th>{{'hospital.contacts'|translate}}</th>
                 <th>{{'contact.number'|translate}}</th>
                 <th>{{'contact.e-mail'|translate}}</th>
                 <th>{{'hospital.contact.address'|translate}}</th>
                 <th>{{'is.it.default'|translate}}</th>
                 <th>{{'hospital.operation'|translate}}</th>
               </tr>
             </thead>
             <tbody>
               <tr *ngFor="let item of basicTable.data">
                 <td>{{item.contactPsn}}</td>
                 <td>{{item.contactTel}}</td>
                 <td>{{item.email}}</td>
                 <td>{{item.address}}</td>
                 <td>{{item.isDefault==0?'否':'是'}}</td>
                 <td>
                   <a nz-popconfirm nzTitle="{{'hospital.menu.item.title'|translate}}?" nzOkText="{{'yes'|translate}}" nzCancelText="{{'no'|translate}}"
                     (nzOnConfirm)="confirmDel(item.contactPsn)" (nzOnCancel)="cancelDel()">{{'hospital.operation.delete'|translate}}</a>
                 </td>
               </tr>
             </tbody>
           </nz-table>
         </div>
       </div>
     </nz-form-item>
     <div class="base">
       <button type="button" (click)="close()" class="ant-btn"
         style="margin-right: 8px;">{{ 'button.close' | translate }}</button>
       <button nzbutton nzType="primary" (click)="save()"
         class="ant-btn ant-btn-primary">{{ 'button.save' | translate }}</button>
     </div>
   </form>
  </nz-spin>