post.component.html 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. <page-header [action]="phActionTpl">
  2. <ng-template #phActionTpl>
  3. <!-- <button (click)="add()" nz-button nzType="primary">新建</button> -->
  4. </ng-template>
  5. </page-header>
  6. <nz-card>
  7. <div nz-row [nzGutter]="24">
  8. <!--左边card -->
  9. <div nz-col nzMd="24" nzLg="12">
  10. <nz-card>
  11. <!--按钮操作 -->
  12. <div nz-row [nzGutter]="24" style="margin-bottom: 10px;">
  13. <div nz-col nzMd="24" nzLg="24">
  14. <button (click)="add()" nz-button acl [acl-ability]="'post:add'"
  15. nzType="primary">添加一级</button>
  16. </div>
  17. </div>
  18. <!-- 搜索框 -->
  19. <div nz-row [nzGutter]="24">
  20. <div nz-col nzMd="24" nzLg="24">
  21. <nz-input-group [nzSuffix]="suffixIcon" style="width:100%">
  22. <input type="text" nz-input
  23. placeholder="请输入"
  24. [(ngModel)]="searchValue" />
  25. </nz-input-group>
  26. <ng-template #suffixIcon>
  27. <i nz-icon type="search"></i>
  28. </ng-template>
  29. </div>
  30. </div>
  31. <!-- tree -->
  32. <div nz-row [nzGutter]="24">
  33. <div nz-col nzMd="24" nzLg="24">
  34. <nz-tree [nzData]="nodes" nzCheckable [nzSearchValue]="searchValue" (nzClick)="treeClick($event)"
  35. (nzDblClick)="openFolder($event)">
  36. <ng-template #contextTemplate>
  37. <ul nz-menu nzInDropDown>
  38. <li nz-menu-item (click)="addChild()" acl [acl-ability]="'post:add'">
  39. {{ 'button.add' | translate }}</li>
  40. <li nz-menu-item (click)="delete()" acl [acl-ability]="'post:delete'">
  41. {{ 'table.delete' | translate }}</li>
  42. <li nz-menu-item (click)="cancel()">{{ 'button.cancel' | translate }}</li>
  43. </ul>
  44. </ng-template>
  45. <ng-template #nzTreeTemplate let-node>
  46. <span class="custom-node">
  47. <span *ngIf="!node.isLeaf" (contextmenu)="contextMenu(node.key,$event, contextTemplate)">
  48. <span class="folder-name">{{ node.title }}</span>
  49. </span>
  50. <span *ngIf="node.isLeaf" (contextmenu)="contextMenu(node.key,$event, contextTemplate)">
  51. <span class="file-name">{{ node.title }}</span>
  52. </span>
  53. </span>
  54. </ng-template>
  55. </nz-tree>
  56. </div>
  57. </div>
  58. </nz-card>
  59. </div>
  60. <!--右边card-->
  61. <div nz-col nzMd="24" nzLg="12">
  62. <nz-card>
  63. <!-- form -->
  64. <form nz-form [formGroup]="validateForm" (ngSubmit)="submitForm()">
  65. <nz-form-item>
  66. <nz-form-label nzRequired [nzSm]="8" [nzXs]="24">职务编码</nz-form-label>
  67. <nz-form-control [nzSm]="14" [nzXs]="24">
  68. <input formControlName="code" id="code" [(ngModel)]="baseArchivesPost.code" name="code" nz-input
  69. placeholder="{{ 'placeholder' | translate }}职务编码" />
  70. <nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">
  71. 请输入职务编码
  72. </nz-form-explain>
  73. </nz-form-control>
  74. </nz-form-item>
  75. <nz-form-item>
  76. <nz-form-label nzRequired [nzSm]="8" [nzXs]="24">职务名称</nz-form-label>
  77. <nz-form-control [nzSm]="14" [nzXs]="24">
  78. <input formControlName="name" id="name" [(ngModel)]="baseArchivesPost.name" name="name" nz-input
  79. placeholder="{{ 'placeholder' | translate }}职务名称" />
  80. <nz-form-explain *ngIf="validateForm.get('code')?.dirty && validateForm.get('code')?.errors">
  81. 请输入职务名称
  82. </nz-form-explain>
  83. </nz-form-control>
  84. </nz-form-item>
  85. <nz-form-item>
  86. <nz-form-label nzRequired [nzSm]="8" [nzXs]="24">是否启用
  87. </nz-form-label>
  88. <nz-form-control [nzSm]="14" [nzXs]="24">
  89. <nz-switch [ngModelOptions]="{standalone: true}" [(ngModel)]="status" name="status" nzCheckedChildren="是" nzUnCheckedChildren="否"></nz-switch>
  90. </nz-form-control>
  91. </nz-form-item>
  92. <!-- <nz-form-item style="margin-bottom:8px;">
  93. <nz-form-control [nzSpan]="14" [nzOffset]="8">
  94. <button nzType="primary" (click)="reset()" nz-button ><span>{{ 'button.reset' | translate }}</span></button>
  95. <button nzType="primary" (click)="update()" nz-button acl [acl-ability]="'post:update'"><span>{{ 'button.save' | translate }}</span></button>
  96. </nz-form-control>
  97. </nz-form-item> -->
  98. <nz-form-item >
  99. <nz-form-label [nzSm]="8" [nzXs]="24" [nzNoColon]=true>
  100. </nz-form-label>
  101. <nz-form-control [nzSm]="14" [nzXs]="24">
  102. <button nzType="primary" (click)="reset()" nz-button ><span>{{ 'button.reset' | translate }}</span></button>
  103. <button nz-button nzType="primary">保存</button>
  104. </nz-form-control>
  105. </nz-form-item>
  106. </form>
  107. </nz-card>
  108. </div>
  109. </div>
  110. </nz-card>