功能：商城，作业服务，飞手培训，产品商城海报更换

api/index.tsx

-import request, { Response } from '~/api/request'
-import config from './config'
+import request, { Response } from '~/api/request';
+import config from './config';
 
 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 interface UserInfoResp {
-  id: number
-  accountType: number
-  uid: string
-  phoneNum: string
-  userName: string
-  nickName: string
-  userImg: string
-  userSex: number
-  email: string
-  source: number
-  accountStatus: number
-  remark: string
-  portType: number
-  createTime: string
-  companyAuthStatus: number
-  token: string
-  cooperationTagId: number | null
+  id: number;
+  accountType: number;
+  uid: string;
+  phoneNum: string;
+  userName: string;
+  nickName: string;
+  userImg: string;
+  userSex: number;
+  email: string;
+  source: number;
+  accountStatus: number;
+  remark: string;
+  portType: number;
+  createTime: string;
+  companyAuthStatus: number;
+  token: string;
+  cooperationTagId: number | null;
 }
 
 export interface TestAppletLoginResp {
-  userAccountId: number
-  token: string
-  uid: string
-  phoneNum?: string
-  nickName: string
-  sessionKey?: any
+  userAccountId: number;
+  token: string;
+  uid: string;
+  phoneNum?: string;
+  nickName: string;
+  sessionKey?: any;
 }
 
 export default {
   //获取区域数据
   region: (): Promise<Response<Array<RegionResp>>> => {
-    return request('/pms/webDevice/getSecondDistrictInfo')
+    return request('/pms/webDevice/getSecondDistrictInfo');
   },
   //测试-小程序unionId登录-注册
   testAppletLogin: (): Promise<Response<TestAppletLoginResp>> => {
-    let params = new URLSearchParams()
-    params.append('unionId', 'oQZEd5hy0Qrwaj10BGtP8xq8vH--s88888')
+    let params = new URLSearchParams();
+    params.append('unionId', 'oQZEd5hy0Qrwaj10BGtP8xq8vH--s88888');
     return request(
       '/userapp/auth/testAppletLogin',
       'post',
@@ -55,28 +55,43 @@ export default {
           'Content-Type': 'application/x-www-form-urlencoded',
         },
         body: params,
-      }
-    )
+      },
+    );
   },
   //生成小程序码
   getAppletQRCode: (params: { randomLoginCode: string }) => {
     return request('/userapp/wx/getAppletQRCode', 'get', {
       page: 'page-identity/identity-empower/index',
       scene: 'randomLoginCode=' + params.randomLoginCode,
-    })
+    });
   },
   //查询登录信息
   getLoginInfo: (params: { randomLoginCode: string }) => {
     return request('/userapp/temp-auth/getLoginInfo', 'get', params, {
       hideError: true, //隐藏错误提示
-    })
+    });
   },
   //获取用户基本信息
   userInfo: (): Promise<Response<UserInfoResp>> => {
-    return request('/userapp/user-account/info', 'get')
+    return request('/userapp/user-account/info', 'get');
   },
   //图片上传地址
   imgOss: () => {
-    return config.baseUrl + '/pms/upload/imgOss'
+    return config.baseUrl + '/pms/upload/imgOss';
   },
-}
+  //宣传中心
+  listBannerImg: (
+    moduleCode: string,
+  ): Promise<
+    Response<
+      {
+        id: number;
+        bannerImg: string;
+      }[]
+    >
+  > => {
+    return request('/release/module/listBannerImg', 'get', {
+      moduleCode,
+    });
+  },
+};

next.config.js

@@ -27,8 +27,8 @@ const nextConfig = {
     return [
       {
         source: '/local/:path*',
-        // destination: 'https://www.iuav.shop/:path*',
-        destination: 'https://test.iuav.shop/:path*',
+        destination: 'https://www.iuav.shop/:path*',
+        // destination: 'https://test.iuav.shop/:path*',
       },
     ];
   },

pages/equipmentLeasing/api/index.tsx

