weaver_trunk_cli/pc4mobx/hrmAttendance/components/report/monthCalendar/SearchGroup.js

32 lines
1.3 KiB
JavaScript

import React, {Component} from 'react';
import {observer} from 'mobx-react';
import {WeaRadioGroup} from 'ecCom';
@observer
export default class SearchGroup extends Component{
constructor(props){
super(props);
}
render(){
const {store} = this.props;
const {radioGroupConfig, onRadioGroupChange, showColumns, memo} = store;
return (
<div className='searchGroup'>
<WeaRadioGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaRadioGroup@9dx9lu`} config={store.toJS(radioGroupConfig)} onChange={onRadioGroupChange}/>
<div style={{height: 20, lineHeight: '20px', width: '100%', textAlign: 'right', marginTop: 10}}>
{
memo && memo.map((m, i) => {
return (
<div style={{float: 'right', marginLeft: 8}}>
<div style={{float: 'left', width: 20, height:20, background: m.color, marginRight:4}}></div>
<div style={{float: 'right'}}>{m.title}</div>
</div>
)
})
}
</div>
</div>
)
}
}