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/efficiencyPOReport/EfficiencyPOList.vue | 54 ++++++++++++++++++++++++++----------------------------
1 files changed, 26 insertions(+), 28 deletions(-)
diff --git a/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue b/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue
index 1d4a39b..be9c4d5 100644
--- a/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue
+++ b/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue
@@ -481,12 +481,14 @@
height: 100%;
overflow: auto;
}
+
.table2 thead tr th:first-child,
.table tbody tr .tdgu{
position: sticky;
left: 0;
z-index: 1;
}
+
.table tbody tr .wenzi{
/*writing-mode: vertical-lr;*/
/*text-orientation: upright;*/
@@ -494,30 +496,36 @@
writing-mode: vertical-lr;
letter-spacing: 2px;
}
+
.table tbody tr .kaitou{
z-index: 1;
background-color: white;
}
+
.table tbody tr .tdgu1{
position: sticky;
left: 50px;
z-index: 2;
}
+
.table tbody tr .tdgu2{
position: sticky;
left: 100px;
z-index: 2;
}
+
.table tbody tr .tdgu3{
position: sticky;
left: 150px;
z-index: 2;
}
+
.table tbody tr .tdgu4{
position: sticky;
left: 250px;
z-index: 2;
}
+
.table tbody tr .tdgu5{
position: sticky;
left: 412px;
@@ -530,81 +538,91 @@
top:0;
z-index: 3;
}
+
.table2 thead .gudingth th{
position: sticky;
top: 32px;
z-index: 2;
}
+
.table2 thead .equipname .name{
z-index: 3;
}
+
.table2 thead .equipname .dong1{
z-index: 4;
left: 0;
- /*border: 1px solid #000;*/
}
+
.table2 thead .equipname .dong2{
z-index: 5;
left: 50px;
}
+
+
.table2 thead .equipname .dong3{
z-index: 5;
left: 100px;
}
+
.table2 thead .equipname .dong4{
z-index: 5;
left: 150px;
}
+
.table2 thead .equipname .dong5{
z-index: 5;
left: 250px;
}
+
.table2 thead .equipname .dong6{
z-index: 5;
left: 412px;
}
-
+#EfficiencyPO{
+ overflow: hidden;
+}
@media screen and (min-width: 1920px){
#EfficiencyPO{
height: 687px!important;
- overflow: scroll;
}
}
+
@media screen and (min-width: 1680px) and (max-width: 1920px){
#EfficiencyPO{
height: 687px!important;
- overflow: scroll;
}
}
+
@media screen and (min-width: 1400px) and (max-width: 1680px){
#EfficiencyPO{
height: 540px!important;
- overflow: scroll;
}
}
+
@media screen and (min-width: 1280px) and (max-width: 1400px){
#EfficiencyPO{
height: 440px!important;
- overflow: scroll;
}
}
+
@media screen and (max-width: 1280px){
#EfficiencyPO{
height: 440px!important;
- overflow: scroll;
}
}
+
.identifyingclass {
width: 55px;
height: 15px;
display: inline-block
}
+
.dataContent {
white-space: nowrap;
/*margin: 0;*/
- border: none;
border-collapse: separate;
border-spacing: 0;
/*table-layout: fixed;*/
@@ -615,10 +633,6 @@
/*overflow: hidden;*/
/*overflow-y: auto;*/
text-align: center;
-}
-
-.dataContent .fixed th {
- width: 50px;
}
.dataContent .thead th {
@@ -632,23 +646,7 @@
width: auto;
}
-/*.dataContent tr td {*/
- /*height: 35px;*/
-/*}*/
-
.dataContent .mathData td {
padding: 10px;
- /*display: none;*/
}
-
-.dataContent .mathData .td {
- /*background-color: #ff9bd2;*/
- display: inline-block;
- padding: 10px;
-}
-
-.dataContent .mathData .tdd {
- /*display: none;*/
-}
-
</style>
\ No newline at end of file
--
Gitblit v1.9.3