配餐项目前端文件
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.
 
 
 

118 lines
4.4 KiB

<form nz-form [formGroup]="formGroup" nzLayout="vertical">
<nz-form-item>
<nz-form-label nzRequired nzSpan="6">
食谱名称
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl" nzSpan="12">
<input nz-input placeholder="请输入食谱名称" formControlName="name" />
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzRequired nzSpan="6">
标准
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl" nzSpan="12">
<nz-select
nzShowSearch
nzServerSearch
nzPlaceHolder="请选择标准"
[nzShowArrow]="false"
formControlName="nutrient"
[nzFilterOption]="nzFilterOption"
(nzOnSearch)="searchStandard($event)"
(ngModelChange)="onStandardChange($event)">
<nz-option *ngFor="let o of standardOfOption"
[nzLabel]="o.label"
[nzValue]="o.value">
</nz-option>
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzRequired nzSpan="6">
适用单位
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl" nzSpan="12">
<nz-select nzMode="multiple" formControlName="vendors" nzPlaceHolder="请选择单位"
[nzOptions]="currentOrgs">
</nz-select>
</nz-form-control>
</nz-form-item>
<nz-form-item class="block">
<nz-form-label nzRequired nzSpan="6">
适用月份
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl" nzSpan="12">
<app-month-select formControlName="month"></app-month-select>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-label nzRequired nzSpan="6">
天数
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl">
<nz-radio-group formControlName="day">
<label nz-radio nzValue="1">1天</label>
<label nz-radio nzValue="2">2天</label>
<label nz-radio nzValue="3">3天</label>
<label nz-radio nzValue="4">4天</label>
<label nz-radio nzValue="5">5天</label>
<label nz-radio nzValue="6">6天</label>
<label nz-radio nzValue="7">7天</label>
</nz-radio-group>
</nz-form-control>
</nz-form-item>
<nz-form-item class="block">
<nz-form-label nzRequired nzSpan="6">
餐次
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl" nzSpan="12">
<nz-checkbox-group
class="flex flex-wrap checkbox-wrap"
[(ngModel)]="meals"
[ngModelOptions]="{standalone: true}">
</nz-checkbox-group>
</nz-form-control>
</nz-form-item>
<nz-form-item class="block" *ngIf="currentPeoples.length">
<nz-form-label nzRequired nzSpan="6">
人群显示
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl">
<nz-checkbox-group [(ngModel)]="currentPeoples"
[ngModelOptions]="{standalone: true}"
class="flex flex-wrap checkbox-wrap">
</nz-checkbox-group>
</nz-form-control>
</nz-form-item>
<nz-divider></nz-divider>
<nz-form-item>
<nz-form-label nzRequired nzSpan="6">
批量修改重量
</nz-form-label>
<nz-form-control [nzErrorTip]="formControlErrorTpl" nzSpan="12">
<nz-switch></nz-switch>
</nz-form-control>
</nz-form-item>
<nz-form-item>
<nz-form-control>
<nz-space>
<button *nzSpaceItem nz-button nzType="primary" (click)="onSubmit()">
确定
</button>
<button *nzSpaceItem nz-button>
取消
</button>
</nz-space>
</nz-form-control>
</nz-form-item>
</form>
<ng-template #formControlErrorTpl let-control>
<form-error-tips [control]="control"></form-error-tips>
</ng-template>