monitor_v3 / hg-monitor-web · Commits

Go to a project

Authored by 王涛
Commit 8ded4c0932e4a3155edac14d1e960ec47a84ed0c 2 parents c76018d7 090409f7

Merge branch 'master-500-dev-lushangqing' into 'master-500-dev' 

【1390】【 告警中心】通知查询搜索条件栏样式调整 #2



See merge request !679
Inline Side-by-side
Showing 7 changed files with 105 additions and 7 deletions
@@ -32,7 +32,11 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect @@ -32,7 +32,11 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'xmSelect
32 return false; 32 return false;
33 } 33 }
34 }); 34 });
35 - 35 + //lsq 通知压缩查询增加搜索按钮 2022-06-21
  36 + $('#seachNoticemerge').unbind('click').on('click',function (){
  37 + reloadTable();
  38 + return false;
  39 + })
36 /** 40 /**
37 * 加载服务信息表格 41 * 加载服务信息表格
38 */ 42 */
@@ -7847,7 +7847,29 @@ form[lay-filter="activewarning-form"] .layui-inline { @@ -7847,7 +7847,29 @@ form[lay-filter="activewarning-form"] .layui-inline {
7847 /*lsq 告警中心搜索条件栏样式 2022-06-21*/ 7847 /*lsq 告警中心搜索条件栏样式 2022-06-21*/
7848 margin-top:5px; 7848 margin-top:5px;
7849 } 7849 }
7850 - 7850 +/*lsq 通知查询/通知压缩查询/历史告警搜索条件栏样式 2022-06-21*/
  7851 +form[lay-filter="notice_search_form"] .layui-inline,form[lay-filter="noticemerge-form"] .layui-inline ,form[lay-filter="historywarning-form"] .layui-inline {
  7852 + margin-top:5px;
  7853 +}
  7854 +form[lay-filter="activewarning-form"],form[lay-filter="historywarning-form"]{
  7855 + display: flex;
  7856 + justify-content: flex-start;
  7857 +}
  7858 +#seachActiveWarning,#seachHistoryWarning{
  7859 + margin-top:6px;
  7860 + margin-right:6px;
  7861 +}
  7862 +#openStow,#openStowHis{
  7863 + color:#1E9FFF;
  7864 + cursor: pointer;
  7865 + line-height: 50px;
  7866 +}
  7867 +#noticeSearchQueryBtn,#seachNoticemerge{
  7868 + margin-top:-3px;
  7869 +}
  7870 +#queryMore{
  7871 + cursor: pointer;
  7872 +}
7851 .div-link-state-list .layui-badge-dot { 7873 .div-link-state-list .layui-badge-dot {
7852 margin: 2px; 7874 margin: 2px;
7853 } 7875 }
@@ -6,6 +6,7 @@ @@ -6,6 +6,7 @@
6 <div class="layui-card-header"> 6 <div class="layui-card-header">
7 <div class="layui-status"> 7 <div class="layui-status">
8 <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="activewarning-form"> 8 <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="activewarning-form">
  9 + <div class="form-item-open-stow">
9 <div class="layui-form-item"> 10 <div class="layui-form-item">
10 <div class="layui-inline"> 11 <div class="layui-inline">
11 <div class="layui-input-inline layui-input-inline--long"> 12 <div class="layui-input-inline layui-input-inline--long">
@@ -20,9 +21,9 @@ @@ -20,9 +21,9 @@
20 </div> 21 </div>
21 <div class="layui-inline"> 22 <div class="layui-inline">
22 <div class="layui-input-inline layui-input-inline--long"> 23 <div class="layui-input-inline layui-input-inline--long">
23 -<!-- <select name="bisTypeSearchBox" lay-filter="bisTypeSearch" lay-verify="required" lay-search="" id="bisTypeSearchBox">-->  
24 -<!-- <option value="">选择/搜索业务</option>-->  
25 -<!-- </select>--> 24 + <!-- <select name="bisTypeSearchBox" lay-filter="bisTypeSearch" lay-verify="required" lay-search="" id="bisTypeSearchBox">-->
  25 + <!-- <option value="">选择/搜索业务</option>-->
  26 + <!-- </select>-->
26 <div class="layui-input-inline layui-input-inline--long"> 27 <div class="layui-input-inline layui-input-inline--long">
27 <div id="bisTypeSearchBox" class="xm-select-demo"></div> 28 <div id="bisTypeSearchBox" class="xm-select-demo"></div>
28 </div> 29 </div>
@@ -89,7 +90,13 @@ @@ -89,7 +90,13 @@
89 <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" id="todayOrAllBtn" >今日告警</button> 90 <button class="layui-btn layui-btn-sm layui-btn-normal" type="button" id="todayOrAllBtn" >今日告警</button>
90 </div> 91 </div>
91 </div>--> 92 </div>-->
  93 +
  94 + </div>
92 </div> 95 </div>
  96 + <!--lsq 活动告警增加搜索按钮 2022-06-21-->
  97 + <button type="button" id="seachActiveWarning" class="layui-btn layui-btn-normal layui-btn-normal" >
  98 + 查询</button>
  99 + <span id="openStow">展开</span>
93 </form> 100 </form>
94 </div> 101 </div>
95 </div> 102 </div>
@@ -6,6 +6,7 @@ @@ -6,6 +6,7 @@
6 <div class="layui-card-header"> 6 <div class="layui-card-header">
7 <div class="layui-status"> 7 <div class="layui-status">
8 <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="historywarning-form"> 8 <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="historywarning-form">
  9 + <div class="form-item-open-stow">
