import React, {Component} from 'react';
import { observer } from 'mobx-react';
import {WeaFormItem, WeaBrowser, WeaTools, WeaLocaleProvider, WeaRightMenu} from 'ecCom';
import FieldList from './FieldList';
const {getIconBGC} = WeaTools;
const getLabel = WeaLocaleProvider.getLabel;

@observer
export default class HrmField extends Component{
    render(){
        return (
            <div className="tabPane tabPane-include setting_content">
                <div className="fieldList">
                    <FieldList ecId={`${this && this.props && this.props.ecId || ''}_FieldList@rbf1ww`} store={this.props.store}/>
                </div>
                <div className="preview">
                    <div className="preview_content">
                        <div className="title">{getLabel('221','预览') }</div>
                        <div className="item">
                            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@72xk2h`}
                                label={getLabel('502147','单人力资源浏览框')}
                                labelCol={{span: 6}}
                                wrapperCol={{span: 18}}
                            >
                                <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@mcxiod`}
                                    type={1}
                                    textDecoration={true}
                                    {...getIconBGC('hrm')}
                                    title={getLabel('502147','单人力资源浏览框')}
                                />
                            </WeaFormItem>
                        </div>
                        <div className="item">
                            <WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@k51unm`}
                                label={getLabel('502148','多人力资源浏览框')}
                                labelCol={{span: 6}}
                                wrapperCol={{span: 18}}
                            >
                                <WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@5ikgw9`}
                                    type={17}
                                    textDecoration={true}
                                    isSingle={false}
                                    {...getIconBGC('hrm')}
                                    title={getLabel('502148','多人力资源浏览框')}
                                />
                            </WeaFormItem>
                        </div>
                        <div className="tips">{getLabel('502156','说明：保存后可点击上述浏览框查看预览效果。')}</div>
                    </div>
                </div>
            </div>
        )
    }
}