<ion-header>
  <ion-navbar>
    <ion-title>测试列表</ion-title>
  </ion-navbar>
</ion-header>


<ion-content>
  <div class="tabs-parent">
    <div *ngFor="let item of tabsList;let i = index" (click)="change(i)" class="tabs-children" >{{item.name}}</div>
    <span #tips id="tips"></span>
  </div>
    <span (click)="goDo()">测试</span>
    <span (click)="goResult()">测试结果</span>
  <ion-slides  (ionSlideDidChange)="slideChanged()">
    <ion-slide>
        <ion-list>
            <ng-container *ngFor="let item of allList" >
                <ion-item class="item-list margin-bottom-10" >
                    <div class="item" (click)="goToResult(item)">
                        <div class="item-header padding-15-0">
                            <div class="item-header-style">
                                <span class="item-title">{{item.title}}</span>
                                <span float-right class="done">已完成</span>
                            </div>
                        </div>
                        <div class="content-button padding-15-0">
                            <span>参与人员:</span>
                            <span *ngIf="item.groupName">{{item.groupName}}</span>
                            <span *ngIf="!item.groupName">全体人员</span>
                            <span float-right class="look">查看</span>
                        </div>
                    </div>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="doList.length == 0">
                <ion-list text-center style="margin-top: 10rem" >
                    <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                    <p text-center>
                        暂无测试
                    </p>
                </ion-list>
            </ng-container>
        </ion-list>
    </ion-slide>
    <ion-slide>
        <ion-list>
            <ng-container *ngFor="let item of noList" >
                <ion-item class="item-list margin-bottom-10" >
                    <div class="item" (click)="goToResult(item)">
                        <div class="item-header padding-15-0">
                            <div class="item-header-style">
                                <span class="item-title">{{item.title}}</span>
                                <span float-right class="done">已完成</span>
                            </div>
                        </div>
                        <div class="content-button padding-15-0">
                            <span>参与人员:</span>
                            <span *ngIf="item.groupName">{{item.groupName}}</span>
                            <span *ngIf="!item.groupName">全体人员</span>
                            <span float-right class="look">查看</span>
                        </div>
                    </div>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="doList.length == 0">
                <ion-list text-center style="margin-top: 10rem" >
                    <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                    <p text-center>
                        暂无测试
                    </p>
                </ion-list>
            </ng-container>
        </ion-list>
    </ion-slide>
    <ion-slide>
        <ion-list>
            <ng-container *ngFor="let item of doList">
                <ion-item class="item-list margin-bottom-10" >
                    <div class="item" (click)="goToResult(item)">
                        <div class="item-header padding-15-0">
                            <div class="item-header-style">
                                <span class="item-title">{{item.title}}</span>
                                <span float-right class="done">已完成</span>
                            </div>
                        </div>
                        <div class="content-button padding-15-0">
                            <span>参与人员:</span>
                            <span *ngIf="item.groupName">{{item.groupName}}</span>
                            <span *ngIf="!item.groupName">全体人员</span>
                            <span float-right class="look">查看</span>
                        </div>
                    </div>
                </ion-item>
            </ng-container>
            <ng-container *ngIf="doList.length == 0">
                <ion-list text-center style="margin-top: 10rem" >
                    <img style="width: 20%;" src="./assets/imgs/no-info.png" alt="">
                    <p text-center>
                        暂无测试
                    </p>
                </ion-list>
            </ng-container>
        </ion-list>
    </ion-slide>
  </ion-slides>
</ion-content>
