Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'
w告警中心的搜索条件过多时,展开和收起功能调整 #1 See merge request !692
Showing
10 changed files
with
81 additions
and
39 deletions
@@ -3839,6 +3839,8 @@ grayColor { | @@ -3839,6 +3839,8 @@ grayColor { | ||
3839 | background-color: #f1f1f1; | 3839 | background-color: #f1f1f1; |
3840 | /*lsq 活动告警列表卡片样式调整 2022-06-21*/ | 3840 | /*lsq 活动告警列表卡片样式调整 2022-06-21*/ |
3841 | min-height: 74px; | 3841 | min-height: 74px; |
3842 | + z-index: 99; | ||
3843 | + position: relative; | ||
3842 | } | 3844 | } |
3843 | 3845 | ||
3844 | .warn-count-item { | 3846 | .warn-count-item { |
@@ -8307,16 +8309,30 @@ form[lay-filter="activewarning-form"], form[lay-filter="historywarning-form"] { | @@ -8307,16 +8309,30 @@ form[lay-filter="activewarning-form"], form[lay-filter="historywarning-form"] { | ||
8307 | margin-right: 6px; | 8309 | margin-right: 6px; |
8308 | } | 8310 | } |
8309 | 8311 | ||
8310 | -#openStow, #openStowHis { | 8312 | +.openStow { |
8311 | color: #1E9FFF; | 8313 | color: #1E9FFF; |
8312 | cursor: pointer; | 8314 | cursor: pointer; |
8313 | line-height: 50px; | 8315 | line-height: 50px; |
8316 | + width:45px; | ||
8317 | +} | ||
8318 | +.form-item-open-stow{ | ||
8319 | + flex:1; | ||
8314 | } | 8320 | } |
8315 | - | ||
8316 | #noticeSearchQueryBtn, #seachNoticemerge { | 8321 | #noticeSearchQueryBtn, #seachNoticemerge { |
8317 | margin-top: -3px; | 8322 | margin-top: -3px; |
8318 | } | 8323 | } |
8324 | +.noticeCount-lay-row-title{ | ||
8325 | + display: flex; | ||
8326 | + align-items: center; | ||
8327 | + justify-content: space-between; | ||
8328 | +} | ||
8329 | +.noticeCount-lay-row-title .layui-btn-group{ | ||
8330 | + margin-right: 0; | ||
8331 | +} | ||
8319 | 8332 | ||
8333 | +.layui-card .noticeCount-table .layui-table-view{ | ||
8334 | + margin:0 3px; | ||
8335 | +} | ||
8320 | #queryMore { | 8336 | #queryMore { |
8321 | cursor: pointer; | 8337 | cursor: pointer; |
8322 | } | 8338 | } |
@@ -58,8 +58,8 @@ | @@ -58,8 +58,8 @@ | ||
58 | </div> | 58 | </div> |
59 | <div class="layui-inline"> | 59 | <div class="layui-inline"> |
60 | <button class="layui-btn layui-btn-normal" id="noticeSearchQueryBtn" type="button"> | 60 | <button class="layui-btn layui-btn-normal" id="noticeSearchQueryBtn" type="button"> |
61 | - <i | ||
62 | - class="layui-icon layui-icon-search"></i>查询 | 61 | + <!-- lsq 注释掉查询按钮的图标 2022-06-27 <i class="layui-icon layui-icon-search"></i>--> |
62 | + 查询 | ||
63 | </button> | 63 | </button> |
64 | </div> | 64 | </div> |
65 | </div> | 65 | </div> |
@@ -44,25 +44,28 @@ | @@ -44,25 +44,28 @@ | ||
44 | </div> | 44 | </div> |
45 | </div> | 45 | </div> |
46 | </div> | 46 | </div> |
47 | - <div class="layui-card-body" style="margin-top: 5px;height: 40px"> | ||
48 | - <div class="layui-btn-group time-group" id="noticeCount_time_table_id" | ||
49 | - style="float: right;margin-right: 20px;"> | ||
50 | - <button class="layui-btn layui-btn-primary layui-btn-sm" data-period="lastYear" | ||
51 | - type="button">去年 | ||
52 | - </button> | ||
53 | - <button class="layui-btn layui-btn-primary layui-btn-sm active" data-period="year" | ||
54 | - type="button">今年 | ||
55 | - </button> | ||
56 | - <div class="layui-btn layui-btn-primary layui-btn-sm" id="exportNoticeCountBtn" | ||
57 | - lay-tips="导出"><i class="layui-icon"></i>导出 | 47 | + |
48 | + <div class="layui-card-body noticeCount-table" id="table_notice_send_year" style="margin-top: 5px;background: #fff;"> | ||
49 | + <h5 class="lay-row-title noticeCount-lay-row-title"> | ||
50 | + 业务子系统年统计 | ||
51 | + <!--lsq 调整样式 2022-06-27--> | ||
52 | + <div class="layui-card-body" style="margin-top: 5px;height: 40px"> | ||
53 | + <div class="layui-btn-group time-group" id="noticeCount_time_table_id"> | ||
54 | + <button class="layui-btn layui-btn-primary layui-btn-sm" data-period="lastYear" | ||
55 | + type="button">去年 | ||
56 | + </button> | ||
57 | + <button class="layui-btn layui-btn-primary layui-btn-sm active" data-period="year" | ||
58 | + type="button">今年 | ||
59 | + </button> | ||
60 | + <div class="layui-btn layui-btn-primary layui-btn-sm" id="exportNoticeCountBtn" | ||
61 | + lay-tips="导出"><i class="layui-icon"></i>导出 | ||
62 | + </div> | ||
63 | + </div> | ||
58 | </div> | 64 | </div> |
59 | - </div> | ||
60 | - </div> | ||
61 | - <div class="layui-card-body noticeCount-table" id="table_notice_send_year" style="margin-top: 5px"> | ||
62 | - <h5 class="lay-row-title">业务子系统年统计</h5> | ||
63 | - <table id="table_notice_send_business" lay-filter="table_notice_send_business"></table> | 65 | + </h5> |
66 | + <table style="margin:0 3px;" id="table_notice_send_business" lay-filter="table_notice_send_business" ></table> | ||
64 | <h5 class="lay-row-title">人员年统计</h5> | 67 | <h5 class="lay-row-title">人员年统计</h5> |
65 | - <table id="table_notice_send_user" lay-filter="table_notice_send_user"></table> | 68 | + <table style="margin:0 3px;" id="table_notice_send_user" lay-filter="table_notice_send_user"></table> |
66 | 69 | ||
67 | </div> | 70 | </div> |
68 | </div> | 71 | </div> |
@@ -20,7 +20,8 @@ | @@ -20,7 +20,8 @@ | ||
20 | <div class="layui-input-inline layui-input-inline-sm"> | 20 | <div class="layui-input-inline layui-input-inline-sm"> |
21 | <button class="layui-btn layui-btn-normal layui-btn-normal" id="seachNoticemerge" | 21 | <button class="layui-btn layui-btn-normal layui-btn-normal" id="seachNoticemerge" |
22 | type="button"> | 22 | type="button"> |
23 | - 搜索 | 23 | + <!-- lsq 搜索更改为查询 2022-06-27--> |
24 | + 查询 | ||
24 | </button> | 25 | </button> |
25 | </div> | 26 | </div> |
26 | </div> | 27 | </div> |
@@ -24,7 +24,7 @@ | @@ -24,7 +24,7 @@ | ||
24 | v-else v-model="search.keyword"></el-input> | 24 | v-else v-model="search.keyword"></el-input> |
25 | </el-form-item> | 25 | </el-form-item> |
26 | <el-form-item> | 26 | <el-form-item> |
27 | - <el-button :size="$global.elementConfig.size.button" @click="getDataList(statusVal)">查询</el-button> | 27 | + <el-button :size="$global.elementConfig.size.button" type="primary" @click="getDataList(statusVal)">查询</el-button> |
28 | </el-form-item> | 28 | </el-form-item> |
29 | </div> | 29 | </div> |
30 | </div> | 30 | </div> |
@@ -6,7 +6,7 @@ | @@ -6,7 +6,7 @@ | ||
6 | <el-input :size="$global.elementConfig.size.input" v-model="search.keyword" placeholder="请输入关键字" style="margin-top:5px;"></el-input> | 6 | <el-input :size="$global.elementConfig.size.input" v-model="search.keyword" placeholder="请输入关键字" style="margin-top:5px;"></el-input> |
7 | </el-form-item> | 7 | </el-form-item> |
8 | <el-form-item > | 8 | <el-form-item > |
9 | - <el-button :size="$global.elementConfig.size.button" @click="getDataList">查询</el-button> | 9 | + <el-button :size="$global.elementConfig.size.button" type="primary" @click="getDataList">查询</el-button> |
10 | </el-form-item> | 10 | </el-form-item> |
11 | </div> | 11 | </div> |
12 | </div> | 12 | </div> |
@@ -1286,24 +1286,25 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | @@ -1286,24 +1286,25 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | ||
1286 | } | 1286 | } |
1287 | 1287 | ||
1288 | //start lsq 活动告警搜索条件太多,增加展开/收起的功能 2022-06-21 | 1288 | //start lsq 活动告警搜索条件太多,增加展开/收起的功能 2022-06-21 |
1289 | - let formWidth = $('form[lay-filter="activewarning-form"] .layui-form-item').width(); | ||
1290 | - let winWidth = $('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width(); | ||
1291 | - if (formWidth + 100 > winWidth) { | ||
1292 | - $('#openStow').css('display', 'inline-block') | ||
1293 | - $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px'); | ||
1294 | - $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height', '50px'); | 1289 | + let formWidth =sessionStorage.getItem('formWidth'); |
1290 | + if(!formWidth){ | ||
1291 | + formWidth= $('.form-item-open-stow').width(); | ||
1292 | + sessionStorage.setItem('formWidth',formWidth) | ||
1293 | + } | ||
1294 | + let winWidth = $('.form-item-open-stow').parents('.layui-card-header').width(); | ||
1295 | + if (formWidth + 120 > winWidth) { | ||
1296 | + $('.openStow').css('display', 'inline-block') | ||
1297 | + $('.form-item-open-stow').css('height', '50px'); | ||
1295 | } else { | 1298 | } else { |
1296 | - $('#openStow').css('display', 'none') | 1299 | + $('.openStow').css('display', 'none') |
1297 | } | 1300 | } |
1298 | - $("#openStow").unbind('click').on('click', function () { | 1301 | + $(".openStow").unbind('click').on('click', function () { |
1299 | if ($(this).text() == '展开') { | 1302 | if ($(this).text() == '展开') { |
1300 | $(this).text('收起') | 1303 | $(this).text('收起') |
1301 | - $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px'); | ||
1302 | - $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height', 'auto'); | 1304 | + $('.form-item-open-stow').css('height', 'auto'); |
1303 | } else { | 1305 | } else { |
1304 | $(this).text('展开') | 1306 | $(this).text('展开') |
1305 | - $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px'); | ||
1306 | - $('form[lay-filter="activewarning-form"] .form-item-open-stow').css('height', '50px'); | 1307 | + $('.form-item-open-stow').css('height', '50px'); |
1307 | } | 1308 | } |
1308 | }) | 1309 | }) |
1309 | //end lsq 2022-06-21 | 1310 | //end lsq 2022-06-21 |
@@ -792,7 +792,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | @@ -792,7 +792,7 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | ||
792 | })(); | 792 | })(); |
793 | 793 | ||
794 | //start lsq 历史告警搜索条件太多,增加展开/收起的功能 2022-06-21 | 794 | //start lsq 历史告警搜索条件太多,增加展开/收起的功能 2022-06-21 |
795 | - let formWidth = $('form[lay-filter="historywarning-form"] .layui-form-item').width(); | 795 | + /*let formWidth = $('form[lay-filter="historywarning-form"] .layui-form-item').width(); |
796 | let winWidth = $('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width(); | 796 | let winWidth = $('form[lay-filter="historywarning-form"]').parent().parent('.layui-card-header').width(); |
797 | if (formWidth + 100 > winWidth) { | 797 | if (formWidth + 100 > winWidth) { |
798 | $('#openStowHis').css('display', 'inline-block') | 798 | $('#openStowHis').css('display', 'inline-block') |
@@ -812,6 +812,27 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | @@ -812,6 +812,27 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | ||
812 | $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px'); | 812 | $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('width', (formWidth - 50) + 'px'); |
813 | $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height', '50px'); | 813 | $('form[lay-filter="historywarning-form"] .form-item-open-stow').css('height', '50px'); |
814 | } | 814 | } |
815 | + })*/ | ||
816 | + let formWidth =sessionStorage.getItem('formWidth'); | ||
817 | + if(!formWidth){ | ||
818 | + formWidth= $('.form-item-open-stow').width(); | ||
819 | + sessionStorage.setItem('formWidth',formWidth) | ||
820 | + } | ||
821 | + let winWidth = $('.form-item-open-stow').parents('.layui-card-header').width(); | ||
822 | + if (formWidth + 120 > winWidth) { | ||
823 | + $('.openStow').css('display', 'inline-block') | ||
824 | + $('.form-item-open-stow').css('height', '50px'); | ||
825 | + } else { | ||
826 | + $('.openStow').css('display', 'none') | ||
827 | + } | ||
828 | + $(".openStow").unbind('click').on('click', function () { | ||
829 | + if ($(this).text() == '展开') { | ||
830 | + $(this).text('收起') | ||
831 | + $('.form-item-open-stow').css('height', 'auto'); | ||
832 | + } else { | ||
833 | + $(this).text('展开') | ||
834 | + $('.form-item-open-stow').css('height', '50px'); | ||
835 | + } | ||
815 | }) | 836 | }) |
816 | //end lsq 2022-06-21 | 837 | //end lsq 2022-06-21 |
817 | }); | 838 | }); |
-
Please register or login to post a comment