From cd5dbb3be51127db99d9aa43fc65067016df9972 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Tue, 24 Jun 2025 10:43:01 +0800
Subject: [PATCH 01/17] =?UTF-8?q?feat=EF=BC=9A=E5=A2=9E=E5=8A=A0=20WA?=
 =?UTF-8?q?=E3=80=81=E9=99=84=E5=8A=A0=E4=BF=A1=E6=81=AF=E8=AE=BE=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/OrderProfile.jsx | 87 +++++++++++++++++++++++++--------
 src/stores/OrderStore.js        | 42 +++++++++++++++-
 2 files changed, 106 insertions(+), 23 deletions(-)

diff --git a/src/components/OrderProfile.jsx b/src/components/OrderProfile.jsx
index 64478de..a51eee1 100644
--- a/src/components/OrderProfile.jsx
+++ b/src/components/OrderProfile.jsx
@@ -13,7 +13,7 @@ import {
 } from '@ant-design/icons'
 
 import { useEffect, useState } from 'react'
-import { Link, useNavigate } from 'react-router-dom'
+import { Link } 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'
@@ -21,24 +21,28 @@ 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, formWhatsApp] = Form.useForm()
+  const [formComment] = Form.useForm()
+  const [formWhatsApp] = Form.useForm()
+  const [formExtra] = Form.useForm()
   const [loading, setLoading] = useState(false)
 
   const [openOrderCommnet, setOpenOrderCommnet] = useState(false)
   const [openWhatsApp, setOpenWhatsApp] = useState(false)
+  const [openExtra, setOpenExtra] = useState(false)
 
   const orderLabelOptions = copy(OrderLabelDefaultOptions)
   orderLabelOptions.unshift({ value: 0, label: '未设置', disabled: true })
 
   const orderStatusOptions = copy(OrderStatusDefaultOptions)
