food-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-food-apply',
    templateUrl: 'food-apply.html',
})
export class FoodApplyPage {

    obj = {
        orderDate: null,
        typeList: [],
        typeText: '请选择',
        peopleCount: '',
        standard: '',
        standardText: '请选择',
        amount: '',
        remark: '',
    };

    checkObj = {
        orderDate: false,
        typeList: false,
        peopleCount: false,
        standard: false,
    };

    personList = [];
    applyId; //是否编辑
    type;

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

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

    //初始化参数
    initParams() {
        const data = this.navParams.get('data');
        console.log(data);
        if (data) {

        } else {
            this.obj.orderDate = this.datePipe.transform(new Date(), 'yyyy-MM-ddTHH:mm');
        }
    }

    //用餐详情
    meetDetail() {
        this.serveSer.detailMeals(this.applyId).subscribe(
            (res) => {
                if (res) {
                    this.obj.orderDate = res.data.orderDate;
                    this.obj.standard = res.data.standard;
                    this.obj.standardText = res.data.amount +"元";
                    this.obj.peopleCount = res.data.peopleCount;
                    this.obj.amount = res.data.amount;
                    this.obj.typeList = res.data.typeList;
                    this.obj.remark = res.data.remark;
                }
            }
        )
    }

    // 选择时间点
    chooseTime(type) {
        const index = this.obj.typeList.indexOf(type);
        if (index === -1) {
            this.obj.typeList.push(type);
        } else {
            this.obj.typeList.splice(index, 0);
        }
    }


    //选择标准
    chooseStandard() {
        const buttonsArr = [
            {
                text: '15元',
                handler: () => {
                    this.obj.standard = '1';
                    this.obj.standardText = '15元';
                    this.obj.amount = '15';
                }
            },
            {
                text: '20元',
                handler: () => {
                    this.obj.standard = '2';
                    this.obj.standardText = '20元';
                    this.obj.amount = '20';
                }
            },
            {
                text: '其他',
                handler: () => {
                    this.obj.standard = '3';
                }
            }, {
                text: '取消',
                role: 'cancel',
                handler: () => {
                    console.log('Cancel clicked');
                }
            }
        ];
        const actionSheet = this.actionSheetCtrl.create({
            cssClass: 'cameraAction',
            buttons: buttonsArr
        });
        actionSheet.present();
    }


    //提交申请
    submit() {
        //校验
        let checkBool = false;
        for (let i in this.checkObj) {
            if (!this.obj[i]) {
                checkBool = true;
                this.checkObj[i] = true;
            } else {
                this.checkObj[i] = false;
            }
        }

        if (checkBool) {
            this.commonSer.toast("请输入必填项！");
            return false;
        }

        let carUser = [];
        this.personList.forEach(e => {
            carUser.push(e.id);
        });
        const data =<any> {
            orderDate: this.datePipe.transform(this.obj.orderDate, 'yyyy-MM-dd'),
            typeList: this.obj.typeList,
            peopleCount: this.obj.peopleCount,
            standard: this.obj.peopleCount,
            amount: this.obj.amount,
            remark: this.obj.remark,
        };
        if(this.applyId) data.id = this.applyId;
        this.commonSer.alert('确认提交？', () => {
            this.serveSer.saveMeals(data).subscribe(
                (res) => {
                    if (res.errcode == 1000) {
                        this.commonSer.toast('提交申请成功');
                        this.navCtrl.pop();
                    } else {
                        this.commonSer.toast(res.errmsg);
                    }
                }
            )
        });
    }

}