|
@ -71,26 +71,27 @@ const PersonnelDistribution = (props) => { |
|
|
const getMultis = (arrStr) => {//默认展示2个 |
|
|
const getMultis = (arrStr) => {//默认展示2个 |
|
|
return <div style={{ display: 'flex' }}> |
|
|
return <div style={{ display: 'flex' }}> |
|
|
{ |
|
|
{ |
|
|
arrStr.map((ite, idx) => { |
|
|
arrStr.length ? |
|
|
return ( |
|
|
arrStr.map((ite, idx) => { |
|
|
<div key={idx} style={{ display: 'flex' }}> |
|
|
return ( |
|
|
{idx < 2 ? |
|
|
<div key={idx} style={{ display: 'flex' }}> |
|
|
<div style={{ padding: '0px 4px 1px 4px', color: '#FFF', fontSize: 12, background: 'rgba(0,90,189,0.8)', borderRadius: 2, marginRight: 4 }}> |
|
|
{idx < 2 ? |
|
|
{ite} |
|
|
<div style={{ padding: '0px 4px 1px 4px', color: '#FFF', fontSize: 12, background: 'rgba(0,90,189,0.8)', borderRadius: 2, marginRight: 4 }}> |
|
|
</div> : '' |
|
|
{ite} |
|
|
} |
|
|
</div> : '' |
|
|
{ |
|
|
} |
|
|
arrStr.length > 2 && idx == 2 ? |
|
|
{ |
|
|
<Tooltip content={arrStr.join(',')} trigger="click" style={{ lineHeight: 2 }}> |
|
|
arrStr.length > 2 && idx == 2 ? |
|
|
<div style={{ padding: '0px 4px 1px 4px ', color: 'rgba(0,90,189,0.8)', fontSize: 12, marginRight: 4, cursor: "pointer" }}> |
|
|
<Tooltip content={arrStr.join(',')} trigger="click" style={{ lineHeight: 2 }}> |
|
|
+{arrStr.length - 2} |
|
|
<div style={{ padding: '0px 4px 1px 4px ', color: 'rgba(0,90,189,0.8)', fontSize: 12, marginRight: 4, cursor: "pointer" }}> |
|
|
</div> |
|
|
+{arrStr.length - 2} |
|
|
</Tooltip> |
|
|
</div> |
|
|
: '' |
|
|
</Tooltip> |
|
|
} |
|
|
: '' |
|
|
</div> |
|
|
} |
|
|
) |
|
|
</div> |
|
|
}) |
|
|
) |
|
|
|
|
|
}) : '-' |
|
|
} |
|
|
} |
|
|
</div> |
|
|
</div> |
|
|
} |
|
|
} |
|
@ -111,7 +112,7 @@ const PersonnelDistribution = (props) => { |
|
|
title: starHeader('部门名称'), |
|
|
title: starHeader('部门名称'), |
|
|
dataIndex: 'department', |
|
|
dataIndex: 'department', |
|
|
key: 'department', |
|
|
key: 'department', |
|
|
width: '15%', |
|
|
width: '18%', |
|
|
render: (text, r, index) => { |
|
|
render: (text, r, index) => { |
|
|
let arrStr = text.map(t => t.name); |
|
|
let arrStr = text.map(t => t.name); |
|
|
return getMultis(arrStr); |
|
|
return getMultis(arrStr); |
|
@ -136,18 +137,19 @@ const PersonnelDistribution = (props) => { |
|
|
title: starHeader('岗位'), |
|
|
title: starHeader('岗位'), |
|
|
dataIndex: 'post', |
|
|
dataIndex: 'post', |
|
|
key: 'post', |
|
|
key: 'post', |
|
|
width: '10%', |
|
|
width: '11%', |
|
|
|
|
|
render: (text, record) => <span>{text || '-'}</span> |
|
|
}, { |
|
|
}, { |
|
|
title: starHeader('入职时间'), |
|
|
title: starHeader('入职时间'), |
|
|
dataIndex: 'hireDate', |
|
|
dataIndex: 'hireDate', |
|
|
key: 'hireDate', |
|
|
key: 'hireDate', |
|
|
width: '10%', |
|
|
width: '8%', |
|
|
render: (text, record) => <span>{text || '-'}</span> |
|
|
render: (text, record) => <span>{text || '-'}</span> |
|
|
}, { |
|
|
}, { |
|
|
title: starHeader('转正时间'), |
|
|
title: starHeader('转正时间'), |
|
|
dataIndex: 'regularDate', |
|
|
dataIndex: 'regularDate', |
|
|
key: 'regularDate', |
|
|
key: 'regularDate', |
|
|
width: '10%', |
|
|
width: '8%', |
|
|
render: (text, record) => <span>{text || '-'}</span> |
|
|
render: (text, record) => <span>{text || '-'}</span> |
|
|
}, { |
|
|
}, { |
|
|
title: starHeader('工龄'), |
|
|
title: starHeader('工龄'), |
|
@ -236,9 +238,9 @@ const PersonnelDistribution = (props) => { |
|
|
onClick={() => { setImportModalV(true); }}> |
|
|
onClick={() => { setImportModalV(true); }}> |
|
|
导入 |
|
|
导入 |
|
|
</div> |
|
|
</div> |
|
|
<div style={{ padding: '6px 20px', background: '#00BA85', color: '#FFFFFF', fontSize: 14, marginLeft: 18 }}> |
|
|
{/* <div style={{ padding: '6px 20px', background: '#00BA85', color: '#FFFFFF', fontSize: 14, marginLeft: 18 }}> |
|
|
导出 |
|
|
导出 |
|
|
</div> |
|
|
</div> */} |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|