platform-bi-web/app/components/chartDesigner/header.jsx

import React from 'react';
import { Input, Select, Icon, Button } from 'antd';
import emitter from '../../eventManger/ev';
const Option = Select.Option;
import './header.less';
import { connect } from 'dva';
import title from '../../models/title';


const Header = connect(({ title: { title } }) => ({
    title,
}))(props => {
    return (
        <div className='header'>
            <div className='header-item toolbar-title'>
                <Input className='input-title' 
                    width={200} 
                    addonAfter={<Icon type="edit" onClick={props.dispatch({ type: 'title/set', text: '测试标题' })}/>} 
                    value={props.title}
                />
            </div>
            <div className='header-item toolbar-buttons'>
                <div className=''>
                    <Button className='button-uodo' icon='undo' onClick={this.emit('undo')}>撤销</Button>
                    <Button className='button-redo' onClick={this.emit('redo')}>重做</Button>
                    <Button className='button-uodo' onClick={this.emit('Preview')}>预览</Button>
                    <Button className='button-uodo' onClick={this.emit('save')}>保存</Button>
                </div>
            </div>
        </div>
    )
});

export default Header;