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