fix

src/components/ProjectListItem/index.jsx

+import "@/assets/css/iconfont.css";
+import Taro from "@tarojs/taro";
+import { Image } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import BorkerShare from "@/components/borkerShare";
+import "./index.scss";
 
-import '@/assets/css/iconfont.css'
-import Taro from '@tarojs/taro'
-import { Image } from '@tarojs/components'
-import { getImgURL } from '@/utils/image'
-import './index.scss'
-
-export default function ProjectListItem (props) {
-  const { Data = {}, ShowImgIcon = true } = props
-  const { uvList = [] } = Data
+export default function ProjectListItem(props) {
+  const { Data = {}, ShowImgIcon = true } = props;
+  const { uvList = [] } = Data;
 
   const LinkTo = () => {
-    if(Data.eventType === 'news') { // 资讯
-      Taro.navigateTo({ url: `/pages/index/newsDetail/index?id=${Data.targetId}&eventType=${Data.type}` })
-    } else if(Data.eventType === 'activity') { // 活动
-      Taro.navigateTo({ url: `/pages/index/activityDetail/index?id=${Data.targetId}&eventType=${Data.type}` })
-    } else { // 楼盘
-      Taro.navigateTo({ url: `/pages/index/buildingDetail/index?id=${Data.buildingId || Data.targetId}` })
+    if (Data.eventType === "news") {
+      // 资讯
+      Taro.navigateTo({
+        url: `/pages/index/newsDetail/index?id=${Data.targetId}&eventType=${Data.type}`,
+      });
+    } else if (Data.eventType === "activity") {
+      // 活动
+      Taro.navigateTo({
+        url: `/pages/index/activityDetail/index?id=${Data.targetId}&eventType=${Data.type}`,
+      });
+    } else {
+      // 楼盘
+      Taro.navigateTo({
+        url: `/pages/index/buildingDetail/index?id=${
+          Data.buildingId || Data.targetId
+        }`,
+      });
     }
-  }
+  };
 
   return (
-    <view className='components ProjectListItem flex-h' onClick={LinkTo}>
-      <view className='Img'>
-        <view>
-          <Image mode='aspectFill' className='centerLabel' src={getImgURL((Data?.buildingListImg || []).length ? Data.buildingListImg[0].url : Data.activityImg || null)} />
-          {
-            (Data?.panoramaList || []).length > 0 && ShowImgIcon &&
-            <Image mode='heightFix' className='Tips Vr' src={require('@/assets/index-icon18.png')} />
-          }
-          {
-            Data.videoUrl !== null && ShowImgIcon &&
-            <Image mode='heightFix' className='Tips Video' src={require('@/assets/index-icon19.png')} />
-          }
-        </view>
-      </view>
-      <view className='flex-item'>
-        <view className='Name flex-h'>
-          <view className='flex-item'>
-            <text>{Data.buildingName}</text>
+    <view className='components ProjectListItem' onClick={LinkTo}>
+      <view className='ProjectListItem-top flex-h'>
+        <view className='Img'>
+          <view>
+            <Image
+              mode='aspectFill'
+              className='centerLabel'
+              src={getImgURL(
+                (Data?.buildingListImg || []).length
+                  ? Data.buildingListImg[0].url
+                  : Data.activityImg || null
+              )}
+            />
+            {(Data?.panoramaList || []).length > 0 && ShowImgIcon && (
+              <Image
+                mode='heightFix'
+                className='Tips Vr'
+                src={require("@/assets/index-icon18.png")}
+              />
+            )}
+            {Data.videoUrl !== null && ShowImgIcon && (
+              <Image
+                mode='heightFix'
+                className='Tips Video'
+                src={require("@/assets/index-icon19.png")}
+              />
+            )}
           </view>
-          <text></text>
         </view>
-        <text className='Price'>{Data.price}</text>
-        <text className='Address'>{Data.address}</text>
-        <view className='Tags'>
-          {
-            (Data.buildingTag || []).map((item, index) => (
+        <view className='flex-item'>
+          <view className='Name flex-h'>
+            <view className='flex-item'>
+              <text>{Data.buildingName}</text>
+            </view>
+            <text></text>
+          </view>
+          <text className='Price'>{Data.price}</text>
+          <text className='Address'>{Data.address}</text>
+          <view className='Tags'>
+            {(Data.buildingTag || []).map((item, index) => (
               <text key={`Tags-${index}`}>{item.tagName}</text>
-            ))
-          }
-        </view>
-        <view className='ShareInfo'>
-          <text className='iconfont icon-fenxiang'></text>
-          <text>{299 + (Data.shareNum || 0)}次分享</text>
-          <view className='Users'>
-            {
-              (uvList?.records || []).slice(0, 3).map((item, index) => (
+            ))}
+          </view>
+          <view className='ShareInfo'>
+            <text className='iconfont icon-fenxiang'></text>
+            <text>{299 + (Data.shareNum || 0)}次分享</text>
+            <view className='Users'>
+              {(uvList?.records || []).slice(0, 3).map((item, index) => (
                 <view key={`uv-${index}`}>
-                  <Image mode='aspectFill' className='centerLabel' src={item.photoOravatar} />
+                  <Image
+                    mode='aspectFill'
+                    className='centerLabel'
+                    src={item.photoOravatar}
+                  />
                 </view>
-              ))
-            }
+              ))}
+            </view>
+            <text>
+              {(uvList?.records || []).length > 0 ? "..." : ""}
+              {299 + (Data.pvNum || 0)}人围观
+            </text>
           </view>
-          <text>{(uvList?.records || []).length > 0 ? '...' : ''}{299 + (Data.pvNum || 0)}人围观</text>
         </view>
       </view>
+      {Data?.isBorker&&<BorkerShare></BorkerShare>}
+      
     </view>
-  )
+  );
 }

