Newer
Older
<!-- <ion-buttons end>-->
<!-- <button ion-button icon-only (click)="goApply(null)">-->
<!-- <ion-icon class="top-right-icon icon-fabu iconfont"></ion-icon>-->
<!-- </button>-->
<!-- </ion-buttons>-->
</ion-navbar>
<div class="duty">
<div class="dutyItem" (click)="change(1)">
<span class="{{changeType == 1?'duty-title':''}}">理发安排</span>
</div>
<div class="dutyItem" (click)="change(2)">
<span class="{{changeType == 2?'duty-title':''}}">我的预约</span>
</div>
<ion-content direction="y" scrollbar-y="true" class="bgc-e7e8ed">
<ng-container *ngIf="changeType == 1">
<ion-calendar [(ngModel)]="date"
[options]="options"
type="string"
format="YYYY-MM-DD">
</ion-calendar>
<div class="room">
<div class="already">
<p>已预约时间</p>
<div class="morning">
<div class="morning-text">
上午
</div>
<div class="morning-room">
<span *ngIf="item1.startEnd == 1">9:00-10:00</span>
<span *ngIf="item1.startEnd == 2">10:00-11:00</span>
<span *ngIf="item1.startEnd == 3">11:00-12:00</span>
<span *ngIf="item1.userName == mineInfo?.username"> {{item1.userName}}</span>
</div>
</div>
<div class="afternoon">
<div class="afternoon-text">
下午
</div>
<div class="morning-room">
<ng-container *ngFor="let item2 of room?.afternoonUse">
<span *ngIf="role.includes(9) || item2.userName == mineInfo?.username" (click)="goApplyEdit(item2)" >
<span *ngIf="item2.startEnd == 4">14:00-15:00</span>
<span *ngIf="item2.startEnd == 5">15:00-16:00</span>
<span *ngIf="item2.startEnd == 6">16:00-17:00</span>
{{item2.userName}}
(已预定)
</span>
</ng-container>
</div>
</div>
</div>
<div class="notYet">
<p>可预约时间</p>
<div class="morning">
<div class="morning-text">
上午
</div>
<div class="morning-room">
<span *ngFor="let item3 of room?.morningNotUse" (click)="goApply(item3)">
<span *ngIf="item3.startEnd == 1">9:00-10:00</span>
<span *ngIf="item3.startEnd == 2">10:00-11:00</span>
<span *ngIf="item3.startEnd == 3">11:00-12:00</span>(可预定)
</div>
</div>
<div class="afternoon">
<div class="afternoon-text">
下午
</div>
<div class="morning-room">
<span *ngFor="let item4 of room?.afternoonNotUse" (click)="goApply(item4)">
<span *ngIf="item4.startEnd == 4">14:00-15:00</span>
<span *ngIf="item4.startEnd == 5">15:00-16:00</span>
<span *ngIf="item4.startEnd == 6">16:00-17:00</span>(可预定)
</ng-container>
<ng-container *ngIf="changeType == 2">
<div class="duty-content">
<ion-list class="myItem">
<ion-item-sliding class="apply" *ngFor="let item of applyList">
<ion-item>
<p>
<span>申请时间：
<span>{{item.submitTime | date:'yyyy-MM-dd HH:mm'}}</span>
<span class="apply-room">服务：
<span *ngIf="item?.service.includes('1')">理发</span>
<span *ngIf="item?.service.includes('2')">剪发</span>
<span *ngIf="item?.service.includes('3')">烫发</span>
<span *ngIf="item?.service.includes('4')">染发</span>
</span>
<span class="meet-type">
预定时间：
<span>{{item.appointmentDate}}</span>
<span *ngIf="item.startEnd == 1">9:00-10:00</span>
<span *ngIf="item.startEnd == 2">10:00-11:00</span>
<span *ngIf="item.startEnd == 3">11:00-12:00</span>
<span *ngIf="item.startEnd == 4">14:00-15:00</span>
<span *ngIf="item.startEnd == 5">15:00-16:00</span>
<span *ngIf="item.startEnd == 6">16:00-17:00</span>
</span>
<button ion-button color="danger" (click)="removeItem(item)">取消</button>
</ion-item-options>
</ion-item-sliding>
</ion-list>
<ion-list text-center style="margin-top: 10rem;color: #666666"
*ngIf="!isLoad && applyList.length == 0">
<img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
<p text-center>
暂无预订
</p>
</ion-list>
</div>
</ng-container>
</ion-content>