<ion-header>

  <ion-navbar>
    <ion-title>{{batch.batchName}}</ion-title>
  </ion-navbar>
  <!--<div class="pageMenuSlides">-->
    <!--<div class="swiper-container">-->
      <!--<div class="swiper-wrapper">-->
        <!--<div class="swiper-slide" *ngFor="let item of batchList;let i=index;" tappable (click)="selectPageMenu(i)">-->
            <!--<span class=" {{swiperIndex == i? 'swiper-title':''}} ">{{item.batchName}}</span>-->
        <!--</div>-->
      <!--</div>-->
    <!--</div>-->
  <!--</div>-->

</ion-header>


<ion-content>

  <ion-slides #contentSlides class="height-190" (ionSlideDidChange)="slideChanged()" >
    <ion-slide>
      <ion-content direction="y" scrollbar-y="true">
        <div class="content">
          <div class="sign-info" *ngIf="batch.order">
            <p class="info-title">报名信息</p>
            <div class="content-item">
              <p> <span>携带人数：</span><span>1</span> </p>
              <p> <span>报名备注：</span><span>备注</span> </p>
            </div>
          </div>
          <div class="feedback-info" *ngIf="batch.order">
            <p class="info-title">出行反馈</p>
            <div class="content-item">
              <p> <span>出行结果：</span><span>1</span> </p>
              <p> <span>评价反馈：</span><span>备注</span> </p>
            </div>
          </div>
          <div class="batch-info">
            <div class="content-item">
              <p> <span>报名截止：</span><span>{{this.batch.batchEndDate}}</span> </p>
              <p> <span>出行日期：</span><span>{{batch.batchGoDate}}</span> </p>
              <p> <span>可携带人数：</span><span>{{batch.batchPerNumber}}</span> </p>
              <p> <span>集合时间：</span><span>{{batch.batchSetTime}}</span> </p>
              <p> <span>集合地点：</span><span>{{batch.batchSetAddress}}</span> </p>
              <p> <span>活动须知：</span><span>{{batch.batchNotice}}</span> </p>
            </div>
          </div>
          <div class="content-button">
            <div class="button-left">报名人数<span class="color-24bafc margin-left-15">4/20</span></div>
            <div class="button-right" >
              <!--时间是否截止->人数是否满了->是否报名了-->
              <ng-container *ngIf="batch.signUp">
                <!--人数满-->
                <ng-container *ngIf="batch.hasSignUpCount == batch.batchLimitNumber">
                  <span  class="button-btn button-btn3">立即报名</span>
                </ng-container>
                <!--人数未满-->
                <ng-container *ngIf="batch.hasSignUpCount < batch.batchLimitNumber">
                  <span  (click)="goApply()" *ngIf="!batch.order" class="button-btn button-btn1">立即报名</span>
                  <span *ngIf="batch.order" class="button-btn button-btn2" (click)="sureCancelOrder()">取消报名</span>
                </ng-container>
              </ng-container>
              <ng-container *ngIf="!batch.signUp">
                <span class="button-btn button-btn3">报名截止</span>
              </ng-container>
            </div>
          </div>
        </div>
      </ion-content>
    </ion-slide>
  </ion-slides>

</ion-content>
