From 9f01ad06656c1d988e29ad5b1561420d06e50a59 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?=
 <fsmecx@gmail.com>
Date: Sat, 13 Sep 2025 16:03:21 +0800
Subject: [PATCH] =?UTF-8?q?feat(=E5=BE=AE=E4=BF=A1=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85):=20=E6=B7=BB=E5=8A=A0=E9=A3=8E=E9=99=A9?=
 =?UTF-8?q?=E8=AF=84=E4=BC=B0=E6=A0=87=E7=AD=BE=E9=A1=B5=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7=E9=99=90=E5=88=B6=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增风险评估标签页，用于展示微信账号的限制记录，包括限制原因、日期和风险等级。当没有限制记录时显示"暂无风险记录"。
---
 .../wechat-accounts/detail/detail.module.scss | 71 +++++++++++++++++++
 .../mine/wechat-accounts/detail/index.tsx     | 40 +++++++++++
 2 files changed, 111 insertions(+)

diff --git a/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/detail.module.scss b/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/detail.module.scss
index 944ab4ff..c77c7dd4 100644
--- a/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/detail.module.scss
+++ b/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/detail.module.scss
@@ -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;
+    }
+  }
diff --git a/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/index.tsx b/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/index.tsx
index d1e5a6ee..5ca717f8 100644
--- a/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/index.tsx
+++ b/Cunkebao/src/pages/mobile/mine/wechat-accounts/detail/index.tsx
@@ -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>