fix(dashboard): 风控/管理层列表精简列+表格横向滚动,避免溢出

- Table 组件统一加横向滚动容器(overflowX:auto),列多时不撑破卡片
- 参考销售列表精简列:风控/管理层待处理去掉「可接受性」「最近处理」,
  评估历史去掉「可接受性」(与承接建议重复)
- 待处理仍保留指派审批人与操作列
This commit is contained in:
freedakgmail
2026-06-14 10:53:44 +08:00
parent f42c04da8b
commit c715dbb306
2 changed files with 54 additions and 48 deletions
@@ -90,6 +90,7 @@ export function Table<T>({
}); });
return ( return (
<div style={{ width: '100%', overflowX: 'auto' }}>
<table style={tableStyle}> <table style={tableStyle}>
{caption !== undefined ? ( {caption !== undefined ? (
<caption <caption
@@ -139,5 +140,6 @@ export function Table<T>({
)} )}
</tbody> </tbody>
</table> </table>
</div>
); );
} }
+6 -2
View File
@@ -351,12 +351,13 @@ export function Dashboard(): JSX.Element {
}, },
}; };
// 销售视图:去掉与「审批进度」重复的列(承接建议/最近处理),插入审批进度,保留操作列。 // 销售视图:去掉与「审批进度」重复的列(承接建议/最近处理),插入审批进度,保留操作列。
// 风控/管理层视图:去掉冗余的「可接受性」(与承接建议重复),精简列宽避免溢出。
const historyColumns = isSales const historyColumns = isSales
? (() => { ? (() => {
const base = columns.filter((col) => col.key !== 'recommendation' && col.key !== 'latest'); const base = columns.filter((col) => col.key !== 'recommendation' && col.key !== 'latest');
return [...base.slice(0, -1), approvalProgressCol, base[base.length - 1]!]; return [...base.slice(0, -1), approvalProgressCol, base[base.length - 1]!];
})() })()
: columns; : columns.filter((col) => col.key !== 'acceptability');
const summaryItems = [ const summaryItems = [
{ label: isSales ? '我的评估' : '全部评估', value: summary.total, tone: colorVar('color.brand.primary') }, { label: isSales ? '我的评估' : '全部评估', value: summary.total, tone: colorVar('color.brand.primary') },
{ label: isSales ? '被驳回(待处理)' : '我的待办', value: todoCount, tone: colorVar('color.risk.high') }, { label: isSales ? '被驳回(待处理)' : '我的待办', value: todoCount, tone: colorVar('color.risk.high') },
@@ -584,7 +585,10 @@ export function Dashboard(): JSX.Element {
return <span style={{ ...typographyStyle('caption'), fontWeight: 600, color: mine ? '#15803D' : colorVar('color.text.primary') }}>{name}{mine ? '(我)' : ''}</span>; return <span style={{ ...typographyStyle('caption'), fontWeight: 600, color: mine ? '#15803D' : colorVar('color.text.primary') }}>{name}{mine ? '(我)' : ''}</span>;
}, },
}; };
const todoColumns = [...columns.slice(0, -1), assignCol, columns[columns.length - 1]!]; // 待处理列表精简列(参考销售列表):去掉「可接受性」(与承接建议重复)与「最近处理」
//(待审项最近处理即提交动作,对裁决无意义),插入「指派审批人」,保留操作列,避免溢出。
const todoBase = columns.filter((col) => col.key !== 'acceptability' && col.key !== 'latest');
const todoColumns = [...todoBase.slice(0, -1), assignCol, todoBase[todoBase.length - 1]!];
return ( return (
<div style={{ marginBottom: `${space(4)}px` }}> <div style={{ marginBottom: `${space(4)}px` }}>
<Card title={ <Card title={