hair-apply.ts

import {Component} from '@angular/core';
import {ActionSheetController, IonicPage, ModalController, NavController, NavParams} from 'ionic-angular';
import {ServeService} from "../../serve.service";
import {CommonService} from "../../../../provide/common.service";
import {DatePipe} from "@angular/common";
import {PersonMulComponent} from "../../../../components/person-mul/person-mul";


@Component({
    selector: 'page-hair-apply',
    templateUrl: 'hair-apply.html',
})
export class HairApplyPage {


    obj = {
        appointmentDate: '',
        service: '',
        remark: '',
        startEnd: '1',
        serviceStr: [],
        timeText: '9:00-10:00'
    };

    check = {
        appointmentDate: false,
        startEnd: false,
        serviceStr: false,
    };

    serviceList = [
        {id: '1', name: '理发'},
        {id: '2', name: '洗吹'},
        {id: '3', name: '染发'}
    ];

    timeList = [
        {id: '1', name: '9:00-09:45'},
        {id: '2', name: '09:45-10:30'},
        {id: '3', name: '10:30-11:15'},
        {id: '4', name: '13:00-14:00'},
        {id: '5', name: '14:00-15:00'},
        {id: '6', name: '15:00-16:00'},
        {id: '7', name: '16:00-17:00'},
    ];

    applyId; //是否编辑
    nowDate;

    constructor(public navCtrl: NavController, public navParams: NavParams, private actionSheetCtrl: ActionSheetController,
                private serveSer: ServeService, public modalCtrl: ModalController,
                private commonSer: CommonService, private datePipe: DatePipe) {
    }

    ionViewDidLoad() {
        this.initParams();
        this.applyId = this.navParams.get('id');
        if (this.applyId) {
            this.meetDetail();
        }
    }

    //初始化参数
    initParams() {
        this.nowDate = this.datePipe.transform(new Date(), 'yyyy-MM-ddTHH:mm');
        const data = this.navParams.get('data');
        console.log(data);
        if (data) {
            this.obj.timeText = this.timeList.filter(e => data.startEnd == e.id)[0].name;
            this.obj.startEnd = data.startEnd;
            this.obj.appointmentDate = data.date;
        } else {
            this.obj.appointmentDate = this.datePipe.transform(new Date(), 'yyyy-MM-dd');
        }
    }

    //申请详情
    meetDetail() {
        this.serveSer.hairApplyDetail(this.applyId).subscribe(
            (res) => {
                if (res) {
                    this.obj.appointmentDate = res.data.appointmentDate;
                    this.obj.serviceStr = res.data.service.split(',');
                    this.obj.startEnd = res.data.startEnd;
                    this.obj.remark = res.data.remark;
                    this.obj.timeText = res.data.startEndStr;
                }
            }
        )
    }

    //选择部领导
    chooseService(item) {
        const index = this.obj.serviceStr.indexOf(item.id);
        if (index > -1) {
            this.obj.serviceStr.splice(index, 1);
        } else {
            this.obj.serviceStr.push(item.id);
        }
    }

    //选择时间段
    chooseTime() {
        const btnArr = this.timeList.map(e => {
            const data = {
                text: e.name,
                role: e.id,
                handler: () => {
                    this.obj.startEnd = e.id;
                    this.obj.timeText = e.name;
                }
            };
            return data;
        });
        btnArr.push({
            text: '取消',
            role: 'cancel',
            handler: () => {
                console.log('Cancel clicked');
            }
        });

        const actionSheet = this.actionSheetCtrl.create({
            cssClass: 'cameraAction',
            buttons: btnArr
        });
        actionSheet.present();
    }


    //提交申请
    submit() {

        //校验
        let checkBool = false;
        for (let i in this.check) {
            if (!this.obj[i] || this.obj.serviceStr.length == 0) {
                console.log(this.obj[i]);
                checkBool = true;
                this.check[i] = true;
            } else {
                this.check[i] = false;
            }
        }
        if (checkBool) return false;


        const data = {
            appointmentDate: this.obj.appointmentDate,
            service: this.obj.serviceStr.join(','),
            remark: this.obj.remark,
            startEnd: this.obj.startEnd,
        };
        if (this.applyId) data['id'] = this.applyId;
        console.log(data);
        this.commonSer.alert('确定提交申请？', () => {
            this.serveSer.saveHairApply(data).subscribe(
                (res) => {
                    if (res.errcode == 1000) {
                        this.navCtrl.pop()
                        this.commonSer.toast('理发申请成功');
                    } else {
                        this.commonSer.toast(res.errmsg);
                    }
                }
            )
        });
    }

}