From 3457909638c660c0cfcb521b6104ab64c679b914 Mon Sep 17 00:00:00 2001 From: zenglf <18502938215@163.com> Date: 星期二, 19 九月 2023 16:23:16 +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