@@ -18,11 +18,6 @@ export interface Device {
   price: number | null;
 }
 
-export interface Advertisement {
-  id: number;
-  imageUrl: string;
-}
-
 export interface ListPageDeviceInfoResp {
   pageNo: 1;
   pageSize: 10;
@@ -39,8 +34,4 @@ export default {
   ): Promise<Response<ListPageDeviceInfoResp>> => {
     return request('/pms/product/mall/deviceList', 'post', params, options);
   },
-  //web-设备租赁-广告
-  listAdvertisementInfo: (): Promise<Response<Array<Advertisement>>> => {
-    return request('/pms/webDevice/ad', 'get');
-  },
 };

pages/equipmentLeasing/index.page.tsx

@@ -5,9 +5,10 @@ import { useContext, useEffect, useRef, useState } from 'react';
 import ContentBox from '~/components/contentBox';
 import Filter, { AdapterResult, FilterResult } from '~/components/filter';
 import Layout from '~/components/layout';
-import api, { Advertisement, Device } from './api';
+import api, { Device } from './api';
 import { Box } from './styled';
 import { UserContext } from '~/lib/userProvider';
+import commonApi from '~/api';
 // 此函数在构建时被调用
 export async function getStaticProps() {
   //获取筛选数据，进行静态渲染
@@ -53,10 +54,10 @@ export default function EquipmentLeasing(props: Props) {
     );
   };
 