9 <div class="layui-form-item"> 10 <div class="layui-form-item">
10 <div class="layui-inline"> 11 <div class="layui-inline">
11 <div class="layui-input-inline layui-input-inline--long"> 12 <div class="layui-input-inline layui-input-inline--long">
@@ -80,6 +81,11 @@ @@ -80,6 +81,11 @@
80 </div> 81 </div>
81 </div> 82 </div>
82 </div> 83 </div>
  84 + </div>
  85 + <!--lsq 历史告警增加搜索按钮 2022-06-21-->
  86 + <button type="button" id="seachHistoryWarning" class="layui-btn layui-btn-normal layui-btn-normal" >
  87 + 查询</button>
  88 + <span id="openStowHis">展开</span>
83 </form> 89 </form>
84 </div> 90 </div>
85 </div> 91 </div>
@@ -6,13 +6,20 @@ @@ -6,13 +6,20 @@
6 <div class="layui-card"> 6 <div class="layui-card">
7 <div class="layui-card-header"> 7 <div class="layui-card-header">
8 <div class="layui-status"> 8 <div class="layui-status">
9 - <form class="layui-form layui-card-header layuiadmin-card-header-auto"> 9 + <form class="layui-form layui-card-header layuiadmin-card-header-auto" lay-filter="noticemerge-form">
10 <div class="layui-form-item"> 10 <div class="layui-form-item">
11 <div class="layui-inline"> 11 <div class="layui-inline">
12 <div class="layui-input-inline layui-input-inline--long"> 12 <div class="layui-input-inline layui-input-inline--long">
13 <input type="text" id="condition-noticemerge-name" lay-tips="关键字检索包含: </br>通知内容" placeholder="输入关键字，回车搜索" autocomplete="off" class="layui-input"> 13 <input type="text" id="condition-noticemerge-name" lay-tips="关键字检索包含: </br>通知内容" placeholder="输入关键字，回车搜索" autocomplete="off" class="layui-input">
14 </div> 14 </div>
15 </div> 15 </div>
  16 + <!--lsq 通知压缩查询增加搜索按钮 2022-06-21-->
  17 + <div class="layui-inline">
  18 + <div class="layui-input-inline layui-input-inline-sm">
  19 + <button type="button" id="seachNoticemerge" class="layui-btn layui-btn-normal layui-btn-normal" >
  20 + 搜索</button>
  21 + </div>
  22 + </div>
16 </div> 23 </div>
17 </form> 24 </form>
18 </div> 25 </div>
@@ -228,6 +228,10 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -228,6 +228,10 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
228 reloadTable(); 228 reloadTable();
229 } 229 }
230 }); 230 });
  231 + //lsq 活动告警页增加搜索按钮 2022-06-21
  232 + $('#seachActiveWarning').unbind('click').on('click',function (){
  233 + reloadTable();
  234 + })
231 //选择框搜索事件 235 //选择框搜索事件
232 bindSelectEvent(); 236 bindSelectEvent();
233 initDate(); 237 initDate();
@@ -1271,5 +1275,27 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -1271,5 +1275,27 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
1271 }); 1275 });
1272 1276
1273 } 1277 }
  1278 + //start lsq 活动告警搜索条件太多，增加展开/收起的功能 2022-06-21
  1279 + let formWidth=$('form[lay-filter="activewarning-form"] .layui-form-item').width();
  1280 + let winWidth=$('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width();
  1281 + if(formWidth+100>winWidth){
  1282 + $('#openStow').css('display','inline-block')
  1283 + $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width',(formWidth-50)+'px');
  1284 + $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height','50px');
  1285 + }else{
  1286 + $('#openStow').css('display','none')
  1287 + }
  1288 + $("#openStow").unbind('click').on('click',function (){
  1289 + if($(this).text()=='展开'){
  1290 + $(this).text('收起')
  1291 + $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width',(formWidth-50)+'px');
  1292 + $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height','auto');
  1293 + }else{
  1294 + $(this).text('展开')
  1295 + $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width',(formWidth-50)+'px');
  1296 + $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height','50px');
  1297 + }
  1298 + })
  1299 + //end lsq 2022-06-21
1274 }); 1300 });
1275 }); 1301 });
@@ -174,7 +174,10 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -174,7 +174,10 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
174 reloadTable(); 174 reloadTable();
175 } 175 }
176 }); 176 });
177 - 177 + //lsq 历史告警页增加搜索按钮 2022-06-21
  178 + $('#seachHistoryWarning').unbind('click').on('click',function (){
  179 + reloadTable();
  180 + })
178 //选择框搜索事件 181 //选择框搜索事件
179 bindSelectEvent(); 182 bindSelectEvent();
180 183
@@ -785,6 +788,29 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', @@ -785,6 +788,29 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common',
785 }); 788 });
786 })(); 789 })();
787 790
  791 + //start lsq 历史告警搜索条件太多，增加展开/收起的功能 2022-06-21
  792 + let formWidth=$('form[lay-filter="historywarning-form"] .layui-form-item').width();
  793 + let winWidth=$('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width();
  794 + if(formWidth+100>winWidth){
  795 + $('#openStowHis').css('display','inline-block')
  796 +
  797 + $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('width',(formWidth-50)+'px');
  798 + $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height','50px');
  799 + }else{
  800 + $('#openStowHis').css('display','none')
  801 + }
  802 + $("#openStowHis").unbind('click').on('click',function (){
  803 + if($(this).text()=='展开'){
  804 + $(this).text('收起')
  805 + $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('width',(formWidth-50)+'px');
  806 + $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height','auto');
  807 + }else{
  808 + $(this).text('展开')
  809 + $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('width',(formWidth-50)+'px');
  810 + $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height','50px');
  811 + }
  812 + })
  813 + //end lsq 2022-06-21
788 }); 814 });
789 815
790 }); 816 });