Skip to content
food-apply.html 2.51 KiB
Newer Older
wangqinghua's avatar
wangqinghua committed
<ion-header>

  <ion-navbar>
    <ion-title>订餐申请</ion-title>
  </ion-navbar>

</ion-header>


<ion-content>
  <div class="padding-6">
    <ion-item>
wangqinghua's avatar
wangqinghua committed
      <ion-label class="item-left"><span class="color-red">*</span>用餐日期:</ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-datetime cancelText="取消" doneText="确认" displayFormat="YYYY-MM-DD"
wangqinghua's avatar
wangqinghua committed
                    pickerFormat="YYYY MM DD" placeholder="请选择" [min]="nowDate"
wangqinghua's avatar
wangqinghua committed
                    [(ngModel)]="obj.orderDate"></ion-datetime>
      <ion-label class="right-arrow">
        <ion-icon name="arrow-forward"></ion-icon>
      </ion-label>
      <ion-label *ngIf="checkObj.orderDate" class="check-tips">请选择订餐日期</ion-label>
    </ion-item>
wangqinghua's avatar
wangqinghua committed

    <div class="item-box">
      <div class="left"><span class="color-red">*</span>餐点:</div>
      <div class="right" style="text-align: right">
wangqinghua's avatar
wangqinghua committed
        <ion-checkbox color="danger" (click)="chooseTime(1)" [checked]="obj.typeList.includes(1)"></ion-checkbox> <span style="vertical-align: super;margin:10px 40px 0 5px">午餐</span>
        <ion-checkbox color="danger" (click)="chooseTime(2)" [checked]="obj.typeList.includes(2)"></ion-checkbox> <span style="vertical-align: super;margin:10px 20px 0 5px">晚餐</span>
wangqinghua's avatar
wangqinghua committed
      </div>
    </div>
wangqinghua's avatar
wangqinghua committed
    <ion-item>
      <ion-label class="item-left"><span class="color-red">*</span>人数:</ion-label>
      <ion-input [(ngModel)]="obj.peopleCount" type="text" maxlength="20"
                 [placeholder]="'请输入'"></ion-input>
      <ion-label *ngIf="checkObj.peopleCount" class="check-tips">请输入人数</ion-label>
    </ion-item>
    <ion-item>
      <ion-label class="item-left"><span class="color-red">*</span>标准:</ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-label *ngIf="obj.standard != '3' " (click)="chooseStandard()" [ngStyle]="{'color':obj.standardText == '请选择'?'#999':'#333'}"
wangqinghua's avatar
wangqinghua committed
                 class="choose">{{obj.standardText}}</ion-label>
      <ion-label class="right-arrow" (click)="chooseStandard()">
        <ion-icon name="arrow-forward"></ion-icon>
      </ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-input class="padding-right-10" *ngIf="obj.standard == '3' " [(ngModel)]="obj.amount" placeholder="请选择用餐标准"></ion-input>
wangqinghua's avatar
wangqinghua committed
      <ion-label *ngIf="checkObj.standard" class="check-tips">请选择标准</ion-label>
    </ion-item>
    <div class="item-box">
      <div class="left">备注:</div>
      <div class="right">
        <ion-textarea [(ngModel)]="obj.remark"></ion-textarea>
      </div>
    </div>
  </div>

  <button  class="submit-btn submit" (click)="submit()">提交</button>

</ion-content>