feat(微信账号详情): 添加风险评估标签页展示账号限制记录

新增风险评估标签页,用于展示微信账号的限制记录,包括限制原因、日期和风险等级。当没有限制记录时显示"暂无风险记录"。
This commit is contained in:
超级老白兔
2025-09-13 16:03:21 +08:00
parent 268afb7209
commit 9f01ad0665
2 changed files with 111 additions and 0 deletions

View File

@@ -738,3 +738,74 @@
min-width: 70px;
margin-right: 8px;
}
.risk-content {
padding: 16px 0;
height: 500px;
overflow-y: auto;
.restrictions-list {
.restriction-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
margin-bottom: 12px;
background: #fff;
border-radius: 8px;
border: 1px solid #f0f0f0;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
&:last-child {
margin-bottom: 0;
}
.restriction-info {
flex: 1;
.restriction-reason {
font-size: 14px;
color: #333;
font-weight: 500;
margin-bottom: 4px;
}
.restriction-date {
font-size: 12px;
color: #999;
}
}
.restriction-level {
.level-badge {
padding: 4px 8px;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
&.level-1 {
background: #e8f5e8;
color: #52c41a;
}
&.level-2 {
background: #fff7e6;
color: #fa8c16;
}
&.level-3 {
background: #fff2f0;
color: #ff4d4f;
}
}
}
}
}
.empty {
text-align: center;
color: #999;
font-size: 14px;
padding: 40px 0;
}
}

View File

@@ -439,6 +439,46 @@ const WechatAccountDetail: React.FC = () => {
)}
</div>
</Tabs.Tab>
<Tabs.Tab title="风险评估" key="risk">
<div className={style["risk-content"]}>
{accountSummary?.restrictions &&
accountSummary.restrictions.length > 0 ? (
<div className={style["restrictions-list"]}>
{accountSummary.restrictions.map(restriction => (
<div
key={restriction.id}
className={style["restriction-item"]}
>
<div className={style["restriction-info"]}>
<div className={style["restriction-reason"]}>
{restriction.reason}
</div>
<div className={style["restriction-date"]}>
{restriction.date
? formatDateTime(restriction.date)
: "暂无时间"}
</div>
</div>
<div className={style["restriction-level"]}>
<span
className={`${style["level-badge"]} ${style[`level-${restriction.level}`]}`}
>
{restriction.level === 1
? "低风险"
: restriction.level === 2
? "中风险"
: "高风险"}
</span>
</div>
</div>
))}
</div>
) : (
<div className={style["empty"]}></div>
)}
</div>
</Tabs.Tab>
</Tabs>
</Card>
</div>