You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
60 lines
1.9 KiB
60 lines
1.9 KiB
2 years ago
|
<app-page class="p-3" [actions]="actionsTpl">
|
||
|
|
<ng-template #actionsTpl>
|
||
|
|
<nz-space>
|
||
|
|
<button *nzSpaceItem nz-button nzType="primary">新建</button>
|
||
|
|
</nz-space>
|
||
|
|
</ng-template>
|
||
|
|
<div class="flex flex-1">
|
||
|
|
<nz-card [nzBordered]="false" class="org shadow" nzSize="small">
|
||
|
|
<app-component-org-tree />
|
||
|
|
</nz-card>
|
||
|
|
<div class="flex-1 pl-3">
|
||
|
|
<app-server-paginated-table [options]="table">
|
||
|
|
<ng-container *appTableAction>
|
||
|
|
<nz-space>
|
||
|
|
<button *nzSpaceItem nz-button nzType="link">删除</button>
|
||
|
|
</nz-space>
|
||
|
|
</ng-container>
|
||
|
|
<ng-container *appTableForm>
|
||
|
|
<app-query-item label="工号">
|
||
|
|
<input nz-input placeholder="请输入" formControlName="name" />
|
||
|
|
</app-query-item>
|
||
|
|
<app-query-item label="姓名">
|
||
|
|
<input nz-input placeholder="请输入" formControlName="name" />
|
||
|
|
</app-query-item>
|
||
|
|
<app-query-item label="手机号">
|
||
|
|
<input nz-input placeholder="请输入" formControlName="name" />
|
||
|
|
</app-query-item>
|
||
|
|
<app-query-item label="类型">
|
||
|
|
<nz-select
|
||
|
|
nzPlacement="bottomRight"
|
||
|
|
nzBorderless
|
||
|
|
class="!w-auto"
|
||
|
|
[nzDropdownMatchSelectWidth]="false"
|
||
|
|
>
|
||
|
|
<nz-option nzValue="123" nzLabel="前台员工"></nz-option>
|
||
|
|
<nz-option nzValue="22" nzLabel="后台员工"></nz-option>
|
||
|
|
<nz-option nzValue="221" nzLabel="临时员工"></nz-option>
|
||
|
|
</nz-select>
|
||
|
|
</app-query-item>
|
||
|
|
<app-query-item label="性别">
|
||
|
|
<nz-select
|
||
|
|
nzPlacement="bottomRight"
|
||
|
|
nzBorderless
|
||
|
|
class="!w-auto"
|
||
|
|
[nzDropdownMatchSelectWidth]="false"
|
||
|
|
>
|
||
|
|
<nz-option nzValue="123" nzLabel="男"></nz-option>
|
||
|
|
<nz-option nzValue="22" nzLabel="女"></nz-option>
|
||
|
|
</nz-select>
|
||
|
|
</app-query-item>
|
||
|
|
|
||
|
|
<!-- <app-query-item label="创建时间">
|
||
|
|
<app-date-query></app-date-query>
|
||
|
|
</app-query-item> -->
|
||
|
|
</ng-container>
|
||
|
|
</app-server-paginated-table>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</app-page>
|