import React, {Component} from 'react';
import {Select} from 'antd';
import {observer} from "mobx-react";

class GroupSelect extends Component {

    constructor(props) {
        super(props);
    }

    render() {
        const store = this.props.store;
        return (
            <div>
                <Select
                    mode={store.group_select_mode}
                    style={{width: '95%',}}
                    placeholder="选择小组"
                    value={store.groups}
                    onChange={(value) => store.group_handleChange(value)}
                >
                    {this.props.show_all ? <Select.Option key="0" value="ALL">ALL 小组</Select.Option> : ''}
                    <Select.Option key="31" value="1,2,28,7">GH事业部</Select.Option>
                    <Select.Option key="32" value="8,9,11,12,20,21">国际事业部</Select.Option>
                    <Select.Option key="33" value="10,18,16,30">孵化学院</Select.Option>
                    <Select.Option key="1" value="1">CH直销</Select.Option>
                    <Select.Option key="2" value="2">CH大客户</Select.Option>
                    <Select.Option key="28" value="28">AH</Select.Option>
                    <Select.Option key="7" value="7">市场推广</Select.Option>
                    <Select.Option key="8" value="8">德语</Select.Option>
                    <Select.Option key="9" value="9">日语</Select.Option>
                    <Select.Option key="11" value="11">法语</Select.Option>
                    <Select.Option key="12" value="12">西语</Select.Option>
                    <Select.Option key="20" value="20">俄语</Select.Option>
                    <Select.Option key="21" value="21">意语</Select.Option>
                    <Select.Option key="10" value="10">商旅</Select.Option>
                    <Select.Option key="18" value="18">CT</Select.Option>
                    <Select.Option key="16" value="16">APP</Select.Option>
                    <Select.Option key="30" value="30">Trippest</Select.Option>
                    <Select.Option key="31" value="31">花梨鹰</Select.Option>
                </Select>
            </div>
        );
    }
}

export default observer(GroupSelect);