hair-cut.ts

import {Component} from '@angular/core';
import {IonicPage, NavController, NavParams} from 'ionic-angular';
import {CalendarComponentOptions} from "ion2-calendar";
import {monthCh, weekDay} from "../../../app/main";
import {AppGlobal} from "../../../service/http.service";
import {ServeService} from "../serve.service";
import {DatePipe} from "@angular/common";
import {CommonService} from "../../../provide/common.service";
import {HairApplyPage} from "./hair-apply/hair-apply";
import {AppMainService} from "../../../app/app.service";
import {TabsService} from "../../tabs/tabs.service";


@IonicPage()
@Component({
    selector: 'page-hair-cut',
    templateUrl: 'hair-cut.html',
})
export class HairCutPage {

    changeType = 1;
    date;
    options: CalendarComponentOptions = {
        from: new Date(2000, 0, 1),
        monthFormat: 'YYYY 年 MM 月 ',
        weekdays: weekDay,
        monthPickerFormat: monthCh,
        pickMode: 'single',
        color: 'danger'
    };

    room;
    applyList = [];
    role = [];

    pageNumber = 1;
    pageSize = AppGlobal.pageCount;
    total;
    isLoad = true;

    mineInfo;  //登录人信息

    constructor(public navCtrl: NavController, public navParams: NavParams,
                private serveSer: ServeService, public datePipe: DatePipe, private tabSer: TabsService,
                private commonSer: CommonService, private appMainSer: AppMainService) {
    }

    ionViewDidEnter() {
        this.myApply();
        this.getApply();
    }

    ionViewDidLoad() {
        this.date = this.datePipe.transform(new Date(), 'yyyy-MM-dd');

        //获取权限
        this.appMainSer.role.subscribe(value => {
                this.role = value;
            }
        );

        //获取个人信息
        this.appMainSer.mineInfo.subscribe(value => {
            this.mineInfo = value;
        })


    }

    //获取预定日程
    getApply() {
        const data = {'dateStr': this.date};
        this.serveSer.queryAppointmentByDate(data).subscribe(
            (res) => {
                this.room = res.data;
            }
        )
    }

    //我的预定
    myApply() {
        const data = {
            P_pageNumber: this.pageNumber,
            P_pageSize: this.pageSize,
        };
        this.serveSer.myAppointment(data).subscribe(
            (res) => {
                this.isLoad = false;
                this.applyList = res.data.list;
                this.total = res.data.total;
            }
        )
    }

    //取消预定
    removeItem(item) {
        this.serveSer.cancelHair(item.id).subscribe(
            (res) => {
                if (res.errcode == 1000) {
                    this.commonSer.toast('取消预定成功');
                    this.myApply();
                } else {
                    this.commonSer.toast(res.errmsg);
                }
            }
        )
    }

    //改变
    change(type) {
        this.changeType = type;
        if (this.changeType == 1) this.myApply();
        if (this.changeType == 2) this.getApply();
    }

    getDate(e) {
        this.date = e;
        this.getApply();
    }

    //编辑申请
    goApplyEdit(item) {
        if (this.role.includes(9) || this.mineInfo.username != item.userName) return false;
        this.navCtrl.push(HairApplyPage, {id: item.id});
    }

    //新增申请
    goApply(item) {
        let data;
        if (item) {
            data = {
                date: this.date,
                startEnd: item.startEnd
            }
        }
        this.navCtrl.push(HairApplyPage, {data: data});
    }

}