From e4489ab7c6b8cb0327b3cfe10b64d4753508fc8b Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Fri, 5 Sep 2025 10:18:55 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=F0=9F=8E=A8refactor=EF=BC=9Ahorizontal=3D"?=
 =?UTF-8?q?true"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/reservation/Detail.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/reservation/Detail.jsx b/src/views/reservation/Detail.jsx
index e344063..2c50c4e 100644
--- a/src/views/reservation/Detail.jsx
+++ b/src/views/reservation/Detail.jsx
@@ -7,6 +7,7 @@ import {
 import { usingStorage } from '@/hooks/usingStorage'
 import useReservationStore from '@/stores/Reservation'
 import { useTranslation } from 'react-i18next'
+import {ImageUploader} from '@/components/ImageUploader'
 
 const { Title, Paragraph } = Typography
 const { TextArea } = Input
@@ -161,7 +162,7 @@ function Detail() {
         />
       </Modal>
     <Space direction='vertical' className='w-full'>
-      <Flex horizontal align="flex-start" gap="middle"><Button type="text" icon={<ArrowLeftOutlined />}  onClick={() => navigate(-1)} /><Title level={4}> {t('group:RefNo')}: {reservationDetail.referenceNumber}; {t('group:ArrivalDate')}: {reservationDetail.arrivalDate};</Title></Flex>
+      <Flex horizontal="true" align="flex-start" gap="middle"><Button type="text" icon={<ArrowLeftOutlined />}  onClick={() => navigate(-1)} /><Title level={4}> {t('group:RefNo')}: {reservationDetail.referenceNumber}; {t('group:ArrivalDate')}: {reservationDetail.arrivalDate};</Title></Flex>
       <Row gutter={{ md: 24 }}>
         <Col span={12} className='w-full'>
         <iframe id='msdoc-iframe-reservation' title='msdoc-iframe-reservation'

From b6af34d48a0798e2780988e0a81119997cd10e88 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Fri, 5 Sep 2025 16:40:10 +0800
Subject: [PATCH 2/4] =?UTF-8?q?=E2=9A=A1perf=EF=BC=9AOSS=20=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E5=A2=9E=E5=8A=A0=E3=80=90=E7=A6=81=E7=94=A8=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E3=80=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛fix：ignore_case 默认为 true
---
 src/components/ImageUploader.jsx | 43 ++++++++++++++++----------------
 1 file changed, 21 insertions(+), 22 deletions(-)

diff --git a/src/components/ImageUploader.jsx b/src/components/ImageUploader.jsx
index a1d8611..d405148 100644
--- a/src/components/ImageUploader.jsx
+++ b/src/components/ImageUploader.jsx
@@ -1,6 +1,6 @@
 import { useEffect, useState } from "react";
-import { Upload, List, Button, Popconfirm, Col, Row } from "antd";
-import { UploadOutlined, FileTextOutlined, DeleteOutlined } from "@ant-design/icons";
+import { Upload, List, Button, Tooltip, Popconfirm, Col, Row } from "antd";
+import { UploadOutlined, FileTextOutlined, DeleteOutlined, StopOutlined } from "@ant-design/icons";
 import { Image } from "antd";
 import { fetchJSON } from "@/utils/request";
 import { HT3_HOST } from "@/config";
@@ -94,7 +94,7 @@ export const ImageUploader = props => {
 	const [previewOpen, setPreviewOpen] = useState(false);
 	const [previewImage, setPreviewImage] = useState("");
 	const key = simple_encrypt(props.osskey);
-	const ignore_case = props.ignore_case || true;
+	const ignore_case = props.ignore_case;
 
 	// 组件挂载时获取图片列表
 	useEffect(() => {
@@ -175,7 +175,6 @@ export const ImageUploader = props => {
 	const handleRemove = () => {
 		return false;
 	};
-
 	return (
 		<>
 			<Upload
@@ -188,22 +187,22 @@ export const ImageUploader = props => {
 				onChange={handleChange}
 				showUploadList={{
 					showDownloadIcon: true,
-					showRemoveIcon: true,
-					removeIcon: file => {
-						return (
-							<Popconfirm
-								title="Delete"
-								description="Are you sure you want to delete the file?"
-								onConfirm={() => {
-									handleDelete(file);
-								}}
-								onCancel={() => setFileList([...fileList])}
-								okText="Yes"
-								cancelText="No">
-								<DeleteOutlined />
-							</Popconfirm>
-						);
-					},
+					showRemoveIcon: props.deletable,
+          removeIcon: file => {
+            return (
+              <Popconfirm
+                title="Delete"
+                description="Are you sure you want to delete the file?"
+                onConfirm={() => {
+                  handleDelete(file);
+                }}
+                onCancel={() => setFileList([...fileList])}
+                okText="Yes"
+                cancelText="No">
+                <DeleteOutlined />
+              </Popconfirm>
+            )
+          },
 				}}>
 				<div>
 					<UploadOutlined />
@@ -229,8 +228,8 @@ export const ImageUploader = props => {
 export const ImageViewer = props => {
 	const [fileList, setFileList] = useState([]);
 	const key = props.osskey;
-	const overlist = props.overlist || false;
-	const ignore_case = props.ignore_case || true;
+	const overlist = props.overlist;
+	const ignore_case = props.ignore_case;
 
 	// 组件挂载时获取图片列表
 	useEffect(() => {

From 9429a84ca901cf5355325faa8f6c5e4dcbde01a0 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Fri, 5 Sep 2025 16:56:32 +0800
Subject: [PATCH 3/4] =?UTF-8?q?=E2=9C=A8feat=EF=BC=9A=E5=9C=B0=E6=8E=A5?=
 =?UTF-8?q?=E7=A1=AE=E8=AE=A4=E5=86=85=E5=AE=B9=E5=A2=9E=E5=8A=A0=E4=B8=8A?=
 =?UTF-8?q?=E4=BC=A0=E9=99=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/reservation/Detail.jsx | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/views/reservation/Detail.jsx b/src/views/reservation/Detail.jsx
index 2c50c4e..c21fce9 100644
--- a/src/views/reservation/Detail.jsx
+++ b/src/views/reservation/Detail.jsx
@@ -52,15 +52,17 @@ function Detail() {
   }
 
   function attachmentRender(_, confirm) {
+    const attachmentKey = `GHH/${travelAgencyId}/${reservationId}/PCISN${confirm.key}`;
     return (
       <>
-      {confirm.attachmentList.map(attch => {
+      {/* {confirm.attachmentList.map(attch => {
         return (
           <Tag key={attch.file_name} bordered={false} icon={<FileOutlined />}>
             <a href={attch.file_url} target='_blank' rel='noreferrer'>{attch.file_name}</a>
           </Tag>
         )}
-      )}
+      )} */}
+      <ImageUploader osskey={attachmentKey} ignore_case={false} deletable={false} />
       </>
     );
   }
@@ -116,6 +118,10 @@ function Detail() {
     setIsModalOpen(false);
   };
 
+
+        console.info("detail: ", reservationDetail)
+        console.info("confirmationList: ", confirmationList)
+
   useEffect(() => {
     setDataLoading(true);
 
@@ -134,7 +140,7 @@ function Detail() {
       .finally(() => {
         setDataLoading(false);
       });
-  }, [reservationId, getReservationDetail, notification]);
+  }, [reservationId]);
 
   return (
     <>

From 042b64a4ef4fc2191d9b235bf596d6b830ccbf5c Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Fri, 5 Sep 2025 16:57:03 +0800
Subject: [PATCH 4/4] =?UTF-8?q?=F0=9F=8E=A8refactor=EF=BC=9A=E5=88=A0?=
 =?UTF-8?q?=E9=99=A4=E8=B0=83=E8=AF=95=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/reservation/Detail.jsx | 13 +------------
 1 file changed, 1 insertion(+), 12 deletions(-)

diff --git a/src/views/reservation/Detail.jsx b/src/views/reservation/Detail.jsx
index c21fce9..52f7f1c 100644
--- a/src/views/reservation/Detail.jsx
+++ b/src/views/reservation/Detail.jsx
@@ -55,14 +55,7 @@ function Detail() {
     const attachmentKey = `GHH/${travelAgencyId}/${reservationId}/PCISN${confirm.key}`;
     return (
       <>
-      {/* {confirm.attachmentList.map(attch => {
-        return (
-          <Tag key={attch.file_name} bordered={false} icon={<FileOutlined />}>
-            <a href={attch.file_url} target='_blank' rel='noreferrer'>{attch.file_name}</a>
-          </Tag>
-        )}
-      )} */}
-      <ImageUploader osskey={attachmentKey} ignore_case={false} deletable={false} />
+        <ImageUploader osskey={attachmentKey} ignore_case={false} deletable={false} />
       </>
     );
   }
@@ -118,10 +111,6 @@ function Detail() {
     setIsModalOpen(false);
   };
 
-
-        console.info("detail: ", reservationDetail)
-        console.info("confirmationList: ", confirmationList)
-
   useEffect(() => {
     setDataLoading(true);