From 7dafabf7cba02a245f05ba45e9c62b29a5ef1c3e Mon Sep 17 00:00:00 2001
From: wkc <978997012@qq.com>
Date: Tue, 31 Mar 2026 21:08:04 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E5=BC=82=E5=B8=B8=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E4=BA=BA=E5=91=98=E4=BF=A1=E6=81=AF=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/detail/RiskDetailSection.vue   | 35 +++++++++++++------
 .../detail/preliminaryCheck.mock.js           | 12 +++----
 ...preliminary-check-model-and-detail.test.js | 12 ++++++-
 ...isk-detail-abnormal-account-layout.test.js | 22 ++++++++++++
 4 files changed, 63 insertions(+), 18 deletions(-)
 create mode 100644 ruoyi-ui/tests/unit/risk-detail-abnormal-account-layout.test.js

diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue b/ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue
index 24400d59..7dfa121f 100644
--- a/ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue
@@ -188,18 +188,31 @@
           </div>
         </div>
 
-        <el-table :data="sectionData.abnormalAccountList || []" class="detail-table">
-          <el-table-column prop="accountNo" label="账户号" min-width="160" />
-          <el-table-column prop="accountName" label="账户人姓名" min-width="120" />
-          <el-table-column prop="bankName" label="开户银行" min-width="180" />
-          <el-table-column prop="lastTradeDate" label="异常发生时间" min-width="140" />
-          <el-table-column prop="handler" label="状态" min-width="100" />
-          <el-table-column label="操作" width="100" align="right">
-            <template slot-scope="scope">
-              <el-button type="text" size="mini">{{ scope.row.actionLabel || "查看详情" }}</el-button>
-            </template>
-          </el-table-column>
+        <el-table
+          v-loading="abnormalAccountLoading"
+          :data="abnormalAccountList"
+          class="result-table"
+        >
+          <template slot="empty">
+            <el-empty :image-size="96" description="当前项目暂无异常账户人员信息" />
+          </template>
+          <el-table-column prop="accountNo" label="账号" min-width="160" />
+          <el-table-column prop="accountName" label="开户人" min-width="120" />
+          <el-table-column prop="bankName" label="银行" min-width="180" />
+          <el-table-column prop="abnormalType" label="异常类型" min-width="160" />
+          <el-table-column prop="abnormalTime" label="异常发生时间" min-width="160" />
+          <el-table-column prop="status" label="状态" min-width="120" />
         </el-table>
+
+        <pagination
+          v-show="abnormalAccountTotal > 0"
+          :total="abnormalAccountTotal"
+          :page.sync="abnormalAccountPageNum"
+          :limit.sync="abnormalAccountPageSize"
+          :page-sizes="[5]"
+          layout="total, prev, pager, next, jumper"
+          @pagination="handleAbnormalAccountPageChange"
+        />
       </div>
     </div>
 
diff --git a/ruoyi-ui/src/views/ccdiProject/components/detail/preliminaryCheck.mock.js b/ruoyi-ui/src/views/ccdiProject/components/detail/preliminaryCheck.mock.js
index a72cbfe7..adab3dc4 100644
--- a/ruoyi-ui/src/views/ccdiProject/components/detail/preliminaryCheck.mock.js
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/preliminaryCheck.mock.js
@@ -168,17 +168,17 @@ export const mockOverviewData = {
         accountNo: "62209****1234",
         accountName: "李四",
         bankName: "中国农业银行",
-        lastTradeDate: "2024-01-15",
-        handler: "正常",
-        actionLabel: "查看详情",
+        abnormalType: "异常转账",
+        abnormalTime: "2024-01-15",
+        status: "已核查",
       },
       {
         accountNo: "62209****5678",
         accountName: "王五",
         bankName: "中国工商银行",
-        lastTradeDate: "2024-01-10",
-        handler: "正常",
-        actionLabel: "查看详情",
+        abnormalType: "频繁交易",
+        abnormalTime: "2024-01-10",
+        status: "待核查",
       },
     ],
   },
diff --git a/ruoyi-ui/tests/unit/preliminary-check-model-and-detail.test.js b/ruoyi-ui/tests/unit/preliminary-check-model-and-detail.test.js
index 9bc8cbb4..4ca82ab0 100644
--- a/ruoyi-ui/tests/unit/preliminary-check-model-and-detail.test.js
+++ b/ruoyi-ui/tests/unit/preliminary-check-model-and-detail.test.js
@@ -33,7 +33,17 @@ const preliminaryCheck = fs.readFileSync(
 ["部门", "请选择部门", "查询", "重置", "selectedModelText"].forEach((token) =>
   assert(model.includes(token), token)
 );
-["风险明细", "涉疑交易明细", "异常账户人员信息", "查看详情"].forEach((token) =>
+[
+  "风险明细",
+  "涉疑交易明细",
+  "异常账户人员信息",
+  "账号",
+  "开户人",
+  "银行",
+  "异常类型",
+  "异常发生时间",
+  "状态",
+].forEach((token) =>
   assert(detail.includes(token), token)
 );
 ["getOverviewSuspiciousTransactions", "riskDetails"].forEach((token) =>
diff --git a/ruoyi-ui/tests/unit/risk-detail-abnormal-account-layout.test.js b/ruoyi-ui/tests/unit/risk-detail-abnormal-account-layout.test.js
new file mode 100644
index 00000000..a53ede3f
--- /dev/null
+++ b/ruoyi-ui/tests/unit/risk-detail-abnormal-account-layout.test.js
@@ -0,0 +1,22 @@
+const assert = require("assert");
+const fs = require("fs");
+const path = require("path");
+
+const source = fs.readFileSync(
+  path.resolve(
+    __dirname,
+    "../../src/views/ccdiProject/components/detail/RiskDetailSection.vue"
+  ),
+  "utf8"
+);
+
+[
+  "异常账户人员信息",
+  "账号",
+  "开户人",
+  "银行",
+  "异常类型",
+  "异常发生时间",
+  "状态",
+  "当前项目暂无异常账户人员信息",
+].forEach((token) => assert(source.includes(token), token));