src/components/ProjectListItem/index.scss

 .components.ProjectListItem {
   padding-bottom: 30px;
   border-bottom: 2px solid rgba(0, 0, 0, 0.1);
-  > .Img {
-    width: 280px;
-    position: relative;
-    overflow: hidden;
-    margin-right: 20px;
-    > view {
-      width: 100%;
-      padding-bottom: 60%;
-      background: #eee;
+  > .ProjectListItem-top {
+    > .Img {
+      width: 280px;
       position: relative;
       overflow: hidden;
-      border-radius: 8px;
-      > image.centerLabel {
+      margin-right: 20px;
+      > view {
         width: 100%;
-        height: 100%;
-        z-index: 1;
-      }
-      >.Tips {
-        width: 30px;
-        height: 30px;
-        display: block;
-        position: absolute;
-        z-index: 2;
-        bottom: 10px;
-        left: 10px;
-        &:nth-child(3) {
-          left: 50px;
+        padding-bottom: 60%;
+        background: #eee;
+        position: relative;
+        overflow: hidden;
+        border-radius: 8px;
+        > image.centerLabel {
+          width: 100%;
+          height: 100%;
+          z-index: 1;
         }
-      }
-    }
-  }
-  > .flex-item {
-    > .Name {
-      align-items: center;
-      > .flex-item {
-        margin-right: 10px;
-        > text {
+        > .Tips {
+          width: 30px;
+          height: 30px;
           display: block;
-          font-size: 32px;
-          font-weight: 600;
-          color: #333;
-          line-height: 40px;
-          white-space: nowrap;
-          overflow: hidden;
-          text-overflow: ellipsis;
+          position: absolute;
+          z-index: 2;
+          bottom: 10px;
+          left: 10px;
+          &:nth-child(3) {
+            left: 50px;
+          }
         }
       }
     }
-    > .Price {
-      font-size: 22px;
-      line-height: 1;
-      color: red;
-    }
-    > .Address {
-      display: block;
-      font-size: 22px;
-      color: #666;
-      line-height: 1;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      margin-top: 10px;
-    }
-    > .Tags {
-      font-size: 0;
-      white-space: nowrap;
-      margin-top: 16px;
-      > text {
-        display: inline-block;
-        vertical-align: middle;
-        font-size: 22px;
-        padding: 0 10px;
-        line-height: 36px;
-        background: rgba(251, 171, 87, 0.3);
-        color: #666;
-        margin-left: 20px;
-        &:first-child {
-          margin-left: 0;
+    > .flex-item {
+      > .Name {
+        align-items: center;
+        > .flex-item {
+          margin-right: 10px;
+          > text {
+            display: block;
+            font-size: 32px;
+            font-weight: 600;
+            color: #333;
+            line-height: 40px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
         }
       }
-    }
-    > .ShareInfo {
-      font-size: 0;
-      white-space: nowrap;
-      margin-top: 12px;
-      > text {
-        display: inline-block;
-        vertical-align: middle;
+      > .Price {
         font-size: 22px;
-        color: #333;
         line-height: 1;
-        margin-left: 10px;
-        &:first-child {
-          margin-left: 0;
-        }
-        &.iconfont {
-          font-size: 20px;
-        }
+        color: red;
+      }
+      > .Address {
+        display: block;
+        font-size: 22px;
+        color: #666;
+        line-height: 1;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        margin-top: 10px;
       }
-      > .Users {
-        display: inline-block;
-        vertical-align: middle;
+      > .Tags {
         font-size: 0;
         white-space: nowrap;
-        margin-left: 30px;
-        > view {
+        margin-top: 16px;
+        > text {
           display: inline-block;
           vertical-align: middle;
-          width: 30px;
-          height: 30px;
-          background: #eee;
-          border-radius: 100%;
-          margin-left: -10px;
-          position: relative;
-          overflow: hidden;
-          &:nth-child(1) {
-            z-index: 1;
+          font-size: 22px;
+          padding: 0 10px;
+          line-height: 36px;
+          background: rgba(251, 171, 87, 0.3);
+          color: #666;
+          margin-left: 20px;
+          &:first-child {
             margin-left: 0;
           }
-          &:nth-child(2) {
-            z-index: 2;
+        }
+      }
+      > .ShareInfo {
+        font-size: 0;
+        white-space: nowrap;
+        margin-top: 12px;
+        > text {
+          display: inline-block;
+          vertical-align: middle;
+          font-size: 22px;
+          color: #333;
+          line-height: 1;
+          margin-left: 10px;
+          &:first-child {
+            margin-left: 0;
           }
-          &:nth-child(3) {
-            z-index: 3;
+          &.iconfont {
+            font-size: 20px;
           }
-          >image {
-            width: 100%;
-            height: 100%;
+        }
+        > .Users {
+          display: inline-block;
+          vertical-align: middle;
+          font-size: 0;
+          white-space: nowrap;
+          margin-left: 30px;
+          > view {
+            display: inline-block;
+            vertical-align: middle;
+            width: 30px;
+            height: 30px;
+            background: #eee;
+            border-radius: 100%;
+            margin-left: -10px;
+            position: relative;
+            overflow: hidden;
+            &:nth-child(1) {
+              z-index: 1;
+              margin-left: 0;
+            }
+            &:nth-child(2) {
+              z-index: 2;
+            }
+            &:nth-child(3) {
+              z-index: 3;
+            }
+            > image {
+              width: 100%;
+              height: 100%;
+            }
           }
         }
       }

src/components/borkerShare/index.jsx

+import "@/assets/css/iconfont.css";
+import Taro from "@tarojs/taro";
+import { Image } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import "./index.scss";
+
+export default function ProjectListItem(props) {
+  return (
+    <view className='borkerShare flex-h'>
+      <view className='left'>
+        <image
+          className='image'
+          src={`${OSS_FAST_PATH}/miniapp/borker/钱袋.png`}
+          alt=''
+          srcset=''
+        />
+       <text>靓盘好卖 闪付结佣</text>
+      </view>
+      <view className='right'>
+      <text>推荐好友</text>
+      
+        <image
+          className='image'
+          src={`${OSS_FAST_PATH}/miniapp/borker/分享.png`}
+          alt=''
+          srcset=''
+        />
+      </view>
+    </view>
+  );
+}

src/components/borkerShare/index.scss

+.borkerShare {
+    width: 660px;
+    height: 42px;
+    background:rgba(254, 230, 204, 0.3);
+    padding: 8px 20px 0 10px;
+    // opacity: ;
+    justify-content: space-between;
+    margin: 20px auto 0;
+    > .left {
+      font-size: 22px;
+      font-family: DengXian;
+      font-weight: bold;
+      color: #333333;
+      // vertical-align: bottom;
+      image {
+        width: 22px;
+        height: 26px;
+        margin-right: 12px;
+        vertical-align: -4rpx;
+        // vertical-align: bottom;
+        // vertical-align: -webkit-baseline-middle;
+      }
+    }
+    > .right {
+      font-size: 20px;
+      font-family: DengXian;
+      font-weight: bold;
+      color: #333333;
+      image {
+        width: 18px;
+        height: 16px;
+        margin-left: 12px;
+        vertical-align: -4rpx;
+      }
+    }
+  
+}

src/pages/index/buildingDetail/components/BasicInfo/index.jsx

 import Taro from '@tarojs/taro'
 import { ScrollView, Image } from '@tarojs/components'
 import AuthRole from '@/components/Auth/AuthRole'
+import BorkerShare from '@/components/borkerShare'
 import { ROLE_CODE } from '@/constants/user'
 import classNames from 'classnames'
 import useFavor from '@/utils/hooks/useFavor'
         }
       </view>
 
+      {Info?.isBorker&&<BorkerShare></BorkerShare>}
+
       {/* 项目列表 */}
       {
         (Info.buildingProjectType || []).length > 0 &&

src/pages/mine/tabData.js

   ],
   Broker: [ // 经纪人
     [
-      { name: '我的钱包', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
-      { name: '我的客户', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
-      { name: '我的资料', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
-      { name: '我的消息', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
+      { name: '我的钱包', icon: require('@/assets/mine-icon1.png'), router: '/subpackages/pages/borker/myWallet/index' },
+      { name: '我的客户', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/myCustomer/index' },
+      { name: '我的资料', icon: require('@/assets/mine-icon1.png'), router: '/subpackages/pages/borker/toBeBorker/index' },
+      { name: '我的消息', icon: require('@/assets/mine-icon1.png'), router: '/subpackages/pages/borker/myMessage/index' },
       { name: '我邀请的全民经纪人', icon: require('@/assets/mine-icon1.png'), router: '/pages/mine/addCustomer/index?type=estateAgent' },
     ],
     [

src/routes.js

-
 const routes = [
-
   /**********************************
    *  Tab 页面
    *********************************/
   {
-    name: '首页',
-    page: 'pages/index/index',
-    pkg: 'main',
+    name: "首页",
+    page: "pages/index/index",
+    pkg: "main",
     isTab: true,
-    type: 'main',
+    type: "main",
     shortcut: {
       chat: false,
       consultant: true,
     // auth: ['phone', 'avatar']
   },
   {
-    name: '视频',
-    page: 'pages/video/index',
-    pkg: 'main',
+    name: "视频",
+    page: "pages/video/index",
+    pkg: "main",
     isTab: true,
-    type: 'other',
+    type: "other",
   },
   {
-    name: '消息',
-    page: 'pages/chat/index',
-    pkg: 'main',
+    name: "消息",
+    page: "pages/chat/index",
+    pkg: "main",
     isTab: true,
-    type: 'other',
-    auth: ['page', 'avatar'],
+    type: "other",
+    auth: ["page", "avatar"],
   },
   {
-    name: '我是',
-    page: 'pages/mine/index',
-    pkg: 'main',
+    name: "我是",
+    page: "pages/mine/index",
+    pkg: "main",
     isTab: true,
-    type: 'center',
-    auth: ['page', 'avatar'],
+    type: "center",
+    auth: ["page", "avatar"],
   },
 
   // 聊天
   {
-    name: '聊天',
-    page: 'pages/chat/chatDetail/index',
-    pkg: 'main',
-    type: 'other',
-    auth: ['phone', 'avatar'],
+    name: "聊天",
+    page: "pages/chat/chatDetail/index",
+    pkg: "main",
+    type: "other",
+    auth: ["phone", "avatar"],
   },
 
   // /********************************
   //  * 项目相关
   //  *******************************/
   {
-    name: '定位',
-    page: 'pages/index/location/index',
-    pkg: 'main',
-    type: 'other',
+    name: "定位",
+    page: "pages/index/location/index",
+    pkg: "main",
+    type: "other",
   },
   {
-    name: '帮我找房',
-    page: 'pages/index/helpToFindHouse/index',
-    pkg: 'main',
-    type: 'building',
-    auth: ['phone'],
+    name: "帮我找房",
+    page: "pages/index/helpToFindHouse/index",
+    pkg: "main",
+    type: "building",
+    auth: ["phone"],
   },
   {
-    name: '地图找房',
-    page: 'pages/index/findHouseFromMap/index',
-    pkg: 'main',
-    type: 'building',
+    name: "地图找房",
+    page: "pages/index/findHouseFromMap/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '楼盘搜索',
-    page: 'pages/index/buildingSearch/index',
-    pkg: 'main',
-    type: 'building',
+    name: "楼盘搜索",
+    page: "pages/index/buildingSearch/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '楼盘列表',
-    page: 'pages/index/buildingList/index',
-    pkg: 'main',
-    type: 'building',
+    name: "楼盘列表",
+    page: "pages/index/buildingList/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '楼盘详情',
-    page: 'pages/index/buildingDetail/index',
-    pkg: 'main',
-    type: 'building',
+    name: "楼盘详情",
+    page: "pages/index/buildingDetail/index",
+    pkg: "main",
+    type: "building",
     // auth: ['phone', 'avatar'],
     shortcut: {
       chat: false,
     },
   },
   {
-    name: '全景看房',
-    page: 'pages/index/panoramaChecking/index',
-    pkg: 'main',
-    type: 'building',
+    name: "全景看房",
+    page: "pages/index/panoramaChecking/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '楼盘信息',
-    page: 'pages/index/buildingInfo/index',
-    pkg: 'main',
-    type: 'building',
+    name: "楼盘信息",
+    page: "pages/index/buildingInfo/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '围观记录',
-    page: 'pages/index/buildingViewsRecords/index',
-    pkg: 'main',
-    type: 'building',
+    name: "围观记录",
+    page: "pages/index/buildingViewsRecords/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '置业顾问',
-    page: 'pages/index/buildingPropertyConsultant/index',
-    pkg: 'main',
-    type: 'building',
+    name: "置业顾问",
+    page: "pages/index/buildingPropertyConsultant/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '相册图片',
-    page: 'pages/index/buildingPictures/index',
-    pkg: 'main',
-    type: 'building',
+    name: "相册图片",
+    page: "pages/index/buildingPictures/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '报备规则',
-    page: 'pages/index/buildingRules/index',
-    pkg: 'main',
-    type: 'building',
+    name: "报备规则",
+    page: "pages/index/buildingRules/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '一键带看',
-    page: 'pages/index/buildingTakeLook/index',
-    pkg: 'main',
-    type: 'building',
-    auth: ['phone', 'avatar'],
+    name: "一键带看",
+    page: "pages/index/buildingTakeLook/index",
+    pkg: "main",
+    type: "building",
+    auth: ["phone", "avatar"],
   },
   {
-    name: '项目动态',
-    page: 'pages/index/buildingDynamic/index',
-    pkg: 'main',
-    type: 'building',
+    name: "项目动态",
+    page: "pages/index/buildingDynamic/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '周边设施',
-    page: 'pages/index/buildingAround/index',
-    pkg: 'main',
-    type: 'building',
+    name: "周边设施",
+    page: "pages/index/buildingAround/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '品牌列表',
-    page: 'pages/index/brandList/index',
-    pkg: 'main',
-    type: 'building',
+    name: "品牌列表",
+    page: "pages/index/brandList/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '品牌专题',
-    page: 'pages/index/brandDetail/index',
-    pkg: 'main',
-    type: 'building',
+    name: "品牌专题",
+    page: "pages/index/brandDetail/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '增值服务',
-    page: 'pages/index/addedValueService/index',
-    pkg: 'main',
-    type: 'building',
-    auth: ['phone'],
+    name: "增值服务",
+    page: "pages/index/addedValueService/index",
+    pkg: "main",
+    type: "building",
+    auth: ["phone"],
   },
   {
-    name: '活动列表',
-    page: 'pages/index/activityList/index',
-    pkg: 'main',
-    type: 'dymic',
+    name: "活动列表",
+    page: "pages/index/activityList/index",
+    pkg: "main",
+    type: "dymic",
     // auth: ['phone', 'avatar'],
   },
   {
-    name: '活动详情',
-    page: 'pages/index/activityDetail/index',
-    pkg: 'main',
-    type: 'activity',
-    auth: ['phone', 'avatar'],
+    name: "活动详情",
+    page: "pages/index/activityDetail/index",
+    pkg: "main",
+    type: "activity",
+    auth: ["phone", "avatar"],
   },
   {
-    name: '特价房',
-    page: 'pages/index/specialPriceHouse/index',
-    pkg: 'main',
-    type: 'building',
-    auth: ['phone', 'avatar'],
+    name: "特价房",
+    page: "pages/index/specialPriceHouse/index",
+    pkg: "main",
+    type: "building",
+    auth: ["phone", "avatar"],
   },
   {
-    name: '免责声明',
-    page: 'pages/index/disclaimer/index',
-    pkg: 'main',
-    type: 'building',
+    name: "免责声明",
+    page: "pages/index/disclaimer/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '康养',
-    page: 'pages/index/recovered/index',
-    pkg: 'main',
-    type: 'other',
+    name: "康养",
+    page: "pages/index/recovered/index",
+    pkg: "main",
+    type: "other",
   },
   {
-    name: '文旅商办',
-    page: 'pages/index/culturalAndBusiness/index',
-    pkg: 'main',
-    type: 'building',
+    name: "文旅商办",
+    page: "pages/index/culturalAndBusiness/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '资讯',
-    page: 'pages/index/newsList/index',
-    pkg: 'main',
-    type: 'news',
+    name: "资讯",
+    page: "pages/index/newsList/index",
+    pkg: "main",
+    type: "news",
   },
   {
-    name: '资讯详情',
-    page: 'pages/index/newsDetail/index',
-    pkg: 'main',
-    type: 'news',
+    name: "资讯详情",
+    page: "pages/index/newsDetail/index",
+    pkg: "main",
+    type: "news",
   },
   {
-    name: '购房百科',
-    page: 'pages/index/encyclopediasOfBuyHouse/index',
-    pkg: 'main',
-    type: 'building',
+    name: "购房百科",
+    page: "pages/index/encyclopediasOfBuyHouse/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '百科详情',
-    page: 'pages/index/encyDetail/index',
-    pkg: 'main',
-    type: 'building',
+    name: "百科详情",
+    page: "pages/index/encyDetail/index",
+    pkg: "main",
+    type: "building",
   },
   {
-    name: '课程详情',
-    page: 'pages/index/courseDetail/index',
-    pkg: 'main',
-    type: 'curriculum',
+    name: "课程详情",
+    page: "pages/index/courseDetail/index",
+    pkg: "main",
+    type: "curriculum",
   },
 
   //视频
   {
-    name: '直播活动',
-    page: 'pages/video/liveDetail/index',
-    pkg: 'main',
-    type: 'live',
+    name: "直播活动",
+    page: "pages/video/liveDetail/index",
+    pkg: "main",
+    type: "live",
     // auth: ['phone'],
   },
   {
-    name: '视频详情',
-    page: 'pages/video/videoDetail/index',
-    pkg: 'main',
-    type: 'live',
-    auth: ['phone'],
+    name: "视频详情",
+    page: "pages/video/videoDetail/index",
+    pkg: "main",
+    type: "live",
+    auth: ["phone"],
   },
 
   // 我的
   {
-    name: '我的推广码',
-    page: 'pages/mine/myRecommendCode/index',
-    pkg: 'main',
-    type: 'mine',
+    name: "我的推广码",
+    page: "pages/mine/myRecommendCode/index",
+    pkg: "main",
+    type: "mine",
     // auth: ['phone'],
   },
   {
-    name: '房贷计算器',
-    page: 'pages/mine/mortgageCalc/index',
-    pkg: 'main',
-    type: 'other',
+    name: "房贷计算器",
+    page: "pages/mine/mortgageCalc/index",
+    pkg: "main",
+    type: "other",
   },
   {
-    name: '基本信息',
-    page: 'pages/mine/userInfo/index',
-    pkg: 'main',
-    type: 'center',
-    auth: ['phone', 'avatar'],
+    name: "基本信息",
+    page: "pages/mine/userInfo/index",
+    pkg: "main",
+    type: "center",
+    auth: ["phone", "avatar"],
   },
   {
-    name: '成为驻场管理',
-    page: 'pages/mine/toBeManager/index',
-    pkg: 'main',
-    type: 'center',
+    name: "成为驻场管理",
+    page: "pages/mine/toBeManager/index",
+    pkg: "main",
+    type: "center",
     // auth: ['phone'],
   },
   {
-    name: '成为合伙人',
-    page: 'pages/mine/toBeAgent/index',
-    pkg: 'main',
-    type: 'center',
+    name: "成为合伙人",
+    page: "pages/mine/toBeAgent/index",
+    pkg: "main",
+    type: "center",
     // auth: ['phone'],
   },
   {
-    name: '我的分享',
-    page: 'pages/mine/myShare/index',
-    pkg: 'main',
-    type: 'center',
+    name: "我的分享",
+    page: "pages/mine/myShare/index",
+    pkg: "main",
+    type: "center",
   },
   {
-    name: '我的课堂',
-    page: 'pages/mine/myCourse/index',
-    pkg: 'main',
-    type: 'center',
+    name: "我的课堂",
+    page: "pages/mine/myCourse/index",
+    pkg: "main",
+    type: "center",
     // auth: ['phone'],
   },
   {
-    name: '我的活动',
-    page: 'pages/mine/myActivity/index',
-    pkg: 'main',
-    type: 'center',
+    name: "我的活动",
+    page: "pages/mine/myActivity/index",
+    pkg: "main",
+    type: "center",
   },
   {
-    name: '我的客户',
-    page: 'pages/mine/myCustomer/index',
-    pkg: 'main',
-    type: 'center',
+    name: "我的客户",
+    page: "pages/mine/myCustomer/index",
+    pkg: "main",
+    type: "center",
     // auth: ['phone'],
   },
   {
-    name: '客户详情',
-    page: 'pages/mine/myCustomerDetail/index',
-    pkg: 'main',
-    type: 'other',
+    name: "客户详情",
+    page: "pages/mine/myCustomerDetail/index",
+    pkg: "main",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '操作人员',
-    page: 'pages/mine/myCustomerForOperator/index',
-    pkg: 'main',
-    type: 'other',
+    name: "操作人员",
+    page: "pages/mine/myCustomerForOperator/index",
+    pkg: "main",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '跟进记录',
-    page: 'pages/mine/myCustomerForRecord/index',
-    pkg: 'main',
-    type: 'other',
+    name: "跟进记录",
+    page: "pages/mine/myCustomerForRecord/index",
+    pkg: "main",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '我的收藏',
-    page: 'pages/mine/myCollect/index',
-    pkg: 'main',
-    type: 'other',
+    name: "我的收藏",
+    page: "pages/mine/myCollect/index",
+    pkg: "main",
+    type: "other",
   },
   {
-    name: '合作渠道',
-    page: 'pages/channel/partnerChannel/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "合作渠道",
+    page: "pages/channel/partnerChannel/index",
+    pkg: "subpackages",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '添加客户',
-    page: 'pages/mine/addCustomer/index',
-    pkg: 'main',
-    type: 'other',
+    name: "添加客户",
+    page: "pages/mine/addCustomer/index",
+    pkg: "main",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '驻场管理',
-    page: 'pages/marketing/residentManager/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "驻场管理",
+    page: "pages/marketing/residentManager/index",
+    pkg: "subpackages",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '确认到访',
-    page: 'pages/marketing/sureVisit/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "确认到访",
+    page: "pages/marketing/sureVisit/index",
+    pkg: "subpackages",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '变更交易节点',
-    page: 'pages/marketing/changeVisit/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "变更交易节点",
+    page: "pages/marketing/changeVisit/index",
+    pkg: "subpackages",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '盘客工具',
-    page: 'pages/consultant/statCustomer/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "盘客工具",
+    page: "pages/consultant/statCustomer/index",
+    pkg: "subpackages",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '客户信息',
-    page: 'pages/mine/customerDetail/index',
-    pkg: 'main',
-    type: 'other',
+    name: "客户信息",
+    page: "pages/mine/customerDetail/index",
+    pkg: "main",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '客户分析',
-    page: 'pages/consultant/customerAnalyse/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "客户分析",
+    page: "pages/consultant/customerAnalyse/index",
+    pkg: "subpackages",
+    type: "other",
     // auth: ['phone'],
   },
   {
-    name: '个人主页',
-    page: 'pages/consultant/myHomepage/index',
-    pkg: 'subpackages',
-    type: 'card',
+    name: "个人主页",
+    page: "pages/consultant/myHomepage/index",
+    pkg: "subpackages",
+    type: "card",
     // auth: ['phone'],
   },
   {
-    name: '意见反馈',
-    page: 'pages/mine/feedBack/index',
-    pkg: 'main',
-    type: 'other',
+    name: "意见反馈",
+    page: "pages/mine/feedBack/index",
+    pkg: "main",
+    type: "other",
+  },
+  {
+    name: "全景图",
+    page: "pages/index/webview/index",
+    pkg: "main",
+    type: "other",
+  },
+  {
+    name: "全民经纪人",
+    page: "pages/borker/toBeBorker/index",
+    pkg: "subpackages",
+    type: "other",
   },
   {
-    name: '全景图',
-    page: 'pages/index/webview/index',
-    pkg: 'main',
-    type: 'other',
+    name: "我的钱包",
+    page: "pages/borker/myWallet/index",
+    pkg: "subpackages",
+    type: "other",
   },
   {
-    name: '全民经纪人',
-    page: 'pages/borker/toBeBorker/index',
-    pkg: 'subpackages',
-    type: 'other',
+    name: "我的消息",
+    page: "pages/borker/myMessage/index",
+    pkg: "subpackages",
+    type: "other",
   },
-  
-]
+  {
+    name: "排行榜",
+    page: "pages/borker/rankingList/index",
+    pkg: "subpackages",
+    type: "other",
+  },
+  {
+    name: "佣金结算",
+    page: "pages/borker/commissionSettlement/index",
+    pkg: "subpackages",
+    type: "other",
+  },
+];
 
 /**
  * 获取 app pages 列表
  */
 function getPages() {
   const grp = routes.reduce((g, r) => {
-    const { pkg, page } = r
-    const pg = g[pkg] || []
-    
+    const { pkg, page } = r;
+    const pg = g[pkg] || [];
+
     return Object.assign(g, {
       [`${pkg}`]: pg.concat(page),
-    })
+    });
   }, {});
 
   const pages = grp.main;
-  const subPackages = Object.keys(grp).filter(x => x !== 'main').reduce(((pkg, key) => {
-    return pkg.concat({
-      root: key,
-      pages: grp[key],
-    })
-  }),[])
-
+  const subPackages = Object.keys(grp)
+    .filter((x) => x !== "main")
+    .reduce((pkg, key) => {
+      return pkg.concat({
+        root: key,
+        pages: grp[key],
+      });
+    }, []);
 
   return {
     pages,
     subPackages,
-  }
+  };
 }
 
 // eslint-disable-next-line import/no-commonjs

src/subpackages/pages/borker/commissionSettlement/index.config.js

+export default {
+  navigationBarTitleText: '佣金结算'
+}

src/subpackages/pages/borker/commissionSettlement/index.jsx

+import { useState, useEffect } from 'react'
+import Taro from '@tarojs/taro'
+import { useSelector } from 'react-redux'
+import withLayout from '@/layout'
+import { ScrollView, Input, Image, Block, Textarea } from '@tarojs/components'
+import { getImgURL } from '@/utils/image'
+import { fetch, uploadFiles } from '@/utils/request'
+import { UPDATE_USER_INFO, ROLE_CODE } from '@/constants/user'
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from '@/constants/api'
+import store from '@/store'
+import '@/assets/css/iconfont.css'
+import './index.scss'
+
+export default withLayout((props) => {
+
+  const {onChanel =()=>{}} =props
+  const [FormData, setFormData] = useState({
+    name: '',
+    phone: '',
+    description: ''
+  })
+
+
+
+  const Save = () => {
+
+  }
+
+  const FormChange = (key, e) => {
+    let Data = { ...FormData }
+    Data[key] = e.detail.value
+    setFormData(Data)
+  }
+
+
+
+  return (
+    <view className='Page UserInfo'>
+
+      <ScrollView scroll-y>
+        <view className='PageContent'>
+
+          <text>客户信息</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+             张三
+            </view>
+          </view>
+
+          <text>成交信息房源</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+            张三
+            </view>
+          </view>
+
+          <text>成交总价</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+             张三
+            </view>
+          </view>
+
+          <text>成交日期</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+            张三
+            </view>
+          </view>
+
+          <text>当前状态</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+             张三
+            </view>
+          </view>
+
+          <text>总佣金</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+            张三
+            </view>
+          </view>
+
+          <text>已结佣金</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+             张三
+            </view>
+          </view>
+
+          <text>本次结佣</text>
+          <view className='FormLine flex-h'>
+            <view className='flex-item'>
+              <Input placeholder='请输入金额' disabled value={FormData.phone} onInput={FormChange.bind(this, 'phone')}></Input>
+            </view>
+          </view>
+
+        </view>
+
+        <view className='Btn'>
+        
+          <text onClick={()=>onChanel()} >返回</text>
+          <text >确定</text>
+        </view>
+      </ScrollView>
+
+    </view>
+  )
+})

src/subpackages/pages/borker/commissionSettlement/index.scss

+.Page.UserInfo {
+  background: #fff;
+  height: 100vh;
+  width: 100%;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: calc(100vh - 100px);
+      z-index: 1;
+      padding-bottom: 100px;
+      > text {
+        font-size: 34px;
+        font-weight: bold;
+        color: #333;
+        display: block;
+        text-indent: 40px;
+        margin-top: 30px;
+      }
+      > .flex-h {
+        padding: 20px 40px;
+        border-bottom: 2px solid rgba(0, 0, 0, 0.12);
+        margin-top: 10px;
+        align-items: center;
+        > view {
+          > .Icon {
+            width: 92px;
+            height: 92px;
+            position: relative;
+            overflow: hidden;
+            border-radius: 100%;
+            background: #eee;
+            > image {
+              width: 100%;
+              height: 100%;
+            }
+          }
+          > input {
+            display: block;
+            width: 100%;
+            background: none;
+            font-size: 26px;
+            line-height: 40px;
+            height: 40px;
+          }
+          > textarea {
+            font-size: 26px;
+            display: block;
+            width: 100%;
+          }
+          > text {
+            display: block;
+            width: 100%;
+            background: none;
+            font-size: 26px;
+            line-height: 40px;
+            height: 40px;
+          }
+        }
+        > text {
+          font-size: 30px;
+        }
+      }
+    }
+    .Btn {
+      padding: 0 40px;
+      position: relative;
+      overflow: hidden;
+      z-index: 2;
+      margin-top: -60px;
+      margin-bottom: 60px;
+      // padding: 0 40px;
+      // position: absolute;
+      // // box-sizing: border-box;
+      // width: 100vw;
+      // left: 0;
+      // bottom: 20px;
+      // z-index: 2;
+      // margin-top: 20px;
+      display: flex;
+      justify-content: space-between;
+      > text {
+        display: block;
+        text-align: center;
+        font-size: 32px;
+        line-height: 92px;
+        background: #193c83;
+        color: #fff;
+        font-weight: bold;
+        border-radius: 92px;
+        width: 320px;
+      }
+
+      text:first-child {
+        border: 2px solid #193C83;
+
+        background: #fff;
+        color: #193c83;
+      }
+    }
+  }
+}

src/subpackages/pages/borker/myMessage/components/messageItem/index.jsx

+import { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { getDateForHumans } from '@/utils/chatDate'
+import "./index.scss";
+// const ossFastPath = OSS_FAST_PATH;
+export default (props) => {
+  const { message } = props;
+
+  return (
+    <view className="Item messageItem">
+     <view className="messageItem-top">
+      <image className="image" src={`${OSS_FAST_PATH}/miniapp/borker/消息.png`} alt="" srcset="" />
+      消息提醒
+     </view>
+     <view className="messageItem-bottom"></view>
+     {message}
+    </view>
+  );
+};

src/subpackages/pages/borker/myMessage/components/messageItem/index.scss

+.Item.messageItem {
+  margin-top: 20px;
+  // display: flex;
+  padding: 20px 20px 40px;
+  justify-content: center;
+  box-sizing: border-box;
+  background: #ffffff;
+  width: 100%;
+  .messageItem-top {
+    padding-bottom: 20px;
+    font-size: 26px;
+    font-family: DengXian;
+    font-weight: 600;
+    color: #121212;
+    border-bottom: 1px solid #f2f2f2;
+    .image {
+      width: 24px;
+      height: 28px;
+      margin-right: 14px;
+      vertical-align: bottom;
+    }
+  }
+  .messageItem-bottom {
+    padding-top: 30px;
+    font-size: 28px;
+    font-family: DengXian;
+    font-weight: 400;
+    color: #121212;
+  }
+}

src/subpackages/pages/borker/myMessage/components/messageTime/index.jsx

+import { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import { getDateForHumans } from '@/utils/chatDate'
+import "./index.scss";
+
+export default (props) => {
+  const { time } = props;
+
+  return (
+    <view className="Item messageTime">
+      <view className="time">{getDateForHumans(time, true)}</view>
+    </view>
+  );
+};

src/subpackages/pages/borker/myMessage/components/messageTime/index.scss

+.Item.messageTime {
+  margin-top: 40px;
+  display: flex;
+  justify-content: center;
+  box-sizing: border-box;
+  .time {
+    background: #cecece;
+    padding: 5px 12px 6px;
+    border-radius: 15px;
+
+    font-size: 20px;
+    font-family: DengXian;
+    font-weight: 400;
+    color: #ffffff;
+  }
+}

src/subpackages/pages/borker/myMessage/index.config.js

+export default {
+  navigationBarTitleText: '我的消息'
+}

src/subpackages/pages/borker/myMessage/index.jsx

+import { useState, useEffect } from "react";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView } from "@tarojs/components";
+import "@/assets/css/iconfont.css";
+import { fetch } from "@/utils/request";
+import { API_NEWS_LIST } from "@/constants/api";
+import MessageTime from "./components/messageTime";
+import MessageItem from "./components/messageItem";
+import "./index.scss";
+
+export default withLayout((props) => {
+  const [PageList, setPageList] = useState([]);
+  const [IsPull, setPull] = useState(false);
+  const [PersonId, setPersonId] = useState(null);
+  const [pageNumber, setPageNumber] = useState(1);
+  const [HasNextPage, setHasNextPage] = useState(true);
+
+  useEffect(() => {
+    GetPageList();
+  }, [pageNumber]);
+
+  const PageRefresh = () => {
+    // 页面下拉刷新回调
+    setPull(true);
+  };
+
+  const GetPageList = () => {
+    setHasNextPage(false);
+    // fetch({ url: API_NEWS_LIST, method: 'get', payload: { pageNumber, pageSize: 10, cityId: city.id } }).then((res) => {
+    //   setPageList(pageNumber === 1 ? res.records || [] : PageList.concat(res.records || []))
+    //   setHasNextPage(res.current < res.pages)
+    //   setPull(false)
+    // })
+  };
+
+  const PageLoadMore = () => {
+    // 页面上拉加载更多
+    // if(HasNextPage) {
+    //   setPageNumber(pageNumber + 1)
+    // }
+  };
+
+  useEffect(() => {
+    // 下拉刷新触发
+    // if (IsPull) {
+    //   if(pageNumber === 1) {
+    //     GetPageList()
+    //   } else {
+    //     setPageNumber(1)
+    //   }
+    // }
+  }, [IsPull]);
+
+  return (
+    <view className="Page myMessage">
+      <ScrollView
+        scroll-y
+        refresher-enabled
+        refresher-triggered={IsPull}
+        onrefresherrefresh={PageRefresh}
+        refresher-background="#F8F8F8"
+        onscrolltolower={PageLoadMore}
+      >
+        <view className="PageContent">
+          {/* {PageList.map((item, index) => (
+            <NewsListItem data={item} key={`ListItem-${index}`}></NewsListItem>
+          ))} */}
+          <MessageTime time="2022-07-31 9:52:14" />
+          <MessageItem
+            message="尊贵的李先生，您好！衷心的感谢您对xx地产的 关注和支持！经确认，您于2022年7月22日签署了.尊贵的李先生，您好！衷心的感谢您对xx地产的 关注和支持！经确认，您于2022年7月22日签署了"
+          />
+          {/* bottom */}
+          <view className="PageBottom">
+            <text>已经到底了~</text>
+          </view>
+        </view>
+      </ScrollView>
+    </view>
+  );
+});

src/subpackages/pages/borker/myMessage/index.scss

+.Page.myMessage {
+  background: #F8F8F8;
+  > scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      position: relative;
+      overflow: hidden;
+      min-height: 100vh;
+      padding: 0 30px;
+      >view {
+        margin-top: 30px;
+      }
+      > .PageBottom {
+        text-align: center;
+        font-size: 0;
+        white-space: nowrap;
+        > text {
+          display: inline-block;
+          font-size: 28px;
+          color: #666;
+          line-height: 40px;
+          margin: 20px auto;
+        }
+      }
+    }
+  }
+}

src/subpackages/pages/borker/myWallet/index.config.js

+export default {
+  navigationBarTitleText: '我的钱包'
+}

src/subpackages/pages/borker/myWallet/index.jsx

+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView, Input, Image, Block, Textarea } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import { fetch, uploadFiles } from "@/utils/request";
+import { UPDATE_USER_INFO, ROLE_CODE } from "@/constants/user";
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from "@/constants/api";
+import store from "@/store";
+import WalletList from "./list";
+
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default withLayout(() => {
+  const [activeKey, setActiveKey] = useState(1);
+  return (
+    <view className="Page myWallet">
+      <view className="top">
+        <view className="tabs">
+          <view
+            className={`tab ${activeKey === 1 ? "active" : ""}`}
+            onClick={() => setActiveKey(1)}
+          >
+            我的佣金
+          </view>
+          <view
+            className={`tab ${activeKey === 2 ? "active" : ""}`}
+            onClick={() => setActiveKey(2)}
+          >
+            我的奖励
+          </view>
+        </view>
+      </view>
+      <view className="middle">
+        <text className="text1">总资产（元）</text>
+        <text className="text2">9000.00</text>
+      </view>
+      <view className="bottom">
+        <WalletList></WalletList>
+      </view>
+    </view>
+  );
+});

src/subpackages/pages/borker/myWallet/index.scss

+.Page.myWallet {
+  background: #fff;
+  height: 100vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  .top {
+    width: 100%;
+    height: 396px;
+    background: linear-gradient(180deg, #1a3d83, #5981d1);
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    .tabs {
+      width: 510px;
+      height: 78px;
+      background: rgba(229, 229, 229, 0.3);
+      border-radius: 39px;
+      display: flex;
+      align-items: center;
+      .tab {
+        line-height: 78px;
+        width: 50%;
+        text-align: center;
+
+        font-size: 34px;
+
+        font-weight: normal;
+        color: rgba(256, 256, 256, 0.8);
+      }
+      .active {
+        // width: 255px;
+        // height: 78px;
+        background: #ffffff;
+        border-radius: 39px;
+        color: #1a3d83;
+      }
+    }
+  }
+
+  .middle {
+    position: absolute;
+    top: 324px;
+    left: 30px;
+    width: 630px;
+    height: 174px;
+    background: #ffffff;
+    box-shadow: 0px 4px 28px 0px rgba(27, 62, 132, 0.18);
+    border-radius: 20px;
+    display: inline-flex;
+    padding: 0 30px;
+    justify-content: space-between;
+    align-items: center;
+    z-index: 99;
+    .text1 {
+      font-size: 28px;
+      font-family: DengXian;
+      font-weight: 400;
+      color: #121212;
+    }
+    .text2 {
+      font-size: 48px;
+      font-family: DengXian;
+      font-weight: bold;
+      color: #121212;
+    }
+  }
+
+  .bottom{
+    padding-top: 102px;
+  }
+  
+}

src/subpackages/pages/borker/myWallet/list/Item/index.jsx

+import { useState, useEffect } from "react";
+
+import "./index.scss";
+
+export default () => {
+  return (
+    <view className="components myWalletItem">
+      <view className="item-top">
+        <view className="top-text1">邀请好友</view>
+        <view className="top-text2">+20</view>
+      </view>
+      <view className="item-bottom">
+        <view className="bottom-text1">成功邀请张三</view>
+        <view className="bottom-text2">2022.01.01</view>
+      </view>
+    </view>
+  );
+};

src/subpackages/pages/borker/myWallet/list/Item/index.scss

+.components.myWalletItem {
+  padding: 40px 0 30px;
+  //  border-bottom: ;
+  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.08);
+  .item-top {
+    display: flex;
+    justify-content: space-between;
+    .top-text1 {
+      font-size: 30px;
+      font-family: Adobe Heiti Std;
+      font-weight: normal;
+      color: #333333;
+    }
+    .top-text2 {
+      font-size: 32px;
+      font-family: DengXian;
+      font-weight: bold;
+      color: #fc2c2c;
+    }
+  }
+  .item-bottom {
+    display: flex;
+    justify-content: space-between;
+    font-size: 24px;
+    font-family: DengXian;
+    font-weight: 400;
+    color: #666666;
+    margin-top: 30px;
+    // .bottom-text1 {
+
+    //   font-size: 24px;
+    //   font-family: DengXian;
+    //   font-weight: 400;
+    //   color: #666666;
+    // }
+    // .bottom-text2 {
+    //   font-size: 24px;
+    //   font-family: DengXian;
+    //   font-weight: 400;
+    //   color: #666666;
+    // }
+  }
+}

src/subpackages/pages/borker/myWallet/list/index.jsx

+import { useState, useEffect } from 'react'
+import { useSelector } from 'react-redux'
+import { useRouter } from '@tarojs/taro'
+import { ScrollView } from '@tarojs/components'
+
+
+
+import Item from './Item'
+
+import './index.scss'
+
+export default function MyCollectForActivity () {
+
+ const router=useRouter()
+   const { type,buildingId } = router.params;
+
+  
+
+  const [PageList, setPageList] = useState([{},{},{},{},{},{},{},{},{},{}])
+  const [IsPull, setPull] = useState(false)
+
+  const [pageNumber, setPageNumber] = useState(1)
+  const [HasNextPage, setHasNextPage] = useState(true)
+
+
+  useEffect(() => {
+    if(pageNumber) {
+    //   GetPageList()
+    }
+  }, [pageNumber])
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    // setPull(true)
+  }
+
+  const GetPageList = () => {
+    setHasNextPage(false)
+   
+  }
+
+  const PageLoadMore = () => { // 页面上拉加载更多
+    if(HasNextPage) {
+      setPageNumber(pageNumber + 1)
+    }
+  }
+
+  useEffect(() => { // 下拉刷新触发
+    // if (IsPull) {
+    //   if(pageNumber === 1) {
+    //     GetPageList()
+    //   } else {
+    //     setPageNumber(1)
+    //   }
+    // }
+  }, [IsPull])
+
+  return (
+    <view className='components myWalletList'>
+      <ScrollView scroll-y  refresher-triggered={IsPull}  onscrolltolower={PageLoadMore} refresher-background='#fff'>
+        <view className='PageContent'>
+          <view className='List'>
+            {
+              PageList.map((item, index) => (
+                <Item data={item} key={`myWalletList-${index}`}></Item>
+              ))
+            }
+          </view>
+
+          {/* bottom */}
+          <view className='PageBottom'>
+            <text>已经到底了~</text>
+          </view>
+        </view>
+
+
+      </ScrollView>
+    </view>
+  )
+}

src/subpackages/pages/borker/myWallet/list/index.scss

+.components.myWalletList {
+  position: relative;
+  overflow: hidden;
+  // background: #f8f8f8;
+  width: 100;
+  height: calc(100vh - 396px - 87px);
+  >scroll-view {
+    width: 100%;
+    height: 100%;
+    .PageContent {
+      min-height: calc(100vh - 396px - 87px);
+      position: relative;
+      overflow: visible;
+      padding: 0 30px;
+     
+      > .PageBottom {
+        text-align: center;
+        font-size: 0;
+        white-space: nowrap;
+        > text {
+          display: inline-block;
+          font-size: 28px;
+          color: #666;
+          line-height: 40px;
+          margin: 20px auto;
+        }
+      }
+    }
+  }
+}

src/subpackages/pages/borker/rankingList/components/list/index.jsx

+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView, Input, Image, Block, Textarea } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import { fetch, uploadFiles } from "@/utils/request";
+import { UPDATE_USER_INFO, ROLE_CODE } from "@/constants/user";
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from "@/constants/api";
+import store from "@/store";
+
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default withLayout((props) => {
+  const { columns, dataSource } = props;
+
+  return (
+    <view className="component rankingListList">
+      <view className="list-header">
+        {columns?.map((x, index) => (
+          <view key={index} style={{ width: x.width, textAlign: "center" }}>
+            {x.title}
+          </view>
+        ))}
+      </view>
+      <view className="list-tbody">
+        {dataSource?.map((item, index) => {
+          return (
+            <view className="list-tbody-row" key={index}>
+              {columns?.map((x) => (
+                <view
+                  key={x.key}
+                  style={{ width: x.width, textAlign: "center" }}
+                >
+                  {(x?.render && x?.render(item)) || item[x.dataIndex] || ""}
+                </view>
+              ))}
+            </view>
+          );
+        })}
+      </view>
+    </view>
+  );
+});

src/subpackages/pages/borker/rankingList/components/list/index.scss

+.component.rankingListList {
+  margin-top: 50px;
+  .list-header {
+    display: flex;
+    font-size: 26px;
+    font-family: Adobe Heiti Std;
+    font-weight: normal;
+    color: #666666;
+    margin-bottom: 13px;
+  }
+  .list-tbody{
+    .list-tbody-row{
+      display: flex;
+      justify-content: space-around;
+      align-items: center;
+      padding: 16px 0;
+    }
+  }
+}

src/subpackages/pages/borker/rankingList/components/myAchievement/index.jsx

+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView, Input, Image, Block, Textarea } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import { fetch, uploadFiles } from "@/utils/request";
+import { UPDATE_USER_INFO, ROLE_CODE } from "@/constants/user";
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from "@/constants/api";
+import store from "@/store";
+
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default withLayout((props) => {
+  const { columns, data } = props;
+  const [activeKey, setActiveKey] = useState(1);
+  return (
+    <view className="component myAchievement">
+      <view className="myAchievement-tag">我的成绩</view>
+      <view className="info">
+        {columns.map((x, index) => (
+          <view key={index} style={{width:x.width,textAlign:'center'}}>{data[x.dataIndex]}</view>
+        ))}
+      </view>
+    </view>
+  );
+});

src/subpackages/pages/borker/rankingList/components/myAchievement/index.scss

+.component.myAchievement {
+  width: 690px;
+  height: 168px;
+  box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.2);
+  border-radius: 40px;
+  z-index: 45;
+  position: relative;
+  // background: rgba(0, 0, 0, 0.2);
+  .myAchievement-tag {
+    position: absolute;
+    top: 0;
+    left: 0;
+    padding: 11px 22px 12px;
+    background: #1a3d84;
+    border-radius: 33px 0px 33px 0px;
+    font-size: 20px;
+    font-family: Adobe Heiti Std;
+    font-weight: normal;
+    color: #ffffff;
+  }
+  .info{
+    height: 100%;
+    display: flex;
+    justify-content: space-around;
+    align-items: center;
+  }
+}

src/subpackages/pages/borker/rankingList/index.config.js

+export default {
+  navigationBarTitleText: '排行榜'
+}

src/subpackages/pages/borker/rankingList/index.jsx

+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView, Input, Image, Block, Textarea } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import { fetch, uploadFiles } from "@/utils/request";
+import { UPDATE_USER_INFO, ROLE_CODE } from "@/constants/user";
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from "@/constants/api";
+import store from "@/store";
+import InvitationList from "./invitationList";
+import TransactionList from "./transactionList";
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default withLayout(() => {
+  const [activeKey, setActiveKey] = useState(1);
+  return (
+    <view className="rankingList">
+      <view className="rankingList-backimage">
+        <image
+          className="image"
+          src={`${OSS_FAST_PATH}/miniapp/borker/全民排行榜.png`}
+          alt=""
+          srcset=""
+        />
+        {/* <view className="tabs">
+          <view
+            className={`tab ${activeKey === 1 ? "active" : ""}`}
+            onClick={() => setActiveKey(1)}
+          >
+            我的佣金
+          </view>
+          <view
+            className={`tab ${activeKey === 2 ? "active" : ""}`}
+            onClick={() => setActiveKey(2)}
+          >
+            我的奖励
+          </view>
+        </view> */}
+      </view>
+      <view className="content">
+        <view className="tabs">
+          <view
+            className={`tab ${activeKey === 1 ? "active" : ""}`}
+            onClick={() => setActiveKey(1)}
+          >
+            邀请排行榜
+          </view>
+          <view
+            className={`tab ${activeKey === 2 ? "active" : ""}`}
+            onClick={() => setActiveKey(2)}
+          >
+            成交榜
+          </view>
+        </view>
+        <view className="bottom">
+          <view style={{display:activeKey==1?'block':'none'}}>
+            <InvitationList />
+          </view>
+          <view style={{display:activeKey==2?'block':'none'}}>
+
+            <TransactionList />
+          </view>
+
+          {/* <view></view> */}
+        </view>
+      </view>
+
+      {/* <view className="bottom"></view> */}
+    </view>
+  );
+});

src/subpackages/pages/borker/rankingList/index.scss

+.rankingList {
+  background: #fff;
+  height: 100vh;
+  width: 100%;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  .rankingList-backimage {
+    width: 100%;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 1;
+
+    .image {
+      width: 750px;
+      height: 840px;
+    }
+  }
+  .content {
+    z-index: 99;
+    .tabs {
+      margin: 600px auto 40px;
+      width: 510px;
+      height: 78px;
+      background: rgba(229, 229, 229, 0.3);
+      border-radius: 39px;
+      display: flex;
+      align-items: center;
+      .tab {
+        line-height: 78px;
+        width: 50%;
+        text-align: center;
+
+        font-size: 34px;
+
+        font-weight: normal;
+        color: rgba(255, 255, 255, 1);
+      }
+      .active {
+        // width: 255px;
+        // height: 78px;
+        background: #ffffff;
+        border-radius: 39px;
+        color: #1a3d83;
+      }
+    }
+  }
+
+  .bottom {
+    // min-height: calc(100vh - 359px);
+    // background-color: rgba(0, 0, 0, 0.0800);
+    // background-color: rgba(0, 0, 0, 0.0800);
+  }
+}

src/subpackages/pages/borker/rankingList/invitationList/index.jsx

+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView, Input, Image, Block, Textarea } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import { fetch, uploadFiles } from "@/utils/request";
+import { UPDATE_USER_INFO, ROLE_CODE } from "@/constants/user";
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from "@/constants/api";
+import MyAchievement from "../components/myAchievement";
+import AchievementList from "../components/list";
+import store from "@/store";
+
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default withLayout(() => {
+  const columns = [
+    {
+      title: "排名",
+      width: "30%",
+      dataIndex: "a",
+    },
+    {
+      title: "经纪人",
+      width: "30%",
+      dataIndex: "name",
+      render: (x) => (
+        <view>
+          <image
+            className="list-image"
+            src={`${OSS_FAST_PATH}/miniapp/borker/消息.png`}
+            alt=""
+            srcset=""
+          />
+          {x.name}
+        </view>
+      ),
+    },
+    {
+      title: "邀请人（个）",
+      width: "40%",
+      dataIndex: "number",
+    },
+  ];
+
+  const list = [
+    {
+      a: 1,
+      name: "张三",
+      number: 4433,
+      key: 1,
+    },
+    {
+      a: 2,
+      name: "李四",
+      number: 4433,
+      key: 2,
+    },
+    {
+      a: 3,
+      name: "张三",
+      number: 4433,
+      key: 3,
+    },
+  ];
+
+  return (
+    <view className="invitationList">
+      <MyAchievement
+        columns={columns}
+        data={{
+          a: 3,
+          name: "张三",
+          number: 4433,
+          key: 3,
+        }}
+      />
+      <AchievementList columns={columns} dataSource={list} />
+    </view>
+  );
+});

src/subpackages/pages/borker/rankingList/invitationList/index.scss

+.invitationList {
+  padding: 30px;
+  min-height: calc(100vh - 359px);
+  background: #ffffff;
+  box-shadow: 0px 10px 46px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 40px 40px 0px 0px;
+  z-index: 111;
+  .list-image {
+    width: 60px;
+    height:60px;
+    border-radius: 50%;
+    vertical-align: middle;
+    margin-right: 14px;
+  }
+}

src/subpackages/pages/borker/rankingList/transactionList/index.jsx

+import { useState, useEffect } from "react";
+import Taro from "@tarojs/taro";
+import { useSelector } from "react-redux";
+import withLayout from "@/layout";
+import { ScrollView, Input, Image, Block, Textarea } from "@tarojs/components";
+import { getImgURL } from "@/utils/image";
+import { fetch, uploadFiles } from "@/utils/request";
+import { UPDATE_USER_INFO, ROLE_CODE } from "@/constants/user";
+import { API_EDIT_AGENT, API_UPDATE_PHOTO } from "@/constants/api";
+import MyAchievement from "../components/myAchievement";
+import AchievementList from "../components/list";
+import store from "@/store";
+
+import "@/assets/css/iconfont.css";
+import "./index.scss";
+
+export default withLayout(() => {
+  const columns = [
+    {
+      title: "排名",
+      width: "15%",
+      dataIndex: "a",
+    },
+    {
+      title: "姓名",
+      width: "20%",
+      dataIndex: "name",
+      render: (x) => (
+        <view>
+          <image
+            className="list-image"
+            src={`${OSS_FAST_PATH}/miniapp/borker/消息.png`}
+            alt=""
+            srcset=""
+          />
+          {x.name}
+        </view>
+      ),
+    },
+    {
+      title: "数量（组）",
+      width: "35%",
+      dataIndex: "number",
+    },
+    {
+      title: "佣金（元）",
+      width: "30%",
+      dataIndex: "money",
+    },
+  ];
+
+  const list = [
+    {
+      a: 1,
+      name: "张三",
+      number: 4433,
+      key: 1,
+    },
+    {
+      a: 2,
+      name: "李四",
+      number: 4433,
+      key: 2,
+    },
+    {
+      a: 3,
+      name: "张三",
+      number: 4433,
+      key: 3,
+    },
+  ];
+
+  return (
+    <view className="invitationList">
+      <MyAchievement
+        columns={columns}
+        data={{
+          a: 3,
+          name: "张三",
+          number: 4433,
+          key: 3,
+        }}
+      />
+      <AchievementList columns={columns} dataSource={list} />
+    </view>
+  );
+});

src/subpackages/pages/borker/rankingList/transactionList/index.scss

+.invitationList {
+  padding: 30px;
+  min-height: calc(100vh - 359px);
+  background: #ffffff;
+  box-shadow: 0px 10px 46px 0px rgba(0, 0, 0, 0.08);
+  border-radius: 40px 40px 0px 0px;
+  z-index: 111;
+  .list-image {
+    width: 60px;
+    height:60px;
+    border-radius: 50%;
+    vertical-align: middle;
+    margin-right: 14px;
+  }
+}