home.html

<ion-header>
    <ion-navbar>
        <ion-title text-center>智汇19号</ion-title>
    </ion-navbar>
</ion-header>
<ion-content>
    <div style="height: 160px">
        <ion-slides #slides *ngIf="slidersItems.length>0" pager loop="true" autoplay="2000" speed="1500">
            <ion-slide style="height:160px;width: 100%;position: relative" *ngFor="let item of slidersItems">
                <img src="{{picture+item.pictureId}}" class="slide-image" (click)="go(item)">
                <p class="slides-title">{{item.title}}</p>
            </ion-slide>
        </ion-slides>
    </div>

    <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="hasNewMessage == 1" class="img-tips"></span>
                <img src="./assets/imgs/home/icon-mail.png" >
            </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>