wkc/ccdi
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

实现结果总览项目分析弹窗主视图

Browse Source
This commit is contained in:
wkc
2026-03-25 14:09:47 +08:00
parent a13c73f9a8
commit 85f4e7bc61
7 changed files with 362 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
ruoyi-ui/src/views/ccdiProject/components/detail/ProjectAnalysisDialog.vue
View File

@@ -13,36 +13,28 @@
:sidebar-data="dialogData.sidebar"
/>
<div class="project-analysis-layout__main">
<div
v-if='dialogData.sourceSummary.showCurrentModel && source === "riskModelPeople"'
class="source-summary"
>
<span class="source-summary__label">当前命中模型</span>
<span class="source-summary__value">{{ dialogData.sourceSummary.currentModelValue }}</span>
</div>
<el-tabs v-model="activeTab" stretch>
<el-tab-pane label="异常明细" name="abnormalDetail">
<div class="project-analysis-tab-placeholder">
<div class="tab-placeholder-title">异常明细</div>
<div class="tab-placeholder-text">{{ getTabDescription("abnormalDetail") }}</div>
</div>
<project-analysis-abnormal-tab :detail-data="dialogData.abnormalDetail" />
</el-tab-pane>
<el-tab-pane label="资产分析" name="assetAnalysis">
<div class="project-analysis-tab-placeholder">
<div class="tab-placeholder-title">资产分析</div>
<div class="tab-placeholder-text">{{ getTabDescription("assetAnalysis") }}</div>
</div>
<project-analysis-placeholder-tab :tab-data="getTabData('assetAnalysis')" />
</el-tab-pane>
<el-tab-pane label="征信摘要" name="creditSummary">
<div class="project-analysis-tab-placeholder">
<div class="tab-placeholder-title">征信摘要</div>
<div class="tab-placeholder-text">{{ getTabDescription("creditSummary") }}</div>
</div>
<project-analysis-placeholder-tab :tab-data="getTabData('creditSummary')" />
</el-tab-pane>
<el-tab-pane label="关系图谱" name="relationshipGraph">
<div class="project-analysis-tab-placeholder">
<div class="tab-placeholder-title">关系图谱</div>
<div class="tab-placeholder-text">{{ getTabDescription("relationshipGraph") }}</div>
</div>
<project-analysis-placeholder-tab :tab-data="getTabData('relationshipGraph')" />
</el-tab-pane>
<el-tab-pane label="资金流向" name="fundFlow">
<div class="project-analysis-tab-placeholder">
<div class="tab-placeholder-title">资金流向</div>
<div class="tab-placeholder-text">{{ getTabDescription("fundFlow") }}</div>
</div>
<project-analysis-placeholder-tab :tab-data="getTabData('fundFlow')" />
</el-tab-pane>
</el-tabs>
</div>
@@ -51,12 +43,16 @@
</template>
<script>
import ProjectAnalysisAbnormalTab from "./ProjectAnalysisAbnormalTab";
import ProjectAnalysisPlaceholderTab from "./ProjectAnalysisPlaceholderTab";
import ProjectAnalysisSidebar from "./ProjectAnalysisSidebar";
import { buildProjectAnalysisDialogData } from "./preliminaryCheck.mock";
export default {
name: "ProjectAnalysisDialog",
components: {
ProjectAnalysisAbnormalTab,
ProjectAnalysisPlaceholderTab,
ProjectAnalysisSidebar,
},
props: {
@@ -110,9 +106,13 @@ export default {
resetDialogState() {
this.activeTab = "abnormalDetail";
},
getTabDescription(tabKey) {
const currentTab = this.dialogData.tabs.find((item) => item.key === tabKey);
return currentTab ? currentTab.description : "";
getTabData(tabKey) {
return (
this.dialogData.tabs.find((item) => item.key === tabKey) || {
label: "",
description: "",
}
);
},
handleDialogClosed() {
this.resetDialogState();
@@ -138,23 +138,24 @@ export default {
min-width: 0;
}
.project-analysis-tab-placeholder {
min-height: 560px;
padding: 24px;
border: 1px solid #e2e8f0;
background: linear-gradient(180deg, #ffffff 0%, #f8fafc 100%);
.source-summary {
display: flex;
align-items: center;
gap: 12px;
margin-bottom: 16px;
padding: 14px 16px;
border: 1px solid #fde68a;
background: #fffbeb;
}
.tab-placeholder-title {
font-size: 18px;
font-weight: 600;
color: #0f172a;
.source-summary__label {
font-size: 12px;
color: #92400e;
}
.tab-placeholder-text {
margin-top: 8px;
.source-summary__value {
font-size: 13px;
line-height: 1.7;
color: #64748b;
font-weight: 600;
color: #b45309;
}
</style>