From 1d45ea75308850ad0ef575ca28ba3f93552f097c Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期三, 24 一月 2024 16:01:58 +0800 Subject: [PATCH] 设备监控页面状态反馈按钮添加二次确认功能以及调整异常设备列表项字体颜色为红色显示 --- 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