From ba774c85e68e75b172d94217810566db6e97f615 Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Fri, 13 Sep 2024 09:28:43 +0800
Subject: [PATCH] 提交

---
 gz-customerSystem/src/views/register/matterDetail/HandleRecord.jsx |   39 +++++++++++++++++++++++++++++++++++++--
 1 files changed, 37 insertions(+), 2 deletions(-)

diff --git a/gz-customerSystem/src/views/register/matterDetail/HandleRecord.jsx b/gz-customerSystem/src/views/register/matterDetail/HandleRecord.jsx
index 8980436..ee460ea 100644
--- a/gz-customerSystem/src/views/register/matterDetail/HandleRecord.jsx
+++ b/gz-customerSystem/src/views/register/matterDetail/HandleRecord.jsx
@@ -2,16 +2,23 @@
  * @Author: dminyi 1301963064@qq.com
  * @Date: 2024-09-06 09:40:00
  * @LastEditors: dminyi 1301963064@qq.com
- * @LastEditTime: 2024-09-12 15:09:10
+ * @LastEditTime: 2024-09-12 20:55:47
  * @FilePath: \gzDyh\gz-customerSystem\src\views\register\matterDetail\HandleRecord.jsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */
 import React, { useState, useEffect } from 'react';
 import { Empty } from '@arco-design/web-react';
 import { fold, down, empty, edit } from '@/assets/images';
+import { Image } from 'antd';
+import {link} from '@/assets/images';
+import * as $$ from '@/utils/utility';
+
 
 export default function HandleRecord(props) {
+  const appUrl = $$.appUrl;
   const [list, setList] = useState([]);
+  const [imgVisible, setImgVisible] = useState({ visible: false, src: '' });
+
 
   useEffect(() => {
     setList(props.data)
@@ -32,6 +39,18 @@
   const handleEdit = (id) => {
     props.handleEdit(id)
   }
+
+  function handleOpenFiles(record) {
+    if (record.cat === '22_00017-3') {
+      setImgVisible({ visible: true, src: `${appUrl.fileUrl}/${appUrl.sys}${record.showUrl}` });
+    } else if (record.cat === '22_00017-6' || record.cat === '22_00017-1' || record.cat === '22_00017-2') {
+      window.open(`${appUrl.fileUrl}${appUrl.fileShowUrl}${record.id}`);
+    } else {
+      $$.info({ type: 'warning', content: '抱歉,暂不支持在线查看,已下载请查看' });
+      window.open(`${appUrl.fileUrl}${appUrl.fileDownUrl}${record.id}`);
+    }
+  }
+
 
   return (
     <div>
@@ -63,7 +82,22 @@
                   </tr>
                   <tr>
                     <th bgcolor="#F7F8FA" className="table-title" width="120">办理附件</th>
-                    <td>{record?.fileInfoList?.[0]?.trueName || '-'}</td>
+                    <div style={{ display: 'none' }}>
+                      <Image
+                        src={imgVisible.src}
+                        preview={{
+                          visible: imgVisible.visible,
+                          src: imgVisible.src,
+                          onVisibleChange: (value) => setImgVisible({ visible: false }),
+                        }}
+                      />
+                    </div>
+                    <td style={{ color: '#1A6FB8' }} onClick={() => handleOpenFiles(record?.fileInfoList?.[0])}>
+                      <div style={{cursor: 'pointer',display:'flex',alignItems:'center',gap:'4px'}}>
+                        <img src={link} alt='' style={{width:'14px',height:'14px'}}/>
+                        <div>{record?.fileInfoList?.[0]?.name || '-'}</div>
+                      </div>
+                    </td>
                   </tr>
                 </table>
               </div>
@@ -86,6 +120,7 @@
           description='暂无数据'
         />
       }
+
     </div>
   )
 }

--
Gitblit v1.8.0