From 9521a01b0cbe88050c6f3d24cb0e227dda4aa268 Mon Sep 17 00:00:00 2001 From: houjie <714924425@qq.com> Date: 星期五, 01 九月 2023 17:34:26 +0800 Subject: [PATCH] 基础数据模块/设备处理/设备使用(界面长度适配调整, 编码 单据号,名称 超长字符 单独处理) --- src/views/eam/RiskPreventionList.vue | 38 +++++++++++++++++++++++++++++++++++--- 1 files changed, 35 insertions(+), 3 deletions(-) diff --git a/src/views/eam/RiskPreventionList.vue b/src/views/eam/RiskPreventionList.vue index 405e69a..26a3f14 100644 --- a/src/views/eam/RiskPreventionList.vue +++ b/src/views/eam/RiskPreventionList.vue @@ -75,6 +75,30 @@ :rowSelection='{selectedRowKeys: selectedRowKeys, onChange: onSelectChange}' class='j-table-force-nowrap' @change='handleTableChange'> + <template slot="description" 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> + <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> + <template slot="measure" 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> <template slot='htmlSlot' slot-scope='text'> <div v-html='text'></div> @@ -154,7 +178,9 @@ { title: ' 鍗遍櫓婧愮紪鐮�', align: 'center', - dataIndex: 'num' + dataIndex: 'num', + scopedSlots: { customRender: 'num' }, + ellipsis: true, }, { title: '鍗遍櫓婧愬悕绉�', @@ -164,12 +190,18 @@ { title: '鍗遍櫓鎻忚堪', align: 'center', - dataIndex: 'description' + dataIndex: 'description', + scopedSlots: { customRender: 'description' }, + width: 100, + ellipsis: true, }, { title: '闃叉帶鎺柦', align: 'center', - dataIndex: 'measure' + dataIndex: 'measure', + scopedSlots: { customRender: 'measure' }, + width: 100, + ellipsis: true, }, { title: '鍒涘缓浜�', -- Gitblit v1.9.3