新增结果总览未提交账户展示

2026-07-20 11:50:03 +08:00
parent 1561df924f
commit dd424cca50
23 changed files with 1051 additions and 5 deletions
--- a/ruoyi-ui/src/api/ccdi/projectOverview.js
+++ b/ruoyi-ui/src/api/ccdi/projectOverview.js
@@ -144,6 +144,14 @@ export function getOverviewAbnormalAccountPeople(params) {
  })
 }

+export function getOverviewUnsubmittedAccounts(projectId) {
+  return request({
+    url: '/ccdi/project/overview/unsubmitted-accounts',
+    method: 'get',
+    params: { projectId }
+  })
+}
+
 export function exportOverviewReport(projectId) {
  return request({
    url: '/ccdi/project/overview/report/export',
--- a/ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue
+++ b/ruoyi-ui/src/views/ccdiProject/components/detail/RiskDetailSection.vue
@@ -11,6 +11,93 @@
        </el-button>
      </div>

+      <div class="block">
+        <div class="block-header">
+          <div>
+            <div class="block-title">未提交账户</div>
+            <div class="block-subtitle">被调查主体未提交分析的同名账户，已排除银行贷款类账号</div>
+          </div>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-download"
+            :disabled="!projectId || unsubmittedAccountTotal <= 0"
+            @click="handleUnsubmittedAccountExport"
+          >
+            导出流水
+          </el-button>
+        </div>
+
+        <div v-loading="unsubmittedAccountLoading" class="unsubmitted-panel">
+          <template v-if="unsubmittedAccountTotal > 0">
+            <div class="unsubmitted-metrics">
+              <div class="unsubmitted-metric">
+                <div class="metric-label">未提交账户数</div>
+                <div class="metric-value">{{ unsubmittedAccountTotal }}</div>
+              </div>
+              <div class="unsubmitted-metric">
+                <div class="metric-label">流入总额</div>
+                <div class="metric-value amount-in">{{ formatWanAmount(unsubmittedAccountSummary.totalAmountCr) }}</div>
+              </div>
+              <div class="unsubmitted-metric">
+                <div class="metric-label">流出总额</div>
+                <div class="metric-value amount-out">-{{ formatWanAmount(unsubmittedAccountSummary.totalAmountDr) }}</div>
+              </div>
+              <div class="unsubmitted-metric">
+                <div class="metric-label">流入/流出差额</div>
+                <div
+                  class="metric-value"
+                  :class="Number(unsubmittedAccountSummary.netAmount || 0) >= 0 ? 'amount-in' : 'amount-out'"
+                >
+                  {{ formatWanAmount(unsubmittedAccountSummary.netAmount) }}
+                </div>
+              </div>
+            </div>
+
+            <div
+              v-for="subject in unsubmittedAccountSubjects"
+              :key="subject.subjectName"
+              class="unsubmitted-subject"
+            >
+              <div class="unsubmitted-subject-name">{{ formatField(subject.subjectName) }}</div>
+              <div class="unsubmitted-account-grid">
+                <div
+                  v-for="account in subject.accounts"
+                  :key="`${subject.subjectName}-${account.accountNo}`"
+                  class="unsubmitted-account-card"
+                >
+                  <div class="unsubmitted-account-head">
+                    <div class="unsubmitted-account-no">
+                      <i class="el-icon-bank-card"></i>
+                      <span>{{ maskAccountNo(account.accountNo) }}</span>
+                    </div>
+                    <el-tag
+                      v-if="account.highRatio"
+                      size="mini"
+                      type="danger"
+                      effect="plain"
+                    >
+                      交易占比较高
+                    </el-tag>
+                  </div>
+                  <div class="unsubmitted-card-metrics">
+                    <div>
+                      <div class="card-metric-label">流入金额</div>
+                      <div class="card-metric-value amount-in">{{ formatWanAmount(account.totalAmountCr) }}</div>
+                    </div>
+                    <div>
+                      <div class="card-metric-label">流出金额</div>
+                      <div class="card-metric-value amount-out">-{{ formatWanAmount(account.totalAmountDr) }}</div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </template>
+          <el-empty v-else :image-size="96" description="当前项目暂无未提交账户" />
+        </div>
+      </div>
+
      <div class="block">
        <div class="block-header">
          <div>
@@ -369,6 +456,7 @@ import {
  getOverviewAbnormalAccountPeople,
  getOverviewEmployeeCreditNegative,
  getOverviewSuspiciousTransactions,
+  getOverviewUnsubmittedAccounts,
 } from "@/api/ccdi/projectOverview";
 import { getBankStatementDetail } from "@/api/ccdiProjectBankStatement";
 import { buildFlowEvidenceFingerprint, buildFlowEvidenceSnapshot } from "@/utils/ccdiEvidence";
@@ -559,6 +647,14 @@ export default {
      abnormalAccountPageSize: DEFAULT_RISK_DETAIL_PAGE_SIZE,
      abnormalAccountTotal: 0,
      abnormalAccountList: [],
+      unsubmittedAccountLoading: false,
+      unsubmittedAccountSummary: {
+        totalAmountCr: 0,
+        totalAmountDr: 0,
+        netAmount: 0,
+      },
+      unsubmittedAccountTotal: 0,
+      unsubmittedAccountSubjects: [],
      projectId: null,
      statementDetailCache: {},
      suspiciousRequestSeq: 0,
@@ -603,6 +699,8 @@ export default {
        this.abnormalAccountPageSize = DEFAULT_RISK_DETAIL_PAGE_SIZE;
        this.abnormalAccountTotal = 0;
        this.abnormalAccountList = [];
+        this.unsubmittedAccountTotal = 0;
+        this.unsubmittedAccountSubjects = [];
        this.employeeCreditNegativeList = Array.isArray(value && value.employeeCreditNegativeList)
          ? value.employeeCreditNegativeList
          : [];
@@ -622,6 +720,7 @@ export default {
          this.closeDetailDialog();
        }
        this.loadAbnormalAccountPeople();
+        this.loadUnsubmittedAccounts();
      },
    },
  },
@@ -791,6 +890,44 @@ export default {
        this.abnormalAccountLoading = false;
      }
    },
+    async loadUnsubmittedAccounts() {
+      if (!this.projectId) {
+        this.unsubmittedAccountSummary = {
+          totalAmountCr: 0,
+          totalAmountDr: 0,
+          netAmount: 0,
+        };
+        this.unsubmittedAccountTotal = 0;
+        this.unsubmittedAccountSubjects = [];
+        this.unsubmittedAccountLoading = false;
+        return;
+      }
+
+      this.unsubmittedAccountLoading = true;
+      try {
+        const response = await getOverviewUnsubmittedAccounts(this.projectId);
+        const data = (response && response.data) || {};
+        this.unsubmittedAccountSummary = {
+          totalAmountCr: Number(data.totalAmountCr) || 0,
+          totalAmountDr: Number(data.totalAmountDr) || 0,
+          netAmount: Number(data.netAmount) || 0,
+        };
+        this.unsubmittedAccountTotal = Number(data.accountCount) || 0;
+        this.unsubmittedAccountSubjects = Array.isArray(data.subjects) ? data.subjects : [];
+      } catch (error) {
+        this.unsubmittedAccountSummary = {
+          totalAmountCr: 0,
+          totalAmountDr: 0,
+          netAmount: 0,
+        };
+        this.unsubmittedAccountTotal = 0;
+        this.unsubmittedAccountSubjects = [];
+        this.$message.error("加载未提交账户失败");
+        console.error("加载未提交账户失败", error);
+      } finally {
+        this.unsubmittedAccountLoading = false;
+      }
+    },
    async fetchStatementDetail(bankStatementId, silent, scope = {}) {
      if (!bankStatementId) {
        return createEmptyDetailData();
@@ -899,6 +1036,16 @@ export default {
        `风险明细_${this.projectId}_${new Date().getTime()}.xlsx`
      );
    },
+    handleUnsubmittedAccountExport() {
+      if (!this.projectId || this.unsubmittedAccountTotal <= 0) {
+        return;
+      }
+      this.download(
+        "ccdi/project/overview/unsubmitted-accounts/export",
+        { projectId: this.projectId },
+        `未提交账户流水_${this.projectId}_${new Date().getTime()}.xlsx`
+      );
+    },
    formatRelatedStaff(row) {
      if (!row || !row.relatedStaffName) {
        return "-";
@@ -943,6 +1090,29 @@ export default {
        maximumFractionDigits: 2,
      });
    },
+    formatWanAmount(value) {
+      if (value === null || value === undefined || value === "") {
+        return "0.00 万元";
+      }
+      const amount = Number(value);
+      if (Number.isNaN(amount)) {
+        return "0.00 万元";
+      }
+      return `${(amount / 10000).toLocaleString("zh-CN", {
+        minimumFractionDigits: 2,
+        maximumFractionDigits: 2,
+      })} 万元`;
+    },
+    maskAccountNo(value) {
+      if (value === null || value === undefined || value === "") {
+        return "-";
+      }
+      const text = String(value);
+      if (text.length <= 10) {
+        return text;
+      }
+      return `${text.slice(0, 8)} ... ${text.slice(-6)}`;
+    },
    formatSignedAmount(value) {
      if (value === null || value === undefined || value === "") {
        return "-";
@@ -1121,6 +1291,112 @@ export default {
  width: 240px;
 }

+.unsubmitted-panel {
+  min-height: 120px;
+}
+
+.unsubmitted-metrics {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 18px;
+  margin-bottom: 24px;
+}
+
+.unsubmitted-metric {
+  min-width: 0;
+}
+
+.metric-label {
+  color: #64748b;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.metric-value {
+  margin-top: 6px;
+  color: #0f172a;
+  font-size: 24px;
+  line-height: 32px;
+  font-weight: 700;
+  overflow-wrap: anywhere;
+}
+
+.unsubmitted-subject + .unsubmitted-subject {
+  margin-top: 22px;
+}
+
+.unsubmitted-subject-name {
+  margin-bottom: 12px;
+  color: #111827;
+  font-size: 15px;
+  line-height: 22px;
+  font-weight: 700;
+}
+
+.unsubmitted-account-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(220px, 1fr));
+  gap: 16px;
+}
+
+.unsubmitted-account-card {
+  min-width: 0;
+  min-height: 132px;
+  padding: 18px 20px;
+  border: 1px solid #e5e7eb;
+  background: #fff;
+}
+
+.unsubmitted-account-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 12px;
+  min-height: 28px;
+}
+
+.unsubmitted-account-no {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  color: #111827;
+  font-size: 14px;
+  line-height: 22px;
+  font-weight: 600;
+}
+
+.unsubmitted-account-no i {
+  flex: 0 0 auto;
+  color: #9ca3af;
+}
+
+.unsubmitted-account-no span {
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+
+.unsubmitted-card-metrics {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 16px;
+  margin-top: 24px;
+}
+
+.card-metric-label {
+  color: #64748b;
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.card-metric-value {
+  margin-top: 4px;
+  font-size: 16px;
+  line-height: 24px;
+  font-weight: 700;
+  overflow-wrap: anywhere;
+}
+
 .result-table {
  width: 100%;
 }
@@ -1355,6 +1631,14 @@ export default {
 }

@media (max-width: 992px) {
+  .unsubmitted-metrics {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+
+  .unsubmitted-account-grid {
+    grid-template-columns: repeat(2, minmax(220px, 1fr));
+  }
+
  .detail-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px 24px;
@@ -1362,6 +1646,12 @@ export default {
 }

@media (max-width: 768px) {
+  .unsubmitted-metrics,
+  .unsubmitted-account-grid,
+  .unsubmitted-card-metrics {
+    grid-template-columns: 1fr;
+  }
+
  .suspicious-filter-form {
    align-items: stretch;
  }
--- a/ruoyi-ui/tests/unit/risk-detail-abnormal-account-layout.test.js
+++ b/ruoyi-ui/tests/unit/risk-detail-abnormal-account-layout.test.js
@@ -11,6 +11,14 @@ const source = fs.readFileSync(
 );

 [
+  "未提交账户",
+  "未提交账户数",
+  "流入总额",
+  "流出总额",
+  "流入/流出差额",
+  "交易占比较高",
+  "导出流水",
+  "当前项目暂无未提交账户",
  "异常账户人员信息",
  "账号",
  "开户人",