From f8246c10a3e7f34012b9cd29ea4c77ea6cd104e5 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Wed, 18 Jun 2025 16:08:29 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E8=AF=95=E7=94=A8=20Router-Link=20?=
 =?UTF-8?q?=E8=B7=B3=E8=BD=AC=E5=9C=A8=E7=BA=BF=E8=81=8A=E5=A4=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/OrderProfile.jsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/OrderProfile.jsx b/src/components/OrderProfile.jsx
index 5fe142a..34310d6 100644
--- a/src/components/OrderProfile.jsx
+++ b/src/components/OrderProfile.jsx
@@ -12,7 +12,8 @@ import {
   ReloadOutlined,
 } from '@ant-design/icons'
 
-import { useEffect, useState, useRef } from 'react'
+import { useEffect, useState } from 'react'
+import { Link, useNavigate } from 'react-router-dom'
 import { App, Flex, Select, Tooltip, Divider, Typography, Skeleton, Checkbox, Drawer, Button, Form, Input } from 'antd'
 import { useOrderStore, fetchSetRemindStateAction, OrderLabelDefaultOptions, OrderStatusDefaultOptions, remindStatusOptions } from '@/stores/OrderStore'
 import { copy, isEmpty } from '@/utils/commons'
@@ -20,6 +21,7 @@ import { useShallow } from 'zustand/react/shallow'
 import useConversationStore from '@/stores/ConversationStore'
 import useAuthStore from '@/stores/AuthStore'
 const OrderProfile = ({ coliSN, ...props }) => {
+  const navigate = useNavigate()
   const { notification, message } = App.useApp()
   const [formComment] = Form.useForm()
   const [loading, setLoading] = useState(false)
@@ -111,10 +113,12 @@ const OrderProfile = ({ coliSN, ...props }) => {
             <MailOutlined className='pr-1' />
             {customerDetail.email}
           </Typography.Text>
-          <Typography.Link href={`/order/chat/${coliSN}`}>
+          <Typography.Text>
             <WhatsAppOutlined className=' pr-1' />
-            {customerDetail.whatsapp_phone_number}
-          </Typography.Link>
+            <Link to={`/order/chat/${coliSN}`} state={orderDetail}>
+              {customerDetail.whatsapp_phone_number}
+            </Link>
+          </Typography.Text>
           <Typography.Text>
             <Tooltip title='出发日期'>
               <CalendarOutlined className='pr-1' />