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.
67 lines
2.6 KiB
67 lines
2.6 KiB
2 years ago
|
<app-page>
|
||
|
|
<ng-template #pageExtraTpl>
|
||
|
|
<nz-space>
|
||
|
|
<button *nzSpaceItem nz-button>批量删除</button>
|
||
|
|
<button *nzSpaceItem nz-button>批量下载营养标签</button>
|
||
|
|
<button *nzSpaceItem nz-button nzType="primary" (click)="showFoodForm()">
|
||
|
|
<i nz-icon nzType="plus"></i>
|
||
|
|
新增菜品
|
||
|
|
</button>
|
||
|
|
</nz-space>
|
||
|
|
</ng-template>
|
||
|
|
<div class="h-full overflow-hidden bg-white rounded-lg">
|
||
|
|
|
||
|
|
<nz-card [nzBordered]="false" nzTitle="菜品管理">
|
||
|
|
<table-list [props]="tableList" [search]="searchTpl" [action]="pageExtraTpl" [formGroup]="queryForm"
|
||
|
|
[renderColumns]="renderColumnsTpl">
|
||
|
|
|
||
|
|
<ng-template #actionTpl>
|
||
|
|
<button nz-button>批量删除</button>
|
||
|
|
</ng-template>
|
||
|
|
<ng-template #searchTpl>
|
||
|
|
<nz-form-item class="w-40">
|
||
|
|
<nz-form-control>
|
||
|
|
<nz-select nzPlaceHolder="单位" [nzOptions]="[]"></nz-select>
|
||
|
|
</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>
|
||
|
|
<input nz-input placeholder="请输入菜品名称" formControlName="name" />
|
||
|
|
</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 #formFooterTpl>
|
||
|
|
<nz-space>
|
||
|
|
<button *nzSpaceItem nz-button (click)="cancelFoodForm()">
|
||
|
|
取消
|
||
|
|
</button>
|
||
|
|
<button *nzSpaceItem nz-button nzType="primary">
|
||
|
|
保存
|
||
|
|
</button>
|
||
|
|
</nz-space>
|
||
|
|
</ng-template>
|