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.
70 lines
2.9 KiB
70 lines
2.9 KiB
2 years ago
|
<app-page>
|
||
|
|
|
||
|
|
<div class="h-full overflow-hidden bg-white rounded-lg">
|
||
|
|
|
||
|
|
<nz-card [nzBordered]="false" nzTitle="食谱发布计划">
|
||
|
|
<table-list [props]="tableList" [search]="searchTpl" [formGroup]="queryForm"
|
||
|
|
[renderColumns]="renderColumnsTpl">
|
||
|
|
|
||
|
|
|
||
|
|
<ng-template #searchTpl>
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-control>
|
||
|
|
<input nz-input placeholder="请输入食谱名称" formControlName="name" />
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
<nz-form-item class="w-40">
|
||
|
|
<nz-form-control>
|
||
|
|
<nz-select nzPlaceHolder="单位" [nzOptions]="[]"></nz-select>
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
<nz-form-item>
|
||
|
|
<nz-form-control>
|
||
|
|
<nz-space>
|
||
|
|
<nz-radio-group *nzSpaceItem nzButtonStyle="solid">
|
||
|
|
<label nz-radio-button nzValue="A">全部</label>
|
||
|
|
<label nz-radio-button nzValue="B">本周</label>
|
||
|
|
<label nz-radio-button nzValue="C">上周</label>
|
||
|
|
</nz-radio-group>
|
||
|
|
<ng-container *nzSpaceItem>
|
||
|
|
<nz-range-picker
|
||
|
|
[nzShowTime]="{ nzFormat: 'HH:mm' }"
|
||
|
|
nzFormat="yyyy-MM-dd HH:mm"
|
||
|
|
ngModel>
|
||
|
|
</nz-range-picker>
|
||
|
|
</ng-container>
|
||
|
|
</nz-space>
|
||
|
|
</nz-form-control>
|
||
|
|
</nz-form-item>
|
||
|
|
|
||
|
|
</ng-template>
|
||
|
|
<ng-template #renderColumnsTpl let-data let-key="key" let-row="row">
|
||
|
|
<ng-container [ngSwitch]="key">
|
||
|
|
<!-- <ng-container *ngSwitchCase="'img'">
|
||
|
|
<div class="dish-img overflow-auto"
|
||
|
|
[ngStyle]="{'background-image':'url(' + tempImg + ')'}">
|
||
|
|
</div>
|
||
|
|
</ng-container> -->
|
||
|
|
<ng-container *ngSwitchDefault>
|
||
|
|
|
||
|
|
{{data}}
|
||
|
|
|
||
|
|
</ng-container>
|
||
|
|
</ng-container>
|
||
|
|
</ng-template>
|
||
|
|
</table-list>
|
||
|
|
</nz-card>
|
||
|
|
</div>
|
||
|
|
</app-page>
|
||
|
|
|
||
|
|
|
||
|
|
<ng-template #foofFormFooterTpl>
|
||
|
|
<nz-space>
|
||
|
|
<button *nzSpaceItem nz-button (click)="cancelFoodForm()">
|
||
|
|
取消
|
||
|
|
</button>
|
||
|
|
<button *nzSpaceItem nz-button nzType="primary">
|
||
|
|
保存
|
||
|
|
</button>
|
||
|
|
</nz-space>
|
||
|
|
</ng-template>
|