优化:明确白名单主体类型展示

将主体类型与手机号或设备 ID 分列展示,补充类型筛选,并移除白名单配置标题后的主体数量。
This commit is contained in:
linkeyu
2026-07-31 14:57:38 +08:00
parent 776682fe0f
commit be6fa0aa9e
+17 -12
View File
@@ -506,16 +506,21 @@ export default function LimitWhitelistPage() {
const columns: ColumnsType<LimitSubject> = [
{
title: '主体',
key: 'subject',
width: 300,
render: (_, row) => (
<Space size={8}>
{row.subject_type === 'device' && <Tag color="cyan"></Tag>}
<Text>{row.subject_value}</Text>
</Space>
title: '类型',
dataIndex: 'subject_type',
width: 110,
render: (value: LimitSubjectType) => (
<Tag color={value === 'device' ? 'cyan' : 'blue'}>
{value === 'device' ? '设备 ID' : '手机号'}
</Tag>
),
},
{
title: '手机号 / 设备 ID',
dataIndex: 'subject_value',
width: 220,
render: (value: string) => <Text>{value}</Text>,
},
{
title: '解除限制项',
key: 'rule',
@@ -790,7 +795,7 @@ export default function LimitWhitelistPage() {
<Card
title={
<Space size={12}>
<span>{`白名单配置(${total} 个主体)`}</span>
<span></span>
<Button
type="primary"
size="small"
@@ -805,13 +810,13 @@ export default function LimitWhitelistPage() {
<Space wrap>
<Select
allowClear
placeholder="主体类型"
placeholder="类型"
style={{ width: 120 }}
value={subjectType}
onChange={setSubjectType}
options={[
{ value: 'phone', label: '手机号' },
{ value: 'device', label: '设备' },
{ value: 'device', label: '设备 ID' },
]}
/>
<Select
@@ -850,7 +855,7 @@ export default function LimitWhitelistPage() {
loading={loading}
columns={columns}
dataSource={rows}
scroll={{ x: 1590 }}
scroll={{ x: 1700 }}
pagination={{
current: page,
pageSize,