Merge branch 'master-500-dev-lushangqing' into 'master-500-dev'
【915】 【活动告警】告警详情页历史数据页面优化(1、滚动条优化和系统其他页面保持一致。2、排查一下‘采集值’和‘扩展信息展示是否正常’) #1 See merge request !697
Showing
17 changed files
with
94 additions
and
27 deletions
@@ -35,6 +35,7 @@ module.exports = { | @@ -35,6 +35,7 @@ module.exports = { | ||
35 | {title: '版本说明', path: '/version520/'}, | 35 | {title: '版本说明', path: '/version520/'}, |
36 | {title: '发布', path: '/version520/20220617'}, | 36 | {title: '发布', path: '/version520/20220617'}, |
37 | {title: '乙方运维', path: '/version520/operationsMaintenance'}, | 37 | {title: '乙方运维', path: '/version520/operationsMaintenance'}, |
38 | + {title: '首页布局', path: '/version520/indexLayout'}, | ||
38 | ] | 39 | ] |
39 | } | 40 | } |
40 | ] | 41 | ] |
docs/docs/.vuepress/public/indexLayout-nx.png
→
docs/docs/picture/520/indexLayout/indexLayout-nx.png

272 KB

207 KB
@@ -3,15 +3,45 @@ layout.html:hg-monitor-web\hg-monitor-web-base\src\main\resources\static\src\v | @@ -3,15 +3,45 @@ layout.html:hg-monitor-web\hg-monitor-web-base\src\main\resources\static\src\v | ||
3 | layout-nx:hg-monitor-web\hg-monitor-web-base\src\main\resources\static\src\views\layout.html | 3 | layout-nx:hg-monitor-web\hg-monitor-web-base\src\main\resources\static\src\views\layout.html |
4 | ::: | 4 | ::: |
5 | layout: | 5 | layout: |
6 | -<img src="/indexLayout.jpg" > | 6 | + <br> |
7 | + | ||
7 | layout-nx: | 8 | layout-nx: |
8 | -<img src="/indexLayout-nx.png" > | 9 | + <br> |
10 | + | ||
9 | 11 | ||
10 | ::: tip 功能数据来源 | 12 | ::: tip 功能数据来源 |
11 | 菜单功能:`user-center`.`sys_menu`<br/> | 13 | 菜单功能:`user-center`.`sys_menu`<br/> |
12 | -主体卡片:<br/> | ||
13 | -获取告警统计信息:/api-web/home/alarm/countByAlarmLevel <br/> | ||
14 | -资源列表: | 14 | +::: |
15 | +::: tip 菜单信息 | ||
16 | +菜单接口:/api-user/menus/current?type=1 </br> | ||
17 | +::: | ||
18 | +::: tip 主体卡片信息 | ||
19 | +业务卡片及业务统计:/api-web/home/business/getBusHealthResultByAlarm?filter=2&layout=layout <br/> | ||
20 | +资源卡片及资源统计:/api-web/home/restype/getResTypeHealthResult <br/> | ||
21 | +layout-nx主体应用信息:/api-web/home/restype/getResTypeHealthResult <br/> | ||
22 | +::: | ||
23 | +::: tip 告警统计信息 | ||
24 | +获取告警统计信息:/api-web/home/alarm/countByAlarmLevel <br/> | ||
25 | +::: | ||
26 | +::: tip 登录用户信息来源 | ||
27 | +个人信息接口:/api-user/users/1<br/> | ||
28 | +扩展信息接口:/api-web/manage/ddic/findSucDdics/user_property <br/> | ||
29 | +扩展信息数据字典: | ||
30 | +```js | ||
31 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('1b95f628b40043e9a5ceb42bf3b550f4', 'userLayout', '自定义布局', '默认:layout,个性化布局:layout-nx', 8, 'user_property', '2022-02-08 17:16:47'); | ||
32 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('270dfc935aa94c7097d0f6475b114805', 'intranetIP', '内网IP', '使用的内网Ip', 4, 'user_property', '2021-08-19 11:06:47'); | ||
33 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('50a9a82e9a9b46318383e160451dd334', 'loginSkin', '登录皮肤', '默认:default,个性化布局:default,skin1,skin2', NULL, 'user_property', '2022-03-03 21:12:06'); | ||
34 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('51dcf14aa73f4a3d9d6014297ea1b703', 'duties', '主要工作职责', '主要的工作范围以及负责的工作内容', 1, 'user_property', '2021-08-19 11:06:47'); | ||
35 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('8b008e983a2b486d9120bbb772524f1d', 'roomNumber', '房间号', '房间号', 3, 'user_property', '2021-08-19 11:06:47'); | ||
36 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('9999996bea8c222b465b8399f5b7eec', 'yunwei', '是否是运维', '是否是运维', 6, 'user_property', '2021-08-19 11:06:47'); | ||
37 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('9e7315d1e1e54107b2ce817c04929ba8', 'mobilePhone', '手机', '手机', NULL, 'user_property', '2021-08-19 11:06:47'); | ||
38 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('a049bd9694414f2bb7cde31ffa9cd7d2', 'user_property', '人员属性信息', '人员扩展属性信息是用户扩展的属性字典信息', 10021, '0', '2021-08-12 15:49:47'); | ||
39 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('a852c07bc72146bea8c222b465b8399f', 'devOpsAccount', '运维平台账号', '运维平台的账号', 6, 'user_property', '2021-08-19 11:06:47'); | ||
40 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('c5a76076491e4f01a22485caea6696c5', 'telephone', '座机', '固定电话号码', 5, 'user_property', '2021-08-19 11:06:47'); | ||
41 | +INSERT INTO `cloud_backend_monitor`.`sys_ddic`(`ddicId`, `ddicCode`, `ddicName`, `ddicDesc`, `ddicSort`, `ddicCategory`, `createTime`) VALUES ('d057168ed5e946c69713d7394f5b7eec', 'stationTime', '驻场时间', '驻场时间,如:长期', 2, 'user_property', '2021-08-19 11:06:47'); | ||
42 | + | ||
43 | +``` | ||
44 | + | ||
15 | ::: | 45 | ::: |
16 | ::: tip 搜索条件来源 | 46 | ::: tip 搜索条件来源 |
17 | 字典:<br/> | 47 | 字典:<br/> |
@@ -65,7 +65,8 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'admi | @@ -65,7 +65,8 @@ layui.define(['table', 'form', 'laydate', 'common', 'sessions', 'laydate', 'admi | ||
65 | , page: false | 65 | , page: false |
66 | , limit: 9999 | 66 | , limit: 9999 |
67 | , limits: [] | 67 | , limits: [] |
68 | - , height: 'full-80' | 68 | + , height: 'full-200' |
69 | + // , height: 'full-80' | ||
69 | , data: dataArr | 70 | , data: dataArr |
70 | , cols: [[ | 71 | , cols: [[ |
71 | { | 72 | { |
@@ -88,8 +88,8 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | @@ -88,8 +88,8 @@ layui.define(['table', 'form', 'laydate', 'admin', 'layer', 'laytpl', 'common', | ||
88 | resType: resType | 88 | resType: resType |
89 | } | 89 | } |
90 | //lsq 弹框中空白太多,高度调整 2022-06-07 | 90 | //lsq 弹框中空白太多,高度调整 2022-06-07 |
91 | - // , height: 'full-200' | ||
92 | - , height: 'full-445' | 91 | + , height: 'full-200' |
92 | + // , height: 'full-445' | ||
93 | , cellMinWidth: 80 | 93 | , cellMinWidth: 80 |
94 | , page: { | 94 | , page: { |
95 | layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'] | 95 | layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'] |
@@ -30,6 +30,10 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'laytpl', | @@ -30,6 +30,10 @@ layui.define(['table', 'form', 'admin', 'layer', 'common', 'sessions', 'laytpl', | ||
30 | renderIpCard(); | 30 | renderIpCard(); |
31 | } | 31 | } |
32 | }); | 32 | }); |
33 | + //lsq IP视图页增加搜索按钮 2022-06-29 | ||
34 | + $('#seachIP').unbind('click').on('click', function () { | ||
35 | + renderIpCard(); | ||
36 | + }) | ||
33 | form.render(); | 37 | form.render(); |
34 | renderIpCard(); | 38 | renderIpCard(); |
35 | //点击空白处隐藏子菜单 | 39 | //点击空白处隐藏子菜单 |
@@ -47,6 +47,9 @@ layui.extend({ | @@ -47,6 +47,9 @@ layui.extend({ | ||
47 | defaultIndex = setter.entry; | 47 | defaultIndex = setter.entry; |
48 | } | 48 | } |
49 | setter.entry = ''; | 49 | setter.entry = ''; |
50 | + //lsq 无数据返回时 给默认值,防止进入页面404 2022-06-28 | ||
51 | + }else{ | ||
52 | + defaultIndex = '/index-biz-card' | ||
50 | } | 53 | } |
51 | } | 54 | } |
52 | }); | 55 | }); |
@@ -6838,8 +6838,9 @@ form.form-edit .layui-form-item .layui-input-inline { | @@ -6838,8 +6838,9 @@ form.form-edit .layui-form-item .layui-input-inline { | ||
6838 | 6838 | ||
6839 | .layui-status .ip-form-item { | 6839 | .layui-status .ip-form-item { |
6840 | margin-right: 5%; | 6840 | margin-right: 5%; |
6841 | - width: 100%; | 6841 | + /*width: 100%;*/ |
6842 | font-weight: 700; | 6842 | font-weight: 700; |
6843 | + flex:1; | ||
6843 | } | 6844 | } |
6844 | 6845 | ||
6845 | .layui-ip-status-item-tips { | 6846 | .layui-ip-status-item-tips { |
@@ -8536,7 +8537,8 @@ form.layui-card-header.layuiadmin-card-header-auto { | @@ -8536,7 +8537,8 @@ form.layui-card-header.layuiadmin-card-header-auto { | ||
8536 | .resIndexMain .layui-form-item .layui-inline, | 8537 | .resIndexMain .layui-form-item .layui-inline, |
8537 | .bizIndexMain .layui-form-item .layui-inline, | 8538 | .bizIndexMain .layui-form-item .layui-inline, |
8538 | .relation .layui-form-item .layui-inline, | 8539 | .relation .layui-form-item .layui-inline, |
8539 | -.res .layui-form-item .layui-inline{ | 8540 | +.res .layui-form-item .layui-inline, |
8541 | +.commonDiv .layui-form-item .layui-inline{ | ||
8540 | margin-top:6px; | 8542 | margin-top:6px; |
8541 | } | 8543 | } |
8542 | /*lsq 关系视图搜索栏样式调整 2022-06-27*/ | 8544 | /*lsq 关系视图搜索栏样式调整 2022-06-27*/ |
1 | <title>指令模板管理</title> | 1 | <title>指令模板管理</title> |
2 | <article class="page-container"> | 2 | <article class="page-container"> |
3 | <div class="page-panel"> | 3 | <div class="page-panel"> |
4 | - <div class="main"> | 4 | + <div class="main commonDiv"> |
5 | <div class="layui-card"> | 5 | <div class="layui-card"> |
6 | <div class="layui-card-header"> | 6 | <div class="layui-card-header"> |
7 | <div class="layui-status"> | 7 | <div class="layui-status"> |
@@ -18,8 +18,9 @@ | @@ -18,8 +18,9 @@ | ||
18 | </div> | 18 | </div> |
19 | </div> | 19 | </div> |
20 | <div class="layui-inline"> | 20 | <div class="layui-inline"> |
21 | - <button class="layui-btn layui-btn-normal" id="checkTempQueryBtn" type="button"><i | ||
22 | - class="layui-icon layui-icon-search"></i>查询 | 21 | + <button class="layui-btn layui-btn-normal" id="checkTempQueryBtn" type="button"> |
22 | + <!--lsq 查询按钮的图片取消掉 2022-06-28--> | ||
23 | + 查询 | ||
23 | </button> | 24 | </button> |
24 | </div> | 25 | </div> |
25 | </div> | 26 | </div> |
1 | <title>任务管理</title> | 1 | <title>任务管理</title> |
2 | <article class="page-container"> | 2 | <article class="page-container"> |
3 | <div class="page-panel"> | 3 | <div class="page-panel"> |
4 | - <div class="main"> | 4 | + <div class="main commonDiv"> |
5 | <div class="layui-card"> | 5 | <div class="layui-card"> |
6 | <div class="layui-card-header"> | 6 | <div class="layui-card-header"> |
7 | <div class="layui-status"> | 7 | <div class="layui-status"> |
@@ -14,11 +14,10 @@ | @@ -14,11 +14,10 @@ | ||
14 | lay-tips="关键字检索包含 <br/>任务名称<br/>任务编号<br/>资源名称<br/>ip地址<br/>模板名称" placeholder="输入关键字,回车搜索" type="text"> | 14 | lay-tips="关键字检索包含 <br/>任务名称<br/>任务编号<br/>资源名称<br/>ip地址<br/>模板名称" placeholder="输入关键字,回车搜索" type="text"> |
15 | </div> | 15 | </div> |
16 | </div> | 16 | </div> |
17 | - <div class="layui-inline"> | ||
18 | - <button class="layui-btn layui-btn-normal" id="taskQueryBtn" type="button"><i | ||
19 | - class="layui-icon layui-icon-search"></i>查询 | ||
20 | - </button> | ||
21 | - </div> | 17 | + <button class="layui-btn layui-btn-normal" id="taskQueryBtn" type="button"> |
18 | + <!--lsq 取消掉查询按钮的图标 2022-06-28--> | ||
19 | + 查询 | ||
20 | + </button> | ||
22 | </div> | 21 | </div> |
23 | </form> | 22 | </form> |
24 | </div> | 23 | </div> |
@@ -66,7 +66,7 @@ | @@ -66,7 +66,7 @@ | ||
66 | <div class="layui-input-inline layui-input-inline--long" style="margin-top: -4px;"> | 66 | <div class="layui-input-inline layui-input-inline--long" style="margin-top: -4px;"> |
67 | <button type="button" id="keyword" | 67 | <button type="button" id="keyword" |
68 | class="layui-btn layui-btn-normal layui-btn-normal"> | 68 | class="layui-btn layui-btn-normal layui-btn-normal"> |
69 | - 搜索 | 69 | + 查询 |
70 | </button> | 70 | </button> |
71 | </div> | 71 | </div> |
72 | </div> | 72 | </div> |
@@ -8,7 +8,7 @@ | @@ -8,7 +8,7 @@ | ||
8 | </style> | 8 | </style> |
9 | <article class="page-container template"> | 9 | <article class="page-container template"> |
10 | <div class="page-panel"> | 10 | <div class="page-panel"> |
11 | - <div class="main" style="overflow: hidden"> | 11 | + <div class="main commonDiv" style="overflow: hidden"> |
12 | <div class="layui-card" style="height: 100%"> | 12 | <div class="layui-card" style="height: 100%"> |
13 | <div class="layui-card-header"> | 13 | <div class="layui-card-header"> |
14 | <div class="layui-status"> | 14 | <div class="layui-status"> |
@@ -27,6 +27,9 @@ | @@ -27,6 +27,9 @@ | ||
27 | type="text"> | 27 | type="text"> |
28 | </div> | 28 | </div> |
29 | </div> | 29 | </div> |
30 | + <button class="layui-btn layui-btn-normal" id="seachIP" type="button"> | ||
31 | + 查询 | ||
32 | + </button> | ||
30 | </div> | 33 | </div> |
31 | </form> | 34 | </form> |
32 | <div class="ip-form-item"> | 35 | <div class="ip-form-item"> |
1 | <title>拓扑列表</title> | 1 | <title>拓扑列表</title> |
2 | <article class="page-container"> | 2 | <article class="page-container"> |
3 | <div class="page-panel"> | 3 | <div class="page-panel"> |
4 | - <div class="main"> | 4 | + <div class="main commonDiv"> |
5 | <div class="layui-card"> | 5 | <div class="layui-card"> |
6 | <div class="layui-card-header"> | 6 | <div class="layui-card-header"> |
7 | <div class="layui-status"> | 7 | <div class="layui-status"> |
@@ -27,8 +27,9 @@ | @@ -27,8 +27,9 @@ | ||
27 | </div> | 27 | </div> |
28 | </div> | 28 | </div> |
29 | <div class="layui-inline"> | 29 | <div class="layui-inline"> |
30 | - <button class="layui-btn layui-btn-normal" id="mxgraphQueryBtn" type="button"><i | ||
31 | - class="layui-icon layui-icon-search"></i>查询 | 30 | + <button class="layui-btn layui-btn-normal" id="mxgraphQueryBtn" type="button"> |
31 | + <!--lsq 取消掉查询按钮的图标 2022-06-28--> | ||
32 | + 查询 | ||
32 | </button> | 33 | </button> |
33 | </div> | 34 | </div> |
34 | 35 |
@@ -163,4 +163,26 @@ custom-class="config-dialog" | @@ -163,4 +163,26 @@ custom-class="config-dialog" | ||
163 | .resList-form.el-form--inline .el-form-item{ | 163 | .resList-form.el-form--inline .el-form-item{ |
164 | align-items: center; | 164 | align-items: center; |
165 | margin-right:6px; | 165 | margin-right:6px; |
166 | +} | ||
167 | +/*lsq ping详情页面中搜索栏的样式调整 2022-06-28*/ | ||
168 | +.container .cm-card .search .condition.ping div{ | ||
169 | + margin-bottom: 0px !important; | ||
170 | +} | ||
171 | +.container .cm-card .search .condition.ping{ | ||
172 | + margin-bottom: 6px; | ||
173 | +} | ||
174 | +/*lsq elementUI的滚动条样式修改 2022-06-28*/ | ||
175 | +.el-scrollbar__bar.is-vertical { | ||
176 | + width:15px; | ||
177 | + top:0px; | ||
178 | +} | ||
179 | +.el-scrollbar__bar.is-horizontal { | ||
180 | + height: 15px; | ||
181 | + left:0px; | ||
182 | +} | ||
183 | +.el-scrollbar__thumb,.el-scrollbar__thumb:hover { | ||
184 | + border-radius: 0px; | ||
185 | + background-color: #CCCCCC; | ||
186 | + opacity: 1; | ||
187 | + width:10px;.el-scrollbar__bar.is-horizontal>div | ||
166 | } | 188 | } |
@@ -45,7 +45,7 @@ | @@ -45,7 +45,7 @@ | ||
45 | </el-descriptions> | 45 | </el-descriptions> |
46 | </div> | 46 | </div> |
47 | <div class="search"> | 47 | <div class="search"> |
48 | - <div class="condition"> | 48 | + <div class="condition ping"> |
49 | <el-form-item> | 49 | <el-form-item> |
50 | <el-input :size="$global.elementConfig.size.input" placeholder="=关键字=" | 50 | <el-input :size="$global.elementConfig.size.input" placeholder="=关键字=" |
51 | v-model="search.keyword"></el-input> | 51 | v-model="search.keyword"></el-input> |
@@ -86,7 +86,7 @@ | @@ -86,7 +86,7 @@ | ||
86 | 86 | ||
87 | </el-form-item> | 87 | </el-form-item> |
88 | <el-form-item> | 88 | <el-form-item> |
89 | - <el-button :size="$global.elementConfig.size.button" @click="getDataList">查询</el-button> | 89 | + <el-button :size="$global.elementConfig.size.button" type="primary" @click="getDataList">查询</el-button> |
90 | </el-form-item> | 90 | </el-form-item> |
91 | </div> | 91 | </div> |
92 | </div> | 92 | </div> |
@@ -331,7 +331,7 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'admin', 'form', 'table', ' | @@ -331,7 +331,7 @@ layui.define(['common', 'tree', 'laypage', 'laytpl', 'admin', 'form', 'table', ' | ||
331 | } | 331 | } |
332 | } | 332 | } |
333 | } | 333 | } |
334 | - if (formWidth + 130 > winWidth) { | 334 | + if (formWidth + 260 > winWidth) { |
335 | $('.openStow').css('display', 'inline-block') | 335 | $('.openStow').css('display', 'inline-block') |
336 | $('.form-item-open-stow').css('height', '50px'); | 336 | $('.form-item-open-stow').css('height', '50px'); |
337 | } else { | 337 | } else { |
-
Please register or login to post a comment