serve.ts

import {Component, ElementRef, ViewChild} from '@angular/core';
import {NavController, IonicPage, Slides} from 'ionic-angular';
import {Http, Response} from '@angular/http';
import {AppService, AppGlobal} from '../../../service/http.service';
import {Calendar} from '@ionic-native/calendar';
import {ActivityDetailPage} from "../../home/activity/activityDetail/activityDetail";
import {OutGoingReportPage} from "../../home/report/outGoingReport/outGoingReport";
import {Storage} from '@ionic/storage';
import {OutGoingReportEditPage} from "../../home/report/outGoingReportEdit/outGoingReportEdit";
import {AnnouncementViewPage} from '../../home/announcement/announcementView/announcementView';
import {CalendarComponentOptions, DayConfig} from "ion2-calendar";
import {NoticePage} from "../notice/notice";
import {monthCh, weekDay} from "../../../app/main";
import {Badge} from '@ionic-native/badge';
import {TabsService} from "../tabs.service";
import {CommonService} from "../../../provide/common.service";
import {EmitService} from "../../../provide/emit.service";
import {ContactPage} from "../contact/contact";


@IonicPage()
@Component({
    selector: 'page-serve',
    templateUrl: 'serve.html'
})

export class ServePage {
    @ViewChild(Slides) slides: Slides;
    @ViewChild('item3') item3:ElementRef;
    @ViewChild('calendarEle') calendarEle:ElementRef;
    @ViewChild('scrollDown') scrollDown:ElementRef;

    hasNew = {
        activity: 0,
        notice: 0,
        premanager: 0,
        message: 0,
        test: 0,
    };

    //日历
    date: string;
    type: 'string';

    optionsMulti: CalendarComponentOptions;
    newArr: DayConfig[] = [];

    //未读通知
    NoticeNotreadCount = '0';
    //尚未报备
    PremanagerNotdoCount = '0';

    slidersItems = [];
    noticeList = [];

    picture: string = AppGlobal.picture;

    operations: Array<string>;

    //当前年份
    year;
    //当前月份
    month;
    //当前第几周
    weekNo;

    noticeTips;
    role;
    noReadNum;
    isShow = false;  //是否展示日历

    constructor(public navCtrl: NavController,
                public commonSer: CommonService, public emitSer: EmitService,
                public appService: AppService, public http: Http, private calendar: Calendar, public storage: Storage,
                public badge: Badge, public tabsSer: TabsService) {
        // 接收发射过来的数据
        this.emitSer.eventEmit.subscribe((value: any) => {
            if (!isNaN(value)) {
                this.noReadNum = value;
            }
        });

    }

    ionViewDidLoad(){
        this.appService.ObserverHttpGet("/wisdomgroup/modules/message/findAllActivityForAppWithXQ", null).subscribe((res: Response) => {
            this.noticeList = res.json().slice(0, 5);
        }, error => {
            this.appService.alert('系统错误！');
        });
    }



    ionViewDidEnter() {
        //获取权限
        this.getRole();
        //获取消息数量
        this.getNewCount();
        //获取日历
        this.getCalendar();

        this.getBanner();
    }

    //获取轮播图
    getBanner() {
        const data = {
            isRecent: 0,   //是否最新
            obj: {
                "resourceType": 2,   //1标题图片,2推荐轮播图,3视频
                "isRecommend": 1,   //推荐(1是0否)
                "plateType": 2,
            }
        };
        this.tabsSer.stuffPage(data).subscribe(
            (res) => {
                if (res.data.list.length > 0) {
                    res.data.list.forEach(e => {
                        if (e.attachments.length > 0) {
                            e.imgUrl = e.attachments[0].path;
                        }
                    })
                }
                this.slidersItems = res.data.list;
            }
        )
    }

    ionViewWillEnter() {
        this.slidersItems = [];
        this.getHasNew();
    }

    ionViewDidLeave() {
        this.newArr = [];
        if (this.slides) {
            this.slides.stopAutoplay();
        }
    }


    //获取权限
    getRole() {
        this.tabsSer.getRoles().subscribe(
            (res) => {
                this.role = res
            },
            error => {
                this.appService.alert('系统错误！');
            }
        )
    }

    go(item) {
        if (item.type == 1) {
            this.getActivity(item.id);
        } else if (item.type == 2) {
            this.getPremanager(item.id);
        } else if (item.type == 3) {
            this.navCtrl.push("AnnouncementViewPage", {
                id: item.id
            });
        }
    }

    //获取活动ById
    getActivity(id) {
        this.appService.ObserverHttpPost("/wisdomgroup/modules/activity/appFindById", {id: id})
            .toPromise()
            .then(res => {
                let activity = res.json();
                this.navCtrl.push('ActivityDetailPage', {id: activity.id});
            })
            .catch(error => {
            });
    }


    //获取报备
    getPremanager(id) {
        this.storage.remove("temp_userpre");
        this.storage.remove("managerId");
        this.storage.remove("city");
        this.storage.remove("cityList");
        this.storage.remove("person");
        this.appService.ObserverHttpPost("/wisdomgroup/modules/premanager/findById", {id: id}).subscribe((res) => {
            let premanager = res.json();
            this.storage.set("premanager", premanager);
            this.navCtrl.push("OutGoingReportEditPage");
        })
    }

