From 120cf05bfd146a9bd1c011c9dd0244a57d0dea64 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期五, 12 一月 2024 17:35:43 +0800 Subject: [PATCH] 1、优化代码:mdc全局页面表格区域内容若需滚动无需翻至最底部且部分页面竖向滚动会滚动整个页面调整为仅滚动表格区域,表格操作列右固定以满足不同分辨率下操作列始终显示不被遮挡 2、优化代码:mdc全局左侧树组件所在区域的滚动条将不再进行全部内容滚动,调整为仅只有树组件内容滚动 3、优化代码:报警分析、利用率走势分析以及利用率分段分析页面在浏览器窗口尺寸变化后重绘图表以适应页面新尺寸 4、设备综合效率分析页面取消分页器以便能一次性导出所有表格数据 5、mdc全局左侧树区域宽度增大,右侧数据展示区域宽度减小 --- src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue | 35 +++++------------------------------ 1 files changed, 5 insertions(+), 30 deletions(-) diff --git a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue index b7d8c93..71d216f 100644 --- a/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue +++ b/src/views/mdc/base/modules/deviceBaseInfo/EquipmentLayout.vue @@ -124,42 +124,38 @@ .equipment_box img{ width: 45%; } + + .containerequip{ + overflow: auto; + } + @media screen and (min-width: 1920px){ .containerequip{ height: 640px!important; - overflow: scroll; } } @media screen and (min-width: 1680px) and (max-width: 1920px){ .containerequip{ height: 640px!important; - overflow: scroll; } } @media screen and (min-width: 1400px) and (max-width: 1680px){ .containerequip{ height: 493px!important; - overflow: scroll; } } @media screen and (min-width: 1280px) and (max-width: 1400px){ .containerequip{ height: 493px!important; - overflow: scroll; } } @media screen and (max-width: 1280px){ .containerequip{ height: 394px!important; - overflow: scroll; } } .container_content { width: 100%; - /*display: flex;*/ - /*flex-wrap: wrap;*/ - /*justify-content: space-between;*/ - /*align-items: center;*/ position: relative; } @@ -168,34 +164,13 @@ display: inline-block; text-align: center; margin-bottom: 5%; - /*float: left;*/ } .container_content .contnet p { padding-top: 5%; } - /*.container_content .contnet img {*/ - /*padding: 5%;*/ - /*}*/ - /**/ - .addclass { - /*float: left;*/ - /*position: absolute;*/ - /*top: 0;*/ - /*left: 0;*/ - } - - .noaddclass { - /*float: left;*/ - } - - /*.addclass .content_equipment img {*/ - /*border-bottom: 2px solid #e957ff;*/ - /*!*padding-bottom: 8%;*!*/ - /*}*/ .addclass p { border-bottom: 2px solid #e957ff; - /*padding-bottom: 8%;*/ } </style> \ No newline at end of file -- Gitblit v1.9.3