-  const [orderDetail, customerDetail, fetchOrderDetail, setOrderPropValue, appendOrderComment] = useOrderStore((s) => [
+  const [orderDetail, customerDetail, fetchOrderDetail, setOrderPropValue, appendOrderComment, updateWhatsapp, updateExtraInfo] = useOrderStore((s) => [
     s.orderDetail,
     s.customerDetail,
     s.fetchOrderDetail,
     s.setOrderPropValue,
     s.appendOrderComment,
+    s.updateWhatsapp,
+    s.updateExtraInfo,
   ])
 
   const loginUser = useAuthStore((state) => state.loginUser)
@@ -47,8 +51,8 @@ const OrderProfile = ({ coliSN, ...props }) => {
 
   const [orderRemindState, setOrderRemindState] = useState(orderDetail.remindstate)
   useEffect(() => {
-    setOrderRemindState(orderDetail.remindstate);
-  }, [orderDetail.remindstate]);
+    setOrderRemindState(orderDetail.remindstate)
+  }, [orderDetail.remindstate])
   useEffect(() => {
     if (orderId) {
       setLoading(true)
@@ -119,12 +123,15 @@ const OrderProfile = ({ coliSN, ...props }) => {
           </Typography.Text>
           <Typography.Text>
             <WhatsAppOutlined className='pr-1' />
-            {isEmpty(customerDetail.whatsapp_phone_number) ?
-            <Button type="text" onClick={() => setOpenWhatsApp(true)} size='small'>设置 WhatsApp</Button> :
-            <Link to={`/order/chat/${coliSN}`} state={orderDetail}>
-              {customerDetail.whatsapp_phone_number}
-            </Link>
-            }
+            {isEmpty(customerDetail.whatsapp_phone_number) ? (
+              <Button type='text' onClick={() => setOpenWhatsApp(true)} size='small'>
+                设置 WhatsApp
+              </Button>
+            ) : (
+              <Link to={`/order/chat/${coliSN}`} state={orderDetail}>
+                {customerDetail.whatsapp_phone_number}
+              </Link>
+            )}
           </Typography.Text>
           <Typography.Text>
             <Tooltip title='出发日期'>
@@ -227,9 +234,14 @@ const OrderProfile = ({ coliSN, ...props }) => {
 
         <Divider orientation='left'>
           <Typography.Text strong>附加信息</Typography.Text>
-          {/* <Tooltip title='修改'>
-            <EditOutlined className='pl-1' />
-          </Tooltip> */}
+          <Tooltip title='修改'>
+            <EditOutlined
+              className='pl-1'
+              onClick={() => {
+                setOpenExtra(true)
+              }}
+            />
+          </Tooltip>
         </Divider>
         <Typography.Text>{orderDetail.COLI_Introduction}</Typography.Text>
       </Skeleton>
@@ -240,7 +252,6 @@ const OrderProfile = ({ coliSN, ...props }) => {
           initialValues={{ comment: '' }}
           scrollToFirstError
           onFinish={(values) => {
-            console.log('Received values of form: ', values)
             appendOrderComment(loginUser.userId, orderId, values.comment)
               .then(() => {
                 notification.success({
@@ -276,15 +287,49 @@ const OrderProfile = ({ coliSN, ...props }) => {
           initialValues={{ number: '' }}
           scrollToFirstError
           onFinish={(values) => {
-            console.log('Received values of form: ', values)
-            // appendOrderComment(loginUser.userId, orderId, values.number)
+            updateWhatsapp(orderId, values.number)
               .then(() => {
                 notification.success({
                   message: '温性提示',
                   description: '设置 WhatsApp 成功',
                 })
                 setOpenWhatsApp(false)
-                formComment.setFieldsValue({ number: '' })
+                formWhatsApp.setFieldsValue({ number: '' })
+              })
+              .catch((reason) => {
+                notification.error({
+                  message: '设置出错',
+                  description: reason.message,
+                  placement: 'top',
+                  duration: 60,
+                })
+              })
+          }}>
+          <Form.Item name='number' label='WhatsApp' rules={[{ required: true, message: '请输入 WhatsApp 号码' }]}>
+            <Input placeholder='国家代码+城市代码+电话号码' />
+          </Form.Item>
+          <Form.Item>
+            <Button type='primary' htmlType='submit'>
+              提交
+            </Button>
+          </Form.Item>
+        </Form>
+      </Drawer>
+      <Drawer title='设置附加信息' closable={{ 'aria-label': 'Close Button' }} onClose={() => setOpenExtra(false)} open={openExtra}>
+        <Form
+          layout={'vertical'}
+          form={formExtra}
+          initialValues={{ text: '' }}
+          scrollToFirstError
+          onFinish={(values) => {
+            console.log('Received values of form: ', values)
+            updateExtraInfo(orderId, values.extra)
+              .then(() => {
+                notification.success({
+                  message: '温性提示',
+                  description: '设置附加信息成功',
+                })
+                setOpenExtra(false)
               })
               .catch((reason) => {
                 notification.error({
@@ -295,8 +340,8 @@ const OrderProfile = ({ coliSN, ...props }) => {
                 })
               })
           }}>
-          <Form.Item name='comment' label='WhatsApp' rules={[{ required: true, message: '请输入 WhatsApp 号码' }]}>
-            <Input placeholder='国家代码+城市代码+电话号码'/>
+          <Form.Item name='extra' label='附加信息' rules={[{ required: true, message: '请输入附加信息' }]}>
+            <Input />
           </Form.Item>
           <Form.Item>
             <Button type='primary' htmlType='submit'>
diff --git a/src/stores/OrderStore.js b/src/stores/OrderStore.js
index 7cb5608..a0db4af 100644
--- a/src/stores/OrderStore.js
+++ b/src/stores/OrderStore.js
@@ -1,7 +1,7 @@
 import { create } from 'zustand'
 import { devtools } from 'zustand/middleware'
-import { fetchJSON, postForm } from '@/utils/request'
-import { API_HOST, EMAIL_HOST } from '@/config'
+import { fetchJSON, postForm, postJSON } from '@/utils/request'
+import { API_HOST, API_HOST_V3, EMAIL_HOST } from '@/config'
 import { isNotEmpty, prepareUrl, uniqWith } from '@/utils/commons'
 
 const initialState = {
@@ -180,6 +180,44 @@ export const useOrderStore = create(devtools((set, get) => ({
       })
   },
 
+  updateWhatsapp: (coli_sn, number) => {
+
+    return postJSON(`${API_HOST_V3}/order_update`, {
+        coli_sn: coli_sn,
+        set: {
+          concat_whatsapp: number
+        }
+    }).then(json => {
+        if (json.errcode > 0) {
+          throw new Error(json?.errmsg + ': ' + json.errcode)
+        }
+      })
+  },
+
+  updateExtraInfo: (coli_sn, extra) => {
+    const { orderDetail } = get()
+
+    return postJSON(`${API_HOST_V3}/order_update`, {
+        coli_sn: coli_sn,
+        set: {
+          extra_info: extra
+        }
+    }).then(json => {
+
+        if (json.errcode > 0) {
+          throw new Error(json?.errmsg + ': ' + json.errcode)
+        } else {
+
+          set((state) => ({
+        orderDetail: {
+          ...state.orderDetail,
+          COLI_Introduction: extra
+        }
+      }))
+        }
+      })
+  },
+
   setOrderPropValue: async (colisn, propName, value) => {
 
     if (propName === 'orderlabel') {

From 5b5ebe896ced2b440642a92d550a2d2639eef025 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Tue, 24 Jun 2025 13:57:47 +0800
Subject: [PATCH 02/17] =?UTF-8?q?perf=EF=BC=9A=E7=BC=96=E8=BE=91=E9=99=84?=
 =?UTF-8?q?=E5=8A=A0=E4=BF=A1=E6=81=AF=E5=88=9D=E5=A7=8B=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/OrderProfile.jsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/components/OrderProfile.jsx b/src/components/OrderProfile.jsx
index a51eee1..2fa2a3c 100644
--- a/src/components/OrderProfile.jsx
+++ b/src/components/OrderProfile.jsx
@@ -238,6 +238,7 @@ const OrderProfile = ({ coliSN, ...props }) => {
             <EditOutlined
               className='pl-1'
               onClick={() => {
+                formExtra.setFieldsValue({ extra: orderDetail.COLI_Introduction })
                 setOpenExtra(true)
               }}
             />
@@ -319,10 +320,8 @@ const OrderProfile = ({ coliSN, ...props }) => {
         <Form
           layout={'vertical'}
           form={formExtra}
-          initialValues={{ text: '' }}
           scrollToFirstError
           onFinish={(values) => {
-            console.log('Received values of form: ', values)
             updateExtraInfo(orderId, values.extra)
               .then(() => {
                 notification.success({

From 7365ae08ee36d3ce970d16da0716949330a99902 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Tue, 24 Jun 2025 14:07:09 +0800
Subject: [PATCH 03/17] =?UTF-8?q?perf:=20=E4=BF=AE=E6=94=B9=20WA=20?=
 =?UTF-8?q?=E5=90=8E=E6=9B=B4=E6=96=B0=20State?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/OrderStore.js | 462 +++++++++++++++++++--------------------
 1 file changed, 229 insertions(+), 233 deletions(-)

diff --git a/src/stores/OrderStore.js b/src/stores/OrderStore.js
index a0db4af..2e05247 100644
--- a/src/stores/OrderStore.js
+++ b/src/stores/OrderStore.js
@@ -11,251 +11,247 @@ const initialState = {
   lastQuotation: {},
   quotationList: [],
   otherEmailList: [],
-};
-
-export const useOrderStore = create(devtools((set, get) => ({
-
-  ...initialState,
-  drawerOpen: false,
-
-  resetOrderStore: () => set(initialState),
-
-  openDrawer: () => {
-    set(() => ({
-      drawerOpen: true
-    }))
-  },
-
-  closeDrawer: () => {
-    set(() => ({
-      drawerOpen: false
-    }))
-  },
-
-  fetchOrderList: async (formValues, loginUser) => {
-    let fetchOrderUrl = `${API_HOST}/getwlorder?opisn=${loginUser.userIdStr}&otype=${formValues.type}`
-    const params = {};
-
-    if (formValues.type === 'advance') {
-      fetchOrderUrl = `${API_HOST}/getdvancedwlorder?opisn=${loginUser.userIdStr}`;
-      const { type, ...formParams } = formValues;
-      Object.assign(params, formParams)
-    }
-
-    return fetchJSON(fetchOrderUrl, params)
-      .then(json => {
-        if (json.errcode === 0) {
-          const _result = json.result.map((order) => { return { ...order, key: order.COLI_ID } })
-          const _result_unique = uniqWith(_result, (a, b) => a.COLI_SN === b.COLI_SN)
-          set(() => ({
-            orderList: _result_unique,
-          }))
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
+}
+
+export const useOrderStore = create(
+  devtools(
+    (set, get) => ({
+      ...initialState,
+      drawerOpen: false,
+
+      resetOrderStore: () => set(initialState),
+
+      openDrawer: () => {
+        set(() => ({
+          drawerOpen: true,
+        }))
+      },
+
+      closeDrawer: () => {
+        set(() => ({
+          drawerOpen: false,
+        }))
+      },
+
+      fetchOrderList: async (formValues, loginUser) => {
+        let fetchOrderUrl = `${API_HOST}/getwlorder?opisn=${loginUser.userIdStr}&otype=${formValues.type}`
+        const params = {}
+
+        if (formValues.type === 'advance') {
+          fetchOrderUrl = `${API_HOST}/getdvancedwlorder?opisn=${loginUser.userIdStr}`
+          const { type, ...formParams } = formValues
+          Object.assign(params, formParams)
         }
-      })
-
-  },
 
-  fetchOrderDetail: (colisn) => {
-    return fetchJSON(`${API_HOST}/getorderinfo`, { colisn })
-      .then(json => {
-        if (json.errcode === 0 && json.result.length > 0) {
-          const orderResult = json.result[0]
-          set(() => ({
-            orderDetail: {...orderResult, coli_sn: colisn },
-            customerDetail: orderResult.contact.length > 0 ? orderResult.contact[0] : {},
-            // lastQuotation: orderResult.quotes.length > 0 ? orderResult.quotes[0] : {},
-            // quotationList: orderResult.quotes,
-          }))
-          return {
-            orderDetail: {...orderResult, coli_sn: colisn },
-            customerDetail: orderResult.contact.length > 0 ? orderResult.contact[0] : {},
-            // lastQuotation: orderResult.quotes.length > 0 ? orderResult.quotes[0] : {},
-            // quotationList: orderResult.quotes,
+        return fetchJSON(fetchOrderUrl, params).then((json) => {
+          if (json.errcode === 0) {
+            const _result = json.result.map((order) => {
+              return { ...order, key: order.COLI_ID }
+            })
+            const _result_unique = uniqWith(_result, (a, b) => a.COLI_SN === b.COLI_SN)
+            set(() => ({
+              orderList: _result_unique,
+            }))
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
           }
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-
-  },
-
-  appendOrderComment: async (opi_sn, coli_sn, comment) => {
-    const { fetchOrderDetail } = get()
-    const formData = new FormData()
-    formData.append('opi_sn', opi_sn)
-    formData.append('coli_sn', coli_sn)
-    formData.append('remark', comment)
-
-    return postForm(`${API_HOST}/remark_order`, formData)
-      .then(json => {
-        if (json.errcode === 0) {
-          return fetchOrderDetail(coli_sn)
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-  },
-
-  generatePayment: async (formValues) => {
-    const formData = new FormData()
-    formData.append('descriptions', formValues.description)
-    formData.append('currency', formValues.currency)
-    formData.append('lgc', formValues.langauge)
-    formData.append('amount', formValues.amount)
-    formData.append('coli_id', formValues.orderNumber)
-    formData.append('ordertype', formValues.orderType)
-    formData.append('opisn', formValues.userId)
-    formData.append('paytype', 'SYT')
-    formData.append('wxzh', 'cht')
-    formData.append('fq', 0)
-    formData.append('onlyusa', 0)
-    formData.append('useyhm', 0)
-
-    return postForm(`${API_HOST}/generate_payment_links`, formData)
-      .then(json => {
-        if (json.errcode === 0) {
-          return json.result
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-  },
-
-  fetchHistoryOrder: (userId, email, whatsappid='') => {
-    return fetchJSON(`${API_HOST}/query_guest_order`, { opisn: userId, whatsappid, email: email })
-      .then(json => {
-        if (json.errcode === 0) {
-          return json.result
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-
-  },
-
-  importEmailMessage: ({ orderId, orderNumber }) => {
-    return fetchJSON(`${API_HOST}/generate_email_msg`, { coli_sn: orderId, coli_id: orderNumber })
-      .then(json => {
-        if (json.errcode === 0) {
-          return json
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-  },
-
-  batchImportEmailMessage: () => {
-    const { orderList } = get()
-
-    const orderPromiseList = orderList.map(order => {
-      return new Promise((resolve, reject) => {
-        fetchJSON(`${API_HOST}/generate_email_msg`, { coli_sn: order.COLI_SN, coli_id: order.COLI_ID })
-          .then(json => {
-            if (json.errcode === 0) {
-              resolve(json)
-            } else {
-              reject(json?.errmsg + ': ' + json.errcode)
+        })
+      },
+
+      fetchOrderDetail: (colisn) => {
+        return fetchJSON(`${API_HOST}/getorderinfo`, { colisn }).then((json) => {
+          if (json.errcode === 0 && json.result.length > 0) {
+            const orderResult = json.result[0]
+            set(() => ({
+              orderDetail: { ...orderResult, coli_sn: colisn },
+              customerDetail: orderResult.contact.length > 0 ? orderResult.contact[0] : {},
+              // lastQuotation: orderResult.quotes.length > 0 ? orderResult.quotes[0] : {},
+              // quotationList: orderResult.quotes,
+            }))
+            return {
+              orderDetail: { ...orderResult, coli_sn: colisn },
+              customerDetail: orderResult.contact.length > 0 ? orderResult.contact[0] : {},
+              // lastQuotation: orderResult.quotes.length > 0 ? orderResult.quotes[0] : {},
+              // quotationList: orderResult.quotes,
             }
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+
+      appendOrderComment: async (opi_sn, coli_sn, comment) => {
+        const { fetchOrderDetail } = get()
+        const formData = new FormData()
+        formData.append('opi_sn', opi_sn)
+        formData.append('coli_sn', coli_sn)
+        formData.append('remark', comment)
+
+        return postForm(`${API_HOST}/remark_order`, formData).then((json) => {
+          if (json.errcode === 0) {
+            return fetchOrderDetail(coli_sn)
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+
+      generatePayment: async (formValues) => {
+        const formData = new FormData()
+        formData.append('descriptions', formValues.description)
+        formData.append('currency', formValues.currency)
+        formData.append('lgc', formValues.langauge)
+        formData.append('amount', formValues.amount)
+        formData.append('coli_id', formValues.orderNumber)
+        formData.append('ordertype', formValues.orderType)
+        formData.append('opisn', formValues.userId)
+        formData.append('paytype', 'SYT')
+        formData.append('wxzh', 'cht')
+        formData.append('fq', 0)
+        formData.append('onlyusa', 0)
+        formData.append('useyhm', 0)
+
+        return postForm(`${API_HOST}/generate_payment_links`, formData).then((json) => {
+          if (json.errcode === 0) {
+            return json.result
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+
+      fetchHistoryOrder: (userId, email, whatsappid = '') => {
+        return fetchJSON(`${API_HOST}/query_guest_order`, { opisn: userId, whatsappid, email: email }).then((json) => {
+          if (json.errcode === 0) {
+            return json.result
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+
+      importEmailMessage: ({ orderId, orderNumber }) => {
+        return fetchJSON(`${API_HOST}/generate_email_msg`, { coli_sn: orderId, coli_id: orderNumber }).then((json) => {
+          if (json.errcode === 0) {
+            return json
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+
+      batchImportEmailMessage: () => {
+        const { orderList } = get()
+
+        const orderPromiseList = orderList.map((order) => {
+          return new Promise((resolve, reject) => {
+            fetchJSON(`${API_HOST}/generate_email_msg`, { coli_sn: order.COLI_SN, coli_id: order.COLI_ID }).then((json) => {
+              if (json.errcode === 0) {
+                resolve(json)
+              } else {
+                reject(json?.errmsg + ': ' + json.errcode)
+              }
+            })
           })
-      })
-    })
-
-    Promise.all(orderPromiseList).then((values) => {
-      console.log(values);
-    })
-  },
+        })
+
+        Promise.all(orderPromiseList).then((values) => {
+          console.log(values)
+        })
+      },
+
+      fetchOtherEmail: (coli_sn) => {
+        return fetchJSON(`${EMAIL_HOST}/email_supplier`, { coli_sn }).then((json) => {
+          if (json.errcode === 0) {
+            set(() => ({
+              otherEmailList: json.result.MailInfo ?? [],
+            }))
+          } else {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+
+      updateWhatsapp: (coli_sn, number) => {
+        return postJSON(`${API_HOST_V3}/order_update`, {
+          coli_sn: coli_sn,
+          set: {
+            concat_whatsapp: number,
+          },
+        }).then((json) => {
+          if (json.errcode > 0) {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          } else {
+            set((state) => ({
+              customerDetail: {
+                ...state.customerDetail,
+                whatsapp_phone_number: number,
+              },
+            }))
+          }
+        })
+      },
+
+      updateExtraInfo: (coli_sn, extra) => {
+        const { orderDetail } = get()
+
+        return postJSON(`${API_HOST_V3}/order_update`, {
+          coli_sn: coli_sn,
+          set: {
+            extra_info: extra,
+          },
+        }).then((json) => {
+          if (json.errcode > 0) {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          } else {
+            set((state) => ({
+              orderDetail: {
+                ...state.orderDetail,
+                COLI_Introduction: extra,
+              },
+            }))
+          }
+        })
+      },
 
-  fetchOtherEmail: (coli_sn) => {
-    return fetchJSON(`${EMAIL_HOST}/email_supplier`, { coli_sn })
-      .then(json => {
-        if (json.errcode === 0) {
-          set(() => ({
-            otherEmailList: json.result.MailInfo ?? [],
+      setOrderPropValue: async (colisn, propName, value) => {
+        if (propName === 'orderlabel') {
+          set((state) => ({
+            orderDetail: {
+              ...state.orderDetail,
+              tags: value,
+            },
           }))
-        } else {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-  },
-
-  updateWhatsapp: (coli_sn, number) => {
-
-    return postJSON(`${API_HOST_V3}/order_update`, {
-        coli_sn: coli_sn,
-        set: {
-          concat_whatsapp: number
-        }
-    }).then(json => {
-        if (json.errcode > 0) {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        }
-      })
-  },
-
-  updateExtraInfo: (coli_sn, extra) => {
-    const { orderDetail } = get()
-
-    return postJSON(`${API_HOST_V3}/order_update`, {
-        coli_sn: coli_sn,
-        set: {
-          extra_info: extra
         }
-    }).then(json => {
-
-        if (json.errcode > 0) {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
-        } else {
 
+        if (propName === 'orderstatus') {
           set((state) => ({
-        orderDetail: {
-          ...state.orderDetail,
-          COLI_Introduction: extra
-        }
-      }))
-        }
-      })
-  },
-
-  setOrderPropValue: async (colisn, propName, value) => {
-
-    if (propName === 'orderlabel') {
-      set((state) => ({
-        orderDetail: {
-          ...state.orderDetail,
-          tags: value
-        }
-      }))
-    }
-
-    if (propName === 'orderstatus') {
-      set((state) => ({
-        orderDetail: {
-          ...state.orderDetail,
-          states: value
-        }
-      }))
-    }
-
-    return fetchJSON(`${API_HOST}/setorderstatus`, { colisn, stype: propName, svalue: value })
-      .then(json => {
-        if (json.errcode > 0) {
-          throw new Error(json?.errmsg + ': ' + json.errcode)
+            orderDetail: {
+              ...state.orderDetail,
+              states: value,
+            },
+          }))
         }
-      })
-  },
 
-}), { name: 'orderStore' }))
+        return fetchJSON(`${API_HOST}/setorderstatus`, { colisn, stype: propName, svalue: value }).then((json) => {
+          if (json.errcode > 0) {
+            throw new Error(json?.errmsg + ': ' + json.errcode)
+          }
+        })
+      },
+    }),
+    { name: 'orderStore' },
+  ),
+)
 
 export const OrderLabelDefaultOptions = [
   { value: 240003, label: '重点', emoji: '❣️' },
   { value: 240002, label: '次重点', emoji: '❗' },
-  { value: 240001, label: '一般', emoji: '' }
+  { value: 240001, label: '一般', emoji: '' },
 ]
 export const OrderLabelDefaultOptionsMapped = OrderLabelDefaultOptions.reduce((acc, cur) => {
   return { ...acc, [String(cur.value)]: cur }
-}, {}) ;
+}, {})
 
 export const OrderStatusDefaultOptions = [
   { value: 1, label: '新订单', emoji: '' },
@@ -265,7 +261,7 @@ export const OrderStatusDefaultOptions = [
   { value: 5, label: '成行', emoji: '💰' },
   { value: 6, label: '丢失', emoji: '🎈' },
   { value: 7, label: '取消', emoji: '🚫' },
-  { value: 8, label: '未报价', emoji: '' }
+  { value: 8, label: '未报价', emoji: '' },
 ]
 export const OrderStatusDefaultOptionsMapped = OrderStatusDefaultOptions.reduce((acc, cur) => {
   return { ...acc, [String(cur.value)]: cur }
@@ -277,7 +273,7 @@ export const OrderStatusDefaultOptionsMapped = OrderStatusDefaultOptions.reduce(
 export const RemindStateDefaultOptions = [
   { value: '1', label: '一催' },
   { value: '2', label: '二催' },
-  { value: '3', label: '三催' }
+  { value: '3', label: '三催' },
 ]
 
 /**
@@ -289,15 +285,15 @@ export const remindStatusOptions = [
   { value: 3, label: '已发三催' },
   { value: 'important', label: '重点团' },
   { value: 'sendsurvey', label: '已发 travel advisor survey' },
-];
+]
 export const remindStatusOptionsMapped = remindStatusOptions.reduce((acc, cur) => {
   return { ...acc, [String(cur.value)]: cur }
-}, {});
+}, {})
 
 /**
  * @param {Object} params { coli_sn, remindstate }
  */
 export const fetchSetRemindStateAction = async (params) => {
-  const { errcode, result } = await fetchJSON(`${API_HOST}/SetRemindState`, params);
-  return errcode === 0 ? result : {};
-};
+  const { errcode, result } = await fetchJSON(`${API_HOST}/SetRemindState`, params)
+  return errcode === 0 ? result : {}
+}

From 2b344eec43c5b4783e559d5e163312064fdeb32a Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Tue, 24 Jun 2025 16:58:54 +0800
Subject: [PATCH 04/17] perf: email quote

---
 src/views/NewEmail.jsx | 17 ++++++++++-------
 1 file changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/views/NewEmail.jsx b/src/views/NewEmail.jsx
index 6c920aa..4bd74a5 100644
--- a/src/views/NewEmail.jsx
+++ b/src/views/NewEmail.jsx
@@ -57,7 +57,7 @@ const parseHTMLText = (html) => {
 }
 
 const generateQuoteContent = (mailData, isRichText = true) => {
-  const html = `<br><br><hr><p class="font-sans"><b><strong >From: </strong></b><span >${(mailData.info?.MAI_From || '')
+  const html = `<br><hr><blockquote><p class="font-sans"><b><strong >From: </strong></b><span >${(mailData.info?.MAI_From || '')
     .replace(/</g, '&lt;')
     .replace(/>/g, '&gt;')} </span></p><p  class="font-sans"><b><strong >Sent: </strong></b><span >${
     mailData.info?.MAI_SendDate || ''
@@ -65,7 +65,7 @@ const generateQuoteContent = (mailData, isRichText = true) => {
     .replace(/</g, '&lt;')
     .replace(/>/g, '&gt;')}</span></p><p  class="font-sans"><b><strong >Subject: </strong></b><span >${mailData.info?.MAI_Subject || ''}</span></p><p>${
     mailData.info?.MAI_ContentType === 'text/html' ? mailData.content : mailData.content.replace(/\r\n/g, '<br>')
-  }</p>`
+  }</p></blockquote>`
   return isRichText ? html : parseHTMLText(html)
 }
 
@@ -213,7 +213,7 @@ const NewEmail = () => {
 
     // 排除草稿: `编辑`有id 的邮件
     if (!isEmpty(mailData.info) && !['edit'].includes(pageParam.action)) {
-      readyToInitialContent = orderPrefix + signatureBody
+      readyToInitialContent = orderPrefix + '<br>' + signatureBody
     }
     switch (pageParam.action) {
       case 'reply':
@@ -603,7 +603,7 @@ const NewEmail = () => {
           // labelCol={{ span: 3 }}
         >
             <div className='w-full flex flex-wrap gap-2 justify-start items-center text-indigo-600 pb-1 mb-2 border-x-0 border-t-0 border-b border-solid border-neutral-200'>
-              <Button type='primary' size='middle' onClick={onHandleSaveOrSend} loading={sendLoading} icon={<SendOutlined />}>
+              <Button type='primary' size='middle' onClick={() => onHandleSaveOrSend()} loading={sendLoading} icon={<SendOutlined />}>
                 发送
               </Button>
               <Form.Item name={'from'} rules={[{ required: true, message: '请选择发件地址' }]} >
@@ -705,7 +705,10 @@ const NewEmail = () => {
         <LexicalEditor {...{ isRichText }} onChange={handleEditorChange} defaultValue={initialContent} />
         {!isEmpty(Number(pageParam.quoteid)) && pageParam.action!=='edit' && !showQuoteContent && (
           <div className='flex justify-start items-center ml-2'>
-            <Button className='flex gap-2 ' type='link' onClick={() => setShowQuoteContent(!showQuoteContent)}>
+            <Button className='flex gap-2 ' type='link' onClick={() => {
+              setShowQuoteContent(!showQuoteContent);
+              setInitialContent(pre => pre + generateQuoteContent(mailData))
+            }}>
               显示引用内容 ↓ {/*(不可更改)*/}
             </Button>
             {/* <Button className='flex gap-2 ' type='link' danger onClick={() => {setMergeQuote(false);setShowQuoteContent(false)}}>
@@ -713,13 +716,13 @@ const NewEmail = () => {
               </Button> */}
           </div>
         )}
-        {showQuoteContent && (
+        {/* {showQuoteContent && (
           <blockquote
             // contentEditable
             className='border-0 outline-none cursor-text'
             onBlur={(e) => setQuoteContent(`<blockquote>${e.target.innerHTML}</blockquote>`)}
             dangerouslySetInnerHTML={{ __html: generateQuoteContent(mailData) }}></blockquote>
-        )}
+        )} */}
       </ConfigProvider>
     </>
   )

From 2abd14965516b39583b83a273fb91b30b4cdbe58 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Jun 2025 09:57:31 +0800
Subject: [PATCH 05/17] =?UTF-8?q?perf:=20email=20=E4=B8=8D=E5=9C=A8?=
 =?UTF-8?q?=E5=9C=A8=E7=BA=BF=E8=81=8A=E5=A4=A9=E9=A1=B5=E9=9D=A2=E9=80=9A?=
 =?UTF-8?q?=E7=9F=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/stores/ConversationStore.js | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/stores/ConversationStore.js b/src/stores/ConversationStore.js
index 83d9974..b74c7e0 100644
--- a/src/stores/ConversationStore.js
+++ b/src/stores/ConversationStore.js
@@ -197,10 +197,10 @@ const websocketSlice = (set, get) => ({
     // console.log('msgRender msgUpdate', msgRender, msgUpdate);
     if (['email.updated', 'email.inbound.received',].includes(resultType)) {
       updateMailboxCount({ opi_sn: msgObj.opi_sn })
-      if (!isEmpty(msgRender)) {
-        const msgNotify = receivedMsgTypeMapped[resultType].contentToNotify(msgObj);
-        addGlobalNotify(msgNotify);
-      }
+      // if (!isEmpty(msgRender)) {
+      //   const msgNotify = receivedMsgTypeMapped[resultType].contentToNotify(msgObj);
+      //   addGlobalNotify(msgNotify);
+      // }
       return false;
     }
     if ([
@@ -238,7 +238,9 @@ const websocketSlice = (set, get) => ({
       // }, 60_000);
     }
     // 会话表 更新
-    if (['session.new', 'session.updated'].includes(resultType)) {
+    if (['session.new', 'session.updated'].includes(resultType)
+      && result.webhooksource !== 'email'
+    ) {
       const sessionList = receivedMsgTypeMapped[resultType].getMsg(result);
       addToConversationList(sessionList, 'top');
     }

From 068a02ff64da12fb2c98f3b5a2b64558c75dc4bd Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Jun 2025 11:40:41 +0800
Subject: [PATCH 06/17] perf: email quote, text/plain

---
 src/views/NewEmail.jsx | 43 ++++++++++++++++++++++++------------------
 1 file changed, 25 insertions(+), 18 deletions(-)

diff --git a/src/views/NewEmail.jsx b/src/views/NewEmail.jsx
index 4bd74a5..8e7e43d 100644
--- a/src/views/NewEmail.jsx
+++ b/src/views/NewEmail.jsx
@@ -46,14 +46,15 @@ const parseHTMLText = (html) => {
   const parser = new DOMParser()
   const dom = parser.parseFromString(html, 'text/html')
   // Replace <br> and <p> with line breaks
-  Array.from(dom.body.querySelectorAll('br, p')).forEach((el) => {
-    el.textContent = '\n' + el.textContent
-  })
+  // Array.from(dom.body.querySelectorAll('br, p')).forEach((el) => {
+  //   el.textContent = '<br>' + el.textContent
+  // })
   // Replace <hr> with a line of dashes
-  Array.from(dom.body.querySelectorAll('hr')).forEach((el) => {
-    el.textContent = '\n------------------------------------------------------------------\n'
-  })
-  return dom.body.textContent || ''
+  // Array.from(dom.body.querySelectorAll('hr')).forEach((el) => {
+  //   el.innerHTML = '<p><hr>------------------------------------------------------------------</p>'
+  // })
+  const line = '<p>------------------------------------------------------------------</p>'
+  return line+(dom.body.innerHTML || '')
 }
 
 const generateQuoteContent = (mailData, isRichText = true) => {
@@ -199,6 +200,8 @@ const NewEmail = () => {
       mat_sn: emailAccount?.mat_sn || info?.MAI_MAT_SN || defaultMAT,
       opi_sn: emailAccount?.opi_sn || info?.MAI_OPI_SN || orderDetail.opi_sn || '',
     }
+    const originalContentType = info?.mailType === 'text/html';
+    setIsRichText(originalContentType)
 
     let readyToInitialContent = '';
     let _formValues = {};
@@ -225,6 +228,7 @@ const NewEmail = () => {
           subject: `Re: ${info.MAI_Subject || ''}`,
           ..._form2
         }
+        readyToInitialContent += generateQuoteContent(mailData, originalContentType)
         break
       case 'replyall':
         _formValues = {
@@ -235,6 +239,7 @@ const NewEmail = () => {
           subject: `Re: ${info.MAI_Subject || ''}`,
           ..._form2
         }
+        readyToInitialContent += generateQuoteContent(mailData, originalContentType)
         break
       case 'forward':
         _formValues = {
@@ -243,6 +248,7 @@ const NewEmail = () => {
           // coli_sn: pageParam.oid,
           ..._form2
         }
+        readyToInitialContent += generateQuoteContent(mailData, originalContentType)
         break
       case 'edit':
         _formValues = {
@@ -341,12 +347,14 @@ const NewEmail = () => {
   }
 
   const handleEditorChange = ({ editorStateJSON, htmlContent, textContent }) => {
-    // console.log('textContent', textContent);
+    const _text = textContent.replace(/\r\n/g, '\n').replace(/\n{2,}/g, '\n')
+    // console.log('textContent---\n', textContent, 'textContent');
     // console.log('html', html);
     setHtmlContent(htmlContent)
-    setTextContent(textContent)
+    setTextContent(_text)
     form.setFieldValue('content', htmlContent)
-    const { bodyText: abstract } = parseHTMLString(htmlContent, true);
+    const abstract = _text;
+    // const { bodyText: abstract } = parseHTMLString(htmlContent, true);
     // form.setFieldValue('abstract', getAbstract(textContent))
     const formValues = omitEmpty(form.getFieldsValue());
     if (!isEmpty(formValues)) {
@@ -496,8 +504,8 @@ const NewEmail = () => {
     body.attaList = fileList;
     // console.log('body', body, '\n', fileList);
     const values = await form.validateFields()
-    const preQuoteBody = !['edit', 'new'].includes(pageParam.action) && pageParam.quoteid ? (quoteContent ? quoteContent : generateQuoteContent(mailData, isRichText)) : ''
-    body.mailcontent = isRichText ? EmailBuilder({ subject: values.subject, content: htmlContent + preQuoteBody }) : textContent + preQuoteBody
+    // const preQuoteBody = !['edit', 'new'].includes(pageParam.action) && pageParam.quoteid ? (quoteContent ? quoteContent : generateQuoteContent(mailData, isRichText)) : ''
+    body.mailcontent = isRichText ? EmailBuilder({ subject: values.subject, content: htmlContent }) : textContent
     body.cc = values.cc || ''
     body.bcc = values.bcc || ''
     body.bcc = values.mailtype || ''
@@ -517,6 +525,8 @@ const NewEmail = () => {
     try {
 
       // console.log('postSendEmail', body, '\n');
+      // console.log('🎈postSendEmail mailContent', body.mailcontent, '\n');
+      // throw new Error('test')
       // return;
       const mailSavedId = await postEmailSaveOrSend(body, isDraft)
       form.setFieldsValue({
@@ -703,20 +713,17 @@ const NewEmail = () => {
           </Form.Item>
         </Form>
         <LexicalEditor {...{ isRichText }} onChange={handleEditorChange} defaultValue={initialContent} />
-        {!isEmpty(Number(pageParam.quoteid)) && pageParam.action!=='edit' && !showQuoteContent && (
+        {/* {!isEmpty(Number(pageParam.quoteid)) && pageParam.action!=='edit' && !showQuoteContent && (
           <div className='flex justify-start items-center ml-2'>
             <Button className='flex gap-2 ' type='link' onClick={() => {
               setShowQuoteContent(!showQuoteContent);
               setInitialContent(pre => pre + generateQuoteContent(mailData))
             }}>
-              显示引用内容 ↓ {/*(不可更改)*/}
+              显示引用内容 ↓
             </Button>
-            {/* <Button className='flex gap-2 ' type='link' danger onClick={() => {setMergeQuote(false);setShowQuoteContent(false)}}>
-                删除引用内容
-              </Button> */}
           </div>
         )}
-        {/* {showQuoteContent && (
+        {showQuoteContent && (
           <blockquote
             // contentEditable
             className='border-0 outline-none cursor-text'

From 74a0e0c14e2fbe312d049fa2a91d1a3e03aa583e Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Jun 2025 11:41:15 +0800
Subject: [PATCH 07/17] conf: build chunk

---
 vite.config.js | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/vite.config.js b/vite.config.js
index 448192f..db009c6 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -183,12 +183,9 @@ export default defineConfig({
       output: {
         entryFileNames: '[name]/build.[hash].js',
         manualChunks(id) {
-          if (id.toLowerCase().includes('lexical')) {
-            return 'lexical';
-          }
-          if (id.includes('node_modules')) {
-            return 'vendor';
-            // return id.toString().split('node_modules/')[1].split('/')[0].toString();
+          if (id.includes('node_modules/')) {
+            // return 'vendor';
+            return id.toString().split('node_modules/')[1].split('/')[0].toString();
           }
         },
     //     chunkFileNames: (chunkInfo) => {

From e0950bb77374c8ffc15192a37122c8a3b568723a Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Jun 2025 11:47:30 +0800
Subject: [PATCH 08/17] style:

---
 src/views/Conversations/Online/Components/EmailContent.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/views/Conversations/Online/Components/EmailContent.jsx b/src/views/Conversations/Online/Components/EmailContent.jsx
index d4cdf8a..0d66293 100644
--- a/src/views/Conversations/Online/Components/EmailContent.jsx
+++ b/src/views/Conversations/Online/Components/EmailContent.jsx
@@ -113,7 +113,7 @@ const EmailContent = ({ id, content: MailContent, className='', ...props }) => {
 
   return (
     <div ref={containerRef} className={`space-y-4 w-full ${className}`}>
-      <div className='w-full relative'>
+      <div className='w-full relative pt-2'>
         <iframe
           key={id}
           ref={iframeRef}

From d5a522e88f27d4015126dbf27d3654e8874d8e5b Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Wed, 25 Jun 2025 14:06:37 +0800
Subject: [PATCH 09/17] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E3=80=90?=
 =?UTF-8?q?=E6=9F=A5=E6=89=BE=E9=82=AE=E4=BB=B6=E3=80=91=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/actions/EmailActions.js                   | 10 +++
 src/hooks/useEmail.js                         | 16 +++-
 src/views/orders/components/MailBox.jsx       | 67 +++------------
 .../orders/components/MailListSearchModal.jsx | 82 +++++++++++++++++++
 .../components/MailOrderSearchModal.jsx       |  2 +-
 5 files changed, 119 insertions(+), 58 deletions(-)
 create mode 100644 src/views/orders/components/MailListSearchModal.jsx

diff --git a/src/actions/EmailActions.js b/src/actions/EmailActions.js
index 1a61f75..420a10e 100644
--- a/src/actions/EmailActions.js
+++ b/src/actions/EmailActions.js
@@ -375,6 +375,16 @@ export const queryEmailListAction = async ({ opi_sn = '', pagesize = 10, last_id
   return ret;
 }
 
+export const searchEmailListAction = async (opi_sn = '', mailboxtype = 'ALL', sender = '', receiver = '', subject = '') => {
+
+  const formData = new FormData()
+  formData.append('opi_sn', opi_sn)
+  formData.append('mailboxtype', mailboxtype)
+  const { errcode, result } = await postForm(`${API_HOST_V3}/mail_search`, formData)
+  const ret = errcode === 0 ? result : []
+  return ret;
+}
+
 const removeFromCurrentList = async (params) => {
   const readRow0 = await readIndexDB(params.mai_sn_list[0], 'listrow', 'mailbox')
   const listKey = readRow0?.data?.listKey || ''
diff --git a/src/hooks/useEmail.js b/src/hooks/useEmail.js
index 892ef4c..1cac63a 100644
--- a/src/hooks/useEmail.js
+++ b/src/hooks/useEmail.js
@@ -1,7 +1,7 @@
 import { useState, useEffect, useCallback } from 'react'
 import { isEmpty, objectMapper, olog, } from '@/utils/commons'
 import { readIndexDB } from '@/utils/indexedDB'
-import { getEmailDetailAction, postResendEmailAction, getSalesSignatureAction, getEmailOrderAction, queryEmailListAction, getReminderEmailTemplateAction, saveEmailDraftOrSendAction, updateEmailAction, getEmailChangesChannel, EMAIL_CHANNEL_NAME } from '@/actions/EmailActions'
+import { getEmailDetailAction, postResendEmailAction, getSalesSignatureAction, getEmailOrderAction, queryEmailListAction, searchEmailListAction, getReminderEmailTemplateAction, saveEmailDraftOrSendAction, updateEmailAction, getEmailChangesChannel, EMAIL_CHANNEL_NAME } from '@/actions/EmailActions'
 import { App } from 'antd'
 import useConversationStore from '@/stores/ConversationStore';
 import { msgStatusRenderMapped } from '@/channel/bubbleMsgUtils';
@@ -176,6 +176,7 @@ export const useEmailList = (mailboxDirNode) => {
     setRefreshTrigger((prev) => prev + 1)
   }, [])
 
+  const [currentMailboxOPI] = useConversationStore((state) => [state.currentMailboxOPI])
   const { OPI_SN: opi_sn, COLI_SN, VKey, VParent, ApplyDate, OrderSourceType, IsTrue } = mailboxDirNode
 
   const markAsRead = useCallback(
@@ -233,6 +234,17 @@ export const useEmailList = (mailboxDirNode) => {
     }
   }, [VKey])
 
+  const searchMailList = async () => {
+    const searchResult = await searchEmailListAction(currentMailboxOPI, 'ALL')
+    // 配合List的结构
+    const mailList = searchResult.map((ele) => ({
+      ...ele,
+      key: ele.MAI_SN,
+    }))
+    setMailList(mailList)
+    console.info('searchMailList', searchResult)
+  }
+
   const getMailList = useCallback(async () => {
     // console.log('getMailList', mailboxDirNode)
     if (!opi_sn || !VKey || (!IsTrue && !COLI_SN)) {
@@ -297,7 +309,7 @@ export const useEmailList = (mailboxDirNode) => {
     }
   }, [getMailList])
 
-  return { loading, isFreshData, error, mailList, refresh, markAsRead, markAsProcessed, markAsDeleted }
+  return { loading, isFreshData, error, mailList, refresh, markAsRead, markAsProcessed, markAsDeleted, searchMailList }
 }
 
 const orderMailTypes = new Map([
diff --git a/src/views/orders/components/MailBox.jsx b/src/views/orders/components/MailBox.jsx
index 176e904..cf52c95 100644
--- a/src/views/orders/components/MailBox.jsx
+++ b/src/views/orders/components/MailBox.jsx
@@ -1,48 +1,21 @@
 import { useEffect, useState } from 'react'
 import { ReloadOutlined, ReadOutlined, RightOutlined, LeftOutlined, SearchOutlined, MailOutlined, DeleteOutlined } from '@ant-design/icons'
 import { Flex, Button, Tooltip, List, Form, Row, Col, Input, Checkbox, DatePicker, Switch, Breadcrumb, Skeleton, Popconfirm } from 'antd'
-import dayjs from 'dayjs'
 import { useEmailList } from '@/hooks/useEmail'
 import { isEmpty } from '@/utils/commons'
 import { MailboxDirIcon } from './MailboxDirIcon'
 import { AttachmentIcon, MailCheckIcon, MailOpenIcon } from '@/components/Icons'
 import NewEmailButton from './NewEmailButton'
 import MailOrderSearchModal from './MailOrderSearchModal'
+import MailListSearchModal from './MailListSearchModal'
 
-const { RangePicker } = DatePicker
 
 const PAGE_SIZE = 50 // 每页显示条数
 
 const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
-  const DATE_RANGE_PRESETS = [
-    {
-      label: '本周',
-      value: [dayjs().startOf('w'), dayjs().endOf('w')],
-    },
-    {
-      label: '上周',
-      value: [dayjs().startOf('w').subtract(7, 'days'), dayjs().endOf('w').subtract(7, 'days')],
-    },
-    {
-      label: '本月',
-      value: [dayjs().startOf('M'), dayjs().endOf('M')],
-    },
-    {
-      label: '上月',
-      value: [dayjs().subtract(1, 'M').startOf('M'), dayjs().subtract(1, 'M').endOf('M')],
-    },
-    {
-      label: '前三月',
-      value: [dayjs().subtract(2, 'M').startOf('M'), dayjs().endOf('M')],
-    },
-    {
-      label: '本年',
-      value: [dayjs().startOf('y'), dayjs().endOf('y')],
-    },
-  ]
-  const [form] = Form.useForm()
+
   const [selectedItems, setSelectedItems] = useState([])
-  const { mailList, loading, error, refresh, markAsRead, markAsProcessed, markAsDeleted } = useEmailList(mailboxDir)
+  const { mailList, loading, error, refresh, markAsRead, markAsProcessed, markAsDeleted, searchMailList } = useEmailList(mailboxDir)
 
   const [pagination, setPagination] = useState({
     current: 1,
@@ -189,33 +162,17 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
             删除
           </Button>
           <MailOrderSearchModal />
+          <MailListSearchModal mailboxDir={mailboxDir} />
+          {/* <Button
+            size='small'
+            icon={<DeleteOutlined />}
+            onClick={() => {
+              searchMailList()
+            }}>
+            查找邮件
+          </Button> */}
         </Flex>
       </div>
-      <div className='bg-white h-auto p-1 flex gap-1 items-center hidden'>
-        <Form
-          form={form}
-          initialValues={{}}
-          // onFinish={handleSubmit}
-        >
-          <Row justify='start' gutter={16}>
-            <Col span={10}>
-              <Form.Item label='订单号' name='orderNumber'>
-                <Input placeholder='订单号' allowClear />
-              </Form.Item>
-            </Col>
-            <Col span={12}>
-              <Form.Item label='日期' name='confirmDateRange'>
-                <RangePicker allowClear={true} inputReadOnly={true} presets={DATE_RANGE_PRESETS} />
-              </Form.Item>
-            </Col>
-            <Col span={1} offset={1}>
-              <Button type='primary' htmlType='submit'>
-                搜索
-              </Button>
-            </Col>
-          </Row>
-        </Form>
-      </div>
       <Flex align='center' justify='space-between' wrap className='px-1 border-0 border-b border-solid border-neutral-200'>
         <Breadcrumb
           items={props.breadcrumb.map((bc) => {
diff --git a/src/views/orders/components/MailListSearchModal.jsx b/src/views/orders/components/MailListSearchModal.jsx
new file mode 100644
index 0000000..3f300e7
--- /dev/null
+++ b/src/views/orders/components/MailListSearchModal.jsx
@@ -0,0 +1,82 @@
+import { createContext, useEffect, useState } from 'react'
+import { ReloadOutlined, ReadOutlined, RightOutlined, LeftOutlined, SearchOutlined, MailOutlined } from '@ant-design/icons'
+import { Button, Modal, Form, Input, Checkbox, Select, Radio, Segmented, Divider, Typography, Flex } from 'antd'
+import dayjs from 'dayjs'
+import { getEmailDirAction, queryHTOrderListAction, searchEmailListAction } from '@/actions/EmailActions'
+import { isEmpty, objectMapper, pick } from '@/utils/commons'
+import useConversationStore from '@/stores/ConversationStore'
+import { useEmailList } from '@/hooks/useEmail'
+
+const MailListSearchModal = ({ ...props }) => {
+  const [currentMailboxOPI] = useConversationStore((state) => [state.currentMailboxOPI])
+  const { searchMailList } = useEmailList(props.mailboxDir)
+
+  const [openForm, setOpenForm] = useState(false)
+  const [formSearch] = Form.useForm()
+  const [loading, setLoading] = useState(false)
+
+  const onSubmitSearchMailList = async (values) => {
+    setLoading(true)
+    searchMailList()
+    setLoading(false)
+    setOpenForm(false)
+  }
+  return (
+    <>
+      <Button key={'bound'} onClick={() => setOpenForm(true)} size='small' icon={<SearchOutlined className='' />}>
+        查找订单
+      </Button>
+      <Modal
+        width={window.innerWidth < 700 ? '95%' : 960}
+        open={openForm}
+        cancelText='关闭'
+        okText='查找'
+        confirmLoading={loading}
+        okButtonProps={{ autoFocus: true, htmlType: 'submit', type: 'default' }}
+        onCancel={() => setOpenForm(false)}
+        footer={null}
+        destroyOnHidden
+        modalRender={(dom) => (
+          <Form
+            layout='vertical'
+            form={formSearch}
+            name='searchmaillist_form_in_modal'
+            initialValues={{ mailboxtype: '1' }}
+            clearOnDestroy
+            onFinish={(values) => onSubmitSearchMailList(values)}
+            className='[&_.ant-form-item]:m-2'>
+            {dom}
+          </Form>
+        )}>
+        <Form.Item name='mailboxtype' label='文件夹'>
+          <Radio.Group
+            options={[
+              { key: '-1', value: 'ALL', label: 'All' },
+              { key: '1', value: '1', label: '收件箱' },
+              { key: '2', value: '2', label: '未读邮件' },
+              { key: '3', value: '3', label: '已发邮件' },
+              { key: '4', value: '4', label: '待发邮件' },
+              { key: '5', value: '5', label: '草稿' },
+              { key: '6', value: '6', label: '已发邮件' },
+              { key: '7', value: '7', label: '已处理邮件' },
+            ]}
+            optionType='button'
+          />
+        </Form.Item>
+        <Form.Item name='sender' label='发件人'>
+          <Input />
+        </Form.Item>
+        <Form.Item name='receiver' label='收件人'>
+          <Input />
+        </Form.Item>
+        <Form.Item name='subject' label='主题'>
+          <Input />
+        </Form.Item>
+        <Button type='primary' htmlType='submit' loading={loading}>
+          查找
+        </Button>
+      </Modal>
+    </>
+  )
+}
+export default MailListSearchModal
diff --git a/src/views/orders/components/MailOrderSearchModal.jsx b/src/views/orders/components/MailOrderSearchModal.jsx
index 76cef9e..558fb91 100644
--- a/src/views/orders/components/MailOrderSearchModal.jsx
+++ b/src/views/orders/components/MailOrderSearchModal.jsx
@@ -60,7 +60,7 @@ const MailOrderSearchModal = ({ ...props }) => {
   return (
     <>
       <Button key={'bound'} onClick={() => setOpen(true)} size='small' icon={<SearchOutlined className='' />}>
-        查找
+        查找订单
       </Button>
       <Modal
         width={window.innerWidth < 700 ? '95%' : 960}

From cbf63c5e8636ac6892260c619030951d55376d82 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Jun 2025 15:02:06 +0800
Subject: [PATCH 10/17] =?UTF-8?q?feat:=20=E6=9F=A5=E6=89=BE=E9=82=AE?=
 =?UTF-8?q?=E4=BB=B6:=20=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/actions/EmailActions.js                   | 13 ++--
 src/hooks/useEmail.js                         | 63 ++++++++++++-------
 src/views/orders/components/MailBox.jsx       | 16 ++---
 .../orders/components/MailListSearchModal.jsx | 23 +++----
 .../components/MailOrderSearchModal.jsx       | 13 ++--
 5 files changed, 67 insertions(+), 61 deletions(-)

diff --git a/src/actions/EmailActions.js b/src/actions/EmailActions.js
index 420a10e..ddc5008 100644
--- a/src/actions/EmailActions.js
+++ b/src/actions/EmailActions.js
@@ -348,7 +348,6 @@ export const getRootMailboxDirAction = async ({ opi_sn = 0, userIdStr = '' } = {
  * 获取邮件列表
  * @usage 邮件目录下的邮件列表
  * @usage 订单的邮件列表
- * @usage 高级搜索
  */
 export const queryEmailListAction = async ({ opi_sn = '', pagesize = 10, last_id = '', node = {}, } = {}) => {
   const _params = {
@@ -375,13 +374,17 @@ export const queryEmailListAction = async ({ opi_sn = '', pagesize = 10, last_id
   return ret;
 }
 
-export const searchEmailListAction = async (opi_sn = '', mailboxtype = 'ALL', sender = '', receiver = '', subject = '') => {
-
+export const searchEmailListAction = async ({opi_sn = '', mailboxtype = 'ALL', sender = '', receiver = '', subject = '', content=''}={}) => {
   const formData = new FormData()
   formData.append('opi_sn', opi_sn)
   formData.append('mailboxtype', mailboxtype)
+  formData.append('sender', sender)
+  formData.append('receiver', receiver)
+  formData.append('subject', subject)
+  // formData.append('content', content)
   const { errcode, result } = await postForm(`${API_HOST_V3}/mail_search`, formData)
   const ret = errcode === 0 ? result : []
+  notifyMailboxUpdate({ type: 'maillist-search-result', query: [sender, receiver, subject].filter(s => s).join(' '), data: ret.map(ele => ({...ele, key: ele.MAI_SN})) })
   return ret;
 }
 
@@ -486,7 +489,3 @@ export const queryOPIOrderAction = async (params) => {
   return errcode !== 0 ? [] : result
 };
 
-export const queryInMailboxAction = async (params) => {
-  const { errcode, result } = await fetchJSON(`${API_HOST_V3}/mail_search`, params)
-  return errcode !== 0 ? [] : result
-}
diff --git a/src/hooks/useEmail.js b/src/hooks/useEmail.js
index 1cac63a..ff09eb5 100644
--- a/src/hooks/useEmail.js
+++ b/src/hooks/useEmail.js
@@ -171,6 +171,7 @@ export const useEmailList = (mailboxDirNode) => {
   const [error, setError] = useState(null)
   const [isFreshData, setIsFreshData] = useState(false)
   const [refreshTrigger, setRefreshTrigger] = useState(0)
+  const [tempBreadcrumb, setTempBreadcrumb] = useState(null);
 
   const refresh = useCallback(() => {
     setRefreshTrigger((prev) => prev + 1)
@@ -234,15 +235,15 @@ export const useEmailList = (mailboxDirNode) => {
     }
   }, [VKey])
 
-  const searchMailList = async () => {
-    const searchResult = await searchEmailListAction(currentMailboxOPI, 'ALL')
-    // 配合List的结构
-    const mailList = searchResult.map((ele) => ({
-      ...ele,
-      key: ele.MAI_SN,
-    }))
-    setMailList(mailList)
-    console.info('searchMailList', searchResult)
+  const searchMailList = async (params) => {
+  //   const searchResult = await searchEmailListAction({ ...params, opi_sn: currentMailboxOPI })
+  //   // 配合List的结构
+  //   const mailList = searchResult.map((ele) => ({
+  //     ...ele,
+  //     key: ele.MAI_SN,
+  //   }))
+  //   setMailList(mailList)
+  //   console.info('searchMailList', searchResult)
   }
 
   const getMailList = useCallback(async () => {
@@ -254,7 +255,7 @@ export const useEmailList = (mailboxDirNode) => {
       setIsFreshData(false)
       return
     }
-
+    setTempBreadcrumb(null)
     setLoading(true)
     setError(null)
     setIsFreshData(false)
@@ -283,10 +284,19 @@ export const useEmailList = (mailboxDirNode) => {
     getMailList()
     // --- Setup Internal Event Listener ---
     const handleInternalUpdate = (event) => {
-      // console.log(`[useEmailList] Received internal event. `, event.detail)
-      if (event.detail && event.detail.type === 'listrow') {
+      // console.log(`🔔[useEmailList] Received internal event. `, event.detail)
+      if (isEmpty(event.detail)) {
+        return false;
+      }
+      const { type, } = event.detail
+      if (type === 'listrow') {
         loadMailListFromCache()
       }
+      if (type === 'maillist-search-result') {
+        const { data, query } = event.detail
+        setMailList(data)
+        setTempBreadcrumb([{title: '查找邮件:'+query, iconIndex: 'search'}]);
+      }
     }
     internalEventEmitter.on(EMAIL_CHANNEL_NAME, handleInternalUpdate)
 
@@ -294,11 +304,20 @@ export const useEmailList = (mailboxDirNode) => {
     const channel = getEmailChangesChannel()
     const handleMessage = (event) => {
       // console.log(`[useEmailList] Received channel event. `, event.data)
+      if (isEmpty(event.data)) {
+        return false;
+      }
+      const { type, } = event.detail
       const cacheKey = isEmpty(COLI_SN) ? `dir-${VKey}` : `order-${VKey}`
-      if (event.data.type === 'listrow' && cacheKey === event.data.listKey) {
+      if (type === 'listrow' && cacheKey === event.data.listKey) {
         // cacheKey 不相同时, 不需要更新; 邮箱目录不相同
         loadMailListFromCache(event.data)
       }
+      if (type === 'maillist-search-result') {
+        // 搜索的结果不需要更新所有页面
+        // const { data } = event.detail
+        // setMailList(data)
+      }
     }
     channel.addEventListener('message', handleMessage)
 
@@ -309,7 +328,7 @@ export const useEmailList = (mailboxDirNode) => {
     }
   }, [getMailList])
 
-  return { loading, isFreshData, error, mailList, refresh, markAsRead, markAsProcessed, markAsDeleted, searchMailList }
+  return { loading, isFreshData, error, mailList, tempBreadcrumb, refresh, markAsRead, markAsProcessed, markAsDeleted, searchMailList }
 }
 
 const orderMailTypes = new Map([
@@ -428,12 +447,12 @@ export const useEmailTemplate = (templateKey, params) => {
 }
 
 export const mailboxSystemDirs = [
-    { key: 1, value: 1, label: '收件箱' },
-    { key: 2, value: 2, label: '未读邮件' },
-    { key: 3, value: 3, label: '已发邮件' },
-    { key: 4, value: 4, label: '待发邮件' },
-    { key: 5, value: 5, label: '草稿' },
-    { key: 6, value: 6, label: '垃圾邮件' },
-    { key: 7, value: 7, label: '已处理邮件' },
-  ]
+  { key: 1, value: 1, label: '收件箱' },
+  { key: 2, value: 2, label: '未读邮件' },
+  { key: 3, value: 3, label: '已发邮件' },
+  { key: 4, value: 4, label: '待发邮件' },
+  { key: 5, value: 5, label: '草稿' },
+  { key: 6, value: 6, label: '垃圾邮件' },
+  { key: 7, value: 7, label: '已处理邮件' },
+]
 
diff --git a/src/views/orders/components/MailBox.jsx b/src/views/orders/components/MailBox.jsx
index cf52c95..116ede8 100644
--- a/src/views/orders/components/MailBox.jsx
+++ b/src/views/orders/components/MailBox.jsx
@@ -15,7 +15,7 @@ const PAGE_SIZE = 50 // 每页显示条数
 const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
 
   const [selectedItems, setSelectedItems] = useState([])
-  const { mailList, loading, error, refresh, markAsRead, markAsProcessed, markAsDeleted, searchMailList } = useEmailList(mailboxDir)
+  const { mailList, loading, error, tempBreadcrumb, refresh, markAsRead, markAsProcessed, markAsDeleted, } = useEmailList(mailboxDir)
 
   const [pagination, setPagination] = useState({
     current: 1,
@@ -127,7 +127,7 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
           </Tooltip>
         </Flex>
 
-        <Flex wrap gap={8}>
+        <Flex wrap gap={8} >
           <NewEmailButton />
           <Button
             size='small'
@@ -162,20 +162,12 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
             删除
           </Button>
           <MailOrderSearchModal />
-          <MailListSearchModal mailboxDir={mailboxDir} />
-          {/* <Button
-            size='small'
-            icon={<DeleteOutlined />}
-            onClick={() => {
-              searchMailList()
-            }}>
-            查找邮件
-          </Button> */}
+          <MailListSearchModal />
         </Flex>
       </div>
       <Flex align='center' justify='space-between' wrap className='px-1 border-0 border-b border-solid border-neutral-200'>
         <Breadcrumb
-          items={props.breadcrumb.map((bc) => {
+          items={(tempBreadcrumb || props.breadcrumb).map((bc) => {
             return {
               title: (
                 <>
diff --git a/src/views/orders/components/MailListSearchModal.jsx b/src/views/orders/components/MailListSearchModal.jsx
index 3f300e7..e323a98 100644
--- a/src/views/orders/components/MailListSearchModal.jsx
+++ b/src/views/orders/components/MailListSearchModal.jsx
@@ -1,30 +1,27 @@
-import { createContext, useEffect, useState } from 'react'
-import { ReloadOutlined, ReadOutlined, RightOutlined, LeftOutlined, SearchOutlined, MailOutlined } from '@ant-design/icons'
-import { Button, Modal, Form, Input, Checkbox, Select, Radio, Segmented, Divider, Typography, Flex } from 'antd'
-import dayjs from 'dayjs'
-import { getEmailDirAction, queryHTOrderListAction, searchEmailListAction } from '@/actions/EmailActions'
-import { isEmpty, objectMapper, pick } from '@/utils/commons'
+import { useState } from 'react'
+import { SearchOutlined } from '@ant-design/icons'
+import { Button, Modal, Form, Input, Radio } from 'antd'
+import { searchEmailListAction } from '@/actions/EmailActions'
 import useConversationStore from '@/stores/ConversationStore'
-import { useEmailList } from '@/hooks/useEmail'
 
 const MailListSearchModal = ({ ...props }) => {
   const [currentMailboxOPI] = useConversationStore((state) => [state.currentMailboxOPI])
-  const { searchMailList } = useEmailList(props.mailboxDir)
 
   const [openForm, setOpenForm] = useState(false)
   const [formSearch] = Form.useForm()
   const [loading, setLoading] = useState(false)
 
   const onSubmitSearchMailList = async (values) => {
+    // console.log('Received values of form: ', values)
     setLoading(true)
-    searchMailList()
+    await searchEmailListAction({...values, opi_sn: currentMailboxOPI});
     setLoading(false)
     setOpenForm(false)
   }
   return (
     <>
       <Button key={'bound'} onClick={() => setOpenForm(true)} size='small' icon={<SearchOutlined className='' />}>
-        查找订单
+        查找邮件
       </Button>
       <Modal
         width={window.innerWidth < 700 ? '95%' : 960}
@@ -41,17 +38,17 @@ const MailListSearchModal = ({ ...props }) => {
             layout='vertical'
             form={formSearch}
             name='searchmaillist_form_in_modal'
-            initialValues={{ mailboxtype: '1' }}
+            initialValues={{ mailboxtype: '' }}
             clearOnDestroy
             onFinish={(values) => onSubmitSearchMailList(values)}
             className='[&_.ant-form-item]:m-2'>
             {dom}
           </Form>
         )}>
-        <Form.Item name='mailboxtype' label='文件夹'>
+        <Form.Item name='mailboxtype' label='邮箱文件夹'>
           <Radio.Group
             options={[
-              { key: '-1', value: 'ALL', label: 'All' },
+              { key: 'All', value: '', label: 'All' },
               { key: '1', value: '1', label: '收件箱' },
               { key: '2', value: '2', label: '未读邮件' },
               { key: '3', value: '3', label: '已发邮件' },
diff --git a/src/views/orders/components/MailOrderSearchModal.jsx b/src/views/orders/components/MailOrderSearchModal.jsx
index 558fb91..c4a0434 100644
--- a/src/views/orders/components/MailOrderSearchModal.jsx
+++ b/src/views/orders/components/MailOrderSearchModal.jsx
@@ -1,11 +1,10 @@
-import { createContext, useEffect, useState } from 'react'
-import { ReloadOutlined, ReadOutlined, RightOutlined, LeftOutlined, SearchOutlined, MailOutlined } from '@ant-design/icons'
-import { Button, Modal, Form, Input, Checkbox, Select, Radio, DatePicker, Divider, Typography, Flex } from 'antd'
+import { useState } from 'react'
+import { SearchOutlined } from '@ant-design/icons'
+import { Button, Modal, Form, Input, Checkbox, Radio, DatePicker, Divider, Typography, Flex } from 'antd'
 import dayjs from 'dayjs'
-import { getEmailDirAction, queryHTOrderListAction, queryInMailboxAction } from '@/actions/EmailActions'
+import { getEmailDirAction, queryHTOrderListAction,  } from '@/actions/EmailActions'
 import { isEmpty, objectMapper, pick } from '@/utils/commons'
 import useConversationStore from '@/stores/ConversationStore'
-import { mailboxSystemDirs } from '@/hooks/useEmail'
 
 const MailOrderSearchModal = ({ ...props }) => {
   const [currentMailboxOPI] = useConversationStore((state) => [state.currentMailboxOPI])
@@ -38,7 +37,7 @@ const MailOrderSearchModal = ({ ...props }) => {
       result = await queryHTOrderListAction({ ...htOrderParams, opi_sn: currentMailboxOPI })
       const addToTree = {
         key: 'search-orders',
-        title: '搜索结果',
+        title: '查找订单',
         iconIndex: 'search',
         _raw: { COLI_SN: 0, IsTrue: 0 },
         children: result.map((o) => ({
@@ -46,7 +45,7 @@ const MailOrderSearchModal = ({ ...props }) => {
           title: `${o.COLI_ID}`,
           iconIndex: 13,
           parent: 'search-orders',
-          parentTitle: '搜索结果',
+          parentTitle: '查找订单',
           parentIconIndex: 'search',
           _raw: { ...o, VKey: o.COLI_SN, VName: o.COLI_ID, VParent: 'search-orders', IsTrue: 0, ApplyDate: '', OrderSourceType: htOrderParams.sourcetype, parent: 'search-orders' },
         })),

From 378c86427756d3de7ace3297d04c32f4d9e023e8 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Wed, 25 Jun 2025 16:45:29 +0800
Subject: [PATCH 11/17] perf: email quote, text/plain

---
 src/actions/EmailActions.js |  4 ++--
 src/config.js               |  2 +-
 src/hooks/useEmail.js       | 14 +++++---------
 src/utils/indexedDB.js      | 14 +++++++-------
 src/views/NewEmail.jsx      |  9 +++++----
 5 files changed, 20 insertions(+), 23 deletions(-)

diff --git a/src/actions/EmailActions.js b/src/actions/EmailActions.js
index ddc5008..4885a54 100644
--- a/src/actions/EmailActions.js
+++ b/src/actions/EmailActions.js
@@ -1,5 +1,5 @@
 import { fetchJSON, postForm, postJSON } from '@/utils/request';
-import { API_HOST, API_HOST_V3, DATE_FORMAT, DATEEND_FORMAT, DATETIME_FORMAT, EMAIL_HOST } from '@/config';
+import { API_HOST, API_HOST_V3, DATE_FORMAT, DATEEND_FORMAT, DATETIME_FORMAT, EMAIL_HOST, EMAIL_HOST_v3 } from '@/config';
 import { buildTree, groupBy, isEmpty, objectMapper, omitEmpty, uniqWith } from '@/utils/commons';
 import { readIndexDB, writeIndexDB } from '@/utils/indexedDB';
 import dayjs from 'dayjs';
@@ -455,7 +455,7 @@ export const getReminderEmailTemplateAction = async (params = { coli_sn: 0, lgc:
  * @param {boolean} [isDraft=false] - Whether the email is a draft.
  */
 export const saveEmailDraftOrSendAction = async (body, isDraft = false) => {
-  const url = isDraft !== false ? `${API_HOST_V3}/email_draft_save` : `${EMAIL_HOST}/sendmail`;
+  const url = isDraft !== false ? `${API_HOST_V3}/email_draft_save` : `${EMAIL_HOST_v3}/sendmail`;
   const { attaList=[], atta, content, ...bodyData } = body;
   bodyData.ordertype = 227001;
   const formData = new FormData();
diff --git a/src/config.js b/src/config.js
index 6f6c568..12b2f4b 100644
--- a/src/config.js
+++ b/src/config.js
@@ -9,7 +9,7 @@
 export const API_HOST = 'http://202.103.68.144:8889/v2';
 export const API_HOST_V3 = 'http://202.103.68.144:8889/v3';
 // export const WS_URL = 'ws://202.103.68.144:8888';
-// export const EMAIL_HOST = 'http://202.103.68.231:888/service-mail';
+export const EMAIL_HOST_v3 = 'http://202.103.68.144:888/service-mail';
 // export const WAI_HOST = 'http://47.83.248.120/api/v1'; // 香港服务器
 export const WAI_HOST = 'http://47.254.53.81/api/v1'; // 美国服务器
 // export const WAI_HOST = 'http://localhost:3031/api/v1'; // 美国服务器
diff --git a/src/hooks/useEmail.js b/src/hooks/useEmail.js
index ff09eb5..99822e6 100644
--- a/src/hooks/useEmail.js
+++ b/src/hooks/useEmail.js
@@ -132,16 +132,12 @@ export const useEmailDetail = (mai_sn=0, data={}, oid=0, markRead=false) => {
   }
 
   const postEmailSaveOrSend = async (body, isDraft) => {
-    try {
-      const { id: savedID } = await saveEmailDraftOrSendAction(body, isDraft)
-      setMaiSN(savedID)
-      if (isDraft) {
-        refresh()
-      }
-      return savedID
-    } catch (error) {
-      console.error(error);
+    const { id: savedID } = await saveEmailDraftOrSendAction(body, isDraft)
+    setMaiSN(savedID)
+    if (isDraft) {
+      refresh()
     }
+    return savedID
   };
 
   return { loading, mailData, orderDetail, postEmailResend, postEmailSaveOrSend }
diff --git a/src/utils/indexedDB.js b/src/utils/indexedDB.js
index 9c60007..5d57ec2 100644
--- a/src/utils/indexedDB.js
+++ b/src/utils/indexedDB.js
@@ -104,7 +104,7 @@ export const clearWebsocketLog = () => {
 export const createIndexedDBStore = (tables, database) => {
   var open = indexedDB.open(database, INDEXED_DB_VERSION)
   open.onupgradeneeded = function () {
-    console.log('readIndexDB onupgradeneeded', database, )
+    // console.log('readIndexDB onupgradeneeded', database, )
     var db = open.result
     // 数据库是否存在
     for (const table of tables) {
@@ -124,7 +124,7 @@ export const createIndexedDBStore = (tables, database) => {
 export const writeIndexDB = (rows, table, database) => {
   var open = indexedDB.open(database, INDEXED_DB_VERSION)
   open.onupgradeneeded = function () {
-    console.log('readIndexDB onupgradeneeded', table, )
+    // console.log('readIndexDB onupgradeneeded', table, )
     var db = open.result
     // 数据库是否存在
     if (!db.objectStoreNames.contains(table)) {
@@ -170,7 +170,7 @@ export const readIndexDB = (keys=null, table, database) => {
   return new Promise((resolve, reject) => {
     let openRequest = indexedDB.open(database)
     openRequest.onupgradeneeded = function () {
-      console.log('readIndexDB onupgradeneeded', table, )
+      // console.log('readIndexDB onupgradeneeded', table, )
       var db = openRequest.result
       // 数据库是否存在
       if (!db.objectStoreNames.contains(table)) {
@@ -208,7 +208,7 @@ export const readIndexDB = (keys=null, table, database) => {
                 // console.log(`💾Found record with key ${key}:`, result);
                 innerResolve([key, result]); // Resolve with [key, data] tuple
               } else {
-                console.log(`No record found with key ${key}.`);
+                // console.log(`No record found with key ${key}.`);
                 innerResolve(void 0); // Resolve with undefined for non-existent keys
               }
             };
@@ -241,7 +241,7 @@ export const readIndexDB = (keys=null, table, database) => {
             // console.log(`💾Found record with key ${keys}:`, result);
             resolve(result);
           } else {
-            console.log(`No record found with key ${keys}.`);
+            // console.log(`No record found with key ${keys}.`);
             resolve();
           }
         };
@@ -258,10 +258,10 @@ export const readIndexDB = (keys=null, table, database) => {
             allData.forEach(item => {
               resultMap.set(item.key, item);
             });
-            console.log(`💾Found all records:`, resultMap);
+            // console.log(`💾Found all records:`, resultMap);
             resolve(resultMap);
           } else {
-            console.log(`No records found.`);
+            // console.log(`No records found.`);
             resolve(resultMap); // Resolve with an empty Map if no records
           }
         };
diff --git a/src/views/NewEmail.jsx b/src/views/NewEmail.jsx
index 8e7e43d..6813f7f 100644
--- a/src/views/NewEmail.jsx
+++ b/src/views/NewEmail.jsx
@@ -70,7 +70,7 @@ const generateQuoteContent = (mailData, isRichText = true) => {
   return isRichText ? html : parseHTMLText(html)
 }
 
-const generateMailContent = (mailData) => `${mailData.content}<br>`
+const generateMailContent = (mailData) => mailData.info?.MAI_ContentType === 'text/html' ? `${mailData.content}<br>` : `<p>${mailData.content.replace(/\r\n/g, '<br>')}</p>`
 
 /**
  * 独立窗口编辑器
@@ -260,7 +260,7 @@ const NewEmail = () => {
           mai_sn: pageParam.quoteid,
           ..._form2
         }
-        readyToInitialContent = '<br>'+ generateMailContent(mailData)
+        readyToInitialContent = generateMailContent(mailData)
         setFileList(mailData.attachments.map(ele => ({ uid: ele.ATI_SN, name: ele.ATI_Name, url: ele.ATI_ServerFile, fullPath: `${EMAIL_ATTA_HOST}${ele.ATI_ServerFile}` })))
         break
       case 'new':
@@ -271,8 +271,9 @@ const NewEmail = () => {
           subject: `${info.MAI_Subject || templateFormValues.subject || ''}`,
           ..._form2,
         }
-        readyToInitialContent = generateMailContent({ content: templateContent.bodycontent || readyToInitialContent || `<br>${signatureBody}` || '' })
-        setFileList(mailData.attachments.map(ele => ({ uid: ele.ATI_SN, name: ele.ATI_Name, url: ele.ATI_ServerFile, fullPath: `${EMAIL_ATTA_HOST}${ele.ATI_ServerFile}` })))
+        readyToInitialContent = generateMailContent({ content: templateContent.bodycontent || readyToInitialContent || `<p></p><br>${signatureBody}` || '' })
+        // setFileList(mailData.attachments.map(ele => ({ uid: ele.ATI_SN, name: ele.ATI_Name, url: ele.ATI_ServerFile, fullPath: `${EMAIL_ATTA_HOST}${ele.ATI_ServerFile}` })))
+        setIsRichText(true)
         break
 
       default:

From 945f1b365133b0d74c5d572cddabb620b02e76c2 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Thu, 26 Jun 2025 10:18:39 +0800
Subject: [PATCH 12/17] =?UTF-8?q?perf:=20=E9=82=AE=E7=AE=B1=E7=9B=AE?=
 =?UTF-8?q?=E5=BD=95=E6=9B=B4=E6=96=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/actions/EmailActions.js | 6 +++---
 src/stores/EmailSlice.js    | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/actions/EmailActions.js b/src/actions/EmailActions.js
index 4885a54..42cdcf4 100644
--- a/src/actions/EmailActions.js
+++ b/src/actions/EmailActions.js
@@ -208,7 +208,7 @@ export const getMailboxCountAction = async (params = { opi_sn: '' }, update = tr
   const ret = errcode !== 0 ? { [`${params.opi_sn}`]: {} } : { [`${params.opi_sn}`]: result }
   // 更新数量
   if (update !== false) {
-    const readCacheDir = await readIndexDB(Number(params.opi_sn), 'dirs', 'mailbox');
+    const readCacheDir = (await readIndexDB(Number(params.opi_sn), 'dirs', 'mailbox')) || {};
     const mailboxDir = isEmpty(readCacheDir) ? [] : readCacheDir.tree.filter(node => node?._raw?.IsTrue === 1);
     const _MapDir = new Map(mailboxDir.map((obj) => [obj.key, obj]))
     Object.keys(result).map(dirKey => {
@@ -220,7 +220,7 @@ export const getMailboxCountAction = async (params = { opi_sn: '' }, update = tr
       _MapRoot.set(row.key, row)
     })
     const _newRoot = Array.from(_MapRoot.values())
-    writeIndexDB([{ key: Number(params.opi_sn), tree: _newRoot }], 'dirs', 'mailbox')
+    writeIndexDB([{ ...readCacheDir, key: Number(params.opi_sn), tree: _newRoot }], 'dirs', 'mailbox')
     notifyMailboxUpdate({ type: 'dirs', key: Number(params.opi_sn) })
   }
 
@@ -338,7 +338,7 @@ export const getRootMailboxDirAction = async ({ opi_sn = 0, userIdStr = '' } = {
   const mailBoxCount = await Promise.all(userIdStr.split(',').map(_opi => getMailboxCountAction({ opi_sn: _opi }, false)));
   const mailboxDirCountByOPI = mailBoxCount.reduce((a, c) => ({ ...a, ...c, }), {})
   const mailboxDirByOPI = mailboxDir.reduce((a, c) => ({ ...a, ...(Object.keys(c).reduce((a, opi) => ({...a, [opi]: c[`${opi}`].map((dir) => ({ ...dir, count: mailboxDirCountByOPI[opi][`${dir.key}`] })) }), {} )) }), {})
-  const rootTree = Object.keys(stickyTree).map((opi) => ({ key: Number(opi), tree: [...stickyTree[opi], ...(mailboxDirByOPI?.[opi] || [])] }))
+  const rootTree = Object.keys(stickyTree).map((opi) => ({ key: Number(opi), tree: [...stickyTree[opi], ...(mailboxDirByOPI?.[opi] || [])], treeTimestamp: Date.now() }))
   writeIndexDB(rootTree, 'dirs', 'mailbox')
   const _mapped = groupBy(rootTree, 'key')
   return _mapped[opi_sn]?.[0]?.tree || []
diff --git a/src/stores/EmailSlice.js b/src/stores/EmailSlice.js
index 30276b6..4974e81 100644
--- a/src/stores/EmailSlice.js
+++ b/src/stores/EmailSlice.js
@@ -124,7 +124,7 @@ const emailSlice = (set, get) => ({
     let isNeedRefresh = refreshNow
     if (!isEmpty(readCache)) {
       setMailboxNestedDirsActive(readCache?.tree || [])
-      isNeedRefresh = refreshNow || Date.now() - readCache.timestamp > 1 * 60 * 60 * 1000
+      isNeedRefresh = refreshNow || Date.now() - readCache.treeTimestamp > 1 * 60 * 60 * 1000
       // isNeedRefresh = true; // test: 0
     }
     if (isEmpty(readCache) || isNeedRefresh) {
@@ -141,7 +141,7 @@ const emailSlice = (set, get) => ({
 
   // 更新数量
   updateMailboxCount: async ({ opi_sn }) => {
-    const { setMailboxNestedDirsActive } = get()
+    // const { setMailboxNestedDirsActive } = get()
     await getMailboxCountAction({ opi_sn })
     // const readCache = await readIndexDB(Number(opi_sn), 'dirs', 'mailbox')
     // if (!isEmpty(readCache)) {
@@ -150,7 +150,7 @@ const emailSlice = (set, get) => ({
   },
 
   async initMailbox({ opi_sn, dei_sn, userIdStr }) {
-    olog('initMailbox ---- ')
+    olog('Initialize Mailbox ---- ')
     const { currentMailboxOPI, setCurrentMailboxOPI, setCurrentMailboxDEI, getOPIEmailDir, setMailboxNestedDirsActive, } = get()
     createIndexedDBStore(['dirs', 'maillist', 'listrow', 'mailinfo', 'draft'], 'mailbox')
     setCurrentMailboxOPI(opi_sn)

From 210d3e72637f8758252c942bdec296af18ae1846 Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Thu, 26 Jun 2025 11:01:34 +0800
Subject: [PATCH 13/17] =?UTF-8?q?fix:=20Listener=20=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E5=AF=B9=E8=B1=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useEmail.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/hooks/useEmail.js b/src/hooks/useEmail.js
index 99822e6..3b5342c 100644
--- a/src/hooks/useEmail.js
+++ b/src/hooks/useEmail.js
@@ -303,7 +303,7 @@ export const useEmailList = (mailboxDirNode) => {
       if (isEmpty(event.data)) {
         return false;
       }
-      const { type, } = event.detail
+      const { type, } = event.data
       const cacheKey = isEmpty(COLI_SN) ? `dir-${VKey}` : `order-${VKey}`
       if (type === 'listrow' && cacheKey === event.data.listKey) {
         // cacheKey 不相同时, 不需要更新; 邮箱目录不相同

From 038db199e929ddf3f5cf473e9fbadaae604b71ac Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 26 Jun 2025 13:57:22 +0800
Subject: [PATCH 14/17] =?UTF-8?q?feat:=20=E5=88=A0=E9=99=A4=E5=B7=B2?=
 =?UTF-8?q?=E8=AF=BB=E8=AE=BE=E7=BD=AE=EF=BC=8C=E5=A2=9E=E5=8A=A0=E6=9C=AA?=
 =?UTF-8?q?=E8=AF=BB=E3=80=82=E5=88=A0=E9=99=A4=E6=97=A0=E7=94=A8=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useEmail.js                   | 18 +++---------------
 src/views/orders/components/MailBox.jsx | 12 ++----------
 2 files changed, 5 insertions(+), 25 deletions(-)

diff --git a/src/hooks/useEmail.js b/src/hooks/useEmail.js
index 3b5342c..1628f2b 100644
--- a/src/hooks/useEmail.js
+++ b/src/hooks/useEmail.js
@@ -173,10 +173,9 @@ export const useEmailList = (mailboxDirNode) => {
     setRefreshTrigger((prev) => prev + 1)
   }, [])
 
-  const [currentMailboxOPI] = useConversationStore((state) => [state.currentMailboxOPI])
   const { OPI_SN: opi_sn, COLI_SN, VKey, VParent, ApplyDate, OrderSourceType, IsTrue } = mailboxDirNode
 
-  const markAsRead = useCallback(
+  const markAsUnread = useCallback(
     async (sn_list) => {
     // 优化性能的话，需要更新 mailList 数据，
     // 但是更新 mailList 会造成页面全部刷新
@@ -192,7 +191,7 @@ export const useEmailList = (mailboxDirNode) => {
       await updateEmailAction({
         opi_sn: opi_sn,
         mai_sn_list: sn_list,
-        set: { read: 1 },
+        set: { read: 0 },
       })
     },
     [VKey],
@@ -231,17 +230,6 @@ export const useEmailList = (mailboxDirNode) => {
     }
   }, [VKey])
 
-  const searchMailList = async (params) => {
-  //   const searchResult = await searchEmailListAction({ ...params, opi_sn: currentMailboxOPI })
-  //   // 配合List的结构
-  //   const mailList = searchResult.map((ele) => ({
-  //     ...ele,
-  //     key: ele.MAI_SN,
-  //   }))
-  //   setMailList(mailList)
-  //   console.info('searchMailList', searchResult)
-  }
-
   const getMailList = useCallback(async () => {
     // console.log('getMailList', mailboxDirNode)
     if (!opi_sn || !VKey || (!IsTrue && !COLI_SN)) {
@@ -324,7 +312,7 @@ export const useEmailList = (mailboxDirNode) => {
     }
   }, [getMailList])
 
-  return { loading, isFreshData, error, mailList, tempBreadcrumb, refresh, markAsRead, markAsProcessed, markAsDeleted, searchMailList }
+  return { loading, isFreshData, error, mailList, tempBreadcrumb, refresh, markAsUnread, markAsProcessed, markAsDeleted }
 }
 
 const orderMailTypes = new Map([
diff --git a/src/views/orders/components/MailBox.jsx b/src/views/orders/components/MailBox.jsx
index 116ede8..cdd62c2 100644
--- a/src/views/orders/components/MailBox.jsx
+++ b/src/views/orders/components/MailBox.jsx
@@ -15,7 +15,7 @@ const PAGE_SIZE = 50 // 每页显示条数
 const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
 
   const [selectedItems, setSelectedItems] = useState([])
-  const { mailList, loading, error, tempBreadcrumb, refresh, markAsRead, markAsProcessed, markAsDeleted, } = useEmailList(mailboxDir)
+  const { mailList, loading, error, tempBreadcrumb, refresh, markAsUnread, markAsProcessed, markAsDeleted, } = useEmailList(mailboxDir)
 
   const [pagination, setPagination] = useState({
     current: 1,
@@ -129,19 +129,11 @@ const MailBox = ({ mailboxDir, onMailItemClick, ...props }) => {
 
         <Flex wrap gap={8} >
           <NewEmailButton />
-          <Button
-            size='small'
-            icon={<MailOpenIcon />}
-            onClick={() => {
-              markAsRead(selectedItems.map((item) => item.MAI_SN)).then(() => setSelectedItems([]))
-            }}>
-            已读
-          </Button>
           <Button
             size='small'
             icon={<MailOutlined />}
             onClick={() => {
-              console.info('未读未实现')
+              markAsUnread(selectedItems.map((item) => item.MAI_SN)).then(() => setSelectedItems([]))
             }}>
             未读
           </Button>

From 0a06f6c16ac9f1fb59bdf01a9dae94cd8570aea5 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 26 Jun 2025 14:01:24 +0800
Subject: [PATCH 15/17] =?UTF-8?q?perf:=20=E7=B2=BE=E7=AE=80=E6=9F=A5?=
 =?UTF-8?q?=E6=89=BE=E9=82=AE=E4=BB=B6=E7=9B=AE=E5=BD=95=E6=95=B0=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/orders/components/MailListSearchModal.jsx | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/src/views/orders/components/MailListSearchModal.jsx b/src/views/orders/components/MailListSearchModal.jsx
index e323a98..b05e29f 100644
--- a/src/views/orders/components/MailListSearchModal.jsx
+++ b/src/views/orders/components/MailListSearchModal.jsx
@@ -12,7 +12,6 @@ const MailListSearchModal = ({ ...props }) => {
   const [loading, setLoading] = useState(false)
 
   const onSubmitSearchMailList = async (values) => {
-    // console.log('Received values of form: ', values)
     setLoading(true)
     await searchEmailListAction({...values, opi_sn: currentMailboxOPI});
     setLoading(false)
@@ -52,9 +51,6 @@ const MailListSearchModal = ({ ...props }) => {
               { key: '1', value: '1', label: '收件箱' },
               { key: '2', value: '2', label: '未读邮件' },
               { key: '3', value: '3', label: '已发邮件' },
-              { key: '4', value: '4', label: '待发邮件' },
-              { key: '5', value: '5', label: '草稿' },
-              { key: '6', value: '6', label: '已发邮件' },
               { key: '7', value: '7', label: '已处理邮件' },
             ]}
             optionType='button'

From 6baff2672040388bf3865f262dd4bc6d26de2eae Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 26 Jun 2025 14:33:47 +0800
Subject: [PATCH 16/17] =?UTF-8?q?doc=EF=BC=9Aprerealse=201.5.0-1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package.json b/package.json
index 08eaace..c02a071 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "global-sales",
   "private": true,
-  "version": "1.4.10",
+  "version": "1.5.0-1",
   "type": "module",
   "scripts": {
     "dev": "vite",

From 9ed85c81b2061cd5bb39f733439915a7257c8702 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 26 Jun 2025 15:09:15 +0800
Subject: [PATCH 17/17] =?UTF-8?q?perf=EF=BC=9A=E4=BC=98=E5=8C=96=E8=AE=A2?=
 =?UTF-8?q?=E5=8D=95=E5=B1=95=E5=BC=80=E3=80=81=E6=94=B6=E7=BC=A9=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E4=BD=8D=E7=BD=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Conversations/Online/order/QuotesHistory.jsx | 1 +
 src/views/orders/Follow.jsx                            | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/Conversations/Online/order/QuotesHistory.jsx b/src/views/Conversations/Online/order/QuotesHistory.jsx
index b311048..007cbb6 100644
--- a/src/views/Conversations/Online/order/QuotesHistory.jsx
+++ b/src/views/Conversations/Online/order/QuotesHistory.jsx
@@ -3,6 +3,7 @@ import { Button, Flex, List, Popover } from 'antd'
 import { useState } from 'react'
 import EmailQuotation from '../Components/EmailQuotation'
 
+// @Deprecated 作废，已经不用
 const QuotesHistory = ((props) => {
 
   const [open, setOpen] = useState(false)
diff --git a/src/views/orders/Follow.jsx b/src/views/orders/Follow.jsx
index 6c005ca..bf4f99b 100644
--- a/src/views/orders/Follow.jsx
+++ b/src/views/orders/Follow.jsx
@@ -175,7 +175,7 @@ function Follow() {
           <Button
             icon={collapsed ? <LeftOutlined /> : <UnorderedListOutlined />}
             onClick={() => setCollapsed(!collapsed)}
-            className={`absolute z-10 rounded-none  ${collapsed ? 'right-1 top-36 rounded-l-xl' : 'right-8 top-20 rounded-l'}`}
+            className={`absolute z-10 rounded-none  ${collapsed ? 'right-1 top-20 rounded-l-xl' : 'right-8 top-20 rounded-l'}`}
             size={collapsed ? 'small' : 'middle'}
           />
         </Tooltip>