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.
|
|
|
<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-60">
|
|
|
|
<nz-form-control>
|
|
|
|
<app-org-select formControlName="vender"></app-org-select>
|
|
|
|
</nz-form-control>
|
|
|
|
</nz-form-item>
|
|
|
|
<nz-form-item>
|
|
|
|
<nz-form-control>
|
|
|
|
<nz-space>
|
|
|
|
<nz-radio-group *nzSpaceItem nzButtonStyle="solid"
|
|
|
|
[(ngModel)]="week"
|
|
|
|
(ngModelChange)="onWeekChange($event)"
|
|
|
|
[ngModelOptions]="{standalone: true}">
|
|
|
|
<label nz-radio-button [nzValue]="0">全部</label>
|
|
|
|
<label nz-radio-button [nzValue]="1">本周</label>
|
|
|
|
<label nz-radio-button [nzValue]="-1">上周</label>
|
|
|
|
</nz-radio-group>
|
|
|
|
<ng-container *nzSpaceItem>
|
|
|
|
<nz-range-picker
|
|
|
|
[(ngModel)]="dateRange"
|
|
|
|
[ngModelOptions]="{standalone: true}">
|
|
|
|
</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="'created'">
|
|
|
|
{{data | date:'yyyy-MM-dd HH:mm:ss'}}
|
|
|
|
</ng-container>
|
|
|
|
|
|
|
|
<ng-container *ngSwitchCase="'vender'">
|
|
|
|
{{ tableOrg[data] ? tableOrg[data].name : '-'}}
|
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngSwitchCase="'meals'">
|
|
|
|
<nz-tag *ngFor="let item of data">{{item}}</nz-tag>
|
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngSwitchCase="'day'">
|
|
|
|
{{data}} 天
|
|
|
|
</ng-container>
|
|
|
|
<ng-container *ngSwitchDefault>
|
|
|
|
|
|
|
|
{{data}}
|
|
|
|
|
|
|
|
</ng-container>
|
|
|
|
</ng-container>
|
|
|
|
</ng-template>
|
|
|
|
</table-list>
|
|
|
|
</nz-card>
|
|
|
|
</div>
|
|
|
|
</app-page>
|