From 007cc0e8e7cb7cdc4403c5b99b1bb551060e3017 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期四, 31 八月 2023 16:41:20 +0800 Subject: [PATCH] 报表界面的显示调整,OEE管理的各个界面的导入模板,设备监控界面的设备信息的展示,加班管理界面的绘制 --- src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue | 43 ++++++++++++++++++++++++------------------- 1 files changed, 24 insertions(+), 19 deletions(-) diff --git a/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue b/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue index c49e432..e67634a 100644 --- a/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue +++ b/src/views/mdc/base/modules/efficiencyPOReport/EfficiencyPOList.vue @@ -47,9 +47,9 @@ <table class="dataContent table" border="1" cellspacing="0" cellpadding="0" style="white-space: nowrap"> <thead> <tr class="thead fixed equipname"> - <th class="thgu dong1 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"></th> - <th class="thgu dong2 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"></th> - <th class="thgu dong3 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;"></th> + <th class="thgu dong1 name" rowspan="2" style="min-width: 50px; max-width: 50px;width: 50px;"></th> + <th class="thgu dong2 name" rowspan="2" style="min-width: 50px; max-width: 50px;width: 50px;"></th> + <th class="thgu dong3 name" rowspan="2" style="min-width: 50px; max-width: 50px;width: 50px;"></th> <th class="thgu dong4 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">璁惧缂栧彿</th> <th class="thgu dong5 name" rowspan="2" style="min-width: 150px; max-width: 150px;width: 150px;">璁惧鍚嶇О</th> <th class="thgu dong6 name" rowspan="2" style="min-width: 100px; max-width: 100px;width: 100px;">璁惧绫诲瀷</th> @@ -71,9 +71,9 @@ </thead> <tbody> <tr class="mathData" v-for="(item, index) in dataList"> - <td class="tdgu kaitou" :rowspan="item.level1span" :class="{hidden: item.level1dis,noExl:item.level1dis}" v-show="!item.level1dis">{{item.level1}}</td> - <td class="tdgu1 kaitou" :rowspan="item.level2span" :class="{hidden: item.level2dis,noExl:item.level2dis}" v-show="!item.level2dis">{{item.level2}}</td> - <td class="tdgu2 kaitou" :rowspan="item.level3span" :class="{hidden: item.level3dis,noExl:item.level3dis}" v-show="!item.level3dis">{{item.level3}}</td> + <td class="tdgu kaitou wenzi" :rowspan="item.level1span" :class="{hidden: item.level1dis,noExl:item.level1dis}" v-show="!item.level1dis">{{item.level1}}</td> + <td class="tdgu1 kaitou wenzi" :rowspan="item.level2span" :class="{hidden: item.level2dis,noExl:item.level2dis}" v-show="!item.level2dis">{{item.level2}}</td> + <td class="tdgu2 kaitou wenzi" :rowspan="item.level3span" :class="{hidden: item.level3dis,noExl:item.level3dis}" v-show="!item.level3dis">{{item.level3}}</td> <td class="tdgu3 kaitou">{{item.equipmentId}}</td> <td class="tdgu4 kaitou">{{item.equipmentName}}</td> <td class="tdgu5 kaitou">{{item.equipmentType}}</td> @@ -401,33 +401,38 @@ left: 0; z-index: 1; } +.table tbody tr .wenzi{ + writing-mode: vertical-lr; + text-orientation: upright; + letter-spacing: 2px; +} .table tbody tr .kaitou{ z-index: 1; background-color: white; } .table tbody tr .tdgu1{ position: sticky; - left: 150px; + left: 50px; z-index: 2; } .table tbody tr .tdgu2{ position: sticky; - left: 300px; + left: 100px; z-index: 2; } .table tbody tr .tdgu3{ position: sticky; - left: 450px; + left: 150px; z-index: 2; } .table tbody tr .tdgu4{ position: sticky; - left: 550px; + left: 250px; z-index: 2; } .table tbody tr .tdgu5{ position: sticky; - left: 700px; + left: 400px; z-index: 2; } @@ -452,23 +457,23 @@ } .table2 thead .equipname .dong2{ z-index: 5; - left: 150px; + left: 50px; } .table2 thead .equipname .dong3{ z-index: 5; - left: 300px; + left: 100px; } .table2 thead .equipname .dong4{ z-index: 5; - left: 450px; + left: 150px; } .table2 thead .equipname .dong5{ z-index: 5; - left: 550px; + left: 250px; } .table2 thead .equipname .dong6{ z-index: 5; - left: 700px; + left: 400px; } @@ -539,9 +544,9 @@ width: auto; } -.dataContent tr td { - height: 35px; -} +/*.dataContent tr td {*/ + /*height: 35px;*/ +/*}*/ .dataContent .mathData td { padding: 10px; -- Gitblit v1.9.3