修复：更改正式服地址

env/.env.development

 #请求接口地址
-#VITE_REQUEST_BASE_URL='https://www.iuav.shop'
+VITE_REQUEST_BASE_URL='https://www.iuav.shop'
 #VITE_REQUEST_BASE_URL='https://test.iuav.shop'
 #VITE_REQUEST_BASE_URL='https://iuav.mmcuav.cn'
-VITE_REQUEST_BASE_URL='/api'
+#VITE_REQUEST_BASE_URL='/api'
 #旧版接口地址
 #VITE_REQUEST_BASE_URL='https://iuav.mmcuav.cn'
 #VITE_REQUEST_BASE_URL='https://test.iuav.mmcuav.cn'

src/components/search-box/index.tsx

@@ -127,6 +127,7 @@ const Index: React.FC<propsType> = (props) => {
                   style={{ width: item.width ? `${item.width}px` : '180px' }}
                   placeholder={item.placeholder}
                   allowClear
+                  onSelect={item.onSelect}
                 >
                   {item.options.map((option: any) => {
                     return (

src/pages/mallManage/produceManage/produceList/index.scss

 .from-table-wrap {
   position: relative;
-  .header-view {
-    position: relative;
-    width: 100%;
-    min-height: 60px;
-    height: auto;
-    background: #fff;
-    border-radius: 8px;
-    display: flex;
-    justify-content: flex-start;
-    align-content: center;
-    flex-wrap: wrap;
-    padding: 15px 20px 5px 20px;
-    margin: 0 0 10px 0;
-    .ant-select-selector {
-      min-width: 200px;
-    }
-    .ant-row {
-      margin-bottom: 10px;
-    }
-    .add-button {
-      margin-right: 15px;
-    }
-  }
 }
 .detail-wrap {
   position: relative;

src/pages/mallManage/produceManage/produceList/index.tsx

-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useRef, useState } from 'react';
 import './index.scss';
-import { Button, Form, Input, message, Modal, Select, Table } from 'antd';
-import { useNavigate } from 'react-router-dom';
+import { Button, message, Modal, Table } from 'antd';
+import { useNavigate, useSearchParams } from 'react-router-dom';
 import { ColumnsType } from 'antd/es/table';
 import { CategoryManageAPI, MakeManageAPI, ProduceManageAPI } from '~/api';
 import AddOrEditProduce from './components/addOrEditProduceModal';
 import { InterDataType, InterReqType, PaginationProps } from '~/api/interface';
 import { addProductType, productListType } from '~/api/interface/produceManageType';
-import { categoryListType, directoryListType } from '~/api/interface/categoryManage';
+import { directoryListType } from '~/api/interface/categoryManage';
 import { MakeListType } from '~/api/interface/makeManage';
 import { PlusOutlined } from '@ant-design/icons';
+import qs from 'query-string';
+import SearchBox, { searchColumns } from '~/components/search-box';
 
 //产品列表返回类型
 type produceListType = InterDataType<productListType>['list'];
 //产品列表参数类型
 type produceParametersType = Omit<InterReqType<productListType>, 'pageSize' | 'pageNo'>;
-//分类返回类型
-type categoryType = InterDataType<categoryListType>['list'];
 //目录返回类型
 type directoryType = InterDataType<directoryListType>;
 //品牌返回类型
@@ -24,20 +24,19 @@ type makeListType = InterDataType<MakeListType>['list'];
 //新增编辑表单类型
 type addMakeParameterType = InterReqType<addProductType>;
 
-const { Option } = Select;
 const { confirm } = Modal;
 
 function ProduceManage() {
+  const searchRef = useRef<any>();
   // 路由操作
   const navigate = useNavigate();
+  const [searchParams, setSearchParams] = useSearchParams();
   // 表格数据
   const [tableData, setTableData] = useState<produceListType>([]);
   //筛选表单
   const [query, setQuery] = useState<produceParametersType>();
   // 加载中
   const [loading, setLoading] = useState<boolean>(false);
-  // 产品类型下拉列表
-  const [productTypeSelectList, setProductTypeSelectList] = useState<categoryType>([]);
   // 新增弹窗是否显示
   const [visibleAddEdit, setVisibleAddEdit] = useState(false);
   // 新增弹窗内容
@@ -92,6 +91,30 @@ function ProduceManage() {
     pageNo: 1,
     totalCount: 0,
   });
+  //筛选参数
+  const [searchColumnsData, setSearchColumnsData] = useState<searchColumns[]>([
+    {
+      label: '产品名称',
+      placeholder: '请输入产品名称',
+      type: 'input',
+      name: 'productName',
+    },
+    {
+      label: '产品目录',
+      placeholder: '请输入产品名称',
+      type: 'select',
+      name: 'directoryId',
+      options: [],
+      onSelect: (value) => decSelectChange(value),
+    },
+    {
+      label: '产品类型',
+      placeholder: '请输入产品名称',
+      type: 'select',
+      name: 'categoryId',
+      options: [],
+    },
+  ]);
 
   // 跳转详情
   const handleDetail = (record: produceListType[0]) => {
@@ -166,10 +189,13 @@ function ProduceManage() {
   const paginationChange = (pageNo: number, pageSize: number) => {
     pagination.pageNo = pageNo;
     pagination.pageSize = pageSize;
+    setSearchParams(qs.stringify({ ...query, pageNo, pageSize }));
     getProduceList(query);
   };
   // 表单提交
-  const onFinish = (val: produceListType) => {
+  const onFinish = (val: any) => {
+    pagination.pageNo = 1;
+    pagination.pageSize = 10;
     // 在这里对提交的数据做处理，如range转为开始和结束时间
     const data = Object.fromEntries(
       // 过滤为空项
@@ -180,6 +206,9 @@ function ProduceManage() {
       ),
     );
     setQuery(data);
+    setSearchParams(
+      qs.stringify({ ...data, pageNo: pagination.pageNo, pageSize: pagination.pageSize }),
+    );
     getProduceList(data);
   };
   //品牌列表
@@ -192,64 +221,84 @@ function ProduceManage() {
   const getDirectoryList = () => {
     ProduceManageAPI.getProductDirectoryList().then(({ result }) => {
       setDecList(result || []);
+      searchColumnsData[1].options = (result || []).map((v) => ({
+        name: v.directoryName,
+        id: v.id,
+      }));
+      searchColumnsData.splice(1, 1, searchColumnsData[1]);
+      setSearchColumnsData([...searchColumnsData]);
     });
   };
   //根据目录获取分类
   const getCategoryListByDirectory = (directoryId: number) => {
     CategoryManageAPI.getCategoryList({ pageNo: 1, pageSize: 99999, directoryId, type: 4 }).then(
       ({ result }) => {
-        setProductTypeSelectList(result.list || []);
+        searchColumnsData[2].options = (result.list || []).map((v) => ({
+          name: v.classifyName,
+          id: v.id,
+        }));
+        searchColumnsData.splice(2, 1, searchColumnsData[2]);
+        setSearchColumnsData([...searchColumnsData]);
       },
     );
   };
   // 目录修改
   const decSelectChange = (value: number) => {
     if (value) {
+      (searchRef.current as any).getForm().setFieldValue('categoryId', undefined);
       getCategoryListByDirectory(value);
     }
   };
   // componentDidMount
   useEffect(() => {
-    getProduceList(query);
+    pagination.pageNo = Number(searchParams.get('pageNo') || 1);
+    pagination.pageSize = Number(searchParams.get('pageSize') || 10);
+    (searchRef.current as any).getForm().setFieldsValue({
+      productName: searchParams.get('productName') || undefined,
+      directoryId: searchParams.get('directoryId')
+        ? Number(searchParams.get('directoryId'))
+        : undefined,
+      categoryId: searchParams.get('categoryId')
+        ? Number(searchParams.get('categoryId'))
+        : undefined,
+    });
+    setQuery({
+      productName: searchParams.get('productName') || undefined,
+      directoryId: searchParams.get('directoryId')
+        ? Number(searchParams.get('directoryId'))
+        : undefined,
+      categoryId: searchParams.get('categoryId')
+        ? Number(searchParams.get('categoryId'))
+        : undefined,
+    });
+    getProduceList({
+      productName: searchParams.get('productName') || undefined,
+      directoryId: searchParams.get('directoryId')
+        ? Number(searchParams.get('directoryId'))
+        : undefined,
+      categoryId: searchParams.get('categoryId')
+        ? Number(searchParams.get('categoryId'))
+        : undefined,
+    });
     getDirectoryList();
+    if (searchParams.get('directoryId')) {
+      getCategoryListByDirectory(Number(searchParams.get('directoryId')));
+    }
   }, []);
 
   return (
     <div className='from-table-wrap'>
       <div className='header-view'>
-        <Form name='basic' layout='inline' onFinish={onFinish}>
-          <Form.Item>
+        <SearchBox
+          search={searchColumnsData}
+          searchData={onFinish}
+          child={
             <Button type='primary' onClick={handleAdd} icon={<PlusOutlined />}>
               新增产品
             </Button>
-          </Form.Item>
-          <Form.Item name='productName' label='产品名称'>
-            <Input placeholder='请输入产品名称' allowClear />
-          </Form.Item>
-          <Form.Item name='directoryId' label='产品目录'>
-            <Select placeholder='请选择产品目录' onChange={decSelectChange} allowClear>
-              {decList.map((v, index: number) => (
-                <Select.Option value={v.id} key={index}>
-                  {v.directoryName}
-                </Select.Option>
-              ))}
-            </Select>
-          </Form.Item>
-          <Form.Item name='goodsTypeId' label='产品类型'>
-            <Select placeholder='请选择产品类型' allowClear>
-              {productTypeSelectList.map((i, j) => (
-                <Option value={i.id} key={j}>
-                  {i.classifyName}
-                </Option>
-              ))}
-            </Select>
-          </Form.Item>
-          <Form.Item>
-            <Button type='primary' htmlType='submit'>
-              搜索
-            </Button>
-          </Form.Item>
-        </Form>
+          }
+          baseRef={searchRef}
+        />
       </div>
       <Table
         size='small'

vite.config.ts

@@ -5,7 +5,7 @@ import { resolve } from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
-  base: '/',
+  base: './',
   plugins: [react(), tsconfigPaths()],
   server: {
     host: '0.0.0.0',