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/spare/modules/sparePartScrap/SparePartScrapDetailList.vue | 76 ++++++++++++++++++++++++-------------- 1 files changed, 48 insertions(+), 28 deletions(-) diff --git a/src/views/spare/modules/sparePartScrap/SparePartScrapDetailList.vue b/src/views/spare/modules/sparePartScrap/SparePartScrapDetailList.vue index dd2330c..5b81724 100644 --- a/src/views/spare/modules/sparePartScrap/SparePartScrapDetailList.vue +++ b/src/views/spare/modules/sparePartScrap/SparePartScrapDetailList.vue @@ -15,14 +15,21 @@ size='middle' bordered rowKey='id' - :scroll='{x:true}' + :scroll="{ x: 'calc(1400px + 50%)', y: 900 }" :columns='columns' :dataSource='dataSource' :pagination='ipagination' :loading='loading' @change='handleTableChange' > - + <template slot="scrapReason" 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' @@ -100,6 +107,10 @@ import { JeecgListMixin } from '@/mixins/JeecgListMixin' import { getAction } from '@api/manage' +function Tooltip(props) { + return null +} + export default { name: 'SparePartScrapDetailList', mixins: [JeecgListMixin], @@ -126,10 +137,12 @@ }, data() { return { + description: '澶囦欢鎶ュ簾绠$悊椤甸潰', disableMixinCreated: true, // 琛ㄥご columns: [ + { title: '#', dataIndex: '', @@ -144,82 +157,87 @@ title: '澶囦欢缂栫爜', align: 'center', dataIndex: 'spareNum', - width: 150 + }, + { title: '澶囦欢鍚嶇О', align: 'center', dataIndex: 'spareName', - width: 150 + }, { title: '瑙勬牸', align: 'center', dataIndex: 'specification', - width: 130 + }, { title: '鍨嬪彿', align: 'center', dataIndex: 'model', - width: 150 + ellipsis: true }, { - title: '涓诲崟浣�', + title: '鍗曚綅', align: 'center', dataIndex: 'mainUnitIdName', - width: 100 + }, { - title: '搴撳瓨涓绘暟閲�', + title: '搴撳瓨鏁伴噺', align: 'center', dataIndex: 'mainQuantity', - width: 100 + }, - { + /* { title: '杈呭崟浣�', align: 'center', dataIndex: 'auxiliaryUnitIdName', - width: 100 - }, - { + + ellipsis: true + }, */ + /* { title: '搴撳瓨杈呮暟閲�', align: 'center', dataIndex: 'auxiliaryQuantity', - width: 100 - }, + + }, */ { - title: '鎶ュ簾涓绘暟閲�', + title: '鎶ュ簾鏁伴噺', align: 'center', dataIndex: 'scrapMainQuantity', - width: 100 + }, - { + /* { title: '鎶ュ簾杈呮暟閲�', align: 'center', dataIndex: 'scrapAuxiliaryQuantity', - width: 100 + + }, */ + { + title: '鎶ュ簾鍘熷洜', + align: 'center', + dataIndex: 'scrapReason', + scopedSlots: { customRender: 'scrapReason' }, //蹇呭啓 + ellipsis: true, + }, { title: '搴撳尯', align: 'center', dataIndex: 'warehouseAreaIdName', - width: 100 + }, { title: '搴撲綅', align: 'center', dataIndex: 'warehouseLocationIdName', - width: 100 + }, - { - title: '鎶ュ簾鍘熷洜', - align: 'center', - dataIndex: 'scrapReason', - width: 100 - } + ], url: { @@ -239,6 +257,7 @@ } }, methods: { + clearList() { this.dataSource = [] this.selectedRowKeys = [] @@ -279,4 +298,5 @@ </script> <style scoped> @import '~@assets/less/common.less'; + </style> -- Gitblit v1.9.3