优化:明确白名单主体类型展示
将主体类型与手机号或设备 ID 分列展示,补充类型筛选,并移除白名单配置标题后的主体数量。
This commit is contained in:
@@ -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,
|
||||
|
||||
Reference in New Issue
Block a user