From 42ad61a075d8a3c32949d83bf40acc53b2da25b1 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Fri, 13 Sep 2024 20:53:35 +0800
Subject: [PATCH] fix: 修改预览的文件回显bug
---
gz-customerSystem/src/views/register/matterDetail/FileTable.jsx | 70 ++++++++++++++++------------------
1 files changed, 33 insertions(+), 37 deletions(-)
diff --git a/gz-customerSystem/src/views/register/matterDetail/FileTable.jsx b/gz-customerSystem/src/views/register/matterDetail/FileTable.jsx
index b7ec1ae..3b2e4dd 100644
--- a/gz-customerSystem/src/views/register/matterDetail/FileTable.jsx
+++ b/gz-customerSystem/src/views/register/matterDetail/FileTable.jsx
@@ -100,9 +100,9 @@
title: '操作',
dataIndex: 'perClassName',
key: 'perClassName',
- width: props.isReview ? 60 : 125,
+ width: props.isReview ? 80 : 140,
fixed: 'right',
- render: (text, record) => (
+ render: (text, record, index) => (
<Space size="middle">
<Link onClick={() => {
setSourceType(record.ownerType)
@@ -113,7 +113,7 @@
{!props.isReview && <Link onClick={() => {
if (record.fileInfoList && record.fileInfoList.length != 0) {
let ids = record.fileInfoList?.map(item => item.id).join(',')
- handleDelete(ids)
+ handleDelete(ids, record, index)
} else {
$$.info({ type: 'warning', content: '还没上传关于该材料的文件！' });
}
@@ -121,8 +121,8 @@
删除
</Link>}
<Link onClick={() => {
- if (record.fileInfoList && record.fileInfoList.length != 0) {
- let ids = record.fileInfoList?.map(item => item.id).join(',')
+ if (record.fileList && record.fileList.length != 0) {
+ let ids = record.fileList?.map(item => item.id).join(',')
handleDownlod(ids)
} else {
$$.info({ type: 'warning', content: '还没上传关于该材料的文件！' });
@@ -131,11 +131,12 @@
下载
</Link>
{!props.isReview && <Link onClick={() => {
+ console.log(record);
setSourceType(record.ownerType)
setUpLoadVisible(true)
- setFileInfoList(record.fileInfoList)
+ setFileInfoList(record.fileList)
setTimeout(() => {
- formRef.current.setFieldValue('file', record.fileInfoList)
+ formRef.current.setFieldValue('file', record.fileList)
}, 0)
}}>
上传
@@ -165,13 +166,13 @@
return {
...item,
size: applyFile.fileList.length,
- fileNames: applyFile.fileList?.map(item => item.trueName).join('，'),
+ fileNames: applyFile.fileList?.map(item => item.name).join('，'),
updateTime: $$.timeFormat(applyFile.fileList[applyFile.fileList.length - 1].updateTime),
- fileInfoList: applyFile.fileList.map(item => {
+ fileList: applyFile.fileList.map(item => {
return {
...item,
uid: item.id,
- name: item.trueName
+ // name: item.trueName
}
})
}
@@ -180,13 +181,13 @@
return {
...item,
size: evidenceFile.fileList.length,
- fileNames: evidenceFile.fileList?.map(item => item.trueName).join('，'),
+ fileNames: evidenceFile.fileList?.map(item => item.name).join('，'),
updateTime: $$.timeFormat(evidenceFile.fileList[evidenceFile.fileList.length - 1].updateTime),
- fileInfoList: evidenceFile.fileList.map(item => {
+ fileList: evidenceFile.fileList.map(item => {
return {
...item,
uid: item.id,
- name: item.trueName
+ // name: item.trueName
}
})
}
@@ -218,42 +219,30 @@
//上传弹窗完成后的事件
const handleUpload = () => {
-
const newList = tableData.map(item => {
- if (item.ownerType == '22_00018-101') {
- const data = fileMap['22_00018-101'];
+ if (item.ownerType == sourceType) {
+ const data = fileMap[sourceType]
return {
...item,
size: data.length,
- fileNames: data.map(item => item.trueName).join('，'),
+ fileNames: data.map(item => item.name).join('，'),
updateTime: $$.timeFormat(data[data.length - 1].updateTime),
- fileInfoList: data.map(item => {
+ fileList: data.map(item => {
return {
...item,
- name: item.trueName,
+ // name: item.trueName,
uid: item.id,
}
}),
}
- }
- if (item.ownerType == '22_00018-102') {
- const data = fileMap['22_00018-102'];
- return {
- ...item,
- size: data.length,
- fileNames: data.map(item => item.trueName).join('，'),
- updateTime: $$.timeFormat(data[data.length - 1].updateTime),
- fileInfoList: data.map(item => {
- return {
- ...item,
- name: item.trueName,
- uid: item.id,
- }
- }),
- }
+ } else {
+ return item
}
})
-
+ //回传文件数据的时候使用
+ if(props.handleSaveList) {
+ props.handleSaveList(newList)
+ }
setTableData(newList)
setUpLoadVisible(false);
};
@@ -333,14 +322,20 @@
}
//删除
- const handleDelete = (ids) => {
+ const handleDelete = (ids, record, index) => {
Modal.confirm({
title: '删除确认',
content: '确认全部删除该材料？',
onOk: async () => {
+ let newData = tableData;
+ newData[index] = { ...record, fileInfoList: record.fileInfoList.filter(i => (i.id !== ids)) }
+ console.log('newData', newData);
+
+ // setTableData(newData)
const res = await deleteFileByIdApi({ ids })
if (res.type) {
$$.infoSuccess({ content: '删除成功！' });
+ setTableData(tableData.filter(item => !ids.includes(item.ownerType)))
}
},
});
@@ -360,6 +355,7 @@
rowKey="ownerType"
bordered={true}
scroll={{ x: 1300 }}
+ tableHeight={137}
/>
<Modal
style={{ width: '512px' }}
--
Gitblit v1.8.0