255 lines
8.7 KiB
JavaScript
255 lines
8.7 KiB
JavaScript
import { Button, Modal,message,Row,Col, Spin} from 'antd';
|
|
import isEmpty from 'lodash/isEmpty'
|
|
import cloneDeep from 'lodash/cloneDeep'
|
|
import forEach from 'lodash/forEach'
|
|
import { WeaAlertPage, WeaTools,WeaTableEdit,WeaSearchGroup,WeaRightMenu, WeaFormItem, WeaTab} from 'ecCom'
|
|
import {WeaSwitch} from 'comsMobx';
|
|
import { inject, observer} from 'mobx-react';
|
|
import * as mobx from 'mobx';
|
|
import {i18n} from '../../public/i18n';
|
|
|
|
const toJS = mobx.toJS;
|
|
|
|
@inject('companyExtend')
|
|
@inject('company')
|
|
@observer
|
|
export default class CompanyExtend extends React.Component {
|
|
|
|
componentDidMount(){
|
|
const {companyExtend} = this.props;
|
|
companyExtend.setTopButtons(this.getTopButtons.bind(this));
|
|
companyExtend.setTopRightMenus(this.getRightMenu.bind(this));
|
|
companyExtend.setTopShowDropIcon(true);
|
|
this.init();
|
|
}
|
|
init = () => {
|
|
// const {companyExtend, companyExtend, setParentRightMenu} = this.props;
|
|
companyExtend.init();
|
|
// companyExtend.hrmId=hrmId;
|
|
companyExtend.getData();
|
|
}
|
|
|
|
getTabChildren = () => {
|
|
const {companyExtend} = this.props;
|
|
let {tableInfo, isEditor, tabkey,onRowSelect,selectedRowKeys} = companyExtend;
|
|
let tabChildren = [];
|
|
tableInfo = toJS(tableInfo);
|
|
tableInfo && tableInfo.map((t,i)=>{
|
|
if(tabkey==i){
|
|
tabChildren.push(
|
|
<WeaTableEdit ecId={`${this && this.props && this.props.ecId || ''}_WeaTableEdit@b813my@${i}`}
|
|
//ref={(ref)=>companyExtend.setPersonalEditTables(ref)}
|
|
showTitle={isEditor}
|
|
// title={'列表信息'}
|
|
// addFirstRow={isEditor}
|
|
columns={t.tabinfo.columns}
|
|
datas={t.tabinfo.datas}
|
|
onChange={this.tableEditChange}
|
|
selectedRowKeys={toJS(selectedRowKeys)}
|
|
onRowSelect={keys => onRowSelect(keys)}
|
|
onBtnsSelect={key=>this.onBtnsSelect(key,i)}
|
|
viewAttr={isEditor?2: 1}
|
|
getRowSelection={isEditor? (rowSelection)=>{
|
|
Object.assign(rowSelection,{
|
|
getCheckboxProps: record => ({
|
|
disabled: record.viewAttr === 1, // 配置无法勾选的列
|
|
})
|
|
})
|
|
return rowSelection;
|
|
}: ()=>null}
|
|
/>
|
|
);
|
|
}
|
|
})
|
|
return tabChildren;
|
|
}
|
|
|
|
onBtnsSelect = (key, index) => {
|
|
const {
|
|
companyExtend
|
|
} = this.props, {
|
|
tableInfo,
|
|
selectedRows,
|
|
setSelectedRowKeys,
|
|
selectedRowKeys
|
|
} = companyExtend;
|
|
|
|
const datas = tableInfo[index].tabinfo.datas;
|
|
if (key === 'copy') {
|
|
tableInfo[index].tabinfo.datas = datas.map( (data,i) => {
|
|
if (!selectedRows[index].includes(i)) {
|
|
data.viewAttr = 2;
|
|
}
|
|
return data
|
|
})
|
|
}
|
|
if (key === 'delete') {
|
|
tableInfo[index].tabinfo.datas = datas.map( (data,i) => {
|
|
if (selectedRows[index].includes(i)) {
|
|
data.viewAttr = 1;
|
|
}
|
|
return data
|
|
});
|
|
setSelectedRowKeys(selectedRowKeys.filter(row => !selectedRows[index].includes(row)))
|
|
}
|
|
}
|
|
|
|
getSearchs = () => {
|
|
const {companyExtend} = this.props;
|
|
let {form, conditions, isEditor} = companyExtend;
|
|
const {isFormInit} = form;
|
|
let group = [];
|
|
let tipPosition = 'bottom';
|
|
window.e9HideFormFieldKeys = [];
|
|
isFormInit && conditions.forEach((c, i) =>{
|
|
let items = [];
|
|
c.items.forEach( (field, j) => {
|
|
if(c.hide || (!isEmpty(field.otherParams) && field.otherParams.hide)){
|
|
window.e9HideFormFieldKeys.push(field.domkey[0]);
|
|
}else{
|
|
items.push({
|
|
com:(<WeaFormItem ecId={`${this && this.props && this.props.ecId || ''}_WeaFormItem@vh6j67@${j}`}
|
|
underline={!isEditor}
|
|
label={`${field.label}`}
|
|
error={form.getError(field)}
|
|
tipPosition={tipPosition}
|
|
labelCol={{span: `${window.HrmLabelCol}`}}
|
|
wrapperCol={{span: `${window.HrmWrapperCol}`}}>
|
|
<WeaSwitch ecId={`${this && this.props && this.props.ecId || ''}_WeaSwitch@d4vaqk@${j}`} fieldConfig={field} form={form}/>
|
|
</WeaFormItem>),
|
|
colSpan: 1
|
|
});
|
|
}
|
|
});
|
|
group.push(<WeaSearchGroup ecId={`${this && this.props && this.props.ecId || ''}_WeaSearchGroup@x9hby9@${i}`} className={`${isEditor?'hrm-center':''}`}
|
|
needTigger={true} hide={c.hide} title={c.title} showGroup={c.defaultshow} items={items} />)
|
|
});
|
|
return group;
|
|
}
|
|
|
|
tableEditChange = (data) => {
|
|
const {companyExtend} = this.props;
|
|
let {tabkey = '0', tableInfo} = companyExtend;
|
|
tableInfo = toJS(tableInfo);
|
|
let d = cloneDeep(tableInfo);
|
|
d[Number(tabkey)].tabinfo.datas = data;
|
|
companyExtend.updateTableInfo(d);
|
|
}
|
|
|
|
getRightMenu = () => {
|
|
const {companyExtend} = this.props;
|
|
const {isEditor, buttons} = companyExtend;
|
|
let arr = [];
|
|
try{
|
|
if(buttons.hasEdit){
|
|
if (isEditor){
|
|
arr = [{
|
|
icon: <i className='icon-coms-common'/>,
|
|
content: i18n.button.save(),
|
|
key: 'save',
|
|
onClick: key =>{
|
|
this.saveEditCard();
|
|
}
|
|
}, {
|
|
icon: <i className='icon-coms-go-back'/>,
|
|
content: i18n.button.back(),
|
|
key: 'back',
|
|
onClick: key =>{
|
|
this.backCard();
|
|
}
|
|
}]
|
|
} else {
|
|
arr = [{
|
|
icon: <i className='icon-coms-edit'/>,
|
|
content:i18n.button.modify(),
|
|
key: 'editCard',
|
|
onClick: key =>{
|
|
this.editCard();
|
|
}
|
|
}
|
|
]
|
|
}
|
|
}
|
|
}catch(e){}
|
|
return arr;
|
|
}
|
|
|
|
getTopButtons = () => {
|
|
const {companyExtend} = this.props;
|
|
const {isEditor, buttons} = companyExtend;
|
|
const save = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@pkes6y`} type="primary" onClick={this.saveEditCard} >{i18n.button.save()}</Button>;
|
|
const back = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@pl1fw8`} type="primary" onClick={this.backCard} >{i18n.button.back()}</Button>;
|
|
const edit = <Button ecId={`${this && this.props && this.props.ecId || ''}_Button@vkeda5`} type="primary" onClick={this.editCard} >{i18n.button.modify()}</Button>;
|
|
const btns = [];
|
|
try{
|
|
if (isEditor) {
|
|
if (buttons.hasSave) {
|
|
btns.push(save);
|
|
btns.push(back);
|
|
}
|
|
} else {
|
|
if (buttons.hasEdit) {
|
|
btns.push(edit);
|
|
}
|
|
}
|
|
}catch(e){}
|
|
return btns;
|
|
}
|
|
|
|
editCard = () => {
|
|
const {companyExtend} = this.props;
|
|
companyExtend.edit();
|
|
}
|
|
|
|
saveEditCard = () => {
|
|
const {companyExtend} = this.props;
|
|
companyExtend.save();
|
|
}
|
|
|
|
backCard = () => {
|
|
this.init();
|
|
}
|
|
|
|
render() {
|
|
const {companyExtend} = this.props;
|
|
const {loading, detailSelectedKey, tabInfo} = companyExtend;
|
|
|
|
// if(!hasRight && !loading){
|
|
// return (
|
|
// <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@387kx5`}>
|
|
// <div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
|
|
// </WeaAlertPage>
|
|
// )
|
|
// }
|
|
|
|
try{
|
|
return (
|
|
<div className='hrm-my-cardInfo' style={{height:'100%', position: 'relative'}}>
|
|
<Spin ecId={`${this && this.props && this.props.ecId || ''}_Spin@4fj4z2`} spinning={loading}>
|
|
{this.getSearchs()}
|
|
{
|
|
!isEmpty(tabInfo) && <div className='hrm-my-cardInfo_detial_tabs'>
|
|
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@vjrq63`}
|
|
type='card'
|
|
keyParam='key'
|
|
datas={toJS(tabInfo)}
|
|
selectedKey={detailSelectedKey}
|
|
onChange={ v => {
|
|
companyExtend.updateDetailSelectedKey(v);
|
|
}}
|
|
/>
|
|
{this.getTabChildren()}
|
|
</div>
|
|
}
|
|
</Spin>
|
|
</div>
|
|
)
|
|
}catch(e){
|
|
return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@h1wgnu`}>
|
|
<div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
|
|
</WeaAlertPage>
|
|
}
|
|
}
|
|
}
|
|
|