monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 鲁尚清
Commit 3e329fe1ab318f2314eae6c7a09c5257fa197d33 1 parent 3ec1f438

视图中心-域视图搜索栏样式调整，增加查询，展开/收起 #1

Inline Side-by-side
Showing 2 changed files with 70 additions and 7 deletions
@@ -59,7 +59,10 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable' @@ -59,7 +59,10 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable'
59 reloadTable(); 59 reloadTable();
60 } 60 }
61 }); 61 });
62 - 62 + //lsq 域视图页增加搜索按钮 2022-06-27
  63 + $('#searchDomainIndex').unbind('click').on('click', function () {
  64 + reloadTable();
  65 + })
63 var loading = layer.load(2); 66 var loading = layer.load(2);
64 67
65 //this 68 //this
@@ -228,6 +231,46 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable' @@ -228,6 +231,46 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable'
228 if ($.isFunction(fun)) { 231 if ($.isFunction(fun)) {
229 fun.call(this, data, node.data, options); 232 fun.call(this, data, node.data, options);
230 } 233 }
  234 + //start lsq 域视图搜索条件太多，增加展开/收起的功能 2022-06-27
  235 + let formWidth =$('.form-item-open-stow').width();
  236 + let elem=$('.form-item-open-stow');
  237 + if(elem){
  238 + for(let i=0;i<elem.length;i++){
  239 + if($(elem[i]).width()){
  240 + formWidth=$(elem[i]).width();
  241 + }
  242 + }
  243 + }
  244 + if(!formWidth){
  245 + formWidth= sessionStorage.getItem('formWidth');
  246 + }else{
  247 + sessionStorage.setItem('formWidth',formWidth)
  248 + }
  249 + let winWidth = $('.form-item-open-stow').parents('.layui-status').width();
  250 + let elemW=$('.form-item-open-stow').parents('.layui-status');
  251 + if(elemW){
  252 + for(let i=0;i<elemW.length;i++){
  253 + if($(elemW[i]).width()){
  254 + winWidth=$(elemW[i]).width();
  255 + }
  256 + }
  257 + }
  258 + if (formWidth + 130 > winWidth) {
  259 + $('.openStow').css('display', 'inline-block')
  260 + $('.form-item-open-stow').css('height', '50px');
  261 + } else {
  262 + $('.openStow').css('display', 'none')
  263 + }
  264 + $(".openStow").unbind('click').on('click', function () {
  265 + if ($(this).text() == '展开') {
  266 + $(this).text('收起')
  267 + $('.form-item-open-stow').css('height', 'auto');
  268 + } else {
  269 + $(this).text('展开')
  270 + $('.form-item-open-stow').css('height', '50px');
  271 + }
  272 + })
  273 + //end lsq 2022-06-27
231 } 274 }
232 }); 275 });
233 loadParamSelect(); 276 loadParamSelect();
@@ -1320,6 +1363,10 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable' @@ -1320,6 +1363,10 @@ layui.define(['tree', 'laypage', 'laytpl', 'admin', 'form', 'table', 'treeTable'
1320 renderTreeTable(domainId, curTreeNode.data.id) 1363 renderTreeTable(domainId, curTreeNode.data.id)
1321 } 1364 }
1322 }); 1365 });
  1366 + //lsq 域视图页增加搜索按钮 2022-06-27
  1367 + $('#searchDomainTreeTable').unbind('click').on('click', function () {
  1368 + renderTreeTable(domainId, curTreeNode.data.id);
  1369 + })
