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