return (
            <div>
                <div>
                    <div className="commonTitleWrap">
                        <div className="commonTitleCenter">
                            <img className="commonTitleIcon" src={require('../../images/area.png')} alt="Icon" />
                            <h2 className="commonTitle">指标区域</h2>
                        </div>
                        <div style={{'display': 'flex'}}>
                            <Button type="primary" style={{marginRight: '16px'}}>保存</Button>
                            <Button type="primary" style={{marginRight: '16px'}}>数据查询</Button>
                            <Button type="primary" style={{marginRight: '16px'}}>提取</Button>
                        </div>
                    </div>
                    <div className="p20">
                        <Row gutter={20}>
                            <Col span={5}>
                                <ul>
                                    {
                                        this.state.treeData.map((item, index) => {
                                            return (
                                                <li key={index}>{item.title}</li>
                                            )
                                        })
                                    }
                                </ul>
                            </Col>
                            <Col span={1}>
                                <div className="isHidden"></div>
                            </Col>
                            <Col span={18}>
                                <Form>
                                    <Row gutter={20}>
                                        <Col span={16}>
                                            <Form.Item label="账期选择" name="propName">
                                                <RangePicker locale={zhCN} allowClear picker="month"/>
                                                {/* <RangePicker locale={locale} picker="month" /> */}
                                                {/* <ConfigProvider locale={zhCN}> <div style={{ width: 400, margin: '100px auto' }}> <DatePicker />  </div> </ConfigProvider> */}
                                            </Form.Item>
                                        </Col>
                                        <Col span={8}>
                                            <Form.Item label="省份选择">
                                                <Select placeholder="请选择省份">
                                                    <Select.Option value="demo">Demo</Select.Option>
                                                </Select>
                                            </Form.Item>
                                        </Col>
                                    </Row>
                                </Form>
                                <Divider style={{ color: '#333', fontWeight: 'normal' }}></Divider>
                                <div>
                                    <div>1</div>
                                    <div>2</div>
                                    <div>3</div>
                                    <div>4</div>
                                    <div>5</div>
                                    <div>6</div>
                                </div>
                            </Col>
                        </Row>
                    </div>
                </div>
            </div>
        )