From 4fa524413c98f7547f1ba38d3ec6ed64ef6130aa Mon Sep 17 00:00:00 2001
From: zhangherong <571457620@qq.com>
Date: 星期二, 04 三月 2025 17:02:43 +0800
Subject: [PATCH] art: 所有设备 台账 页签不直接渲染dom，切换时渲染
---
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