465 lines
14 KiB
JavaScript
465 lines
14 KiB
JavaScript
|
import React from 'react'
|
|||
|
|
import {inject,observer} from 'mobx-react';
|
|||
|
|
import {WeaAlertPage} from 'ecCom'
|
|||
|
|
import isEmpty from 'lodash/isEmpty'
|
|||
|
|
import debounce from 'lodash/debounce'
|
|||
|
|
import {
|
|||
|
|
WeaReportGroup,
|
|||
|
|
WeaTop,
|
|||
|
|
WeaTab,
|
|||
|
|
WeaRightMenu,
|
|||
|
|
WeaDialog,
|
|||
|
|
WeaInput,
|
|||
|
|
WeaFormItem,
|
|||
|
|
WeaTools} from 'ecCom'
|
|||
|
|
import {Tabs,Button,Spin} from 'antd'
|
|||
|
|
import * as mobx from 'mobx';
|
|||
|
|
import { toJS } from 'mobx';
|
|||
|
|
import {WeaTableNew} from 'comsMobx';
|
|||
|
|
import '../../style/constrpsubsearch.less';
|
|||
|
|
import {routerShape} from 'react-router';
|
|||
|
|
import {i18n} from '../../public/i18n';
|
|||
|
|
const WeaTable = WeaTableNew.WeaTable;
|
|||
|
|
|
|||
|
|
@inject('hrmConstRpSubSearch')
|
|||
|
|
@observer
|
|||
|
|
class Main extends React.Component{
|
|||
|
|
static contextTypes = {
|
|||
|
|
router: routerShape
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
constructor(props) {
|
|||
|
|
super(props);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentDidMount() {
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { isCustom } = this.props.location.query;
|
|||
|
|
hrmConstRpSubSearch.scopeId = this.props.params.scopeId || '';
|
|||
|
|
hrmConstRpSubSearch.isCustom = isCustom || '';
|
|||
|
|
this.init();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
componentWillReceiveProps(nextProps) {
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { isCustom } = nextProps.location.query;
|
|||
|
|
hrmConstRpSubSearch.scopeId = nextProps.params.scopeId || '';
|
|||
|
|
hrmConstRpSubSearch.isCustom = isCustom || '';
|
|||
|
|
if(this.props.location.key !== nextProps.location.key ||
|
|||
|
|
this.props.params.scopeId !== nextProps.params.scopeId) {
|
|||
|
|
this.init();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
init(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
hrmConstRpSubSearch.visible=false;
|
|||
|
|
hrmConstRpSubSearch.templeteValue='';
|
|||
|
|
hrmConstRpSubSearch.templateid = '0';
|
|||
|
|
hrmConstRpSubSearch.getTabInfo({},()=>{
|
|||
|
|
hrmConstRpSubSearch.getCondition();
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
reset(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
this.refs.report.reset();
|
|||
|
|
hrmConstRpSubSearch.reset();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
formatData(){
|
|||
|
|
let fieldParams = this.refs.report.get();
|
|||
|
|
let params = {};
|
|||
|
|
let fieldnames = [];
|
|||
|
|
let checkshows = []
|
|||
|
|
for(let key in fieldParams) {
|
|||
|
|
let fieldparam = fieldParams[key]
|
|||
|
|
if(!fieldparam.disabled){
|
|||
|
|
if(fieldparam.checkRow){
|
|||
|
|
checkshows.push(key);
|
|||
|
|
params["con"+key+"_colname"]=key;
|
|||
|
|
params["con"+key+"_fieldlabel"]=fieldparam.label;
|
|||
|
|
params["show"+key+"_sn"]=fieldparam.index;
|
|||
|
|
}
|
|||
|
|
if(fieldparam.checked){
|
|||
|
|
fieldnames.push(key);
|
|||
|
|
params["con"+key+"_colname"]=key;
|
|||
|
|
let arrConditionType = fieldparam.conditionType.split("_");
|
|||
|
|
params["con"+key+"_htmltype"]=arrConditionType[0];
|
|||
|
|
params["con"+key+"_type"]=arrConditionType[1];
|
|||
|
|
if(fieldparam.value){
|
|||
|
|
params["con"+key+"_opt"]=fieldparam.value.opt||'';
|
|||
|
|
params["con"+key+"_opt1"]=fieldparam.value.opt1||'';
|
|||
|
|
// 司龄、工龄、身高、体重，不输入默认传0上去
|
|||
|
|
if(fieldparam.conditionType == "1_3"){
|
|||
|
|
params["con"+key+"_value"]=fieldparam.value.optvalue||fieldparam.value[key]||'0';
|
|||
|
|
params["con"+key+"_value1"]=fieldparam.value.opt1value||fieldparam.value[key]||'';
|
|||
|
|
}else{
|
|||
|
|
params["con"+key+"_value"]=fieldparam.value.optvalue||fieldparam.value[key]||'';
|
|||
|
|
params["con"+key+"_value1"]=fieldparam.value.opt1value||fieldparam.value[key]||'';
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
params.check_show=checkshows;
|
|||
|
|
params.check_con=fieldnames;
|
|||
|
|
return params;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
doSearch(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
let params = this.formatData();
|
|||
|
|
hrmConstRpSubSearch.doSearch(params);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
saveTemplete(params = {}){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
let tmpTabKey = hrmConstRpSubSearch.tabkey;
|
|||
|
|
let formParams = this.formatData();
|
|||
|
|
params.scopeId = hrmConstRpSubSearch.scopeId;
|
|||
|
|
if(hrmConstRpSubSearch.isCustom=='1'){
|
|||
|
|
params.scopeCmd = '0';
|
|||
|
|
}else{
|
|||
|
|
if(tmpTabKey&& tmpTabKey.split("_").length==3){
|
|||
|
|
let tmpValue = tmpTabKey.split("_");
|
|||
|
|
params.scopeCmd = tmpValue[1];
|
|||
|
|
}else{
|
|||
|
|
params.scopeCmd = tmpTabKey;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
hrmConstRpSubSearch.saveTemplete({...params,...formParams});
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
doSave(){
|
|||
|
|
let params = {};
|
|||
|
|
params.doSave=true;
|
|||
|
|
this.saveTemplete(params);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
reSave(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
hrmConstRpSubSearch.isReSave = true;
|
|||
|
|
hrmConstRpSubSearch.updateVisible(true);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
doDel(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { templateid } = hrmConstRpSubSearch;
|
|||
|
|
if(templateid!='0'){
|
|||
|
|
hrmConstRpSubSearch.deleteTabs();
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getRightMenu(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { showResult,templateid } = hrmConstRpSubSearch;
|
|||
|
|
|
|||
|
|
let btns =[];
|
|||
|
|
const btnDoSearch = {
|
|||
|
|
icon: <i className='icon-coms-search'/>,
|
|||
|
|
content: i18n.button.search()
|
|||
|
|
};
|
|||
|
|
const btnSave = {
|
|||
|
|
icon: <i className='icon-coms-common'/>,
|
|||
|
|
content: i18n.button.save()
|
|||
|
|
};
|
|||
|
|
const btnDel = {
|
|||
|
|
icon: <i className='icon-coms-common'/>,
|
|||
|
|
content: i18n.button.delete()
|
|||
|
|
};
|
|||
|
|
const btnReSearch = {
|
|||
|
|
icon: <i className='icon-coms-go-back'/>,
|
|||
|
|
content:i18n.button.research()
|
|||
|
|
};
|
|||
|
|
const btnReSet = {
|
|||
|
|
icon: <i className='icon-coms-Return'/>,
|
|||
|
|
content:i18n.button.reset()
|
|||
|
|
};
|
|||
|
|
const btnSaveTemplete = {
|
|||
|
|
icon: <i className='icon-coms-content-o'/>,
|
|||
|
|
content:i18n.button.saveAsTemplate()
|
|||
|
|
};
|
|||
|
|
const btnReSaveTemplete = {
|
|||
|
|
icon: <i className='icon-coms-content-o'/>,
|
|||
|
|
content:i18n.button.saveAs()
|
|||
|
|
};
|
|||
|
|
const btnImportExcel = {
|
|||
|
|
icon: <i className='icon-coms-export'/>,
|
|||
|
|
content:i18n.button.export()
|
|||
|
|
};
|
|||
|
|
|
|||
|
|
if(showResult){
|
|||
|
|
btns.push(btnReSearch);
|
|||
|
|
btns.push(btnImportExcel);
|
|||
|
|
}else{
|
|||
|
|
if(templateid == '0'){
|
|||
|
|
btns.push(btnDoSearch);
|
|||
|
|
btns.push(btnReSet);
|
|||
|
|
btns.push(btnSaveTemplete);
|
|||
|
|
}else{
|
|||
|
|
btns.push(btnDoSearch);
|
|||
|
|
btns.push(btnSave);
|
|||
|
|
btns.push(btnDel);
|
|||
|
|
btns.push(btnReSaveTemplete);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return btns;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
onRightMenuClick(key){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { showResult,templateid } = hrmConstRpSubSearch;
|
|||
|
|
|
|||
|
|
if(showResult){
|
|||
|
|
switch(key){
|
|||
|
|
case '0':
|
|||
|
|
hrmConstRpSubSearch.reSearch();
|
|||
|
|
break;
|
|||
|
|
case '1':
|
|||
|
|
hrmConstRpSubSearch.importExcel();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
if(templateid=='0'){
|
|||
|
|
switch(key){
|
|||
|
|
case '0':
|
|||
|
|
this.doSearch();
|
|||
|
|
break;
|
|||
|
|
case '1':
|
|||
|
|
this.reset();
|
|||
|
|
break;
|
|||
|
|
case '2':
|
|||
|
|
hrmConstRpSubSearch.updateVisible(true);
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}else{
|
|||
|
|
switch(key){
|
|||
|
|
case '0':
|
|||
|
|
this.doSearch();
|
|||
|
|
break;
|
|||
|
|
case '1':
|
|||
|
|
this.doSave();
|
|||
|
|
break;
|
|||
|
|
case '2':
|
|||
|
|
this.doDel();
|
|||
|
|
break;
|
|||
|
|
case '3':
|
|||
|
|
this.reSave();
|
|||
|
|
break;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getTopButtons() {
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { showResult, templateid} = hrmConstRpSubSearch;
|
|||
|
|
let btns =[];
|
|||
|
|
const btnDoSearch = <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>this.doSearch()} >{i18n.button.search()}</Button>;
|
|||
|
|
const btnDoSave = <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>this.doSave()} >{i18n.button.save()}</Button>;
|
|||
|
|
const btnDoDel= <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>this.doDel()} >{i18n.button.delete()}</Button>;
|
|||
|
|
const btnReSearch = <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>hrmConstRpSubSearch.reSearch()} >{i18n.button.research()}</Button>;
|
|||
|
|
const btnReSet = <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>this.reset()} >{i18n.button.reset()}</Button>;
|
|||
|
|
const btnSaveTemplete = <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>hrmConstRpSubSearch.updateVisible(true)} >{i18n.button.saveAsTemplate()}</Button>;
|
|||
|
|
const btnReSaveTemplete = <Button type="primary" className='wea-hrm-top-buttons' onClick={()=>this.reSave()} >{i18n.button.saveAs()}</Button>;
|
|||
|
|
const btnImportExcel = <Button type="primary" onClick={debounce(()=>hrmConstRpSubSearch.importExcel(),1000)} >{i18n.button.export()}</Button>;
|
|||
|
|
if(showResult){
|
|||
|
|
btns.push(btnReSearch);
|
|||
|
|
btns.push(btnImportExcel);
|
|||
|
|
}else{
|
|||
|
|
if(templateid=='0'){
|
|||
|
|
btns.push(btnDoSearch);
|
|||
|
|
btns.push(btnReSet);
|
|||
|
|
btns.push(btnSaveTemplete);
|
|||
|
|
}else{
|
|||
|
|
btns.push(btnDoSearch);
|
|||
|
|
btns.push(btnDoSave);
|
|||
|
|
btns.push(btnDoDel);
|
|||
|
|
btns.push(btnReSaveTemplete);
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
return btns;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getDialogBtns() {
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const btns = [<Button type='primary' onClick={() => {
|
|||
|
|
this.saveTemplete();
|
|||
|
|
}}
|
|||
|
|
>{i18n.button.save()}</Button>];
|
|||
|
|
return btns;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getTabChildren(){
|
|||
|
|
const {hrmConstRpSubSearch} = this.props;
|
|||
|
|
let {topTabkey,tabkey,tabDatas} = hrmConstRpSubSearch;
|
|||
|
|
let tabChildren;
|
|||
|
|
tabDatas = toJS(tabDatas);
|
|||
|
|
tabDatas && tabDatas.map((t,i)=>{
|
|||
|
|
if (topTabkey === t.key) {
|
|||
|
|
tabChildren=<WeaTab
|
|||
|
|
type='card'
|
|||
|
|
selectedKey={tabkey}
|
|||
|
|
datas={toJS(t.tabinfo)}
|
|||
|
|
keyParam='key'
|
|||
|
|
onChange={(key)=>{this.refs.report && this.refs.report.reset();hrmConstRpSubSearch.changeTab(key)}}
|
|||
|
|
/>
|
|||
|
|
}
|
|||
|
|
})
|
|||
|
|
return tabChildren;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getCustomTabChildren(){
|
|||
|
|
const {hrmConstRpSubSearch} = this.props;
|
|||
|
|
let {tabkey,tabDatas} = hrmConstRpSubSearch;
|
|||
|
|
let tabChildren;
|
|||
|
|
tabDatas = toJS(tabDatas);
|
|||
|
|
tabDatas && tabDatas.map((t,i)=>{
|
|||
|
|
tabChildren = <WeaTab
|
|||
|
|
type='card'
|
|||
|
|
selectedKey={tabkey}
|
|||
|
|
datas={toJS(t.tabinfo)}
|
|||
|
|
keyParam='key'
|
|||
|
|
onChange={(key)=>{this.refs.report && this.refs.report.reset();hrmConstRpSubSearch.changeTab(key)}}
|
|||
|
|
/>
|
|||
|
|
})
|
|||
|
|
return tabChildren;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getTableWidth(columns){
|
|||
|
|
const columnLength = columns.filter((col)=>col.display === 'true').length;
|
|||
|
|
if(columnLength>10){
|
|||
|
|
return columnLength*160;
|
|||
|
|
}else{
|
|||
|
|
return '100%'
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
getBreadcrumb() {
|
|||
|
|
let {router} = this.context;
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
const { title,isCustom } = hrmConstRpSubSearch;
|
|||
|
|
const arr = [];
|
|||
|
|
if(isCustom=='1'){
|
|||
|
|
arr.push({
|
|||
|
|
name: i18n.label.customerInfo(),
|
|||
|
|
onClick: () => {
|
|||
|
|
if (router) {
|
|||
|
|
router.push({
|
|||
|
|
pathname: `/main/hrm/rpsubsearch`
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
});
|
|||
|
|
arr.push({
|
|||
|
|
name: title,
|
|||
|
|
onClick: () => {},
|
|||
|
|
});
|
|||
|
|
}else{
|
|||
|
|
arr.push({
|
|||
|
|
name: title,
|
|||
|
|
onClick: () => {},
|
|||
|
|
});
|
|||
|
|
}
|
|||
|
|
return arr;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
tabsOnChange(key){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
this.refs.report && this.refs.report.reset();
|
|||
|
|
hrmConstRpSubSearch.changeTopTab(key);
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
render(){
|
|||
|
|
const { hrmConstRpSubSearch } = this.props;
|
|||
|
|
let { verified, hasRight, title,form,table,config,showResult,tabDatas,topTabkey,visible,templeteValue, isCustom} = hrmConstRpSubSearch;
|
|||
|
|
config = toJS(config)
|
|||
|
|
if (verified && hasRight) {
|
|||
|
|
return( <div className='wea-hrm-const_rpsubsearch'>
|
|||
|
|
<WeaDialog
|
|||
|
|
visible={visible}
|
|||
|
|
onCancel={()=>hrmConstRpSubSearch.updateVisible(false)}
|
|||
|
|
closable
|
|||
|
|
style={{width: 500, height: 120}}
|
|||
|
|
title = {i18n.button.saveAsTemplate()}
|
|||
|
|
icon="icon-coms-hrm"
|
|||
|
|
iconBgcolor='#217346'
|
|||
|
|
buttons = {this.getDialogBtns()}
|
|||
|
|
>
|
|||
|
|
<div style={{padding: 20}}>
|
|||
|
|
<WeaFormItem
|
|||
|
|
label={i18n.label.templateName()}
|
|||
|
|
labelCol={{span: 6}}
|
|||
|
|
wrapperCol={{span: 14}}>
|
|||
|
|
<WeaInput viewAttr="3" value={templeteValue} onChange={(v)=> hrmConstRpSubSearch.updateTempleteValue(v)}/>
|
|||
|
|
</WeaFormItem>
|
|||
|
|
</div>
|
|||
|
|
</WeaDialog>
|
|||
|
|
<WeaRightMenu datas={this.getRightMenu()} onClick={this.onRightMenuClick.bind(this)}>
|
|||
|
|
<WeaTop
|
|||
|
|
//title={title}
|
|||
|
|
breadcrumb={ this.getBreadcrumb() }
|
|||
|
|
loading={false}
|
|||
|
|
icon={<i className='icon-coms-hrm' />}
|
|||
|
|
iconBgcolor='#217346'
|
|||
|
|
buttons={this.getTopButtons()}
|
|||
|
|
buttonSpace={10}
|
|||
|
|
showDropIcon={true}
|
|||
|
|
dropMenuDatas={this.getRightMenu()}
|
|||
|
|
onDropMenuClick={this.onRightMenuClick.bind(this)}
|
|||
|
|
>
|
|||
|
|
<div className='wea-hrm-detialtabinfo'>
|
|||
|
|
{
|
|||
|
|
isCustom == '1' && <div className='wea-hrm-cus_detialtabinfo'>{this.getCustomTabChildren()}</div>
|
|||
|
|
}
|
|||
|
|
{
|
|||
|
|
isCustom != '1' && <div>
|
|||
|
|
<WeaTab
|
|||
|
|
type='editable-inline'
|
|||
|
|
keyParam='key'
|
|||
|
|
datas={toJS(tabDatas)}
|
|||
|
|
selectedKey={topTabkey}
|
|||
|
|
onChange={ v => {
|
|||
|
|
this.tabsOnChange(v);
|
|||
|
|
}}
|
|||
|
|
/>
|
|||
|
|
{this.getTabChildren()}
|
|||
|
|
</div>
|
|||
|
|
}
|
|||
|
|
</div>
|
|||
|
|
{
|
|||
|
|
!showResult && !isEmpty(config) && <WeaReportGroup ref="report" config={config} hasIndex/>
|
|||
|
|
}
|
|||
|
|
{
|
|||
|
|
showResult && <div>
|
|||
|
|
<WeaTable
|
|||
|
|
comsWeaTableStore={table}
|
|||
|
|
hasOrder={true}
|
|||
|
|
needScroll={true}
|
|||
|
|
tableWidth={(columns)=>this.getTableWidth(columns)}
|
|||
|
|
//getColumns={c=>this.reRenderColumns(c)}
|
|||
|
|
rowKey={(record,index)=> index}
|
|||
|
|
/>
|
|||
|
|
</div>
|
|||
|
|
}
|
|||
|
|
</WeaTop>
|
|||
|
|
</WeaRightMenu>
|
|||
|
|
</div> );
|
|||
|
|
}
|
|||
|
|
if (verified && !hasRight) {
|
|||
|
|
return (<WeaAlertPage >
|
|||
|
|
<div style={{color : '#000'}}>
|
|||
|
|
{i18n.message.authFailed()}
|
|||
|
|
</div>
|
|||
|
|
</WeaAlertPage>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
return (
|
|||
|
|
<div></div>
|
|||
|
|
)
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
export default Main
|