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
2.8 KiB
60 lines
2.8 KiB
<nz-spin [nzSpinning]="!menu">
|
|
<ng-container>
|
|
<!-- {{ menuObject | json }} -->
|
|
<nz-card
|
|
*ngFor="let day of days"
|
|
[nzTitle]="dayTitleTpl"
|
|
class="day-item mb-4"
|
|
[ngClass]="{'expanded':expanded.has(day)}"
|
|
[nzExtra]="dayExtraTpl"
|
|
[nzBodyStyle]="{padding:0}">
|
|
<ng-template #dayTitleTpl>
|
|
<div class=" relative -left-4 z-10">
|
|
<button nz-button nzType="text" (click)="expandChange(day)">
|
|
<span class="expanded-icon" nz-icon nzType="caret-right" nzTheme="outline"></span>
|
|
</button>
|
|
<span>
|
|
第 {{day + 1}} 天
|
|
</span>
|
|
</div>
|
|
</ng-template>
|
|
<ng-template #dayExtraTpl>
|
|
<nz-space>
|
|
<button *nzSpaceItem nz-button nzType="link" (click)="reuse(day + 1, selectDayTpl)">
|
|
本天菜品应用到其他天
|
|
</button>
|
|
<button *nzSpaceItem nz-button nzType="link">
|
|
本日营养分析
|
|
</button>
|
|
</nz-space>
|
|
</ng-template>
|
|
<ng-container *ngIf="expanded.has(day)">
|
|
<nz-card-tab>
|
|
<nz-tabset nzSize="large" [(nzSelectedIndex)]="mealCurrentIndex[day]">
|
|
<nz-tab [nzTitle]="meal" *ngFor="let meal of menu.meals; let idx = index">
|
|
</nz-tab>
|
|
</nz-tabset>
|
|
</nz-card-tab>
|
|
<div class="p-4">
|
|
<ng-container *ngFor="let meal of menu.meals; let mealIndex = index ">
|
|
<app-ingredient-meals *ngIf="mealCurrentIndex[day] === mealIndex"
|
|
[day]="day + 1"
|
|
[mealIndex]="mealIndex"
|
|
[peopleGroups]="menu.crows"
|
|
[mealDishs]="mealDishList"
|
|
(onSaveDish)="onSaveDish($event,day+1,mealIndex)">
|
|
<!-- (onSaveDish)="onSaveDish($event,day+1,mealIndex)" -->
|
|
</app-ingredient-meals>
|
|
</ng-container>
|
|
</div>
|
|
</ng-container>
|
|
</nz-card>
|
|
</ng-container>
|
|
</nz-spin>
|
|
|
|
<ng-template #selectDayTpl>
|
|
<nz-alert nzType="warning" nzMessage="请注意，如果其它天已经存在菜品，新应用的菜品将会追加在其中，不影响已经存在的菜品" nzShowIcon>
|
|
|
|
</nz-alert>
|
|
<nz-checkbox-group [(ngModel)]="selectDay" class="select-day mt-4"></nz-checkbox-group>
|
|
</ng-template>
|