import React, {
    Component
} from 'react';
import {
    observer
} from 'mobx-react';
import {
    WeaNewScroll,
    WeaRightMenu
} from 'ecCom';
import classnames from 'classnames';
import FormInfo from '../../coms/FormInfo';

@observer
export default class AdvanceSetting extends Component {
    render() {
        const {
            store,
            rightMenu
        } = this.props;
        const {formTarget, refreshForm, itemRender} = store;
        const {settingForm: form, settingFormFields: fields} = formTarget;
        const classes = classnames({
            ['tabPane']: true,
            ['tabPane-dialog']: (this.props.isSingle ? true : false),
            ['tabPane-single']: (this.props.isSingle ? true : false)
        });
		const rMenu = [...rightMenu, ...store.getBasicMenus('HRM_ENGINE_SECURITYSETTING')]
        return (
            <div className={classes}>
                <WeaNewScroll ecId={`${this && this.props && this.props.ecId || ''}_WeaNewScroll@uvt4o9`} height={'100%'}>
                    <WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@a6nuap`} datas={rMenu}>
                        <FormInfo ecId={`${this && this.props && this.props.ecId || ''}_FormInfo@aij22r`} form={form} formFields={fields} itemRender={itemRender} menus={rightMenu}/>
                    </WeaRightMenu>
                </WeaNewScroll>
            </div>
        )
    };
}