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

<nz-drawer [nzMaskClosable]="true" [nzWidth]="drawerWidth" [nzVisible]="visible" nzTitle="修改医院档案" [nzClosable]="true"
  (nzOnClose)="close()">
  <form [formGroup]="validateForm">
    <div nz-row [nzGutter]="24">
      <div nz-col nzMd="24" nzLg="12">
        <nz-form-item>
          <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="code" nzRequired>{{'hospital.code'|translate}}</nz-form-label>
          <nz-form-control [nzSm]="18" [nzXs]="24">
            <input nz-input formControlName="code" disabled [(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]="6" [nzXs]="24" nzFor="enable">{{'hospital.whether.discontinuation'|translate}}
          </nz-form-label>
          <nz-form-control [nzSm]="18" [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)="editNewContact()" nz-button nzType="primary">{{ 'button.add' | translate }}</button>
        <app-basedata-hospital-hospital-new #basedataHospitalHospitalNew (afterEditNewSave)="getContacts($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 #basicTable [nzData]="hospitalContacts" [nzFrontPagination]="false" [nzShowPagination]="false">
          <thead>
            <tr>
              <th>联系人</th>
              <th>联系人电话</th>
              <th>联系人邮箱</th>
              <th>联系地址</th>
              <th>是否默认</th>
              <th>操作</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 href="javascript:;" (click)="edit(item.id)">{{'hospital.operation.edit' | translate}}</a>
                <span class="ant-divider ant-divider-vertical"></span>
                <a nz-popconfirm
                nzTitle="确定删除吗?"
                nzOkText="是"
                nzCancelText="否"
                (nzOnConfirm)="confirmDel(item.id)"
                (nzOnCancel)="cancelDel()"
                >删除</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>
  <!-- 数据表 -->
  <div>
    <div style="margin-bottom: 2%;">
      <div style="margin-left:94.1%">
        <button (click)="addRow()" nz-button nzType="primary">{{ 'button.add' | translate }}</button>
      </div>
    </div>
    <nz-table nzSize="small" style="margin-bottom: 2.5%" [nzLoading]="isLoading" #editRowTable nzBordered [nzData]="hospitalContacts"
      [nzShowPagination]="false" [nzFrontPagination]="false">
      <thead>
        <tr>
          <!-- 联系人 -->
          <th nzAlign="center">{{'customer.contacts.name' | translate}}
          </th>
          <!-- 联系人电话 -->
          <th nzAlign="center">{{ 'customer.contacts.telephone' | translate }}
            <!-- 联系人邮箱 -->
          <th nzAlign="center">{{ 'customer.contacts.mail' | translate }}
            <!-- 联系地址 -->
          <th nzAlign="center">{{ 'hospital.contact.address' | translate }}
            <!-- 是否默认 -->
          <th nzAlign="center">{{ 'customer.is.it.default' | translate }}
          </th>
          <!-- 操作 -->
          <th nzAlign="center">{{ 'table.operation' | translate }}</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let data of hospitalContacts">
          <td nzAlign="center">
            {{data.contactPsn}}
          </td>
          <td nzAlign="center">
            {{data.contactTel}}
          </td>
          <td nzAlign="center">
            {{data.email}}
          </td>
          <td nzAlign="center">
            {{data.address}}
          </td>
          <td nzAlign="center">
            <nz-switch [nzDisabled]="true" [(ngModel)]="data.isDefault"></nz-switch>
          </td>
          <td nzAlign="center">
            <a (click)="updateRow(data.id)">{{ 'milestone.update' | translate }}</a>
            <nz-divider nzType="vertical"></nz-divider>
            <a nz-popconfirm nzTitle="{{ 'pm.contract.contract.payment.delete' | translate }}"
              (nzOnConfirm)="confirmDel(data.id)">
              <!-- 删除 -->
              {{ 'pm.contract.delete' | translate }}</a>
          </td>
        </tr>
      </tbody>
    </nz-table>
  </div>