room-apply.ts

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

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

    obj = {
        meetingType: '1',
        meetingTypeText: '工作会议',
        roomId: null,
        roomText: '请选择',
        orgId: null,
        orgText: '请选择',
        startTime: '',
        endTime: '',
        orgLeader: [],
        personList: [],
        remark: '',
        participant: '',
        participantAmount: null,
        equipmervice: [],

    };

    check = {
        roomId: false,
        startTime: false,
        endTime: false,
        participantAmount: false,
        personList: false,
        orgId: false
    };


    meetTypeList = [
        {id: '1', name: '工作会议'},
        {id: '2', name: '座谈会'},
        {id: '3', name: '中心组学习'},
        {id: '4', name: '访谈'},
    ];
    equipList = [
        {id: '1', name: '投影仪'},
        {id: '2', name: '互联网'},
        {id: '3', name: '政务外网'},
        {id: '4', name: '话筒'},
        {id: '5', name: '茶水'},
        {id: '6', name: '矿泉水'},
        {id: '7', name: '毛巾'},
        {id: '8', name: '水果'},
    ];
    roomList = [];
    orgList = [];
    leaderList = [];

    personList = [];
    roomMax = '请输入参会人数';   //会议室最大人数

    applyId; //是否编辑
    mineInfo;  //申请人信息

    constructor(public navCtrl: NavController, public navParams: NavParams, private actionSheetCtrl: ActionSheetController,
                private serveSer: ServeService, public _modalCtrl: ModalController, private appMainSer: AppMainService,
                private commonSer: CommonService, private datePipe: DatePipe) {
        this.appMainSer.mineInfo.subscribe(value => {
            this.mineInfo = value;
        })
    }

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

    //时间和会议室初始化
    initParams() {
        const data = this.navParams.get('data');
        if (data) {
            this.obj.startTime = this.datePipe.transform(data.startTime, 'yyyy-MM-ddTHH:mm');
            this.obj.roomId = data.roomId;
            this.obj.roomText = data.roomName;
        } else {
            const now = this.datePipe.transform(new Date(), 'yyyy-MM-dd') + ' 9:00';
            this.obj.startTime = this.datePipe.transform(now, 'yyyy-MM-ddTHH:mm');
        }
    }

    //会议详情
    meetDetail() {
        this.serveSer.meetDetail(this.applyId).subscribe(
            (res) => {
                if (res) {
                    this.personList = res.participants.map(e => {
                        const m = {
                            id: e.userId,
                            userName: e.userName
                        };
                        return m;
                    });
                    this.obj.orgLeader = res.leaders;
                    this.obj.meetingType = res.meetingType;
                    this.obj.startTime = this.datePipe.transform(res.startTime, 'yyyy-MM-ddTHH:mm');
                    this.obj.endTime = this.datePipe.transform(res.endTime, 'yyyy-MM-ddTHH:mm');
                    this.obj.remark = res.remark;
                    this.obj.equipmervice = res.equipmervice.split(',');
                    this.obj.participantAmount = res.participantAmount;
                    this.obj.orgId = res.orgId;
                    this.obj.roomId = res.roomId;
                }
            }
        )
    }

    //会议室列表，部领导列表，处室列表
    getList() {
        this.serveSer.getLeaders().subscribe(
            (res) => {
                this.leaderList = res.data;
            }
        );
        this.serveSer.getRoomList().subscribe(
            (res) => {
                this.roomList = res.data;
            }
        );
        const data = {order: 0};
        this.serveSer.getAllOrganization(data).subscribe(
            (res) => {
                this.orgList = res;
                const org = <any>this.orgList.filter(e => e.name == this.mineInfo.orgName);
                if (org && org.length > 0) {
                    this.obj.orgText = org[0].name;
                    this.obj.orgId = org[0].id;
                }
            }
        )
    }

    //选择会议类型
    chooseRoomType() {
        const btnArr = this.meetTypeList.map(e => {
            const data = {
                text: e.name,
                role: e.id,
                handler: () => {
                    this.obj.meetingType = e.id;
                    this.obj.meetingTypeText = 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();
    }

    //选择会议室
    chooseRoom() {
        const btnArr = this.roomList.map(e => {
            const data = {
                text: e.name,
                role: e.id,
                handler: () => {
                    this.obj.roomId = e.id;
                    this.obj.roomText = e.name;
                    this.roomMax = `该会议室可容纳${e.accommodation}人`;
                }
            };
            return data;
        });
        btnArr.push({
            text: '取消',
            role: 'cancel',
            handler: () => {
                console.log('Cancel clicked');
            }
        });

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

    }

    //选择处室
    chooseOrg() {
        const btnArr = this.orgList.map(e => {
            const data = {
                text: e.name,
                role: e.id,
                handler: () => {
                    this.obj.orgId = e.id;
                    this.obj.orgText = 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();
    }

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

    //选择设备
    chooseEquip(item) {
        const index = this.obj.equipmervice.indexOf(item.id);
        if (index > -1) {
            this.obj.equipmervice.splice(index, 1);
        } else {
            this.obj.equipmervice.push(item.id);
        }
        console.log(this.obj);
    }

    //选择人员
    choose() {
        let modal = this._modalCtrl.create(PersonMulComponent, {
            enterAnimation: 'modal-scale-enter',
            leaveAnimation: 'modal-scale-leave'
        });
        modal.onDidDismiss(data => {
            if (data) {
                this.personList = data;
            }
        });
        modal.present();
    }

    //移除人员
    removePerson(index) {
        console.log(index);
        this.personList.splice(index, 1);
    }

    submit() {
        const max = this.roomMax.replace(/[^0-9]/ig, "");
        console.log(max);
        if (isNaN(this.obj.participantAmount) || this.obj.participantAmount > max) {
            console.log(this.obj.participantAmount);
            this.check.participantAmount = true;
            return false;
        }
        //校验
        let checkBool = false;
        for (let i in this.check) {
            if (!this.obj[i] || this.personList.length == 0) {
                checkBool = true;
                this.check[i] = true;
            } else {
                this.check[i] = false;
            }
        }

        if (checkBool) return false;

        let orgName = this.orgList.filter(e => this.obj.orgId == e.id)[0].name;
        const data = {
            meetingType: this.obj.meetingType,
            roomId: this.obj.roomId,
            orgId: this.obj.orgId,
            orgName: orgName,
            startTime: new Date(this.obj.startTime).getTime(),
            endTime: new Date(this.obj.endTime).getTime(),
            orgLeader: this.obj.orgLeader.join(','),
            remark: this.obj.remark,
            participant: this.personList.map(e => {
                return e.id
            }).join(','),
            participantAmount: this.obj.participantAmount,
            equipmervice: this.obj.equipmervice.join(','),
        };
        if (this.applyId) data['id'] = this.applyId;
        console.log(data);
        this.commonSer.alert('确定提交申请？', () => {
            this.serveSer.saveApply(data).subscribe(
                (res) => {
                    if (res.errcode == 1000) {
                        this.navCtrl.pop()
                        this.commonSer.toast('会议室申请成功');
                    } else {
                        this.commonSer.toast(res.errmsg);
                    }
                }
            )
        });
    }
}