From 4ef0342708910d02453fdcfae2148eadbf6d7004 Mon Sep 17 00:00:00 2001 From: zhuzhuanzhuan Date: 星期三, 05 六月 2024 11:34:21 +0800 Subject: [PATCH] 1、设备综合效率分析页面表格列属性ellipsis开启后内容若超出盒子宽度则出现与表头错位现象,而无法实现ellipsis开启后内容超出单元格则省略功能,现采取增加列宽度方式且关闭ellipsis属性功能方法解决问题 2、设备综合效率分析页面调整计算表格垂直滚动条方法以试图解决项目服务器上无法正常显示水平滚动条问题 --- src/views/eam/EquipmentTransferList.vue | 16 +++++++++++++--- 1 files changed, 13 insertions(+), 3 deletions(-) diff --git a/src/views/eam/EquipmentTransferList.vue b/src/views/eam/EquipmentTransferList.vue index 79da946..248fa2a 100644 --- a/src/views/eam/EquipmentTransferList.vue +++ b/src/views/eam/EquipmentTransferList.vue @@ -91,7 +91,7 @@ size='middle' bordered rowKey='id' - :scroll="{ x: 'calc(1400px + 50%)', y: 900 }" + :scroll="{ x: true }" :columns='columns' :dataSource='dataSource' :pagination='ipagination' @@ -101,7 +101,14 @@ @change='handleTableChange' > - + <template slot="num" slot-scope="text" > + <a-tooltip placement="top" :title="text" trigger="hover"> + <div> + <template slot="title"> </template> + <p style="cusor:pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 130px;">{{ text }}</p> + </div> + </a-tooltip> + </template> <span @@ -199,7 +206,10 @@ { title: '鍗曟嵁鍙�', align: 'center', - dataIndex: 'num' + dataIndex: 'num', + scopedSlots: { customRender: 'num' }, + width: 100, + ellipsis: true, }, { title: '璋冨嚭鍏徃', -- Gitblit v1.9.3