1643 lines
54 KiB
JavaScript
1643 lines
54 KiB
JavaScript
import {
|
|
inject,
|
|
observer,
|
|
} from 'mobx-react';
|
|
|
|
|
|
import {
|
|
Row,
|
|
Col,
|
|
Spin,
|
|
Form,
|
|
Modal,
|
|
Table,
|
|
Button,
|
|
message,
|
|
} from 'antd';
|
|
|
|
import {
|
|
WeaTab,
|
|
WeaInput,
|
|
WeaScope,
|
|
WeaSelect,
|
|
WeaUpload,
|
|
WeaDialog,
|
|
WeaBrowser,
|
|
WeaFormItem,
|
|
WeaCheckbox,
|
|
WeaNewScroll,
|
|
WeaRightMenu,
|
|
WeaSearchGroup,
|
|
WeaMoreButton,
|
|
WeaLocaleProvider,
|
|
WeaButtonIcon,
|
|
} from 'ecCom';
|
|
|
|
import React from 'react';
|
|
import * as mobx from 'mobx';
|
|
import {
|
|
WeaSwitch,
|
|
WeaTableNew,
|
|
|
|
WeaLogView,
|
|
} from 'comsMobx';
|
|
import {
|
|
i18n,
|
|
} from '../../hrm/i18n';
|
|
|
|
const getLabel = WeaLocaleProvider.getLabel;
|
|
|
|
import './style/index.css';
|
|
|
|
const toJS = mobx.toJS;
|
|
const WeaTable = WeaTableNew.WeaTable;
|
|
const confirm = Modal.confirm;
|
|
const FormItem = Form.Item;
|
|
|
|
const WeaLogViewComp = WeaLogView.Component;
|
|
|
|
import Import from '../importRelatedComponet/index';
|
|
|
|
@inject('weahrm_group_store')
|
|
@observer
|
|
class WeaHrmGroup extends React.Component {
|
|
constructor(props) {
|
|
super(props);
|
|
}
|
|
|
|
componentWillMount() {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
form1,
|
|
} = weahrm_group_store;
|
|
let bool = window.location.href.indexOf('/spa/hrm/index_mobx.html') > -1;
|
|
if (bool) {
|
|
document.title = i18n.module.personalization();
|
|
weahrm_group_store.setWeaTopStatus(true);
|
|
}
|
|
form1.reset();
|
|
}
|
|
|
|
componentDidMount() {
|
|
this.init();
|
|
}
|
|
|
|
|
|
componentWillUnmount() {
|
|
this.props.weahrm_group_store.showCanceled = false;
|
|
}
|
|
|
|
componentWillReceiveProps(nextProps) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
form1,
|
|
} = weahrm_group_store;
|
|
|
|
// if(this.props.location.key !== nextProps.location.key) {
|
|
/* form1.reset();
|
|
this.init(); */
|
|
// }
|
|
}
|
|
|
|
init() {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
weahrm_group_store.getPanelForm('1');
|
|
weahrm_group_store.getTableInfo('1');
|
|
weahrm_group_store.hasSuggestHint();
|
|
weahrm_group_store.setSourceStore();
|
|
}
|
|
|
|
getPanelComponents(condition, form, arg) {
|
|
const { weahrm_group_store } = this.props;
|
|
let arr = [];
|
|
let formParams = form.getFormParams();
|
|
const {
|
|
isFormInit,
|
|
} = form;
|
|
|
|
isFormInit && condition.map((c) => {
|
|
c.items.map((field, index) => {
|
|
arr.push(
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@5cqack@${index}`} span={10} offset={1}>
|
|
<div style={{ marginTop: 20 }}>
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@r78tbk@${index}`}
|
|
label={`${field.label}`}
|
|
labelCol={{ span: `${field.labelcol}` }}
|
|
wrapperCol={{ span: `${field.fieldcol}` }}
|
|
>
|
|
{<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@9hoqzd@${index}`} fieldConfig={field} form={form} formParams={formParams} />}
|
|
</WeaFormItem>
|
|
</div>
|
|
</Col>,
|
|
);
|
|
});
|
|
});
|
|
return (<div className="hrm-group-datepicker"><Row ecId={`${this && this.props && this.props.ecId || ''}_Row@3jwc9v`}
|
|
onKeyDown={(e) => {
|
|
if (e.keyCode == 13 && e.target.tagName === 'INPUT') {
|
|
const func = (arg === '3') ? 'setPanelThreeStatus' : 'setPanelTwoStatus';
|
|
weahrm_group_store[func](false);
|
|
const _arg = (arg === '3') ? '7' : arg;
|
|
weahrm_group_store.getTableInfo(_arg);
|
|
}
|
|
}}
|
|
>{arr}</Row></div>);
|
|
}
|
|
|
|
getNewAndShareComponents(condition, form, isLinkage, formname) {
|
|
let arr = [];
|
|
let formParams = form.getFormParams();
|
|
|
|
const {
|
|
isFormInit,
|
|
} = form;
|
|
|
|
isFormInit && condition.map((c) => {
|
|
let items = c.items;
|
|
for (let i = 0; i < items.length; i++) {
|
|
let field = items[i];
|
|
let dom;
|
|
|
|
if (isLinkage && this.fieldFilter(field)) continue;
|
|
if (isLinkage) {
|
|
dom = this.getShareDom(field, form, formParams);
|
|
} else {
|
|
dom = <WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@22g4ad@${i}`} fieldConfig={field} form={form} formParams={formParams} />;
|
|
}
|
|
|
|
arr.push(
|
|
<div style={{ marginTop: 15 }} className="hrm-group-browser">
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@iipgns@${formname}${field.domkey[0]}`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@xw3dqq@${formname}${field.domkey[0]}`} span={18} offset={3}>
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@kbsa1q@${formname}${field.domkey[0]}`}
|
|
label={(field.domkey[0] !== 'alllevel' && field.domkey[0] !== 'rolelevel') ? `${field.label}` : ''}
|
|
labelCol={{ span: 7 }}
|
|
wrapperCol={{ span: 14 }}
|
|
error={form.getError(field)}
|
|
tipPosition="bottom"
|
|
colon={!!((field.domkey[0] !== 'alllevel' && field.domkey[0] !== 'rolelevel'))}
|
|
>
|
|
{dom}
|
|
</WeaFormItem>
|
|
</Col>
|
|
</Row>
|
|
</div>,
|
|
);
|
|
}
|
|
});
|
|
|
|
return <div style={{ padding: '25px 0 40px 0', position: 'relative' }}>{arr}</div>;
|
|
}
|
|
|
|
fieldFilter(field) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
form6,
|
|
} = weahrm_group_store;
|
|
let sharetype;
|
|
let jobtitlelevel;
|
|
let formParams = form6.getFormParams();
|
|
if (formParams.sharetype) sharetype = formParams.sharetype;
|
|
if (formParams.jobtitlelevel) jobtitlelevel = formParams.jobtitlelevel;
|
|
|
|
let domkey = (field.domkey)[0];
|
|
if (sharetype == '1' && (domkey == 'sbid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'jobtitle' || domkey == 'jobtitlelevel' || domkey == 'seclevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'customid' || domkey == 'alllevel')) return true;
|
|
if (sharetype == '2' && (domkey == 'rsid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'jobtitle' || domkey == 'jobtitlelevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'customid')) return true;
|
|
if (sharetype == '3' && (domkey == 'rsid' || domkey == 'sbid' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'jobtitle' || domkey == 'jobtitlelevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'customid')) return true;
|
|
if (sharetype == '4' && (domkey == 'rsid' || domkey == 'sbid' || domkey == 'did' || domkey == 'jobtitle' || domkey == 'jobtitlelevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'customid' || domkey == 'alllevel')) return true;
|
|
if ((sharetype == '7' && (jobtitlelevel == '0' || !jobtitlelevel)) && (domkey == 'rsid' || domkey == 'sbid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'seclevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'customid' || domkey == 'alllevel')) return true;
|
|
if ((sharetype == '7' && jobtitlelevel == '1') && (domkey == 'rsid' || domkey == 'sbid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'seclevel' || domkey == 'jobtitlesubcompany' || domkey == 'customid' || domkey == 'alllevel')) return true;
|
|
if ((sharetype == '7' && jobtitlelevel == '2') && (domkey == 'rsid' || domkey == 'sbid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'seclevel' || domkey == 'jobtitledepartment' || domkey == 'customid' || domkey == 'alllevel')) return true;
|
|
if (sharetype == '8' && (domkey == 'sbid' || domkey == 'rsid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'jobtitle' || domkey == 'jobtitlelevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'alllevel')) return true;
|
|
if (sharetype == '5' && (domkey == 'sbid' || domkey == 'rsid' || domkey == 'did' || domkey == 'rid' || domkey == 'rolelevel' || domkey == 'jobtitle' || domkey == 'jobtitlelevel' || domkey == 'jobtitledepartment' || domkey == 'jobtitlesubcompany' || domkey == 'customid' || domkey == 'alllevel')) return true;
|
|
}
|
|
|
|
getShareDom(field, form, formParams) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
checkBoxVal,
|
|
selectvalue,
|
|
scopeValue,
|
|
} = weahrm_group_store;
|
|
let dom;
|
|
const options = [{
|
|
key: '1',
|
|
selected: true,
|
|
showname: i18n.label.department(),
|
|
}, {
|
|
key: '2',
|
|
showname: i18n.label.subcompany(),
|
|
}, {
|
|
key: '3',
|
|
showname: i18n.label.company(),
|
|
}];
|
|
if (formParams.jobtitlelevel === '') {
|
|
form.updateFields({
|
|
jobtitlelevel: '0',
|
|
});
|
|
}
|
|
if (field.domkey[0] == 'alllevel') {
|
|
dom = (<div style={{ position: 'absolute', top: -88, right: -100 }} className="hrm-group-wcb">
|
|
<WeaCheckbox ecId={`${this && this.props && this.props.ecId || ''}_WeaCheckbox@q9982u`} style={{ marginTop: 0 }} value={checkBoxVal} onChange={val => weahrm_group_store.setCheckBoxVal(val)} />
|
|
<span style={{ marginLeft: 10 }}>{i18n.label.includeLower()}</span>
|
|
</div>);
|
|
} else if (field.domkey[0] == 'rolelevel') {
|
|
dom = (<div style={{ position: 'absolute', top: -95, right: -125 }}>
|
|
<span style={{ float: 'left', marginTop: 6 }}>{i18n.label.level()}</span>
|
|
<div style={{ float: 'left' }} className="hrm-group-level">
|
|
<WeaSelect ecId={`${this && this.props && this.props.ecId || ''}_WeaSelect@v2ffty`}
|
|
value={selectvalue}
|
|
options={options}
|
|
onChange={val => weahrm_group_store.setSelectValue(val)}
|
|
/>
|
|
</div>
|
|
</div>);
|
|
} else if (field.domkey[0] == 'seclevel') {
|
|
dom = (<WeaScope ecId={`${this && this.props && this.props.ecId || ''}_WeaScope@302v9t`}
|
|
isMobx
|
|
viewAttr={3}
|
|
value={scopeValue}
|
|
onChange={val => weahrm_group_store.setScopeValue(val)}
|
|
/>);
|
|
} else {
|
|
dom = <WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@xeo101`} fieldConfig={field} form={form} formParams={formParams} />;
|
|
}
|
|
|
|
return dom;
|
|
}
|
|
|
|
getImportComponents(condition, form, arg) {
|
|
let _arr = [];
|
|
const {
|
|
isFormInit,
|
|
} = form;
|
|
const str = getLabel(131396, '覆盖时将替换原人员列表');
|
|
isFormInit && condition.map((c, i) => {
|
|
let arr = [];
|
|
c.items.map((field, index) => {
|
|
if (field.domkey) {
|
|
let dom = this.getDOM(field, arg);
|
|
|
|
arr.push({
|
|
com: (
|
|
<div className="hrm-group-import hrm-group-import-item">
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@ama3j3@${index}`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@z4n6fv@${index}`} span={2} offset={4}>
|
|
<div className="hrm-group-box">
|
|
<div className="hrm-group-circle hrm-group-radius" style={{ marginTop: 20 }}>{index + 1}</div>
|
|
</div>
|
|
</Col>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@azr12s@${index}`} span={14}>
|
|
<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@3plq87@${index}`}
|
|
label={`${field.label}`}
|
|
labelCol={{ span: `${field.labelcol}` }}
|
|
wrapperCol={(arg == '2' && index == 2) ? { span: 24 - `${field.labelcol}` } : { span: `${field.fieldcol}` }}
|
|
style={{ margin: '5px 0' }}
|
|
>
|
|
{dom}
|
|
{ field.domkey[0] == 'importlx' && this.getImportTypeValue() ? (<p style={{ position: 'absolute', top: 0, right: -145, color: '#4D7AD8' }} title={str}>{str.length > 20 ? `${str.slice(0, 20)}...` : str }</p>) : '' }
|
|
</WeaFormItem>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
),
|
|
colSpan: 1,
|
|
});
|
|
}
|
|
|
|
if (!field.domkey) {
|
|
let dom = this.getParagraph(field, arg);
|
|
|
|
arr.push({
|
|
com: (<div style={{ marginTop: 15 }}>{dom}</div>),
|
|
colSpan: 1,
|
|
});
|
|
}
|
|
});
|
|
_arr.push(<div style={{ color: '#666666', position: 'relative' }}><WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@k22k8q@${i}`} needTigger={true} title={c.title} showGroup={c.defaultshow} items={arr} col={1} fontSize={13} /></div>);
|
|
});
|
|
return _arr;
|
|
}
|
|
|
|
getDOM(field, arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
excelfile,
|
|
list,
|
|
upStatus,
|
|
form4,
|
|
form5,
|
|
} = weahrm_group_store;
|
|
let dom;
|
|
let form;
|
|
if (arg == '1') form = form4;
|
|
if (arg == '2') form = form5;
|
|
let formParams = form.getFormParams();
|
|
|
|
if (field.domkey[0] == 'templet') {
|
|
let link;
|
|
let arr = field.value.split(';');
|
|
if (formParams.keyField == 'workcode') link = arr[0];
|
|
if (formParams.keyField == 'loginid') link = arr[1];
|
|
if (formParams.keyField == 'lastname') link = arr[2];
|
|
|
|
dom = <a href={link} className="hrm-group-linkStyle">{i18n.label.groupTemplet()}</a>;
|
|
} else if (field.domkey[0] == 'excelfile') {
|
|
dom = (<div>
|
|
<div>
|
|
<WeaUpload ecId={`${this && this.props && this.props.ecId || ''}_WeaUpload@oh2txy`}
|
|
uploadUrl="/api/doc/upload/uploadFile"
|
|
category="string"
|
|
limitType="xls"
|
|
datas={upStatus === 'uploaded' ? list : []}
|
|
onChange={(id, l) => { weahrm_group_store.setExcelfile(id[0]); weahrm_group_store.setList(l); weahrm_group_store.updateFormFields((parseInt(arg) + 2).toString(), id[0]); }}
|
|
onUploading={s => this.onUploading(s)}
|
|
>
|
|
<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@1g6kb5`}>{i18n.button.selectFile()}</Button>
|
|
</WeaUpload>
|
|
</div>
|
|
<div style={{ marginTop: -30, marginLeft: 90 }}>
|
|
{ list.length == 0 ? <p>{i18n.label.noFileSelected()}</p> : list.map(file => <p>{file.filename}</p>) }
|
|
</div>
|
|
</div>);
|
|
} else {
|
|
dom = (<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@69l7gg`} fieldConfig={field} form={form} formParams={formParams} />);
|
|
}
|
|
return dom;
|
|
}
|
|
|
|
getImportTypeValue() {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
form5,
|
|
} = weahrm_group_store;
|
|
|
|
let formParams = form5.getFormParams();
|
|
if (formParams.importlx == 'update') {
|
|
return true;
|
|
}
|
|
return false;
|
|
}
|
|
|
|
getParagraph(field, arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
form4,
|
|
form5,
|
|
} = weahrm_group_store;
|
|
let dom;
|
|
let form;
|
|
if (arg == '1') form = form4;
|
|
if (arg == '2') form = form5;
|
|
let formParams = form.getFormParams();
|
|
|
|
if (field.index == '1') {
|
|
let link;
|
|
let arr;
|
|
if (field.link) {
|
|
arr = field.link.split(';');
|
|
if (formParams.keyField == 'workcode') link = arr[0];
|
|
if (formParams.keyField == 'loginid') link = arr[1];
|
|
}
|
|
dom = (<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@nfd5gy`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@vut3sy`} span={2} offset={4}>
|
|
<div className="hrm-group-box">
|
|
<div className="hrm-group-circle hrm-group-radius">{field.index}</div>
|
|
</div>
|
|
</Col>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@tdlqg1`} span={14}>{ (arg == '1') ? <p><span>{`${field.value}: `}</span><a href={link} className="hrm-group-linkStyle">{i18n.label.groupTemplet()}</a></p> : <p>{field.value}</p>}</Col>
|
|
</Row>);
|
|
} else {
|
|
dom = (<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@dxloo4`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@uinw14`} span={2} offset={4}>
|
|
<div className="hrm-group-box">
|
|
<div className="hrm-group-circle hrm-group-radius">{field.index}</div>
|
|
</div>
|
|
</Col>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@kbhzab`} span={14}><p>{field.value}</p></Col>
|
|
</Row>);
|
|
}
|
|
return dom;
|
|
}
|
|
|
|
onUploading(s) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
list,
|
|
} = weahrm_group_store;
|
|
weahrm_group_store.setUpStatus(s);
|
|
if (s == 'uploading') {
|
|
weahrm_group_store.setList([]);
|
|
} else {
|
|
weahrm_group_store.setList(list);
|
|
}
|
|
}
|
|
|
|
getSuggestIcon(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
hasTrumpet,
|
|
hasHint,
|
|
} = weahrm_group_store;
|
|
|
|
if (arg !== '1') {
|
|
return false;
|
|
}
|
|
return (
|
|
<i style={{ position: 'absolute', right: '95%', top: 5 }}>
|
|
{hasTrumpet ? <img src="/hrm/hrm_e9/image/u30775.png" alt="" onClick={() => weahrm_group_store.setSuggestDialogStatus(true)} style={{ cursor: 'pointer' }} /> : ''}
|
|
{hasHint ? <img src="/hrm/hrm_e9/image/u30777.png" alt="" style={{ cursor: 'pointer', position: 'absolute', left: 15, top: 8 }} /> : ''}
|
|
</i>
|
|
);
|
|
}
|
|
|
|
getImportIcon(arg) {
|
|
if (arg == '3' || arg == '4') {
|
|
return false;
|
|
}
|
|
return (
|
|
<WeaButtonIcon ecId={`${this && this.props && this.props.ecId || ''}_WeaButtonIcon@r6d80h`}
|
|
buttonType="import"
|
|
type="primary"
|
|
title={i18n.button.import()}
|
|
onClick={() => this.handleImportClick(arg)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
getAddIcon(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
if (arg == '1' || arg == '3') {
|
|
return (
|
|
<WeaButtonIcon ecId={`${this && this.props && this.props.ecId || ''}_WeaButtonIcon@hca35t`}
|
|
buttonType="add"
|
|
type="primary"
|
|
title={i18n.button.create()}
|
|
onClick={() => { arg == '3' ? weahrm_group_store.getForm((parseInt(arg) + 2).toString()) : weahrm_group_store.getForm(arg); }}
|
|
/>
|
|
);
|
|
}
|
|
if (arg == '2') {
|
|
return (
|
|
<div style={{ display: 'inline' }}>
|
|
<WeaBrowser ecId={`${this && this.props && this.props.ecId || ''}_WeaBrowser@6tmncn`}
|
|
ref="weabrowser"
|
|
type={17}
|
|
title={getLabel('83496', '多人力资源')}
|
|
customized={true}
|
|
hasAdvanceSerach={true}
|
|
isSingle={false}
|
|
tabs={[{
|
|
isSearch: false,
|
|
key: '1',
|
|
name: getLabel('24515', '最近'),
|
|
selected: false,
|
|
showOrder: 0,
|
|
}, {
|
|
isSearch: false,
|
|
key: '2',
|
|
name: getLabel('18511', '同部门'),
|
|
selected: false,
|
|
showOrder: 0,
|
|
}, {
|
|
isSearch: false,
|
|
key: '3',
|
|
name: getLabel('15089', '我的下属'),
|
|
selected: false,
|
|
showOrder: 0,
|
|
}, {
|
|
isSearch: false,
|
|
key: '4',
|
|
name: getLabel('18770', '按组织结构'),
|
|
selected: false,
|
|
showOrder: 0,
|
|
}, {
|
|
isSearch: false,
|
|
key: '5',
|
|
name: getLabel('81554', '常用组'),
|
|
selected: false,
|
|
showOrder: 0,
|
|
}]}
|
|
onChange={(...args) => {
|
|
// 【清除】按钮触发的回调
|
|
if (args[2].length === 0) {
|
|
return;
|
|
}
|
|
weahrm_group_store.setMemberId(args[0]);
|
|
weahrm_group_store.save('3');
|
|
}
|
|
}
|
|
>
|
|
<WeaButtonIcon ecId={`${this && this.props && this.props.ecId || ''}_WeaButtonIcon@nxkp5x`}
|
|
buttonType="add"
|
|
type="primary"
|
|
title={i18n.button.create()}
|
|
/>
|
|
</WeaBrowser>
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
getBatchDeleteIcon(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
if (arg == '4') {
|
|
return false;
|
|
}
|
|
|
|
let len;
|
|
if (arg == '2') len = weahrm_group_store.tableStore2.selectedRowKeys.length;
|
|
if (arg == '3') len = weahrm_group_store.tableStore3.selectedRowKeys.length;
|
|
|
|
return (
|
|
<WeaButtonIcon ecId={`${this && this.props && this.props.ecId || ''}_WeaButtonIcon@0ex74p`}
|
|
buttonType="del"
|
|
type="primary"
|
|
title={i18n.button.multiDelete()}
|
|
disabled={len === 0}
|
|
onClick={() => this.handleBatchDelete(arg)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
getAuthorityIcon() {
|
|
return (
|
|
<div style={{ paddingTop: 200, textAlign: 'center', color: '#666' }}>
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@3esatf`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@g8mpur`} span={10} offset={7}>
|
|
<img src="/hrm/hrm_e9/image/noauthority.png" alt="" />
|
|
</Col>
|
|
</Row>
|
|
<Row ecId={`${this && this.props && this.props.ecId || ''}_Row@1l9ks6`}>
|
|
<Col ecId={`${this && this.props && this.props.ecId || ''}_Col@pc3y7s`} span={10} offset={7}>
|
|
<p>{i18n.message.authFailed()}</p>
|
|
</Col>
|
|
</Row>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
handleImportClick(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
arg == '1' && weahrm_group_store.getForm('3');
|
|
// arg == '2' && weahrm_group_store.getForm('4');
|
|
if (arg === '2') {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props,
|
|
{
|
|
hrmImportCommon,
|
|
groupid,
|
|
} = weahrm_group_store,
|
|
{
|
|
setTempletName,
|
|
setImportDialogTitle,
|
|
setImportType,
|
|
setImportDialogVisible,
|
|
setOtherParams,
|
|
} = hrmImportCommon;
|
|
|
|
setTempletName(getLabel(129833, '导入模板'));
|
|
setImportDialogTitle(getLabel(511074, '常用组成员导入'));
|
|
setImportType('groupMember');
|
|
setImportDialogVisible(true);
|
|
setOtherParams({ groupid });
|
|
}
|
|
}
|
|
|
|
handleBatchDelete(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
tableStore1,
|
|
tableStore2,
|
|
tableStore3,
|
|
} = weahrm_group_store;
|
|
|
|
let store;
|
|
if (arg == '1') store = tableStore1;
|
|
if (arg == '2') store = tableStore2;
|
|
if (arg == '3') store = tableStore3;
|
|
|
|
let srk = this.getSelectedRow(toJS(store));
|
|
if (srk.length == 0) {
|
|
// message.warning('请选择需要删除的数据！');
|
|
return false;
|
|
}
|
|
this.doDel(srk, arg);
|
|
}
|
|
|
|
getSelectedRow(store) {
|
|
return store.selectedRowKeys;
|
|
}
|
|
|
|
handleSearch(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (arg == '1') {
|
|
weahrm_group_store.getTableInfo('1');
|
|
weahrm_group_store.setPanelOneStatus(false);
|
|
}
|
|
if (arg == '2') {
|
|
weahrm_group_store.getTableInfo('2');
|
|
weahrm_group_store.setPanelTwoStatus(false);
|
|
}
|
|
if (arg == '3') {
|
|
weahrm_group_store.getTableInfo('7');
|
|
weahrm_group_store.setPanelThreeStatus(false);
|
|
}
|
|
}
|
|
|
|
handleSubmit(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
excelfile,
|
|
} = weahrm_group_store;
|
|
|
|
if (!excelfile) {
|
|
message.warning(i18n.message.pleaseUploadFile());
|
|
return false;
|
|
}
|
|
if (arg == '1') {
|
|
weahrm_group_store.setImportInfoDialogStatus(true);
|
|
weahrm_group_store.save('5');
|
|
}
|
|
if (arg == '2') {
|
|
weahrm_group_store.setImportMemInfoDialogStatus(true);
|
|
weahrm_group_store.save('6');
|
|
}
|
|
}
|
|
|
|
handleImportHistory() {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
weahrm_group_store.setImportHistoryDialogStatus(true);
|
|
weahrm_group_store.getTableInfo('5');
|
|
}
|
|
|
|
|
|
handleOneDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '0') this.handleImportClick('1');
|
|
if (key == '1') weahrm_group_store.getForm('1');
|
|
if (key == '2') this.handleBatchDelete('1');
|
|
}
|
|
|
|
handleTwoDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '3') weahrm_group_store.save('1');
|
|
if (key == '4') weahrm_group_store.save('2');
|
|
}
|
|
|
|
handleThreeDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '5') this.handleSubmit('1');
|
|
if (key == '6') this.handleImportHistory();
|
|
}
|
|
|
|
handleFourDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '5') this.handleSubmit('2');
|
|
if (key == '7') {}
|
|
}
|
|
|
|
handleFiveDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '3') weahrm_group_store.save('4');
|
|
if (key == '7') {}
|
|
}
|
|
|
|
handleSixDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
weahrm_group_store.setSuggestDialogStatus(false);
|
|
}
|
|
|
|
handleSevenDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
if (key == '0') this.handleImportClick('2');
|
|
if (key == '1') this.refs.weabrowser.openModal();
|
|
if (key == '2') this.handleBatchDelete('2');
|
|
}
|
|
|
|
handleEightDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '1') weahrm_group_store.getForm('5');
|
|
if (key == '2') this.handleBatchDelete('3');
|
|
}
|
|
|
|
handleNineDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
if (key == '3') weahrm_group_store.save('9');
|
|
if (key == '7') {}
|
|
}
|
|
|
|
handleDropMenuClick(key) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
editTabKey,
|
|
} = weahrm_group_store;
|
|
|
|
if (editTabKey == '0') this.handleNineDropMenuClick(key);
|
|
if (editTabKey == '1') this.handleSevenDropMenuClick(key);
|
|
if (editTabKey == '2') this.handleEightDropMenuClick(key);
|
|
}
|
|
|
|
getTable(params) {
|
|
let tableStore = params.tableStore;
|
|
// let loading = params.loading;
|
|
let title = params.title;
|
|
let customComponent = params.customComponent;
|
|
let isNeedScroll = params.isNeedScroll;
|
|
let isNeedRerender = params.isNeedRerender;
|
|
let tag = params.tag;
|
|
let height = params.height;
|
|
let isNeedSearchGroup = params.isNeedSearchGroup;
|
|
|
|
if (isNeedSearchGroup) {
|
|
if (isNeedScroll) {
|
|
return (
|
|
<div className="hrm-group-table hrm-group-form">
|
|
<WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@07y8rs`}
|
|
comsWeaTableStore={tableStore}
|
|
hasOrder={true}
|
|
needScroll={isNeedScroll}
|
|
getColumns={c => this.reRenderColumns(c, isNeedRerender)}
|
|
onOperatesClick={(record, index, operate) => this.onOperatesClick(record, index, operate, tag)}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
return (
|
|
<div className="hrm-group-table hrm-group-form">
|
|
<WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@oqlhfi`}
|
|
comsWeaTableStore={tableStore}
|
|
hasOrder={true}
|
|
scroll={{ y: height - 150 }}
|
|
getColumns={c => this.reRenderColumns(c, isNeedRerender)}
|
|
onOperatesClick={(record, index, operate) => this.onOperatesClick(record, index, operate, tag)}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
return (
|
|
<WeaTable ecId={`${this && this.props && this.props.ecId || ''}_WeaTable@bk7gdm`}
|
|
comsWeaTableStore={tableStore}
|
|
hasOrder={true}
|
|
scroll={{ y: height - 130 }}
|
|
getColumns={c => this.reRenderColumns(c, isNeedRerender)}
|
|
onOperatesClick={(record, index, operate) => this.onOperatesClick(record, index, operate, tag)}
|
|
/>
|
|
);
|
|
}
|
|
|
|
getAntTable(params, isWrapBySearchgroup) {
|
|
let col = params.col;
|
|
let ds = params.ds;
|
|
let loading = params.loading;
|
|
let isPagination = params.isPagination;
|
|
let action = params.action;
|
|
let num = params.num;
|
|
let height;
|
|
|
|
if (isWrapBySearchgroup) {
|
|
height = params.height - 85;
|
|
} else {
|
|
height = params.height - 48;
|
|
}
|
|
|
|
if (col.length > 0 && !this.isEmptyObject(action)) {
|
|
col[num].render = (text, record) => (
|
|
<span>
|
|
<a href={`/api/hrm/group/getImportHistoryFile?filename=${this.getNumFromString(record.fileName)}`}>{action.download}</a>
|
|
<span className="ant-divider" />
|
|
<a onClick={() => this.delImportHistory(record)}>{action.delete}</a>
|
|
</span>
|
|
);
|
|
return (
|
|
<div className="hrm-group-antTable">
|
|
<Table ecId={`${this && this.props && this.props.ecId || ''}_Table@260w8o`}
|
|
columns={col}
|
|
dataSource={ds}
|
|
loading={loading}
|
|
pagination={isPagination}
|
|
scroll={{ y: height }}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
return (
|
|
<div className="hrm-group-antable">
|
|
<Table ecId={`${this && this.props && this.props.ecId || ''}_Table@c2y6s9`}
|
|
columns={col}
|
|
dataSource={ds}
|
|
loading={loading}
|
|
pagination={isPagination}
|
|
scroll={{ y: height }}
|
|
/>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
|
|
delImportHistory(record) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
dataSource,
|
|
} = weahrm_group_store;
|
|
|
|
let num = this.getNumFromString(record.fileName);
|
|
weahrm_group_store.setDelFileNum(num);
|
|
let index = this.getRowIndex(record.key, toJS(dataSource));
|
|
this.showConfirm('4', [], index);
|
|
}
|
|
|
|
getNumFromString(str) {
|
|
return str.replace(/[^0-9]+/g, '');
|
|
}
|
|
|
|
getRowIndex(key, dataSource) {
|
|
let arr = [];
|
|
if (dataSource instanceof Array) {
|
|
for (let i = 0; i < dataSource.length; i++) {
|
|
arr.push(dataSource[i].key);
|
|
}
|
|
}
|
|
return arr.indexOf(key);
|
|
}
|
|
|
|
reRenderColumns(columns, isNeedRerender) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
let _this = this;
|
|
if (isNeedRerender) {
|
|
columns.forEach((c, index) => {
|
|
let obj = {};
|
|
if (c.dataIndex == 'name') {
|
|
c.render = function (text, record) {
|
|
let rowData = toJS(record);
|
|
let id;
|
|
if (rowData.id) id = rowData.id;
|
|
if (rowData.groupid) id = rowData.groupid;
|
|
return <a onClick={() => _this.rowDataClick(id)} dangerouslySetInnerHTML={{ __html: rowData.namespan }} />;
|
|
};
|
|
} else if (c.dataIndex == 'result') {
|
|
c.render = function (text, record) {
|
|
let rowData = toJS(record);
|
|
return <a onClick={() => { weahrm_group_store.setGroupId(rowData.id); weahrm_group_store.getForm('2'); weahrm_group_store.tabClick('1'); }} dangerouslySetInnerHTML={{ __html: record.resultspan }} />;
|
|
};
|
|
} else if (c.dataIndex == 'dsporder') {
|
|
c.render = function (text, record) {
|
|
let rowData = toJS(record);
|
|
if (rowData.dsporder < 0) {
|
|
rowData.dsporder = 1;
|
|
}
|
|
return (
|
|
<WeaInput ecId={`${this && this.props && this.props.ecId || ''}_WeaInput@r493c4`}
|
|
value={rowData.dsporder}
|
|
onBlur={val => weahrm_group_store.setDsporderArr(val, rowData)}
|
|
/>
|
|
);
|
|
};
|
|
} else {
|
|
c.render = function (text, record) {
|
|
let valueSpan = record[`${c.dataIndex}span`] !== undefined ? record[`${c.dataIndex}span`] : record[c.dataIndex];
|
|
return <span dangerouslySetInnerHTML={{ __html: valueSpan }} />;
|
|
};
|
|
}
|
|
});
|
|
}
|
|
return columns;
|
|
}
|
|
|
|
rowDataClick(id) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
weahrm_group_store.setGroupId(id);
|
|
weahrm_group_store.getForm('2');
|
|
weahrm_group_store.tabClick('0');
|
|
}
|
|
|
|
doCancel(id) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
weahrm_group_store.doCancel({
|
|
id,
|
|
});
|
|
}
|
|
|
|
doISCanceled(id) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
weahrm_group_store.doISCanceled({
|
|
id,
|
|
});
|
|
}
|
|
|
|
onOperatesClick(record, index, operate, tag) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
let funcIndex = operate.index;
|
|
if (tag == 'base') {
|
|
const func = operate.href ? operate.href.split(':')[1].split('(')[0] : '';
|
|
weahrm_group_store.setGroupId(record.id);
|
|
|
|
if (funcIndex == '0') weahrm_group_store.tabClick('0');
|
|
if (funcIndex == '1') weahrm_group_store.tabClick('1');
|
|
if (funcIndex == '2') weahrm_group_store.tabClick('2');
|
|
if (funcIndex == '0' || funcIndex == '1' || funcIndex == '2') {
|
|
weahrm_group_store.getForm('2');
|
|
}
|
|
if (func == 'doDel') this.doDel([], '1');
|
|
if (func == 'doCancel' || func == 'doISCanceled') {
|
|
weahrm_group_store[func] && weahrm_group_store[func]({ id: record.id });
|
|
}
|
|
}
|
|
if (tag == 'member') {
|
|
weahrm_group_store.setMemberId(record.id);
|
|
if (funcIndex == '0') this.doDel([], '2');
|
|
}
|
|
if (tag == 'share') {
|
|
weahrm_group_store.setTypeId(record.id);
|
|
weahrm_group_store.getTableInfo('3');
|
|
if (funcIndex == '0') this.doDel([], '3');
|
|
}
|
|
if (tag == 'suggest') {
|
|
weahrm_group_store.setSuggestId(record.randomFieldId);
|
|
if (funcIndex == '0') {
|
|
weahrm_group_store.save('7');
|
|
}
|
|
if (funcIndex == '1') {
|
|
weahrm_group_store.delete('5');
|
|
}
|
|
if (funcIndex == '2') {
|
|
weahrm_group_store.save('8');
|
|
}
|
|
}
|
|
}
|
|
|
|
doDel(arr, arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
if (arg == '1') {
|
|
this.showConfirm('1', arr);
|
|
}
|
|
if (arg == '2') {
|
|
this.showConfirm('2', arr);
|
|
}
|
|
if (arg == '3') {
|
|
this.showConfirm('3', arr);
|
|
}
|
|
}
|
|
|
|
getCustomComponent(arg) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
|
|
return (
|
|
[
|
|
this.getSuggestIcon(arg),
|
|
this.getImportIcon(arg),
|
|
this.getAddIcon(arg),
|
|
this.getBatchDeleteIcon(arg),
|
|
]
|
|
);
|
|
}
|
|
|
|
showConfirm(arg, arr, index) {
|
|
let _this = this;
|
|
confirm({
|
|
title: i18n.confirm.defaultTitle(),
|
|
content: arr.length == 0 ? i18n.confirm.delete() : i18n.confirm.batchDeleteConfirm(),
|
|
okText: i18n.button.ok(),
|
|
cancelText: i18n.button.cancel(),
|
|
onOk() {
|
|
_this.ok(arg, arr, index);
|
|
},
|
|
onCancel() {
|
|
return false;
|
|
},
|
|
});
|
|
}
|
|
|
|
ok(arg, arr, index) {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
dataSource,
|
|
} = weahrm_group_store;
|
|
|
|
if (arr.length !== 0) {
|
|
for (let i = 0; i < arr.length; i++) {
|
|
arg == '1' && weahrm_group_store.setGroupId(arr[i]);
|
|
arg == '2' && weahrm_group_store.setMemberId(arr[i]);
|
|
arg == '3' && weahrm_group_store.setTypeId(arr[i]);
|
|
weahrm_group_store.delete(arg, 'batch');
|
|
i == (arr.length - 1) && weahrm_group_store.delete(arg, 'batch', 'last');
|
|
}
|
|
} else {
|
|
arg == '4' && dataSource.splice(index, 1);
|
|
weahrm_group_store.delete(arg);
|
|
}
|
|
}
|
|
|
|
isEmptyObject(obj) {
|
|
for (let key in obj) {
|
|
return false;
|
|
}
|
|
return true;
|
|
}
|
|
|
|
getGroupSettingBtns(key) {
|
|
let btns;
|
|
|
|
if (key == '0') {
|
|
btns = [];
|
|
} else if (key == '1') {
|
|
btns = this.getCustomComponent('2');
|
|
} else if (key == '2') {
|
|
btns = this.getCustomComponent('3');
|
|
}
|
|
return btns;
|
|
}
|
|
|
|
|
|
render() {
|
|
const {
|
|
weahrm_group_store,
|
|
} = this.props;
|
|
const {
|
|
isSuggestDialogShow,
|
|
isPanelOneShow,
|
|
isPanelTwoShow,
|
|
isPanelThreeShow,
|
|
isNewDialogShow,
|
|
isEditDialogShow,
|
|
isImportBaseDialogShow,
|
|
isImportMemberDialogShow,
|
|
isShareDialogShow,
|
|
isImportInfoDialogShow,
|
|
isImportHistoryDialogShow,
|
|
isImportMemInfoDialogShow,
|
|
} = weahrm_group_store;
|
|
const {
|
|
form1,
|
|
form2,
|
|
form3,
|
|
form4,
|
|
form5,
|
|
form6,
|
|
form7,
|
|
} = weahrm_group_store;
|
|
const {
|
|
tableStore1,
|
|
tableStore2,
|
|
tableStore3,
|
|
tableStore4,
|
|
} = weahrm_group_store;
|
|
const {
|
|
editTabKey,
|
|
suggestTabKey,
|
|
} = weahrm_group_store;
|
|
const {
|
|
columns,
|
|
dataSource,
|
|
loading,
|
|
action,
|
|
logFilePath,
|
|
height,
|
|
} = weahrm_group_store;
|
|
const {
|
|
condition1,
|
|
condition2,
|
|
condition3,
|
|
condition4,
|
|
condition5,
|
|
condition6,
|
|
condition7,
|
|
} = weahrm_group_store;
|
|
const {
|
|
orderArr,
|
|
hasWeaTop,
|
|
hasAuthority,
|
|
date,
|
|
} = weahrm_group_store;
|
|
|
|
const {
|
|
logView,
|
|
} = weahrm_group_store,
|
|
{
|
|
visible,
|
|
logSmallType,
|
|
targetId,
|
|
logStore,
|
|
} = logView;
|
|
|
|
let searchsBaseValue1 = form1.getFormParams().name;
|
|
let searchsBaseValue2 = form2.getFormParams().resourcename;
|
|
let searchsBaseValue3 = form7.getFormParams().suggesttitle;
|
|
let type = form3.getFormParams().type;
|
|
|
|
let tbParams1 = {
|
|
tableStore: tableStore1,
|
|
loading: tableStore1.loading,
|
|
title: i18n.label.groupList(),
|
|
customComponent: this.getCustomComponent('1'),
|
|
isNeedScroll: true,
|
|
isNeedRerender: true,
|
|
isNeedSearchGroup: true,
|
|
tag: 'base',
|
|
};
|
|
|
|
let tbParams2 = {
|
|
tableStore: tableStore2,
|
|
loading: tableStore2.loading,
|
|
title: i18n.label.memberList(),
|
|
customComponent: this.getCustomComponent('2'),
|
|
height,
|
|
isNeedRerender: true,
|
|
isNeedSearchGroup: true,
|
|
tag: 'member',
|
|
};
|
|
|
|
let tbParams3 = {
|
|
tableStore: tableStore3,
|
|
loading: tableStore3.loading,
|
|
title: i18n.label.shareScopeList(),
|
|
customComponent: this.getCustomComponent('3'),
|
|
height,
|
|
isNeedRerender: false,
|
|
isNeedSearchGroup: true,
|
|
tag: 'share',
|
|
};
|
|
|
|
let tbParams4 = {
|
|
tableStore: tableStore4,
|
|
loading: tableStore4.loading,
|
|
height,
|
|
isNeedRerender: true,
|
|
isNeedSearchGroup: false,
|
|
tag: 'suggest',
|
|
};
|
|
|
|
let paramsForAntTable = {
|
|
col: columns,
|
|
ds: dataSource,
|
|
loading,
|
|
isPagination: false,
|
|
action,
|
|
height,
|
|
num: 2,
|
|
};
|
|
|
|
const tabName = [{
|
|
key: '0',
|
|
title: i18n.label.basicInfo(),
|
|
}, {
|
|
key: '1',
|
|
title: i18n.label.member(),
|
|
}, {
|
|
key: '2',
|
|
title: i18n.label.shareScope(),
|
|
}, {
|
|
key: '3',
|
|
title: i18n.label.tobeTreated(),
|
|
}, {
|
|
key: '4',
|
|
title: i18n.label.alreadyProcessed(),
|
|
}];
|
|
|
|
const dropMenuDatas = [{
|
|
key: '0',
|
|
content: i18n.button.import(),
|
|
icon: <i className="icon-coms-download2" />,
|
|
}, {
|
|
key: '1',
|
|
content: i18n.button.add(),
|
|
icon: <i className="icon-coms-New-Flow" />,
|
|
}, {
|
|
key: '2',
|
|
content: i18n.button.multiDelete(),
|
|
icon: <i className="icon-coms-Batch-delete" />,
|
|
}, {
|
|
key: '3',
|
|
content: i18n.button.save(),
|
|
icon: <i className="icon-coms-Preservation" />,
|
|
}, {
|
|
key: '4',
|
|
content: i18n.button.saveAndSetting(),
|
|
icon: <i className="icon-coms-Flow-setting" />,
|
|
}, {
|
|
key: '5',
|
|
content: i18n.button.submit(),
|
|
icon: <i className="icon-coms-export" />,
|
|
}, {
|
|
key: '6',
|
|
content: i18n.button.importHistoryQuery(),
|
|
icon: <i className="icon-coms-Print-log" />,
|
|
}];
|
|
|
|
const dropMenuDatas1 = dropMenuDatas.slice(0, 3);
|
|
const dropMenuDatas2 = dropMenuDatas.slice(3, 5);
|
|
const dropMenuDatas3 = dropMenuDatas.slice(5, 7);
|
|
const dropMenuDatas4 = dropMenuDatas.slice(5, 6);
|
|
const dropMenuDatas5 = dropMenuDatas.slice(3, 4);
|
|
const dropMenuDatas6 = dropMenuDatas.slice(7, 8);
|
|
const dropMenuDatas7 = dropMenuDatas.slice(1, 3);
|
|
|
|
const btn1 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@2w79ey`} type="primary" onClick={() => this.handleSearch('1')}>{i18n.button.search()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@3on9ur`} type="primary" onClick={() => form1.reset()}>{i18n.button.reset()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@ce1nnz`} type="primary" onClick={() => weahrm_group_store.setPanelOneStatus(false)}>{i18n.button.cancel()}</Button>),
|
|
];
|
|
|
|
const btn2 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@lav849`} type="primary" onClick={() => weahrm_group_store.save('1')}>{i18n.button.save()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@biumit`} type="primary" onClick={() => weahrm_group_store.save('2')}>{i18n.button.saveAndSetting()}</Button>),
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@uxpv6d`} />),
|
|
];
|
|
|
|
const btn = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@v2vjym`} type="primary" onClick={() => weahrm_group_store.save('9')}>{i18n.button.save()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@79xnx3`} type="primary" onClick={() => weahrm_group_store.save('10')}>{i18n.button.save()}</Button>),
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@gmuio7`} />),
|
|
];
|
|
|
|
let btn3;
|
|
let datas;
|
|
if (editTabKey == '0') {
|
|
btn3 = btn.slice(0, 1).concat(btn.slice(2, 3));
|
|
datas = dropMenuDatas5;
|
|
}
|
|
|
|
if (editTabKey == '1') {
|
|
btn3 = btn.slice(1, 2).concat(btn.slice(2, 3));
|
|
datas = dropMenuDatas1;
|
|
}
|
|
|
|
if (editTabKey == '2') {
|
|
btn3 = btn.slice(2, 3);
|
|
datas = dropMenuDatas7;
|
|
}
|
|
const {
|
|
toggleLog,
|
|
} = weahrm_group_store;
|
|
|
|
if (['1', '2'].includes(editTabKey)) {
|
|
datas.push({
|
|
key: '7',
|
|
content: getLabel('83', '日志'),
|
|
icon: <i className="icon-coms-Print-log" />,
|
|
onClick: () => {
|
|
toggleLog({
|
|
visible: true,
|
|
logSmallType: (editTabKey == '1') ? '3003' : '3004',
|
|
});
|
|
},
|
|
});
|
|
}
|
|
|
|
const btn4 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@s9402j`} type="primary" onClick={() => this.handleSearch('2')}>{i18n.button.search()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@e1guyz`} type="primary" onClick={() => form2.reset()}>{i18n.button.reset()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@67tu2y`} type="primary" onClick={() => weahrm_group_store.setPanelTwoStatus(false)}>{i18n.button.cancel()}</Button>),
|
|
];
|
|
|
|
const btn5 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@0hls6z`} type="primary" onClick={() => this.handleSubmit('1')}>{i18n.button.submit()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@ufflf2`} type="primary" onClick={() => this.handleImportHistory()}>{i18n.button.importHistoryQuery()}</Button>),
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@gwgnqg`} />),
|
|
];
|
|
|
|
const btn6 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@vs6oxv`} type="primary" onClick={() => this.handleSubmit('2')}>{i18n.button.submit()}</Button>),
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@3s8x9a`} />),
|
|
];
|
|
|
|
const btn7 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@frjw44`} type="primary" onClick={() => weahrm_group_store.save('4')}>{i18n.button.save()}</Button>),
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@wvhs1r`} />),
|
|
];
|
|
|
|
const btn8 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@1gcn1d`} type="primary" disabled={!logFilePath}><a href={`/api/hrm/group/getImportHistoryFile?filename=${logFilePath}`}>{i18n.label.logDownload() }</a></Button>),
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@6ehroh`} />),
|
|
];
|
|
|
|
const btn9 = [
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@hfvl9a`} />),
|
|
];
|
|
|
|
const btn10 = [
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@r040vk`} />),
|
|
];
|
|
|
|
const btn11 = [
|
|
(<WeaMoreButton ecId={`${this && this.props && this.props.ecId || ''}_WeaMoreButton@6b6as4`} />),
|
|
];
|
|
|
|
const btn12 = [
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@bw1z1k`} type="primary" onClick={() => this.handleSearch('3')}>{i18n.button.search()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@gjgt7z`} type="primary" onClick={() => form7.reset()}>{i18n.button.reset()}</Button>),
|
|
(<Button ecId={`${this && this.props && this.props.ecId || ''}_Button@r0r5vn`} type="primary" onClick={() => weahrm_group_store.setPanelThreeStatus(false)}>{i18n.button.cancel()}</Button>),
|
|
];
|
|
|
|
const {
|
|
hrmImportCommon,
|
|
} = this.props.weahrm_group_store,
|
|
{
|
|
importDialog,
|
|
} = hrmImportCommon;
|
|
|
|
return (
|
|
<div>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@u3y4ij`}
|
|
datas={weahrm_group_store.getRightMenu()}
|
|
onClick={key => weahrm_group_store.onRightMenuClick(key)}
|
|
collectParams={{ favname: i18n.module.personalization(), favouritetype: 5 }}
|
|
>
|
|
{this.getTable(tbParams1)}
|
|
</WeaRightMenu>
|
|
|
|
<WeaLogViewComp ecId={`${this && this.props && this.props.ecId || ''}_WeaLogViewComp@to5sij`}
|
|
visible={visible}
|
|
onCancel={() => toggleLog({ visible: false })}
|
|
logStore={logStore}
|
|
logType="4"
|
|
logSmallType={logSmallType}
|
|
targetId={targetId}
|
|
/>
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@pyza17`}
|
|
title={i18n.label.recommand()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isSuggestDialogShow}
|
|
hasScroll
|
|
onCancel={() => { weahrm_group_store.setSuggestDialogStatus(false); weahrm_group_store.setPanelThreeStatus(false); }}
|
|
buttons={btn11}
|
|
style={{ width: 890, height: 510 }}
|
|
onChangeHeight={height => weahrm_group_store.changeHeight(height)}
|
|
>
|
|
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@3zwf1a`}
|
|
selectedKey={suggestTabKey}
|
|
datas={tabName.slice(3, 5)}
|
|
keyParam="key"
|
|
searchsBaseValue={searchsBaseValue3}
|
|
onChange={key => weahrm_group_store.suggestTabClick(key)}
|
|
searchType={['base', 'advanced']}
|
|
setShowSearchAd={bool => weahrm_group_store.setPanelThreeStatus(bool)}
|
|
hideSearchAd={() => weahrm_group_store.setPanelThreeStatus(false)}
|
|
showSearchAd={isPanelThreeShow}
|
|
searchsAd={this.getPanelComponents(condition7, form7, '3')}
|
|
advanceHeight={120}
|
|
buttonsAd={btn12}
|
|
hasMask={false}
|
|
onSearch={() => weahrm_group_store.getTableInfo('7')}
|
|
onSearchChange={val => weahrm_group_store.updateFormFields('5', val)}
|
|
/>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@a9odyc`} datas={dropMenuDatas6} onClick={key => this.handleSixDropMenuClick(key)}>
|
|
{this.getTable(tbParams4)}
|
|
</WeaRightMenu>
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@unvs37`}
|
|
title={i18n.label.infoImport()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isImportBaseDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setImportBaseDialogStatus(false)}
|
|
buttons={btn5}
|
|
style={{ width: 870, height: 510 }}
|
|
>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@3nwzj6`} datas={dropMenuDatas3} onClick={key => this.handleThreeDropMenuClick(key)}>
|
|
<div className="hrm-group-form">
|
|
{this.getImportComponents(condition4, form4, '1')}
|
|
</div>
|
|
</WeaRightMenu>
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@gbpgt4`}
|
|
title={i18n.label.infoImport()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isImportInfoDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setImportInfoDialogStatus(false)}
|
|
buttons={btn8}
|
|
style={{ width: 700, height: 510 }}
|
|
onChangeHeight={height => weahrm_group_store.changeHeight(height)}
|
|
>
|
|
<div className="hrm-group-table hrm-group-form">
|
|
<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@6up6oj`} needTigger={false} title={i18n.label.importInfo()} showGroup={true} fontSize={13}>
|
|
{this.getAntTable(paramsForAntTable, true)}
|
|
</WeaSearchGroup>
|
|
</div>
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@hczl7o`}
|
|
title={i18n.button.importHistoryQuery()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isImportHistoryDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setImportHistoryDialogStatus(false)}
|
|
buttons={btn9}
|
|
style={{ width: 750, height: 510 }}
|
|
onChangeHeight={height => weahrm_group_store.changeHeight(height)}
|
|
>
|
|
{ hasAuthority ? this.getAntTable(paramsForAntTable, false) : this.getAuthorityIcon()}
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@fwgdti`}
|
|
title={i18n.label.importMember()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isImportMemberDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setImportMemberDialogStatus(false)}
|
|
buttons={btn6}
|
|
style={{ width: 750, height: 430 }}
|
|
>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@te73d9`} datas={dropMenuDatas4} onClick={key => this.handleFourDropMenuClick(key)}>
|
|
<div className="hrm-group-form">
|
|
{this.getImportComponents(condition5, form5, '2')}
|
|
</div>
|
|
</WeaRightMenu>
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@uel1og`}
|
|
title={i18n.label.staffImport()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isImportMemInfoDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setImportMemInfoDialogStatus(false)}
|
|
buttons={btn10}
|
|
style={{ width: 700, height: 510 }}
|
|
onChangeHeight={height => weahrm_group_store.changeHeight(height)}
|
|
>
|
|
<div className="hrm-group-table hrm-group-form">
|
|
<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@ocgav3`} needTigger={false} title={i18n.label.importInfo()} showGroup={true} fontSize={13}>
|
|
{this.getAntTable(paramsForAntTable, true)}
|
|
</WeaSearchGroup>
|
|
</div>
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@7pllmm`}
|
|
title={i18n.label.newGroup()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isNewDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setNewDialogStatus(false)}
|
|
buttons={btn2}
|
|
style={{ width: 650 }}
|
|
>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@eznpf7`} datas={dropMenuDatas2} onClick={key => this.handleTwoDropMenuClick(key)}>
|
|
{this.getNewAndShareComponents(condition3, form3, false, 'form3')}
|
|
</WeaRightMenu>
|
|
</WeaDialog>
|
|
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@qoh7qg`}
|
|
title={i18n.label.groupSetting()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isEditDialogShow}
|
|
hasScroll
|
|
onCancel={() => {
|
|
weahrm_group_store.setEditDialogStatus(false);
|
|
weahrm_group_store.setPanelTwoStatus(false);
|
|
weahrm_group_store.tabReset();
|
|
}}
|
|
buttons={btn3}
|
|
style={{ width: 780, height: 510 }}
|
|
onChangeHeight={height => weahrm_group_store.changeHeight(height)}
|
|
>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@o07cxh`} datas={datas} onClick={key => this.handleDropMenuClick(key)}>
|
|
<div className="hrm-group-tab">
|
|
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@5c8tul`}
|
|
selectedKey={editTabKey}
|
|
datas={type == '0' ? tabName.slice(0, 2) : tabName.slice(0, 3)}
|
|
keyParam="key"
|
|
searchsBaseValue={searchsBaseValue2}
|
|
onChange={key => weahrm_group_store.tabClick(key)}
|
|
searchType={(editTabKey == '1') ? ['base', 'advanced'] : ''}
|
|
setShowSearchAd={bool => weahrm_group_store.setPanelTwoStatus(bool)}
|
|
hideSearchAd={() => weahrm_group_store.setPanelTwoStatus(false)}
|
|
showSearchAd={isPanelTwoShow}
|
|
searchsAd={(editTabKey == '1') ? this.getPanelComponents(condition2, form2, '2') : []}
|
|
advanceHeight={120}
|
|
buttonsAd={btn4}
|
|
buttons={this.getGroupSettingBtns(editTabKey)}
|
|
onSearch={() => weahrm_group_store.getTableInfo('2')}
|
|
onSearchChange={val => weahrm_group_store.updateFormFields('2', val)}
|
|
/>
|
|
</div>
|
|
<div className="hrm-resource-edit-content" style={(editTabKey == '0') ? { display: 'block' } : { display: 'none' }}>
|
|
{this.getNewAndShareComponents(condition3, form3, false, 'form3')}
|
|
</div>
|
|
<div style={(editTabKey == '1') ? { display: 'block' } : { display: 'none' }} className="hrm-group-weatable">
|
|
{this.getTable(tbParams2)}
|
|
</div>
|
|
<div style={(editTabKey == '2') ? { display: 'block' } : { display: 'none' }}>
|
|
{this.getTable(tbParams3)}
|
|
</div>
|
|
</WeaRightMenu>
|
|
</WeaDialog>
|
|
|
|
<WeaDialog ecId={`${this && this.props && this.props.ecId || ''}_WeaDialog@xmib3y`}
|
|
title={i18n.label.addShare()}
|
|
icon="icon-coms-hrm"
|
|
iconBgcolor="#217346"
|
|
visible={isShareDialogShow}
|
|
hasScroll
|
|
onCancel={() => weahrm_group_store.setShareDialogStatus(false)}
|
|
buttons={btn7}
|
|
style={{ width: 700, height: 250 }}
|
|
>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@8r997l`} datas={dropMenuDatas5} onClick={key => this.handleFiveDropMenuClick(key)}>
|
|
{this.getNewAndShareComponents(condition6, form6, true, 'form6')}
|
|
</WeaRightMenu>
|
|
</WeaDialog>
|
|
|
|
{importDialog.visible && <Import ecId={`${this && this.props && this.props.ecId || ''}_Import@j4ufdh`} hrmImportCommon={hrmImportCommon} />}
|
|
</div>
|
|
);
|
|
}
|
|
}
|
|
|
|
WeaHrmGroup = Form.create({})(WeaHrmGroup);
|
|
|
|
export default WeaHrmGroup;
|