diet-web-ui/projects/admin/src/app/components/ingredient-form-basic/ingredient-form-basic.component.html

<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>