<ion-header>

  <ion-navbar>
    <ion-title>问卷管理</ion-title>
    <span (click)="create()" float-right class="margin-right-10 color-999">创建</span>
  </ion-navbar>
  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <!-- {{i==0?'bottomLine':''}}是初始化的时候默认选择第一个菜单 -->
        <div class="swiper-slide" *ngFor="let item of menuList;let i=index;" tappable (click)="selectPageMenu(i)">
          <span class=" {{swiperIndex == i? 'swiper-title':''}} ">{{item.name}}</span>
          <span></span>
        </div>
      </div>
    </div>
  </div>
</ion-header>


<ion-content>
  <ion-slides #contentSlides class="height-190" (ionSlideDidChange)="slideChanged()" >
    <ion-slide *ngFor="let item of menuList">
      <ion-content direction="y" scrollbar-y="true"  class="bgc-e7e8ed">
        <ion-list>
          <ion-item class="item-list">
            <div class="item" (click)="showOpra(item)">
              <div class="item-header">
                <div class="item-header-style">
                  <span class="item-title">疗休养调查</span>
                </div>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">未发布</button>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">已发布</button>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">已过期</button>
              </div>
              <div class="content-button">
                <span>参与人员:</span>
                <span>最新批次名称</span>
              </div>
            </div>
          </ion-item>
          <ion-item class="item-list">
            <div class="item" (click)="showOpra(item)">
              <div class="item-header">
                <div class="item-header-style">
                  <span class="item-title">疗休养调查</span>
                </div>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">未发布</button>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">已发布</button>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">已过期</button>
              </div>
              <div class="content-button">
                <span>参与人员:</span>
                <span>最新批次名称</span>
              </div>
            </div>
          </ion-item>
          <ion-item class="item-list">
            <div class="item" (click)="showOpra(item)">
              <div class="item-header">
                <div class="item-header-style">
                  <span class="item-title">疗休养调查</span>
                </div>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">未发布</button>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">已发布</button>
                <button ion-button round class="btn btn1" *ngIf="item.activityState==2 ">已过期</button>
              </div>
              <div class="content-button">
                <span>参与人员:</span>
                <span>最新批次名称</span>
              </div>
            </div>
          </ion-item>
        </ion-list>
      </ion-content>
    </ion-slide>
  </ion-slides>

</ion-content>

<ion-footer *ngIf="showOp">
  <div class="footter-opr">
    <div (click)="look()"><span>查看</span></div>
    <div (click)="result()"><span>结果</span></div>
    <div (click)="copy()"><span>复制</span></div>
    <div (click)="delete()"><span>删除</span></div>
  </div>
  <ion-toolbar>
    <ion-title>取消</ion-title>
  </ion-toolbar>
</ion-footer>
