改-跳转搜索条件

components/filter/api/index.ts

-import request, { Response } from '~/api/request';
+import request, { Response } from "~/api/request";
 
 export interface FilterOptionResp {
-  id: number,
-  name: string
+  id: number;
+  name?: string;
+  appName?: string;
 }
 
 export interface RegionResp {
-  "childInfo": RegionResp[] | null,
-  "id": number,
-  "level": number,
-  "name": string,
-  "pid": number
+  childInfo: RegionResp[] | null;
+  id: number;
+  level: number;
+  name: string;
+  pid: number;
 }
 
 export default {
   category: (): Promise<Response<Array<FilterOptionResp>>> => {
-    return request('/pms/webProductMall/category');
+    return request("/pms/webProductMall/category");
   },
   brand: (): Promise<Response<Array<FilterOptionResp>>> => {
-    return request('/pms/webDevice/brand');
+    return request("/pms/webDevice/brand");
   },
   model: (): Promise<Response<Array<FilterOptionResp>>> => {
-    return request('/pms/webDevice/model');
+    return request("/pms/webDevice/model");
   },
   part: (): Promise<Response<Array<FilterOptionResp>>> => {
-    return request('/pms/webProductMall/parts');
+    return request("/pms/webProductMall/parts");
   },
   quality: (): Promise<Response<Array<FilterOptionResp>>> => {
-    return request('/pms/webProductMall/quality');
+    return request("/pms/webProductMall/quality");
   },
   region: (): Promise<Response<Array<RegionResp>>> => {
-    return request('/pms/webDevice/getSecondDistrictInfo');
+    return request("/pms/webDevice/getSecondDistrictInfo");
   },
   industry: (): Promise<Response<Array<RegionResp>>> => {
-    return request('/release/work/listAllIndustry');
+    return request("/release/work/listAllIndustry");
   },
   appType: (): Promise<Response<Array<RegionResp>>> => {
-    return request('/release/work/listAllAppType');
+    return request("/release/work/listAllAppType");
   },
   deviceBrand: (): Promise<Response<Array<RegionResp>>> => {
-    return request('/pms/webDevice/deviceBrand');
+    return request("/pms/webDevice/deviceBrand");
   },
   deviceModel: (): Promise<Response<Array<RegionResp>>> => {
-    return request('/pms/webDevice/deviceModel');
+    return request("/pms/webDevice/deviceModel");
   },
-}
\ No newline at end of file
+};

components/filter/compoents/appType/index.tsx

-import { Space, Button, Select, Collapse } from 'antd';
-import styles from '../../index.module.scss';
+import { Space, Button, Select, Collapse } from "antd";
+import styles from "../../index.module.scss";
 import api, { FilterOptionResp } from "../../api";
-import { useState, useEffect } from 'react';
+import { useState, useEffect } from "react";
 
 type Props = {
   onChange: (id: FilterOptionResp) => void;
@@ -19,7 +19,7 @@ export default function CategoryItem(props: Props) {
   const onClick = (item: FilterOptionResp) => {
     props.onChange({
       id: item.id,
-      name: "应用：" + item.name,
+      appName: "应用：" + item.appName,
     });
   };
 
@@ -42,7 +42,7 @@ export default function CategoryItem(props: Props) {
                       key={item.id}
                       onClick={(e) => onClick(item)}
                     >
-                      {item.name}
+                      {item.appName}
                     </Button>
                   );
                 })}
@@ -58,7 +58,7 @@ export default function CategoryItem(props: Props) {
                     key={item.id}
                     onClick={(e) => onClick(item)}
                   >
-                    {item.name}
+                    {item.appName}
                   </Button>
                 );
               })}
@@ -68,4 +68,4 @@ export default function CategoryItem(props: Props) {
       </div>
     </div>
   );
-}
\ No newline at end of file
+}

next.config.js

@@ -10,6 +10,9 @@ const nextConfig = {
   distDir,
   reactStrictMode: true,
   transpilePackages: ["antd"],
+  compiler: {
+    styledComponents: true,
+  },
   redirects() {
     return [
       {

pages/flyingHandService/index.page.tsx

@@ -96,11 +96,15 @@ export default function FlyingHandService() {
 
   //端口列表请求
   useEffect(() => {
+    let queryVal = JSON.parse(JSON.stringify(router.query));
+    for (const key in queryVal) {
+      queryVal[key] = Number(queryVal[key]);
+    }
     api
       .listPageJobServicesInfo({
         ...pageParams,
         ...filterParams,
-        ...router.query,
+        ...queryVal,
       })
       .then((res) => {
         setProductList(
@@ -141,7 +145,7 @@ export default function FlyingHandService() {
 
   useEffect(() => {
     setRightDomList(
-      list.map((item) => {
+      list.map((item: string) => {
         return { element: rightDom(item) };
       })
     );
@@ -156,10 +160,14 @@ export default function FlyingHandService() {
 
   useEffect(() => {
     if (Object.keys(router.query).length) {
+      let queryVal = JSON.parse(JSON.stringify(router.query));
+      for (const key in queryVal) {
+        queryVal[key] = Number(queryVal[key]);
+      }
       setFilterParams((props) => {
         return {
           ...props,
-          ...router.query,
+          ...queryVal,
         };
       });
     }
@@ -171,15 +179,6 @@ export default function FlyingHandService() {
         <div className="flyingTop">
           <div className="flyingTop-left">
             <Space>
-              {/* <Select
-                  className='selectItem'
-                  bordered={false}
-                  popupMatchSelectWidth={false}
-                  placeholder="区域"
-                  size="large"
-                  onChange={onProvinceChange}
-                  options={secondDistrictInfo}
-                /> */}
               <Cascader
                 allowClear
                 placeholder="地域"

pages/home/waterfallFlowBody/index.tsx

@@ -122,7 +122,7 @@ export default function WaterfallFlowBody() {
   const { deviceCategory, deviceBrand, deviceModel } = equipmentLeasingApi;
   const eqApiTypeList = ["categoryId", "brandId", "modelId"];
 
-  const { listAllAppType, listAllIndustry } = jobServicesApi;
+  const { listAllIndustry, listAllAppType } = jobServicesApi;
   const jobApiTypeList = ["industryId", "appTypeId"];
 
   const { listAllCategory, listAllParts, listAllQuality } = mallApi;
@@ -151,7 +151,7 @@ export default function WaterfallFlowBody() {
         deviceBrand(),
         deviceModel(),
       ]);
-      let res2 = await Promise.all([listAllAppType(), listAllIndustry()]);
+      let res2 = await Promise.all([listAllIndustry(), listAllAppType()]);
       let res3 = await Promise.all([
         listAllCategory(),
         listAllParts(),