home.html

<ion-header>
  <ion-navbar>
    <ion-title text-center>智汇19号</ion-title>
  </ion-navbar>
</ion-header>
<ion-content>

  <ion-slides #slides *ngIf="slidersItems.length>0" pager autoplay="2000" loop=true>
    <ion-slide *ngFor="let item of slidersItems">
      <div style="height:160px;width: 100%;position: relative">
          <img src="{{picture+item.pictureId}}" class="slide-image" (click)="go(item)">
        <p class="slides-title">{{item.title}}</p>
      </div> 
    </ion-slide>
  </ion-slides>
  <div class="item2" style="padding: 0px;">
    <div class="item2-2">
      <div class="card" (click)="goActivity()">
        <img src="./assets/imgs/home/icon-bm.png" alt="">
        <label class="label2-2">活动报名</label>
        <img class="new-logo" *ngIf="hasNewActivity==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goAnnouncement()">
        <img src="./assets/imgs/home/icon-tz.png" alt="">
        <label class="label2-2">通知公告</label>
        <img class="new-logo" *ngIf="hasNewNotice==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goOutGoingReportAboutAll()">
        <img src="./assets/imgs/home/icon-lhbb.png" alt="">
        <label class="label2-2">离沪报备</label>
        <img class="new-logo" *ngIf="hasNewPremanager==1" src="./assets/imgs/new.png">
      </div>
      <div class="card"  (click)="goDuty()">
        <img src="./assets/imgs/home/icon-zb.png" alt="">
        <label class="label2-2">值班情况</label>
      </div>
      <ng-container *ngIf="role == 2 || role == 1 || role == 3">
        <div class="card"  (click)="goActivityTrack()">
          <img src="./assets/imgs/home/icon-hdgz.png" alt="">
          <label class="label2-2">活动跟踪</label>
        </div>
        <div class="card"  (click)="goReportTrack()">
          <img src="./assets/imgs/home/icon-bbgz.png" alt="">
          <label class="label2-2">报备跟踪</label>
        </div>
      </ng-container>
      <div class="card" (click)="goToMySurvey()">
        <img src="./assets/imgs/home/icon-wjtc.png" alt="">
        <label class="label2-2 more2-2">问卷调查</label>
      </div>
      <div class="card" (click)="gotoMore()">
        <img src="./assets/imgs/home/icon-more.png" alt="">
        <label class="label2-2 more2-2">更多应用</label>
      </div>
    </div>
  </div>
  <div class="item3" style="padding-top: 0px;">
    <div class="item3-2" style="background-color:#f8f8f8;" (click)="gotoNotice()">
      <div class="card3" style="width: 15%;">
        <span *ngIf="" class="img-tips"></span>
        <img src="./assets/imgs/home/icon-mail.png" alt="">
      </div>
      <div class="card3" style="width: 75%;">
        <div class="card3-item" *ngFor="let item of noticeList;">
          <span *ngIf="noticeTips > 0" class="tips"></span>
          <span class="color-996">{{item.title}}</span>
         {{item.content}}
        </div>
      </div>
      <div class="card3" style="width: 10%;color: #999999;font-size: 1.6rem">
        <ion-icon name="ios-arrow-forward" class="icon-right"></ion-icon>
      </div>
    </div>
  </div>
  <div class="calen-tab">
    日程表：<span class="calen1">休息日</span> <span class="calen2">参加活动</span>
          <span class="calen3">值班</span><span class="calen4">离沪</span>
  </div>
    <ion-calendar #calendar
                  [(ngModel)]="date"
                  (onChange)="onChange($event)"
                  (monthChange)="monChange($event)"
                  [options]="optionsMulti"
                  type="'js-date'"
                  [format]="'YYYY-MM-DD'">
    </ion-calendar>
</ion-content>

<div class="cover" *ngIf="isWait" (click)="cancleWait()">
  <img src="./assets/imgs/development.jpg" class="wait">
</div>