调整异常账户人员信息前端展示列

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>
 

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: "待核查",
       },
     ],
   },

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) =>

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));