From f303499ea96dc9402f470d9c64aadd5945a7b638 Mon Sep 17 00:00:00 2001
From: zhuzhuanzhuan
Date: 星期一, 03 六月 2024 11:17:28 +0800
Subject: [PATCH] OEE报表页面表格列属性ellipsis开启后内容若超出盒子宽度则出现与表头错位现象，而无法实现ellipsis开启后内容超出单元格则省略功能，现采取增加列宽度方式且关闭ellipsis属性功能方法解决问题
---
src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue | 18 ++++++++++++------
1 files changed, 12 insertions(+), 6 deletions(-)
diff --git a/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue b/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue
index c25e547..c6c5f62 100644
--- a/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue
+++ b/src/views/mdc/base/modules/OEEAnalysis/OEEAnalysisList.vue
@@ -15,7 +15,7 @@
:maxTagCount="1"
@change="selectChange($event,'equipmentType')"
>
- <a-select-option v-for="item in equipmentTypeList" :value="item.value">
+ <a-select-option v-for="(item,index) in equipmentTypeList" :value="item.value" :key="index">
{{item.label}}
</a-select-option>
</a-select>
@@ -31,7 +31,7 @@
:maxTagCount="1"
@change="selectChange($event,'driveType')"
>
- <a-select-option v-for="item in driveTypeList" :value="item.value">
+ <a-select-option v-for="(item,index) in driveTypeList" :value="item.value" :key="index">
{{item.label}}
</a-select-option>
</a-select>
@@ -47,7 +47,7 @@
:maxTagCount="1"
@change="selectChange($event,'deviceLevel')"
>
- <a-select-option v-for="item in device_level_list" :value="item.value">
+ <a-select-option v-for="(item,index) in device_level_list" :value="item.value" :key="index">
{{item.label}}
</a-select-option>
</a-select>
@@ -63,7 +63,7 @@
:maxTagCount="1"
@change="selectChange($event,'deviceCategory')"
>
- <a-select-option v-for="item in device_category_list" :value="item.value">
+ <a-select-option v-for="(item,index) in device_category_list" :value="item.value" :key="index">
{{item.label}}
</a-select-option>
</a-select>
@@ -189,9 +189,8 @@
{
title: '鐝',
align: 'center',
- width: 100,
+ width: 300,
dataIndex: 'shift',
- ellipsis: true
},
{
title: '姣忕彮灏忔椂',
@@ -595,4 +594,11 @@
}
}
+
+ /deep/ .ant-table-row-cell-break-word{
+ overflow: hidden;
+ text-overflow: ellipsis;
+ -webkit-line-clamp: 1;
+ white-space: initial;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.9.3