282 lines
9.1 KiB
JavaScript
282 lines
9.1 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,WeaTop } 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;
|
|
import '../../style/common.less';
|
|
|
|
|
|
@inject('companyExtend')
|
|
@inject('company')
|
|
@observer
|
|
export default class CompanyExtend extends React.Component {
|
|
|
|
componentDidMount() {
|
|
this.init();
|
|
}
|
|
init = () => {
|
|
const { companyExtend,company } = this.props;
|
|
//const {id} = company;
|
|
const {hash} = window.location;
|
|
let id = hash.replace("[^/]+(?=/$|$)");
|
|
console.log("id",id)
|
|
companyExtend.init();
|
|
companyExtend.setId(id);
|
|
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: `${field.labelcol}` }}
|
|
wrapperCol={{ span: `${field.fieldcol}` }}>
|
|
<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} col={2} />)
|
|
});
|
|
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();
|
|
}
|
|
|
|
changeData(key) {
|
|
const {
|
|
companyExtend
|
|
} = this.props;
|
|
companyExtend.changeData(key);
|
|
}
|
|
|
|
render() {
|
|
const { companyExtend } = this.props;
|
|
const { loading, detailSelectedKey, tabInfo,topTab,selectedKey } = 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' }}>
|
|
<WeaRightMenu ecId={`${this && this.props && this.props.ecId || ''}_WeaRightMenu@k6oc4u`}
|
|
datas={this.getRightMenu()}
|
|
>
|
|
<WeaTop ecId={`${this && this.props && this.props.ecId || ''}_WeaTop@bj98s7`}
|
|
loading={true}
|
|
buttons={this.getTopButtons()}
|
|
showDropIcon={true}
|
|
dropMenuDatas={this.getRightMenu()}
|
|
>
|
|
<WeaTab ecId={`${this && this.props && this.props.ecId || ''}_WeaTab@9c3zts`}
|
|
datas={topTab}
|
|
keyParam="viewCondition" //主键
|
|
selectedKey={selectedKey}
|
|
onChange={this.changeData.bind(this)}
|
|
/>
|
|
<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>
|
|
</WeaTop>
|
|
</WeaRightMenu>
|
|
|
|
</div>
|
|
)
|
|
// } catch (e) {
|
|
// return <WeaAlertPage ecId={`${this && this.props && this.props.ecId || ''}_WeaAlertPage@h1wgnu`}>
|
|
// <div style={{ color: '#000' }}>{i18n.message.authFailed()}</div>
|
|
// </WeaAlertPage>
|
|
// }
|
|
}
|
|
}
|
|
|