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

鲁尚清
Commit fbf661882b0c6173e6db7c39aea8d20ad10022b9 1 parent dc40dad2
Showing 2 changed files with 21 additions and 7 deletions
hg-monitor-web-base/src/main/resources/static/src/controller/nethardware_loadbalancing.js
hg-monitor-web-base/src/main/resources/static/src/style/css/main.css
--- a/hg-monitor-web-base/src/main/resources/static/src/controller/nethardware_loadbalancing.js
View file @fbf6618
+++ b/hg-monitor-web-base/src/main/resources/static/src/controller/nethardware_loadbalancing.js
View file @fbf6618
@@ -91,10 +91,12 @@ 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-flex">
                                          <div class="vs-icon-div ${nodeInfo.healthStatus == 'normal' ? 'vs-icon-up' : 'vs-icon-down'}">
                                             <div class="vs-icon"></div>
                                         </div>
@@ -109,6 +111,7 @@ layui.define(['laypage', 'commonDetail', 'common', 'element', 'admin'], function
                                                 新增连接数: ${nodeInfo.newConnections}
                                             </li>
                                         </ul>
+                                    </div>
                                 </div>`
                     }
                     $vsDiv.html(htmlStr)
@@ -168,10 +171,12 @@ 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-flex">
                                         <div class="node-icon-div ${nodeInfo.healthStatus == 'normal' ? 'vs-icon-up' : 'vs-icon-down'}">
                                             <div class="node-icon"></div>
                                         </div>
@@ -189,6 +194,7 @@ layui.define(['laypage', 'commonDetail', 'common', 'element', 'admin'], function
                                                 ${nodeInfo.ipAddr}:${nodeInfo.port}
                                             </li>
                                         </ul>
+                                    </div>
                                 </div>`
                     }
                     $vsDiv.html(htmlStr)
--- a/hg-monitor-web-base/src/main/resources/static/src/style/css/main.css
View file @fbf6618
+++ b/hg-monitor-web-base/src/main/resources/static/src/style/css/main.css
View file @fbf6618
@@ -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 {