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

  <ion-navbar>
wangqinghua's avatar
wangqinghua committed
    <ion-title>预约理发</ion-title>
wangqinghua's avatar
wangqinghua committed
  </ion-navbar>

</ion-header>


wangqinghua's avatar
wangqinghua committed
<ion-content>
  <div class="padding-6">
    <ion-item>
      <ion-label class="item-left"><span class="color-red">*</span>预约时间:</ion-label>
      <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.appointmentDate"></ion-datetime>
      <ion-label *ngIf="check.appointmentDate" class="check-tips">请选择开始时间</ion-label>
wangqinghua's avatar
wangqinghua committed
    </ion-item>
    <ion-item>
      <ion-label class="item-left"><span class="color-red">*</span>时间段:</ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-label class="choose" style="color:#333333" (click)="chooseTime()">{{obj.timeText}}</ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-label class="right-arrow">
        <ion-icon name="arrow-forward"></ion-icon>
      </ion-label>
wangqinghua's avatar
wangqinghua committed
      <ion-label *ngIf="check.startEnd" class="check-tips">请选择时间段</ion-label>
wangqinghua's avatar
wangqinghua committed
    </ion-item>
    <div class="item-box">
wangqinghua's avatar
wangqinghua committed
      <div class="left"><span class="color-red">*</span>服务类型:</div>
wangqinghua's avatar
wangqinghua committed
      <div class="right">
wangqinghua's avatar
wangqinghua committed
            <span *ngFor="let item of serviceList;" class="tag"
                  (click)="chooseService(item)"
                  [ngClass]="obj.serviceStr.indexOf(item.id) > -1 ? 'selectLead':''">
              {{item.name}}
wangqinghua's avatar
wangqinghua committed
            </span>
      </div>
wangqinghua's avatar
wangqinghua committed
      <ion-label *ngIf="check.serviceStr" class="check-tips">请选择服务类型</ion-label>
wangqinghua's avatar
wangqinghua committed
    </div>
    <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>
wangqinghua's avatar
wangqinghua committed

</ion-content>