platform-bi-web/app/components/datasource/otherConfig.jsx

import React from 'react'
import { Button, Form, Row, Col, Input, InputNumber, Select, Icon, Menu, Dropdown, Divider, Upload, message } from 'antd'
const FormItem = Form.Item
const SelectOption = Select.Option
const OptionGroup = Select.OptGroup
const InputGroup = Input.Group
const SubMenu = Menu.SubMenu
const MenuItem = Menu.Item
const MenuItemGroup = Menu.ItemGroup
const UploadDragger = Upload.Dragger
import { connect } from 'dva'
import '../../models/dataSource'
import '../../models/dataConnect'

const OtherConfig = ({ dataSource, dataConnect, dispatch, mode }) => {

    const formItemLayout = {
        labelCol: { span: 4 },
        wrapperCol: { span: 20 },
    };

    const dataSourceLinkMenu = (
        <Menu
            className='menu-datasource-link'
            onClick={(e) => {
                const model = dataConnect.list[e.key];
                dispatch({ type: 'dataSource/setNewModelFields', fields: [
                    { name: 'address', value: model.address },
                    { name: 'port', value: model.port },
                    { name: 'dbType', value: model.dbType },
                    { name: 'dbName', value: model.dbName },
                    { name: 'userName', value: model.userName },
                    { name: 'password', value: model.password }
                ] });
            }}
        >
            {
                dataConnect.list.map((l, i) => {
                    return <MenuItem key={i}>{l.name}</MenuItem>
                })
            }
        </Menu>
    );


    return (
        <Form className='form-base' size='small'>
            <FormItem label='数据源名称' {...formItemLayout}>
                <Input
                    value={dataSource.newOne.name}
                    onChange={(e) => { dispatch({ type: 'dataSource/setNewModelField', name: 'name', value: e.target.value }) }}>
                </Input>
            </FormItem>
            <FormItem label='标签' {...formItemLayout}>
                <Select
                    mode="tags"
                    placeholder='多个标签使用逗号或空格分隔'
                    tokenSeparators={[',', ' ']}
                    value={dataSource.newOne.tags}
                    dropdownStyle={{display: 'none'}}
                    onChange={(value) => {
                        dispatch({ type: 'dataSource/setNewModelField', name: 'tags', value: value });
                    }}
                >
                </Select>
            </FormItem>
            <FormItem className='textarea-desc' label='说明' {...formItemLayout}>
                <Input.TextArea
                    autosize={{ minRows: 2, maxRows: 5 }}
                    value={dataSource.newOne.description}
                    onChange={(e) => {
                        dispatch({ type: 'dataSource/setNewModelField', name: 'description', value: e.target.value });
                    }}
                />
            </FormItem>
        </Form>
    );
}

function mapStateToProps({ present: {dataSource, dataConnect} }) {
    return { dataSource, dataConnect }
}

export default connect(mapStateToProps)(OtherConfig);