hospital-add.component.html 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <nz-drawer [nzMaskClosable]="true" [nzWidth]="drawerWidth" [nzVisible]="visible" nzTitle="{{'add.hospital.file'|translate}}" [nzClosable]="true"
  2. (nzOnClose)="close()">
  3. <nz-spin [nzSpinning]="isLoadingSave">
  4. <form [formGroup]="validateForm">
  5. <div nz-row [nzGutter]="24">
  6. <div nz-col nzMd="24" nzLg="12">
  7. <nz-form-item>
  8. <nz-form-label [nzSm]="9" [nzXs]="24" nzFor="code" nzRequired>{{'hospital.code'|translate}}</nz-form-label>
  9. <nz-form-control [nzSm]="15" [nzXs]="24">
  10. <input nz-input formControlName="code" [(ngModel)]="hospital.code" id="code" name="code" />
  11. <nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">
  12. {{'hospital.please.input.code'|translate}}
  13. </nz-form-explain>
  14. </nz-form-control>
  15. </nz-form-item>
  16. </div>
  17. <div nz-col nzMd="24" nzLg="12">
  18. <nz-form-item>
  19. <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="name" nzRequired>{{'hospital.name'|translate}}</nz-form-label>
  20. <nz-form-control [nzSm]="18" [nzXs]="24">
  21. <input nz-input formControlName="name" [(ngModel)]="hospital.name" id="name" name="name" />
  22. <nz-form-explain *ngIf="validateForm.get('name')?.dirty && validateForm.get('name')?.errors">
  23. {{'hospital.please.input.name'|translate}}
  24. </nz-form-explain>
  25. </nz-form-control>
  26. </nz-form-item>
  27. </div>
  28. </div>
  29. <div nz-row [nzGutter]="24">
  30. <div nz-col nzMd="24" nzLg="12">
  31. <nz-form-item>
  32. <nz-form-label [nzSm]="9" [nzXs]="24" nzFor="enable">{{'hospital.whether.discontinuation'|translate}}</nz-form-label>
  33. <nz-form-control [nzSm]="15" [nzXs]="24">
  34. <nz-switch [ngModelOptions]="{standalone: true}" [(ngModel)]="enable" name="enable"
  35. nzCheckedChildren="{{'yes' | translate}}" nzUnCheckedChildren="{{'no' | translate}}"></nz-switch>
  36. </nz-form-control>
  37. </nz-form-item>
  38. </div>
  39. <div nz-col nzMd="24" nzLg="12">
  40. <nz-form-item>
  41. <nz-form-label [nzSm]="6" [nzXs]="24" nzFor="memo">{{'hospital.remark'|translate}}</nz-form-label>
  42. <nz-form-control [nzSm]="18" [nzXs]="24">
  43. <input nz-input [ngModelOptions]="{standalone: true}" [(ngModel)]="hospital.memo" id="memo" name="memo" />
  44. <!-- <nz-form-explain *ngIf="validateForm.get('email')?.dirty && validateForm.get('email')?.errors">
  45. The input is not valid E-mail!
  46. </nz-form-explain> -->
  47. </nz-form-control>
  48. </nz-form-item>
  49. </div>
  50. </div>
  51. <!-- 数据表 -->
  52. <div nz-row nzGutter="24">
  53. <div nz-col nzMd="24" nzLg="24">
  54. <button (click)="basedataHospitalHospitalNew.showModal()" nz-button
  55. nzType="primary">{{ 'button.add' | translate }}</button>
  56. <app-basedata-hospital-hospital-new #basedataHospitalHospitalNew (afterSave)="pushHospitalContacts($event)">
  57. </app-basedata-hospital-hospital-new>
  58. </div>
  59. </div>
  60. <nz-form-item>
  61. <div nz-row nzGutter="24">
  62. <div nz-col nzMd="24" nzLg="24">
  63. <nz-table nzSize="small" [nzLoading]="isLoading" #basicTable [nzData]="hospitalContacts" [nzFrontPagination]="false">
  64. <thead>
  65. <tr>
  66. <th>{{'hospital.contacts'|translate}}</th>
  67. <th>{{'contact.number'|translate}}</th>
  68. <th>{{'contact.e-mail'|translate}}</th>
  69. <th>{{'hospital.contact.address'|translate}}</th>
  70. <th>{{'is.it.default'|translate}}</th>
  71. <th>{{'hospital.operation'|translate}}</th>
  72. </tr>
  73. </thead>
  74. <tbody>
  75. <tr *ngFor="let item of basicTable.data">
  76. <td>{{item.contactPsn}}</td>
  77. <td>{{item.contactTel}}</td>
  78. <td>{{item.email}}</td>
  79. <td>{{item.address}}</td>
  80. <td>{{item.isDefault==0?'否':'是'}}</td>
  81. <td>
  82. <a nz-popconfirm nzTitle="{{'hospital.menu.item.title'|translate}}?" nzOkText="{{'yes'|translate}}" nzCancelText="{{'no'|translate}}"
  83. (nzOnConfirm)="confirmDel(item.contactPsn)" (nzOnCancel)="cancelDel()">{{'hospital.operation.delete'|translate}}</a>
  84. </td>
  85. </tr>
  86. </tbody>
  87. </nz-table>
  88. </div>
  89. </div>
  90. </nz-form-item>
  91. <div class="base">
  92. <button type="button" (click)="close()" class="ant-btn"
  93. style="margin-right: 8px;">{{ 'button.close' | translate }}</button>
  94. <button nzbutton nzType="primary" (click)="save()"
  95. class="ant-btn ant-btn-primary">{{ 'button.save' | translate }}</button>
  96. </div>
  97. </form>
  98. </nz-spin>