monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit fbf661882b0c6173e6db7c39aea8d20ad10022b9 1 parent dc40dad2

【973】 阿里云和深信服负载均衡详情页优化-深信服负载均衡详情页优化

Inline Side-by-side
Showing 2 changed files with 50 additions and 36 deletions
... ... @@ -91,24 +91,27 @@ layui.define(['laypage', 'commonDetail', 'common', 'element', 'admin'], function
}
})
for (let nodeInfo of nodeInfoList) {
// lsq 详情页节电池样式修改 2022-08-08
htmlStr += `<div class="detail-loadbalancing-vs" data-flag="${nodeInfo.flag}">
<div class="vs-title">
<p>${nodeInfo.nodeName}</p>
</div>
<div class="vs-icon-div ${nodeInfo.healthStatus == 'normal' ? 'vs-icon-up' : 'vs-icon-down'}">
<div class="vs-icon"></div>
<div class="vs-flex">
<div class="vs-icon-div ${nodeInfo.healthStatus == 'normal' ? 'vs-icon-up' : 'vs-icon-down'}">
<div class="vs-icon"></div>
</div>
<ul class="vs-info">
<li>
${nodeInfo.configStatus == 'enable' ? '<i class="iconfont icon-size good">\ue659</i> 已启用' : '<i class="iconfont icon-size serious">\ue668</i> 未启用'}
</li>
<li>
当前连接数: ${nodeInfo.currentConnections}
</li>
<li>
新增连接数: ${nodeInfo.newConnections}
</li>
</ul>
</div>
<ul class="vs-info">
<li>
${nodeInfo.configStatus == 'enable' ? '<i class="iconfont icon-size good">\ue659</i> 已启用' : '<i class="iconfont icon-size serious">\ue668</i> 未启用'}
</li>
<li>
当前连接数: ${nodeInfo.currentConnections}
</li>
<li>
新增连接数: ${nodeInfo.newConnections}
</li>
</ul>
</div>`
}
$vsDiv.html(htmlStr)
... ... @@ -168,27 +171,30 @@ layui.define(['laypage', 'commonDetail', 'common', 'element', 'admin'], function
}
})
for (let nodeInfo of nodeInfoList) {
// lsq 详情页节电池样式修改 2022-08-08
htmlStr += `<div class="detail-loadbalancing-vs" data-flag="${nodeInfo.flag}">
<div class="vs-title">
<p>${nodeInfo.nodeName}</p>
</div>
<div class="node-icon-div ${nodeInfo.healthStatus == 'normal' ? 'vs-icon-up' : 'vs-icon-down'}">
<div class="node-icon"></div>
<div class="vs-flex">
<div class="node-icon-div ${nodeInfo.healthStatus == 'normal' ? 'vs-icon-up' : 'vs-icon-down'}">
<div class="node-icon"></div>
</div>
<ul class="vs-info">
<li>
${nodeInfo.configStatus == 'enable' ? '<i class="iconfont icon-size good">\ue659</i> 已启用' : '<i class="iconfont icon-size serious">\ue668</i> 未启用'}
</li>
<li>
当前连接数: ${nodeInfo.currentConnections}
</li>
<li>
新增连接数: ${nodeInfo.newConnections}
</li>
<li>
${nodeInfo.ipAddr}:${nodeInfo.port}
</li>
</ul>
</div>
<ul class="vs-info">
<li>
${nodeInfo.configStatus == 'enable' ? '<i class="iconfont icon-size good">\ue659</i> 已启用' : '<i class="iconfont icon-size serious">\ue668</i> 未启用'}
</li>
<li>
当前连接数: ${nodeInfo.currentConnections}
</li>
<li>
新增连接数: ${nodeInfo.newConnections}
</li>
<li>
${nodeInfo.ipAddr}:${nodeInfo.port}
</li>
</ul>
</div>`
}
$vsDiv.html(htmlStr)
... ...
... ... @@ -7992,12 +7992,13 @@ table.table-duty tbody td div.table-duty-td-day .duty-td-div-now {
/*通知页面中间统计图布局样式*/
.detail-loadbalancing-vs {
width: calc(12.5% - 22px);
/*lsq 详情页节电池样式修改 2022-08-08*/
width: calc(14% - 0px);
height: 115px;
margin: 5px;
float: left;
border: 1px solid #dcdcdc;
padding: 10px 20px;
padding: 10px;
border-radius: 5px;
cursor: pointer;
}
... ... @@ -8006,15 +8007,20 @@ table.table-duty tbody td div.table-duty-td-day .duty-td-div-now {
font-size: 15px;
font-weight: bold;
height: 30px;
word-wrap: break-word;
}
.detail-loadbalancing-vs .vs-title {
margin-bottom: 10px;
}
/*lsq 详情页节点池样式修改 2022-08-08*/
.detail-loadbalancing-vs .vs-flex{
display: flex;
align-items: center;
}
.detail-loadbalancing-vs div.vs-icon-div {
width: 55px;
height: 55px;
width: 45px;
height: 45px;
padding: 4px;
float: left;
border-radius: 10px;
... ... @@ -8030,8 +8036,8 @@ table.table-duty tbody td div.table-duty-td-day .duty-td-div-now {
}
.detail-loadbalancing-vs div.vs-icon {
width: 50px;
height: 50px;
width: 40px;
height: 40px;
background-repeat: no-repeat;
background-position: center;
background-image: url(/src/style/img/icon-db.png);
... ... @@ -8062,6 +8068,8 @@ table.table-duty tbody td div.table-duty-td-day .duty-td-div-now {
width: 61%;
float: left;
padding-left: 10px;
/*lsq 详情页节点池样式修改 2022-08-08*/
flex:1;
}
.detail-loadbalancing-vs .vs-info li {
... ...