feat: 供应商选择; perf: 产品管理二级页面头部

src/components/BackBtn.jsx

@@ -9,7 +9,7 @@ const BackBtn = ({to, ...props}) => {
   const navigate = useNavigate();
   return (
     <>
-      {isNotEmpty(to) ? <Link to={to}>{t('Back')}</Link> : <Button type='link' onClick={() => navigate(-1)}>{t('Back')}</Button>}
+      {isNotEmpty(to) ? <Link to={to} className='px-4'>{t('Back')}</Link> : <Button type='link' onClick={() => navigate(-1)}>{t('Back')}</Button>}
     </>
   );
 };

src/components/ProductsTypesSelector.jsx

@@ -2,15 +2,6 @@ import { Select } from 'antd';
 import { useProductsTypes } from '@/hooks/useProductsSets';
 import { useTranslation } from 'react-i18next';
 
-import { fetchJSON } from '@/utils/request';
-import { HT_HOST } from '@/config';
-
-//供应商列表
-export const fetchVendorList = async (q) => {
-  const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/VendorList`, { q })
-  return errcode !== 0 ? [] : result
-}
-
 const ProductsTypesSelector = ({...props}) => {
   const productsTypes = useProductsTypes();
   const { t } = useTranslation();

src/components/SearchForm.jsx

@@ -9,8 +9,9 @@ import { useTranslation } from 'react-i18next';
 import SearchInput from './SearchInput';
 import AuditStateSelector from './AuditStateSelector';
 import DeptSelector from './DeptSelector';
-import ProductsTypesSelector, { fetchVendorList } from './ProductsTypesSelector';
+import ProductsTypesSelector from './ProductsTypesSelector';
 import CitySelector from '@/components/CitySelector';
+import VendorSelector from '@/components/VendorSelector';
 
 const { RangePicker } = DatePicker;
 
@@ -248,14 +249,7 @@ function getFields(props) {
       'agency',
       99,
       <Form.Item name='agency' label={t('products:Vendor')} {...fieldProps.agency} initialValue={at(props, 'initialValue.agency')[0]}>
-        <SearchInput
-          placeholder={t('products:Vendor')}
-          mode={'multiple'}
-          maxTagCount={0}
-          {...fieldComProps.agency}
-          fetchOptions={fetchVendorList}
-          map={{ travel_agency_name: 'label', travel_agency_id: 'value' }}
-        />
+        <VendorSelector {...fieldComProps.agency} />
       </Form.Item>,
       fieldProps?.agency?.col || 6
     ),

src/components/SecondHeaderWrapper.jsx

@@ -3,7 +3,7 @@ import { Layout, Flex, theme, Spin, Divider } from 'antd';
 import BackBtn from './BackBtn';
 
 const { Content, Header } = Layout;
-const HeaderWrapper = ({ children, header, loading, ...props }) => {
+const HeaderWrapper = ({ children, header, loading, backTo, ...props }) => {
   const navigate = useNavigate();
   const {
     token: { colorBgContainer },
@@ -16,7 +16,7 @@ const HeaderWrapper = ({ children, header, loading, ...props }) => {
             <Flex justify={'space-between'} align={'center'} className='h-full'>
               {/* {header} */}
               <div className='grow h-full'>{header}</div>
-              <BackBtn />
+              <BackBtn to={backTo} />
             </Flex>
           </Header>
           <Divider className='my-2' />

src/components/VendorSelector.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 fetchVendorList = async (q) => {
+  const { errcode, result } = await fetchJSON(`${HT_HOST}/Service_BaseInfoWeb/VendorList`, { q });
+  return errcode !== 0 ? [] : result;
+};
+
+const VendorSelector = ({ ...props }) => {
+  const { t } = useTranslation();
+  return (
+    <>
+      <SearchInput
+        placeholder={t('products:Vendor')}
+        mode={'multiple'}
+        maxTagCount={0}
+        {...props}
+        fetchOptions={fetchVendorList}
+        map={{ travel_agency_name: 'label', travel_agency_id: 'value' }}
+      />
+    </>
+  );
+};
+export default VendorSelector;

src/views/products/Detail/CopyProducts.jsx

@@ -5,7 +5,8 @@ import { useTranslation } from 'react-i18next';
 
 import SearchInput from '@/components/SearchInput';
 import DeptSelector from '@/components/DeptSelector';
-import ProductsTypesSelector, { fetchVendorList } from '@/components/ProductsTypesSelector';
+import ProductsTypesSelector from '@/components/ProductsTypesSelector';
+import { fetchVendorList } from '@/components/VendorSelector';
 import dayjs from 'dayjs';
 import arraySupport from 'dayjs/plugin/arraySupport';
 import { copyAgencyDataAction } from '@/stores/Products/Index';