From 621a3268a8c2cebf899e3ba824c49a1513cb619b Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Fri, 13 Sep 2024 18:32:35 +0800
Subject: [PATCH] feat: 图片

---
 gz-customerSystem/src/views/register/matterDetail/FileTable.jsx |   42 +++++++++++++++++++++++++++---------------
 1 files changed, 27 insertions(+), 15 deletions(-)

diff --git a/gz-customerSystem/src/views/register/matterDetail/FileTable.jsx b/gz-customerSystem/src/views/register/matterDetail/FileTable.jsx
index 981d034..0ee77a7 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)
@@ -111,9 +111,9 @@
             查看
           </Link>
           {!props.isReview && <Link onClick={() => {
-            if (record.fileList && record.fileList.length != 0) {
-              let ids = record.fileList?.map(item => item.id).join(',')
-              handleDelete(ids)
+            if (record.fileInfoList && record.fileInfoList.length != 0) {
+              let ids = record.fileInfoList?.map(item => item.id).join(',')
+              handleDelete(ids, record, index)
             } else {
               $$.info({ type: 'warning', content: '还没上传关于该材料的文件！' });
             }
@@ -131,6 +131,7 @@
             下载
           </Link>
           {!props.isReview && <Link onClick={() => {
+            console.log(record);
             setSourceType(record.ownerType)
             setUpLoadVisible(true)
             setFileInfoList(record.fileList)
@@ -151,6 +152,7 @@
   ]
 
   useEffect(() => {
+    console.log(props.fileInfoList);
     if (props.fileInfoList && props.fileInfoList.length != 0) {
       //证明材料
       const applyFile = props.fileInfoList.find(item => item.ownerType == "22_00018-101")
@@ -165,13 +167,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),
             fileList: applyFile.fileList.map(item => {
               return {
                 ...item,
                 uid: item.id,
-                name: item.trueName
+                // name: item.trueName
               }
             })
           }
@@ -180,13 +182,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),
             fileList: evidenceFile.fileList.map(item => {
               return {
                 ...item,
                 uid: item.id,
-                name: item.trueName
+                // name: item.trueName
               }
             })
           }
@@ -224,12 +226,12 @@
         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),
           fileList: data.map(item => {
             return {
               ...item,
-              name: item.trueName,
+              // name: item.trueName,
               uid: item.id,
             }
           }),
@@ -248,6 +250,7 @@
 
   //根据sourceType生成组件
   const formType = (type) => {
+
     if (type === '22_00018-101') {
       //申请材料
       return (
@@ -271,9 +274,10 @@
                     return item
                   }
                 })
+
                 setFileMap({
                   ...fileMap,
-                  '22_00018-101': newList
+                  '22_00018-101': newList.filter(i => i.ownerType === '22_00018-101')
                 })
               }}
             />
@@ -307,7 +311,7 @@
                 })
                 setFileMap({
                   ...fileMap,
-                  '22_00018-102': newList
+                  '22_00018-102': newList.filter(i => i.ownerType === '22_00018-102')
                 })
               }}
             />
@@ -319,14 +323,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)))
         }
       },
     });
@@ -346,6 +356,7 @@
         rowKey="ownerType"
         bordered={true}
         scroll={{ x: 1300 }}
+        tableHeight={137}
       />
       <Modal
         style={{ width: '512px' }}
@@ -365,6 +376,7 @@
               return (
                 <Col span={12} key={t}>
                   <div
+                    onClick={() => { x.value !== sourceType && setSourceType(x.value) }}
                     className={`casePerfection-cardTab-tab ${x.value === sourceType && 'casePerfection-cardTab-tabActive'}`}
                   >
                     <img src={x.value === sourceType ? personIconType(x.value)?.[1] : personIconType(x.value)?.[0]} alt="" style={{ width: '40px', height: '40px' }} />
@@ -410,6 +422,6 @@
           <NewFileCheck menuList={tableData} sourceType={sourceType} />
         </div>
       </Modal>
-    </Fragment>
+    </Fragment >
   )
 }

--
Gitblit v1.8.0