repair.html

<ion-header>

    <ion-navbar>
        <ion-title>一键报修</ion-title>
        <ion-buttons end>
            <button ion-button tappable (click)="goApply()">
                <ion-icon style="font-size: 2rem" class="top-right-icon icon-fabu iconfont"></ion-icon>
            </button>
        </ion-buttons>
    </ion-navbar>
    <div class="duty">
        <div class="dutyItem" tappable  (click)="change(1)">
            <span class="{{changeType == 1?'duty-title':''}}">报修安排</span>
        </div>
        <div class="dutyItem" tappable (click)="change(2)">
            <span class="{{changeType == 2?'duty-title':''}}">我的报修</span>
        </div>
    </div>
</ion-header>


<ion-content>
    <ion-content direction="y" scrollbar-y="true" class="bgc-e7e8ed">
        <ion-refresher (ionRefresh)="doRefresh($event)">
            <ion-refresher-content pullingText="下拉刷新"
                                   refreshingSpinner="bubbles">
            </ion-refresher-content>
        </ion-refresher>
        <ng-container *ngIf="changeType == 1">
            <ion-calendar #calendar [(ngModel)]="date"
                          (onChange)="getDate($event)"
                          [options]="options"
                          type="string"
                          format="YYYY-MM-DD">
            </ion-calendar>
            <div class="room">
                <div class="already">
                    <p>当日报修</p>
                    <div class="morning">
                        <div class="morning-room">
                            <ng-container *ngFor="let item1 of repair?.repairedList">
                                <span tappable (click)="goApplyEdit(item1)">
                                    <span>报修设备：{{item1.equipmentName}}</span>
                                    <span>报修人：{{item1.submitterName}}</span>
                                </span>
                            </ng-container>
                            <ng-container *ngFor="let item3 of repair?.unrepairedList">
                                <span tappable (click)="goApplyEdit(item3)">
                                    <span>报修设备：{{item3.equipmentName}}</span>
                                    <span>报修人：{{item3.submitterName}}</span>
                                </span>
                            </ng-container>
                        </div>
                    </div>
                </div>
<!--                <div class="already">-->
<!--                    <p>未修理</p>-->
<!--                    <div class="morning">-->
<!--                        <div class="morning-room">-->
<!--                            <ng-container *ngFor="let item3 of repair?.unrepairedList">-->
<!--                                <span (click)="goApplyEdit(item3)">-->
<!--                                    <span>报修设备：{{item3.equipmentName}}</span>-->
<!--                                    <span>报修人：{{item3.submitterName}}</span>-->
<!--                                </span>-->
<!--                            </ng-container>-->
<!--                        </div>-->
<!--                    </div>-->
<!--                </div>-->
            </div>
        </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 tappable (click)="goApplyEdit(item)">
                            <p>
                                <span>房间号: </span>
                                <span>{{item.roomName}}</span>
<!--                                <span *ngIf="item.status == 1">未修理</span>-->
<!--                                <span *ngIf="item.status == 2">已修理</span>-->
<!--                                <span *ngIf="item.status == 3">已取消</span>-->
                                <span>申请时间：
                                    <span>{{item.submitTime | date:'yyyy-MM-dd HH:mm'}}</span>
                                </span>
                            </p>
                            <p>
                                <span class="apply-room">报修设备:
                                    <span>{{item.equipmentName}}</span>
                                </span>
                            </p>
                        </ion-item>
<!--                        <ion-item-options>-->
<!--                            <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="!page.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-infinite-scroll (ionInfinite)="doInfinite($event)">
            <ion-infinite-scroll-content
                    loadingSpinner="bubbles"
                    loadingText="加载中"></ion-infinite-scroll-content>
        </ion-infinite-scroll>
        <ion-fab right bottom>
            <button ion-fab color="light" (click)="call()">
                <div class="fab-call">
                    <ion-icon name="call"></ion-icon>
                    <p>电话报修</p>
                </div>
            </button>
        </ion-fab>
    </ion-content>
</ion-content>