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


class SiteSelect extends Component {
    static contextType = stores_Context;

    constructor(props) {
        super(props);
        this.state = {
            data: this.props.defaultValue,
        };
    }



    render() {
        const {orders_store} = this.context;

        return (
            <div>
                <Select
                    mode={this.props.multiple}
                    style={{width: '100%',}}
                    placeholder="选择网站"
                    defaultValue={orders_store.webcode}
                    onChange={orders_store.handleChange_webcode}
                >
                    {/*<Select.Option key="1" value="ALL">ALL</Select.Option>*/}
                    <Select.Option key="2" value="CHT">CHT</Select.Option>
                    <Select.Option key="8" value="AH">AH</Select.Option>
                    <Select.Option key="9" value="GH">GH</Select.Option>
                    <Select.Option key="28" value="GHKYZG">客运中国</Select.Option>
                    <Select.Option key="7" value="GHKYHW">客运海外</Select.Option>
                    <Select.Option key="11" value="JP">日语JP</Select.Option>
                    <Select.Option key="12" value="VAC">西语VAC</Select.Option>
                    <Select.Option key="20" value="IT">意大利语IT</Select.Option>
                    <Select.Option key="21" value="GM">德语GM</Select.Option>
                    <Select.Option key="10" value="RU">俄语RU</Select.Option>
                    <Select.Option key="18" value="VC">法语VC</Select.Option>
                    <Select.Option key="16" value="CT">CT</Select.Option>
                    <Select.Option key="30" value="trippest">TP</Select.Option>
                </Select>
            </div>
        );
    }
}

export default observer(SiteSelect);