list.html

<ion-header>

  <ion-navbar>
    <ion-title>问卷管理</ion-title>
    <ion-buttons end>
      <button ion-button  (click)="create()">
        <span (click)="create()" ion-text class="color-fff" >创建</span>
      </button>
    </ion-buttons>
  </ion-navbar>
  <div class="pageMenuSlides">
    <div class="swiper-container">
      <div class="swiper-wrapper">
        <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 style="{{showOp == true ? 'height: calc(100vh - 11rem);':''}}">-->
<ion-content [ngStyle]="{ 'height':showOp == true? 'calc(100vh - 11rem)':'' }">
      <ion-content direction="y" scrollbar-y="true"  class="bgc-e7e8ed">
        <ion-list>
          <!--<ng-container *ngIf="contentList.datalist.length > 0">-->
            <ion-item class="item-list" *ngFor="let item of contentList.datalist">
              <div class="item" (click)="showOpra(item)">
                <div class="item-header">
                  <div class="item-header-style">
                    <span class="item-title">{{item.title}}</span>
                    <span  float-right  class="btn btn1" *ngIf="item.state==1 ">未发布</span>
                    <span  float-right class="btn btn2" *ngIf="item.state==2 ">已发布</span>
                    <span  float-right class="btn btn3" *ngIf="item.state==3 ">已过期</span>
                  </div>
                </div>
                <div class="content-button">
                  <span>参与人员:</span>
                  <span *ngIf="item.groupName">{{item.groupName}}</span>
                  <span *ngIf="!item.groupName">全体人员</span>
                </div>
              </div>
            </ion-item>
        </ion-list>
      </ion-content>
</ion-content>

<ion-footer *ngIf="showOp">
  <div class="cover">
    <p class="survey-title">{{temp?.title}}</p>
    <div class="footter-opr">
      <div *ngIf="swiperIndex == 0" (click)="edit()"><span>编辑</span></div>
      <div *ngIf="swiperIndex == 1" (click)="look()"><span>查看</span></div>
      <div *ngIf="swiperIndex == 1" (click)="cancel()"><span>取消发布</span></div>
      <div *ngIf="swiperIndex == 1" (click)="overDue()"><span>设为过期</span></div>
      <div *ngIf="swiperIndex == 0" (click)="release()"><span>发布</span></div>
      <div *ngIf="swiperIndex == 1 || swiperIndex == 2" (click)="result()"><span>结果</span></div>
      <div *ngIf="swiperIndex == 0" (click)="copy()"><span>复制</span></div>
      <div (click)="delete()"><span>删除</span></div>
    </div>
    <ion-toolbar>
      <p class="text-center" (click)="cancle()"> 取消 </p>
    </ion-toolbar>
  </div>
</ion-footer>