1323 //选择资源状态 1370 //选择资源状态
1324 form.on('select(domain_treetable_resStatus)', function (data) { 1371 form.on('select(domain_treetable_resStatus)', function (data) {
1325 renderTreeTable(domainId, curTreeNode.data.id); 1372 renderTreeTable(domainId, curTreeNode.data.id);
@@ -38,7 +38,8 @@ @@ -38,7 +38,8 @@
38 <!--</div>--> 38 <!--</div>-->
39 <form class="layui-form layui-card-header layuiadmin-card-header-auto" 39 <form class="layui-form layui-card-header layuiadmin-card-header-auto"
40 lay-filter="domain-list-form"> 40 lay-filter="domain-list-form">
41 - <div class="layui-form-item"> 41 + <div class="form-item-open-stow">
  42 + <div class="layui-form-item">
42 <div class="layui-inline"> 43 <div class="layui-inline">
43 <div class="layui-input-inline"> 44 <div class="layui-input-inline">
44 <input autocomplete="off" class="layui-input" id="domainindex_keyword" 45 <input autocomplete="off" class="layui-input" id="domainindex_keyword"
@@ -108,6 +109,13 @@ @@ -108,6 +109,13 @@
108 <!-- </div>--> 109 <!-- </div>-->
109 <!-- </div>--> 110 <!-- </div>-->
110 </div> 111 </div>
  112 + </div>
  113 + <!--lsq 域视图增加搜索按钮 2022-06-27-->
  114 + <button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchDomainIndex"
  115 + type="button">
  116 + 查询
  117 + </button>
  118 + <span class="openStow">展开</span>
111 </form> 119 </form>
112 </div> 120 </div>
113 </div> 121 </div>
@@ -123,7 +131,8 @@ @@ -123,7 +131,8 @@
123 <div class="layui-status"> 131 <div class="layui-status">
124 <form class="layui-form layui-card-header layuiadmin-card-header-auto" 132 <form class="layui-form layui-card-header layuiadmin-card-header-auto"
125 lay-filter="res-list-form"> 133 lay-filter="res-list-form">
126 - <div class="layui-form-item"> 134 + <div class="form-item-open-stow">
  135 + <div class="layui-form-item">
127 <div class="layui-inline"> 136 <div class="layui-inline">
128 <div class="layui-input-inline"> 137 <div class="layui-input-inline">
129 <input autocomplete="off" class="layui-input" id="domain_treetable_keyword" 138 <input autocomplete="off" class="layui-input" id="domain_treetable_keyword"
@@ -161,6 +170,13 @@ @@ -161,6 +170,13 @@
161 </div> 170 </div>
162 </div> 171 </div>
163 </div> 172 </div>
  173 + </div>
  174 + <!--lsq 域视图增加搜索按钮 2022-06-27-->
  175 + <button class="layui-btn layui-btn-normal layui-btn-normal searchButton" id="searchDomainTreeTable"
  176 + type="button">
  177 + 查询
  178 + </button>
  179 + <span class="openStow">展开</span>
164 </form> 180 </form>
165 </div> 181 </div>
166 </div> 182 </div>
@@ -469,14 +485,14 @@ @@ -469,14 +485,14 @@
469 </script> 485 </script>
470 <script id="domainList-top-head-info-tpl" type="text/html"> 486 <script id="domainList-top-head-info-tpl" type="text/html">
471 <div class="layui-card-header top-head-info"> 487 <div class="layui-card-header top-head-info">
472 - <div class="info-box-count"> 488 + <div class="info-box-count info-box-count-res">
473 <i></i> 489 <i></i>
474 <label>资源总量</label> 490 <label>资源总量</label>
475 <div class="num"> 491 <div class="num">
476 <span lay-tips="资源总量" id="total_domain"></span> 492 <span lay-tips="资源总量" id="total_domain"></span>
477 </div> 493 </div>
478 </div> 494 </div>
479 - <div class="info-box-count"> 495 + <div class="info-box-count info-box-count-res">
480 <i></i> 496 <i></i>
481 <label>健康状态</label> 497 <label>健康状态</label>
482 <div class="num"> 498 <div class="num">
@@ -490,7 +506,7 @@ @@ -490,7 +506,7 @@
490 id="healthNone_domain">0</span> 506 id="healthNone_domain">0</span>
491 </div> 507 </div>
492 </div> 508 </div>
493 - <div class="info-box-count"> 509 + <div class="info-box-count info-box-count-res">
494 <i></i> 510 <i></i>
495 <label>资源状态</label> 511 <label>资源状态</label>
496 <div class="num"> 512 <div class="num">
@@ -503,7 +519,7 @@ @@ -503,7 +519,7 @@
503 519
504 </div> 520 </div>
505 </div> 521 </div>
506 - <div class="info-box-count"> 522 + <div class="info-box-count info-box-count-res">
507 <i></i> 523 <i></i>
508 <label>连接状态</label> 524 <label>连接状态</label>
509 <div class="num"> 525 <div class="num">