功能：功能恢复

src/components/home-comp/home-tab/comp/tabView02.tsx

 import React, { useEffect, useState } from 'react';
+import { RightOutlined } from '@ant-design/icons';
 import { Button } from 'antd';
 import { useRouter } from 'next/router';
 import { useDispatch } from 'react-redux';
@@ -55,20 +56,20 @@ const TabView02 = () => {
     getIndustryListPages().then();
   }, []);
   return (
-    <TabViewWrap className="animate__animated animate__fast animate__fadeIn">
+    <TabViewWrap className="animate__animated animate__fast animate__fadeIn flex flex-wrap">
       {tabList.map((i, j) => (
-        <div key={j}>
-          <div className={'tab-little flex-start'}>
+        <div className="tab-item" key={j}>
+          <div
+            className={'tab-little flex-start'}
+            onClick={() => handleMain(i)}
+          >
             {!!i.typeImg && (
               <img src={i.typeImg} alt={i.typeName} className="title-image" />
             )}
-            <Button
-              type={'link'}
-              className="title-name"
-              onClick={() => handleMain(i)}
-            >
+            <Button type={'link'} className="title-name">
               {i.typeName}
             </Button>
+            <RightOutlined className="absolute right-[0.58rem] size-[10px] text-[#AEAFAF]" />
           </div>
           <div className="tab-list flex-start">
             {i.inspectionDTOS?.map((n, m) => (
@@ -92,18 +93,28 @@ const TabViewWrap = styled.div`
   position: relative;
   width: 100%;
   box-sizing: border-box;
-  padding: 0.79rem 1.58rem;
+  padding: 0.58rem;
   //background: lightyellow;
+  .tab-item {
+    position: relative;
+    width: calc((100% / 3) - 0.2rem);
+    box-sizing: border-box;
+    margin: 0 0.2rem 0.58rem 0;
+    &:nth-child(3n) {
+      margin-right: 0;
+    }
+  }
   .tab-little {
     position: relative;
     width: 100%;
     box-sizing: border-box;
-    padding-bottom: 0.68rem;
     border-bottom: 0.02rem solid #ededed;
-    margin-bottom: 0.5rem;
+    background: #f6f9ff;
+    border-radius: 0.5rem 0.5rem 0 0;
+    padding: 0 0.58rem;
     .title-image {
-      width: 1.68rem;
-      height: 1.68rem;
+      width: 1.25rem;
+      height: 1.25rem;
     }
     .title-name {
       font-size: 0.75rem;
@@ -115,8 +126,8 @@ const TabViewWrap = styled.div`
     position: relative;
     width: 100%;
     flex-wrap: wrap;
-    margin-bottom: 1rem;
-    transform: translateX(-10px);
+    height: 1.67rem;
+    overflow: hidden;
     .list-item {
       color: #666666;
       font-weight: 500;

src/components/home-comp/home-tab/comp/tabView05.tsx

@@ -53,7 +53,7 @@ const TabView05 = () => {
       </div>
       <div className="tab-list flex-start">
         {flyerList?.map((i, j) => (
-          <div className="list-item" key={j}>
+          <div className="list-item list-none" key={j}>
             <div className="item-arrow">
               <RightOutlined style={{ fontSize: 10, color: '#A0A0A0' }} />
             </div>
@@ -85,7 +85,10 @@ const TabView05 = () => {
             </div>
             <div className="item-foot flex-start">
               <div className="foot-state">空闲</div>
-              <div className="foot-text text-ellipsis">
+              <div
+                className="foot-text text-ellipsis"
+                title={i?.individualResume}
+              >
                 {i?.individualResume}
               </div>
             </div>
@@ -112,13 +115,14 @@ const TabViewWrap = styled.div`
   position: relative;
   width: 100%;
   box-sizing: border-box;
-  padding: 1rem 1.58rem;
+  padding: 0.58rem;
   .tab-title {
     width: 100%;
     box-sizing: border-box;
     border-bottom: 0.02rem solid #ededed;
     padding-bottom: 0.58rem;
     margin-bottom: 0.42rem;
+    display: none;
     .title-name {
       font-size: 1rem;
       font-weight: 550;
@@ -149,6 +153,7 @@ const TabViewWrap = styled.div`
         right: 0.67rem;
       }
       .item-head {
+        flex-wrap: nowrap;
         .head-image {
           width: 3rem;
           height: 3rem;

src/components/home-comp/home-tab/index.tsx

@@ -23,7 +23,7 @@ const HomeTabView = () => {
       moduleCode: 'HOME_MENU_NEW',
     });
     if (res && res.code === '200') {
-      setCategoryList(res.result.slice(0, 2) || []);
+      setCategoryList(res.result || []);
     }
   };
   // 选择分类

src/components/home-comp/home-task/index.tsx

@@ -155,7 +155,11 @@ const HomeTaskView = () => {
       </div>
       <div className="task-list">
         {requireList?.map((i, j) => (
-          <div className="list-item" key={j} onClick={() => handleDetail(i)}>
+          <div
+            className="list-item list-none"
+            key={j}
+            onClick={() => handleDetail(i)}
+          >
             <div className="item-title">
               {i?.orderLevelEnum !== 'REGULAR_ORDER' && (
                 <div

src/pages/home/index.tsx

 import React from 'react';
 import HomeBottomView from '@/components/home-comp/home-bottom';
+import HomeBrandView from '@/components/home-comp/home-brand';
 import HomeMapView from '@/components/home-comp/home-map';
 import HomeNewsView from '@/components/home-comp/home-news';
 import HomeProductView from '@/components/home-comp/home-product';
 import HomeSearchView from '@/components/home-comp/home-search';
+import HomeServiceView from '@/components/home-comp/home-service';
 import HomeTabView from '@/components/home-comp/home-tab';
+import HomeTaskView from '@/components/home-comp/home-task';
 import HomeTitleView from '@/components/home-comp/home-title';
 import { HomeWrap } from '@/pages/home/styled';
 
@@ -35,17 +38,17 @@ const HomeView = () => {
       {/* 弹性布局 */}
       <div className="home-wrap">
         {/* 抢单大厅 */}
-        {/* <HomeTaskView /> */}
+        <HomeTaskView />
         {/* 品牌企业 */}
-        {/* <HomeBrandView /> */}
+        <HomeBrandView />
         {/* 大家都在买 */}
         <HomeTitleView title="大家都在买" path="/mall" />
         {/* 推荐商品 */}
         <HomeProductView />
         {/* 无人机服务 */}
-        {/* <HomeTitleView title="无人机服务" path="/service" /> */}
+        <HomeTitleView title="无人机服务" path="/service" />
         {/* 服务列表 */}
-        {/* <HomeServiceView /> */}
+        <HomeServiceView />
         {/* 底部标签 */}
         <HomeBottomView />
       </div>