From 12208202ad18d64e4fc056eb10188105befb3b17 Mon Sep 17 00:00:00 2001
From: LiaoYijun <lyj@hainatravel.com>
Date: Thu, 24 Jul 2025 16:17:09 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0=E5=A4=9A=E5=9F=8E?=
 =?UTF-8?q?=E5=B8=82=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/MultiCitySelector.jsx | 29 ++++++++++++++++++++++++++++
 1 file changed, 29 insertions(+)
 create mode 100644 src/components/MultiCitySelector.jsx

diff --git a/src/components/MultiCitySelector.jsx b/src/components/MultiCitySelector.jsx
new file mode 100644
index 0000000..3851f87
--- /dev/null
+++ b/src/components/MultiCitySelector.jsx
@@ -0,0 +1,29 @@
+import { createContext, useEffect, useState } from 'react';
+import {} from 'antd';
+import SearchInput from './SearchInput';
+import { fetchJSON } from '@/utils/request';
+import { HT_HOST } from '@/config';
+import { useTranslation } from 'react-i18next';
+
+//供应商列表
+export const fetchCityList = async (q) => {
+  const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/search_cities`, { q });
+  return errcode !== 0 ? [] : result;
+};
+
+const MultiCitySelector = ({ ...props }) => {
+  const { t } = useTranslation();
+  return (
+    <>
+      <SearchInput
+        placeholder={t('products:City')}
+        mode={null}
+        maxTagCount={0}
+        {...props}
+        fetchOptions={fetchCityList}
+        map={{ city_name: 'label', city_id: 'value' }}
+      />
+    </>
+  );
+};
+export default MultiCitySelector;