feat(bpic_eli): 增加历史风险筛查结果页面的自定义代码显示- 在左侧面板头部添加自定义代码显示区域- 使用 Utils.getQueryParam 获取 taCode 参数,并显示在页面上- 调整详情页面显示逻辑,根据导航项状态更新显示内容-优化加载提示样式,适应不同情况下的布局

This commit is contained in:
陈昱达
2025-08-11 11:17:35 +08:00
parent a049222c89
commit 0092869fb1

View File

@@ -562,6 +562,11 @@
} }
#taCode{
font-size: 13px;
padding-top: 10px;
display: block;
}
</style> </style>
</head> </head>
<body> <body>
@@ -574,7 +579,10 @@
<!-- 注意:两个 div 写在同一行,避免 inline-block 空隙 --> <!-- 注意:两个 div 写在同一行,避免 inline-block 空隙 -->
<div class="main" id="main"> <div class="main" id="main">
<div class="left-nav" id="leftNav"> <div class="left-nav" id="leftNav">
<div class="nav-header">历史风险筛查结果</div> <div class="nav-header">
<div>历史风险筛查结果</div>
<span id='taCode'>213</span>
</div>
<div class="nav-body" id="navBody"> <div class="nav-body" id="navBody">
<div id="loadingNav" class="loading"> <div id="loadingNav" class="loading">
<span class="loading-spinner"></span> <span class="loading-spinner"></span>
@@ -707,6 +715,9 @@
taCode: Utils.getQueryParam('taCode') || 'C123504032025600027' // 默认值作为后备 taCode: Utils.getQueryParam('taCode') || 'C123504032025600027' // 默认值作为后备
}; };
var taCodeHtml = document.getElementById('taCode');
taCodeHtml.innerHTML = StateManager.taCode;
// 全局 Toast 提示模块 - 兼容 IE8 // 全局 Toast 提示模块 - 兼容 IE8
var Toast = { var Toast = {
element: null, element: null,
@@ -946,12 +957,15 @@
// 获取详情 // 获取详情
getDetail: function(navItem) { getDetail: function(navItem) {
var actions = document.getElementById('actions'); var actions = document.getElementById('actions');
var taCode = Utils.getQueryParam('taCode') || StateManager.navCheckRecord.taCode;
StateManager.navItem = navItem; StateManager.navItem = navItem;
actions.style.display = ''; actions.style.display = '';
var time = document.getElementById('time');
time.innerHTML = '';
if(navItem.checkStatus === 2){ if(navItem.checkStatus === 2){
// 从URL获取taCode // 从URL获取taCode
StateManager.resultId = navItem.id; StateManager.resultId = navItem.id;
var taCode = Utils.getQueryParam('taCode') || StateManager.navCheckRecord.taCode;
// 🔹 调用详情接口(假设用 recordId 查询) // 🔹 调用详情接口(假设用 recordId 查询)
Config.serviceUrl.queryDetail.data = { Config.serviceUrl.queryDetail.data = {
@@ -960,8 +974,7 @@
taCode: taCode taCode: taCode
}; };
var time = document.getElementById('time');
time.innerHTML = '';
// 添加加载提示 // 添加加载提示
var resultDom = document.getElementById('detail-container'); var resultDom = document.getElementById('detail-container');
@@ -980,6 +993,7 @@
var riskCount = detailJson.content.content.riskCount; var riskCount = detailJson.content.content.riskCount;
var taSubmitDate = detailJson.content.content.taSubmitDate var taSubmitDate = detailJson.content.content.taSubmitDate
time.innerHTML = time.innerHTML =
(taSubmitDate || '未知时间') + (taSubmitDate || '未知时间') +
' 共【' + riskCount + '】条风险提示'; ' 共【' + riskCount + '】条风险提示';
@@ -1159,12 +1173,12 @@
} }
); );
} else { } else {
time.innerHTML = navItem.taSubmitDate;
actions.style.display = 'none'; actions.style.display = 'none';
// 添加加载提示 // 添加加载提示
var resultDom = document.getElementById('detail-container'); var resultDom = document.getElementById('detail-container');
resultDom.innerHTML = resultDom.innerHTML =
'<div class="loading" style="text-align: center; line-height: 32px; height: 32px; font-size: 14px;">\n' + '<div class="loading" style="text-align: center; font-size: 14px;">\n' +
' <img src="./loading.png" alt="加载中"\n' + ' <img src="./loading.png" alt="加载中"\n' +
' style="height: 24px; width: 24px; vertical-align: middle;">\n' + ' style="height: 24px; width: 24px; vertical-align: middle;">\n' +
' <span style="vertical-align: middle;margin-left: 20px">正在筛查中...</span>\n' + ' <span style="vertical-align: middle;margin-left: 20px">正在筛查中...</span>\n' +