<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:135px;width: 100%;">
          <img src="{{picture+item.pictureId}}" class="slide-image" (click)="go(item)">
      </div> 
    </ion-slide>
  </ion-slides>
  <div class="item2">
    <div class="item2-1">
      <ion-icon name="apps" class="icon2"></ion-icon>
      <label class="common_applications">常用应用</label>
    </div>
    <div class="item2-2">
      <div class="card" (click)="goActivity()">
        <ion-icon name="flag" class="icon2-2"></ion-icon>
        <label class="label2-2">组织活动</label>
        <img class="new-logo" *ngIf="hasNewActivity==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goAnnouncement()">
        <ion-icon name="alert" class="icon2-2"></ion-icon>
        <label class="label2-2">通知公告</label>
        <img class="new-logo" *ngIf="hasNewNotice==1" src="./assets/imgs/new.png">
      </div>
      <div class="card" (click)="goOutGoingReportAboutAll()">
        <ion-icon name="alarm" class="icon2-2"></ion-icon>
        <label class="label2-2">外出报备</label>
        <img class="new-logo" *ngIf="hasNewPremanager==1" src="./assets/imgs/new.png">
      </div>
      <!-- <div class="card"  (click)="wait()">
        <ion-icon name="alarm" class="icon2-2"></ion-icon>
        <label class="label2-2">智能审批</label>
      </div>
      <div class="card"  (click)="wait()">
        <ion-icon name="albums" class="icon2-2"></ion-icon>
        <label class="label2-2">值班安排</label>
      </div>
      <div class="card"  (click)="wait()">
        <ion-icon name="bicycle" class="icon2-2"></ion-icon>
        <label class="label2-2">外出申请</label>
      </div>
      <div class="card"  (click)="wait()">
        <ion-icon name="body" class="icon2-2"></ion-icon>
        <label class="label2-2">体检报告</label>
      </div> -->
      <div class="card" (click)="wait()">
        <ion-icon name="ios-more" class="icon2-2"></ion-icon>
        <label class="label2-2 more2-2">更多</label>
      </div>
    </div>
  </div>
  <div class="item3">
    <div class="item3-1">
      <ion-icon name="alarm" class="icon3"></ion-icon>
      <label class="daily_reminder">日常提醒</label>

    </div>
    <div class="item3-2">
      <div class="card3" (click)="goMyNotice()" style="background-color:#ffffff;">
        <div *ngIf="NoticeNotreadCount>0" class="common-menu-count">{{NoticeNotreadCount}}</div>
        <div class="common-menu">未读
          <br/>通知</div>
      </div>
      <div class="card3" (click)="goOutGoingReportAboutNot()" style="background-color:#ffffff;">
        <div *ngIf="PremanagerNotdoCount>0" class="common-menu-count">{{PremanagerNotdoCount}}</div>
        <div class="common-menu">尚未
          <br/>报备</div>
      </div>
      <div class="card3" (click)="goMyActivity()" style="background-color:#ffffff;">
        <div *ngIf="waitgoCount>0" class="common-menu-count">{{waitgoCount}}</div>
        <div class="common-menu">已报
          <br/>活动</div>
      </div>
      <div class="card3" (click)="goMyActivity()" style="background-color:#ffffff;">
        <div *ngIf="waitsureCount>0" class="common-menu-count">{{waitsureCount}}</div>
        <div class="common-menu">待评
          <br/>活动</div>
      </div>

    </div>
  </div>
  <div class="item4">
    <div class="item4-1">
      <ion-icon name="md-people" class="icon4"></ion-icon>
      <label class="duty_arrangements">日历</label>
      <!-- <label class="more"  (click)="wait()">
        更多
        <ion-icon name="arrow-dropright"></ion-icon>
      </label> -->
    </div>
    <div class="item4-2">
      <div class="item4-title">{{year}}年{{month}}月，第{{weekNo}}周</div>
      <div class="group" (click)="myCalendar()">
        <div *ngFor="let item of week" class="card4">
          <div class="card4-1">{{item.title}}</div>
          <div class="{{item.isToday?'selected':''}} card4-2">{{item.date}}</div>
        </div>
      </div>
    </div>
  </div>
  <div class="item5">
    <div class="item5-1">
      <ion-icon name="list" class="icon5"></ion-icon>
      <label class="operation_record">操作记录</label>
      <label class="more" (click)="goOperationListPage()">
        更多
        <ion-icon name="arrow-dropright"></ion-icon>
      </label>
    </div>
    <div class="item5-2">
      <div class="card5" *ngFor="let operation of operations;let idx = index">
        <label class="card5-1">
          <span class="card5-1-1">{{idx+1}}、</span>{{operation.opertionContent|slice:0:20}}...</label>
        <label class="time_home">{{operation.timegapvalue}}</label>
      </div>
      <!-- <div class="card5">
          <label class="card5-1">
            <span class="card5-1-1">2、</span>你已取消报名2018年疗养活动，详情见“我的活动”</label>
            <label class="time">1天前</label>
      </div> -->
    </div>
  </div>
</ion-content>

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