import {
	observer
} from 'mobx-react';
import {
	WeaDialog,
} from 'ecCom';
import Customization from './Customization';
import {
    Spin,
    Button,
} from 'antd'

@observer
export default class SearchCustomDialog extends React.Component {
	constructor(props) {
		super(props);
	}

	render() {
		const {
			store
		} = this.props, {
			SEARCHDIALOG,
			searchDialog,
			search
		} = store;
		const buttons = [
            <Button type='primary' onClick={()=>store.saveHrmSearchUserDefine()}>保存</Button>,
            <Button type='primary' onClick={()=>store.saveHrmSearchUserDefine()}>存为模板</Button>,
            <Button type='primary' onClick={()=>store.saveHrmSearchUserDefine()}>模板管理</Button>
        ]


		return (
			<WeaDialog
				{...SEARCHDIALOG}
				{...searchDialog}
				buttons={search ? buttons.slice(0, 1) : buttons}
				initLoadCss
				title={search ? '常用条件定制':'列定制'}
			>
                <Customization store={store}/>
			</WeaDialog>
		);
	}
}