    //外出报备跳转
    goOutGoingReportAboutAll() {
        this.navCtrl.push("OutGoingReportPage", {
            type: 1
        });
    }

    //前往
    goTo(page) {
        this.navCtrl.push(page);
    }

    goToContact(){
        this.navCtrl.push(ContactPage);
    }

    /**
     * 获取是否有新的信息
     */
    getHasNew() {
        //获取是否有新活动
        this.tabsSer.hasNewActivity().subscribe(
            (res) => {
                this.hasNew.activity = res;
            }
        )

        //获取是否有新通知
        this.tabsSer.hasNewNotice().subscribe(
            (res) => {
                this.hasNew.notice = res;
            }
        )

        //获取是否有新通知
        this.tabsSer.hasNewMessage().subscribe(
            (res) => {
                this.hasNew.message = res;
            }
        )

        //获取是否有新报备
        this.tabsSer.hasNewPremanager().subscribe(
            (res) => {
                this.hasNew.premanager = res;
            }
        )

        //获取是否有新问卷
        this.tabsSer.hasNewTest().subscribe(
            (res) => {
                this.hasNew.test = res;
            }
        )
    }

    //获取所有未读消息的数量--->设置角标
    getNewCount() {
        this.appService.ObserverHttpGetData('/wisdomgroup/modules/activity/hasNewCount', null)
            .subscribe((res) => {
                let data = Number(res.json());
                this.noticeTips = data;
                if (data > 0) {
                    // this.badge.set(data);
                } else {
                    this.badge.clear();
                }
            })
    }

    //日历
    getCalendar() {
        this.newArr = [];
        let date = new Date();
        let year = date.getFullYear();
        let month = date.getMonth() + 1;

        //2.参加活动日期
        this.tabsSer.appOrderCal().subscribe(
            (order) => {
                order.forEach(event => {
                    this.newArr.push({
                        date: new Date(event.batch.batchGoDate),
                        disable: true,
                        cssClass: 'dayOff2'
                    })
                });

                this.tabsSer.appPreCal().subscribe(
                    (pre) => {
                        pre.forEach(event => {
                            this.newArr.push({
                                date: new Date(event.formshTime),
                                disable: true,
                                cssClass: 'dayOff4'
                            })
                        });

                        this.loadEvent(year, month);
                    }
                )
            }
        );
    }

    loadEvent(year, month) {
        //5.获取每月值班信息
        const data = {
            date: year + '/' + month + '/01'
        };
        this.tabsSer.getMyScheduleOnMonth(data).subscribe(
            (schedule) => {
                for (let i = 0; i < schedule.length; i++) {
                    const ev = {
                        date: new Date(schedule[i].dutyDate),
                        disable: true,
                        cssClass: 'dayOff3'
                    };
                    this.newArr.push(ev);
                }
                this.tabsSer.getFestivalAboutMonth(data).subscribe(
                    (festival) => {
                        festival.forEach(event => {
                            const data = {
                                date: new Date(event.date),
                                disable: true,
                                cssClass: 'dayOff1'
                            };
                            this.newArr.push(data);
                        });
                        this.setCalendar(year, month);
                    }
                )
            }
        )

    }

    //设置日历上的日期
    setCalendar(year, month) {
        let date = new Date();
        //4.每月的周末
        let d = new Date(year, month, 0).getDate();
        for (let i = 1; i < d + 1; i++) {
            date.setFullYear(year, month - 1, i);
            let day = date.getDay();
            if (day == 6 || day == 0) {
                const data = {
                    date: new Date(year, month - 1, i),
                    disable: true,
                    cssClass: 'dayOff1'
                };
                this.newArr.push(data);
            }
        }

        this.optionsMulti = {
            pickMode: 'multi',
            monthFormat: 'YYYY 年 MM 月 ',
            weekdays: weekDay,
            monthPickerFormat: monthCh,
            weekStart: 0,
            disableWeeks: [0, 1, 2, 3, 4, 5, 6],
            daysConfig: this.newArr
        };
    }

    //展开日历
    showCalendar(){
        this.isShow = true;
        this.scrollDown.nativeElement.style.height ='20px';
        const height =  this.calendarEle.nativeElement.children[0].clientHeight;
        this.scrollDown.nativeElement.style.top = height - 15 +'px';
        this.calendarEle.nativeElement.style.height = height + 20 +'px';

    }

    //收缩日历
    hiddenCalendar(){
        this.isShow = false;
        this.calendarEle.nativeElement.style.height = '66px';
        this.scrollDown.nativeElement.style.top =  '42px';
    }

    //月份改变
    monChange(e) {
        this.loadEvent(e.newMonth.years, e.newMonth.months);
    }

    //消息提醒页面
    goToNotice() {
        this.navCtrl.push(NoticePage);
    }

}

//定义星期实体
export class Week {
    id: number;
    title: string;
    date: number;
    isToday: boolean = false;
}