feat(bpic_eli): 优化历史风险记录展示效果

- 添加列表样式,移除默认的列表符号
- 增加风险记录编号显示
- 调整风险记录标题
- 为风险记录添加图标
- 修复部分样式问题
This commit is contained in:
陈昱达
2025-07-24 16:36:11 +08:00
parent 7daa92cd6f
commit 0ff5331351
3 changed files with 31 additions and 4 deletions

BIN
public/bpic_eli/error.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 867 B

BIN
public/bpic_eli/right.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 911 B

View File

@@ -209,6 +209,20 @@
padding-left: 20px;
}
ul {
list-style: none;
}
li {
list-style: none;
}
.index {
margin: 0 10px;
display: inline-block;
padding: 1px 8px;
border: 1px solid #9fa8da;
background: #9fa8da;
border-radius: 8px;
}
.result-container-item-child-ul li {
font-size: 14px;
line-height: 1.8;
@@ -230,7 +244,7 @@
}
.result-container-item-child-ul li:before {
content: '•';
//content: '•';
color: #3498db;
font-weight: bold;
margin-right: 10px;
@@ -299,6 +313,13 @@
color: #95a5a6;
}
.png-icon {
float: left;
margin-top: 10px;
margin-left: 30px;
outline: none;
border: none;
}
//.empty-message:before {
// content: '';
// font-size: 32px;
@@ -318,7 +339,7 @@
<!-- 注意:两个 div 写在同一行,避免 inline-block 空隙 -->
<div class="main">
<div class="left-nav">
<div class="nav-header">历史风险记录</div>
<div class="nav-header">历史风险筛查结果</div>
<div class="nav-body" id="navBody">
<div id="loadingNav" class="loading">
<span class="loading-spinner"></span>
@@ -440,6 +461,9 @@
a.style.border = '1px solid #ddd'
a.style.display = 'block'
a.innerHTML =
(navItem.hasRisk === 1
? '<img src="error.png" class="png-icon">'
: '<img src="right.png" class="png-icon">') +
navItem.taSubmitDate +
'<br>' +
(navItem.hasRisk === 1
@@ -621,7 +645,10 @@
var childItem = document.createElement('li')
childItem.className = 'result-container-item-child'
childItem.innerHTML =
(child.ruleName ? child.ruleName : child.fileName) ||
'<span class="index">' +
Number(childIndex + 1) +
'</span>' +
(child.ruleName ? child.ruleName : child.fileName) ||
'未知项目'
childItem.style.cursor = 'pointer'
// 为不支持某些CSS属性的浏览器添加兼容样式
@@ -636,7 +663,7 @@
if (item.filePath) {
window.open(item.filePath)
} else {
alert('该文件暂无链接')
// alert('该文件暂无链接')
}
}
})(childIndex, child)