-  const rightDom = (item: Advertisement) => {
+  const rightDom = (item: { id: number; bannerImg: string }) => {
     return (
       <div key={item.id} className='right-box-item right-item'>
-        <Image src={item.imageUrl} alt='error' fill />
+        <Image src={item.bannerImg} alt='error' fill />
       </div>
     );
   };
@@ -119,15 +120,18 @@ export default function EquipmentLeasing(props: Props) {
     adapterFilterResult.categoryId = adapterFilterResult.categoryId?.map((item) => item.id);
     setFilterResult(adapterFilterResult);
   };
-
-  useEffect(() => {
-    api.listAdvertisementInfo().then((res) => {
+  const getPropagandaCenter = () => {
+    commonApi.listBannerImg('DEVICE_RENT').then((res) => {
       setRightProductList(
-        res.result?.map((item) => {
+        (res.result || []).map((item) => {
           return { element: rightDom(item) };
-        }) || [],
+        }),
       );
     });
+  };
+
+  useEffect(() => {
+    getPropagandaCenter();
   }, []);
 
   useEffect(() => {

pages/equipmentLeasing/styled.tsx

@@ -67,7 +67,7 @@ export const Box = styled.div`
   }
   .right-item {
     width: 180px;
-    height: 295px;
+    height: 347px;
     background: #d8d8d8;
     border-radius: 6px;
     overflow: hidden;

pages/flyingHandService/index.page.tsx

@@ -21,6 +21,7 @@ import { phoneNumber } from '~/lib/validateUtils';
 import api, { Flying, RegionResp, SkillsType } from './api';
 import { Box } from './styled';
 import { TypesResp } from '~/components/filter/api';
+import commonApi from '~/api';
 interface FilterInfoParams {
   provinceId?: number;
   categoryId?: any[];
@@ -221,13 +222,18 @@ export default function FlyingHandService() {
       };
     });
   };
+  const getPropagandaCenter = () => {
+    commonApi.listBannerImg('FLYER_TRAIN').then((res) => {
+      setRightDomList(
+        (res.result || []).map((item) => {
+          return { element: rightDom(item.bannerImg) };
+        }),
+      );
+    });
+  };
 
   useEffect(() => {
-    setRightDomList(
-      list.map((item: string) => {
-        return { element: rightDom(item) };
-      }),
-    );
+    getPropagandaCenter();
     api.region().then((res) => {
       setSecondDistrictInfo(res.result || []);
     });

pages/flyingHandService/styled.tsx

@@ -128,7 +128,7 @@ export const Box = styled.div`
   }
   .right-item {
     width: 260px;
-    height: 420px;
+    height: 500px;
     background: #ffffff;
     border-radius: 6px;
     overflow: hidden;

pages/home/waterfallFlowBody/components/rotationChart/index.tsx

-import React from 'react';
+import React, { useEffect, useState } from 'react';
 import { Carousel } from 'antd';
 import { Box } from './styled';
 import Image from 'next/image';
+import commonApi from '~/api';
 
 export default function RotationChart() {
-  const list = [
-    'https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/da9ebaef-8dfb-4daf-930a-155f21c7351b.jpg',
-    'https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/150654a8-64bc-4888-a8b9-b35d812f60c2.jpg',
-    'https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/a93492b7-7b60-43c0-ad51-86262b87b4de.jpg',
-    'https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/a0dc9062-cef8-44ce-bbba-ee82a0d5fe80.jpg',
-    'https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/95843a99-e8bf-4156-b47a-cf3720f4a885.jpg',
-  ];
+  const [bannerList, setBannerList] = useState<string[]>([]);
+  const getPropagandaCenter = () => {
+    commonApi.listBannerImg('OFFICIAL_BANNER').then((res) => {
+      setBannerList((res.result || []).map((item) => item.bannerImg));
+    });
+  };
+  useEffect(() => {
+    getPropagandaCenter();
+  }, []);
   return (
     <Box>
       <Carousel className='rotationChart' autoplay dots={{ className: 'botsBotton' }}>
-        {list.map((item) => (
+        {bannerList.map((item) => (
           <div key={item}>
             <h3 className='contentStyle'>
               <Image src={item} alt='error' fill />

pages/jobServices/index.page.tsx

@@ -6,6 +6,7 @@ import ContentBox from '~/components/contentBox';
 import { useRouter } from 'next/router';
 import Filter, { FilterResult, AdapterResult } from '~/components/filter';
 import api, { Job } from './api';
+import commonApi from '~/api';
 import Image from 'next/image';
 // 此函数在构建时被调用
 export async function getServerSideProps() {
@@ -18,10 +19,6 @@ interface ImageListType {}
 
 export default function JobServices() {
   const router = useRouter();
-  const [list, setList] = useState([
-    'https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/540X844-2(1).jpg',
-    // "https://pad-video-x.oss-cn-shenzhen.aliyuncs.com/file/665512fd-12e6-49a9-93c1-f9dcd0e82083.jpg",
-  ]);
   const [productList, setProductList] = useState(Array<{ element: JSX.Element }>);
   const [rightDomList, setRightDomList] = useState(Array<{ element: JSX.Element }>);
   const leftDom = (item: Job) => {
@@ -56,7 +53,7 @@ export default function JobServices() {
   const rightDom = (item: string) => {
     return (
       <div className='right-box-item advertisement' key={item}>
-        <Image src={item} alt='error' width={260} height={420} />
+        <Image src={item} alt='error' width={260} height={500} />
       </div>
     );
   };
@@ -77,7 +74,15 @@ export default function JobServices() {
       pageNo: page,
     });
   };
-
+  const getPropagandaCenter = () => {
+    commonApi.listBannerImg('JOB_SERVICE').then((res) => {
+      setRightDomList(
+        (res.result || []).map((item) => {
+          return { element: rightDom(item.bannerImg) };
+        }),
+      );
+    });
+  };
   useEffect(() => {
     //中断前一次列表请求
     abort?.abort();
@@ -122,11 +127,7 @@ export default function JobServices() {
   };
 
   useEffect(() => {
-    setRightDomList(
-      list.map((item) => {
-        return { element: rightDom(item) };
-      }),
-    );
+    getPropagandaCenter();
   }, []);
 
   useEffect(() => {

pages/mall/index.page.tsx

@@ -151,7 +151,7 @@ export default function Mall(props: Props) {
                     className={styles.ad}
                     src={item.bannerImg}
                     width={189}
-                    height={295}
+                    height={364}
                     preview={false}
                     fallback={errImg}
                   ></Image>