refactor: 健康检查页面badge前面增加小图标

This commit is contained in:
Argo Zhang 2019-08-26 09:50:11 +08:00
parent d5359bbaf5
commit 1b7fec25e4
3 changed files with 3 additions and 3 deletions

View File

@ -64,7 +64,7 @@
<li>健康检查接口地址: <a href="~/healths">healths</a></li>
<li>健康检查报表地址: <a href="~/healths-ui">healths-ui</a></li>
</ol>
<div>每项检查结果为:<span class="badge badge-pill badge-success badge-md">健康</span> <span class="badge badge-pill badge-warning badge-md">亚健康</span> <span class="badge badge-pill badge-danger badge-md">不健康</span></div>
<div>每项检查结果为:<span class="badge badge-pill badge-success badge-md"><i class="fa fa-check-circle"></i><span>健康</span></span> <span class="badge badge-pill badge-warning badge-md"><i class="fa fa-exclamation-circle"></i><span>亚健康</span></span> <span class="badge badge-pill badge-danger badge-md"><i class="fa fa-times-circle"></i><span>不健康</span></span></div>
</div>
<p>耗时:<span id="checkTotalEplsed">--</span></p>
<table id="tbCheck"></table>

View File

@ -587,7 +587,7 @@ input.pending {
display: none;
}
.btn i + span {
.btn i + span, .badge i + span {
margin-left: 4px;
}

View File

@ -26,7 +26,7 @@
{ title: "检查结果", field: "Status", formatter: StatusFormatter },
{
title: "明细数据", field: "Data", formatter: function (value, row, index) {
return '<button class="detail btn btn-info"><i class="fa fa-info"></i><span>明细</span></button>';
return '<button class="detail btn btn-info"><i class="fa fa-info-circle"></i><span>明细</span></button>';
},
events: {
'click .detail': function (e, value, row, index) {