From 2b5c35b8374c13c87b9c6ee41d493249b376c0ab Mon Sep 17 00:00:00 2001
From: Lei OT <lyt@hainatravel.com>
Date: Thu, 13 Nov 2025 11:23:04 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E4=BE=9B=E5=BA=94=E5=95=86=E9=80=89?=
 =?UTF-8?q?=E6=8B=A9:=20=E9=BB=98=E8=AE=A4=E9=80=89=E9=A1=B9=E5=8F=82?=
 =?UTF-8?q?=E6=95=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/SearchInput.jsx    | 11 +++--------
 src/components/VendorSelector.jsx |  3 ++-
 src/views/notifs/Edit.jsx         | 21 +++++++++++++++++++++
 3 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/src/components/SearchInput.jsx b/src/components/SearchInput.jsx
index a30bcfa..62d1ca5 100644
--- a/src/components/SearchInput.jsx
+++ b/src/components/SearchInput.jsx
@@ -13,7 +13,7 @@ function DebounceSelect({ fetchOptions, debounceTimeout = 500, initLoad = false,
     if (initLoad && defaultOptions.length===0) {
       loadOptions(' ');
     }
-  }, [initLoad]);
+  }, [initLoad, defaultOptions]);
 
   const loadOptions = (value) => {
     fetchRef.current += 1;
@@ -50,13 +50,8 @@ function DebounceSelect({ fetchOptions, debounceTimeout = 500, initLoad = false,
       onSearch={debounceFetcher}
       notFoundContent={fetching ? <Spin size='small' /> : null}
       optionFilterProp='label'
-    >
-      {options.map((d) => (
-        <Select.Option key={d.value} title={d.label}>
-          {d.label}
-        </Select.Option>
-      ))}
-    </Select>
+      options={options}
+    />
   );
 }
 
diff --git a/src/components/VendorSelector.jsx b/src/components/VendorSelector.jsx
index 2e7b643..dfb75f5 100644
--- a/src/components/VendorSelector.jsx
+++ b/src/components/VendorSelector.jsx
@@ -20,12 +20,13 @@ const VendorSelector = ({ ...props }) => {
 	const { travelAgencyId: myAgencyId } = usingStorage();
   const [{ travelAgencyName: myAgencyName }] = useAuthStore((state) => [state.currentUser]);
   const { t } = useTranslation();
-    const [{ vendorList }, setCache] = useFormStore(state => [state.cache, state.setCache]);
+  const [{ vendorList }, setCache] = useFormStore(state => [state.cache, state.setCache]);
 
   return (
     <>
       <SearchInput initLoad={false}
         placeholder={t('products:Vendor')}
+        labelInValue
         mode={'multiple'}
         maxTagCount={0}
         {...props}
diff --git a/src/views/notifs/Edit.jsx b/src/views/notifs/Edit.jsx
index faa444a..7168200 100644
--- a/src/views/notifs/Edit.jsx
+++ b/src/views/notifs/Edit.jsx
@@ -3,6 +3,7 @@ import { useParams, useNavigate } from 'react-router-dom';
 import { App, Row, Col, Space, Typography, Divider, Form, Input, Select, Button, Tag } from 'antd';
 import { useTranslation } from 'react-i18next';
 import { fetchNotifsDetail, fetchNotifsStatusAgency, postNotifsNewOrEdit } from '@/stores/Notice';
+import useFormStore from "@/stores/Form";
 import BackBtn from '@/components/BackBtn';
 import { usingStorage } from '@/hooks/usingStorage';
 import VendorSelector from '@/components/VendorSelector';
@@ -11,6 +12,21 @@ import Editor from '@/components/Editor';
 
 const { Title, Paragraph } = Typography;
 
+const allOverseasAgency = [
+  { key: 30008, value: 30008, label: 'Luxe Voyage Tours-已签海纳协议' },
+  { key: 31596, value: 31596, label: '印度Legend' },
+  { key: 32531, value: 32531, label: '越南ANP TRAVEL' },
+  { key: 32704, value: 32704, label: '泰北 NUT ' },
+  { key: 32717, value: 32717, label: 'JCT株式会社' },
+  { key: 32865, value: 32865, label: '泰国IAT' },
+  { key: 32876, value: 32876, label: 'Japan Fleet' },
+  // { key: 33031, value: 33031, label: 'test海外地接A' },
+  // { key: 33032, value: 33032, label: 'test海外地接B' },
+  { key: 33200, value: 33200, label: '新加坡途游' },
+  { key: 33508, value: 33508, label: '日本DJ(注意加服务交通费）' },
+  { key: 33796, value: 33796, label: '韩国 Halla Tour' },
+];
+
 const Edit = ({ ...props }) => {
   const { t } = useTranslation();
   const { message } = App.useApp();
@@ -22,6 +38,8 @@ const Edit = ({ ...props }) => {
   const [form] = Form.useForm();
   const clickedButton = useRef('');
   const quillRef = useRef();
+  const setCache = useFormStore(state => state.setCache);
+
 
   const [showAgencySelector, setShowAgencySelector] = useState(1);
   const [showAgencySeleted, setShowAgencySeleted] = useState(0);
@@ -45,7 +63,10 @@ const Edit = ({ ...props }) => {
         form.setFieldsValue({
           agency_list: _list,
         });
+        setCache({ vendorList: _list })
       });
+    } else {
+      setCache({ vendorList: allOverseasAgency })
     }
   }, []);