From 73370c3b2f2e8340d9c46124af56576d5de2bb59 Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Thu, 12 Sep 2024 20:50:00 +0800
Subject: [PATCH] 修改页面

---
 gz-customerSystem/src/views/register/matterDetail/HandleRecord.jsx |   37 +++++++++++++++++++++++++++++++++++--
 1 files changed, 35 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..ef34029 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:48:45
  * @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/image';
+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,20 @@
                   </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])}>
+                      {/* <img src={link} alt=''/> */}
+                      {record?.fileInfoList?.[0]?.name || '-'}
+                      </td>
                   </tr>
                 </table>
               </div>
@@ -86,6 +118,7 @@
           description='暂无数据'
         />
       }
+
     </div>
   )
 }

--
Gitblit v1.8.0