静态页面

src/constants/api.js

 export const API_SURE_CHIP = resolvePath('marking/preparatory') // 确认认筹
 export const API_SURE_BUY = resolvePath('marking/commission') // 确认结佣
 export const API_SURE_SIGN = resolvePath('marking/signatory') // 确认签约
+export const API_INVALID = resolvePath('marking/invalidCustomer') // 无效
 
 // 获取经纪人绑定楼盘列表
 export const API_GET_AGENT_BUILDINGS = resolvePath('buildingChannel/buildings')

src/pages/mine/components/ResidentListItem/index.jsx

-import React, { useState, useEffect } from 'react'
+
 import Taro from '@tarojs/taro'
-import { Image } from '@tarojs/components'
+import { Image, Block } from '@tarojs/components'
 import { formatDate } from '@/utils/chatDate'
+import { fetch } from '@/utils/request'
+import { API_INVALID } from '@/constants/api'
 import './index.scss'
 
 export default function ResidentListItem (props) {
-  const { data = {} } = props
+  const { data = {}, change = () => { } } = props
+  const ToUnVisable = () => {
+    fetch({ url: API_INVALID, method: 'put', payload: { type: data.type, id: data.id } }).then(() => {
+      Taro.showToast({ title: '审核成功', icon: 'none', duration: 2000 })
+      change()
+    })
+  }
   return (
     <view className='components ResidentListItem'>
       <view className='flex-h'>
         <view className='flex-item'>
           <text>{data.name}</text>
         </view>
-        {
+        {/* {
           data.customerStatus - 0 === 1 &&
           <text className='Status'>已报备</text>
-        }
+        } */}
         {
           data.type === 'report' && (data.channelStatus - 0) === 1 &&
           <text className='Status' onClick={() => { Taro.navigateTo({ url: `/pages/mine/sureVisit/index?id=${data.id}` }) }}>到访确认</text>
         </view>
         {
           data.customerStatus - 0 === 1 &&
-          <text className='Type'>报备</text>
+          <Block>
+            <Image mode='heightFix' src={require('@/assets/mine-icon29.png')}></Image>
+            <text className='Type'>报备</text>
+          </Block>
         }
         {
           data.customerStatus - 0 === 2 &&
-          <text className='Type'>到访</text>
+          <Block>
+            <Image mode='heightFix' src={require('@/assets/mine-icon30.png')}></Image>
+            <text className='Type'>到访</text>
+          </Block>
         }
         {
           data.customerStatus - 0 === 3 &&
-          <text className='Type'>认筹</text>
+          <Block>
+            <Image mode='heightFix' src={require('@/assets/mine-icon33.png')}></Image>
+            <text className='Type'>认筹</text>
+          </Block>
         }
         {
           data.customerStatus - 0 === 4 &&
-          <text className='Type'>签约</text>
+          <Block>
+            <Image mode='heightFix' src={require('@/assets/mine-icon32.png')}></Image>
+            <text className='Type'>签约</text>
+          </Block>
         }
         {
           data.customerStatus - 0 === 5 &&
-          <text className='Type'>结佣</text>
+          <Block>
+            <Image mode='heightFix' src={require('@/assets/mine-icon31.png')}></Image>
+            <text className='Type'>结佣</text>
+          </Block>
         }
         {/* <Image mode='heightFix' src={require('@/assets/mine-icon27.png')}></Image> */}
       </view>
       </view>
       <view className='Opt'>
         {
-          !(data.type === 'report' && data.channelStatus === 3) &&
+          !(data.type === 'report' && data.channelStatus - 0 === 3) &&
           <text className='active' onClick={() => { Taro.navigateTo({ url: `/pages/mine/changeVisit/index?id=${data.id}&name=${data.name}&buildingId=${data.buildingId}&type=${data.type}&channelId=${data.channelId}` }) }}>更新交易</text>
         }
         {
-          data.type === 'report' && data.channelStatus === 3 &&
-          <text>无效</text>
+          data.type === 'report' && data.channelStatus - 0 === 1 &&
+          <text onClick={ToUnVisable}>无效</text>
         }
       </view>
     </view>

src/pages/mine/myRecommendCode/index.config.js

+export default {
+  navigationBarTitleText: '我的推广码'
+}

src/pages/mine/myRecommendCode/index.jsx

+// import { useState, useEffect } from 'react'
+import withLayout from '@/layout'
+import '@/assets/css/iconfont.css'
+import './index.scss'
+
+export default withLayout(() => {
+
+  return (
+    <view className='Page myRecommendCode'>
+      我的推广码
+    </view>
+  )
+})

src/pages/mine/myRecommendCode/index.scss

+.Page.myRecommendCode {
+  background: #f8f8f8;
+  width: 100%;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}

src/pages/mine/residentManager/index.jsx

     setFilterData({ ...FilterData, keywords: e.detail.value })
   }
 
+  const ListChange = (index) => {
+    return () => {
+      let List = [...PageList]
+      List.splice(index, 1)
+      setPageList(List)
+    }
+  }
+
   return (
     <view className='Page residentManager flex-v'>
 
               <view className='List'>
                 {
                   PageList.map((item, index) => (
-                    <ResidentListItem data={item} key={`ResidentListItem-${index}`}></ResidentListItem>
+                    <ResidentListItem data={item} key={`ResidentListItem-${index}`} change={ListChange(index)}></ResidentListItem>
                   ))
                 }
               </view>

src/pages/mine/tabData.js

       { name: '我的收藏', icon: require('../../assets/mine-icon13.png'), router: '/pages/mine/myCollect/index' }
     ],
     [
+      { name: '成为驻场管理', icon: require('../../assets/mine-icon8.png'), router: '/pages/mine/toBeManager/index' },
       { name: '房贷计算器', icon: require('../../assets/mine-icon4.png'), router: '/pages/mine/mortgageCalc/index' },
       { name: '购房百科', icon: require('../../assets/mine-icon2.png'), router: '/pages/index/encyclopediasOfBuyHouse/index' },
       { name: '意见反馈', icon: require('../../assets/mine-icon16.png'), router: '/pages/mine/feedBack/index' }

src/routes.js

   },
 
   // 我的
+  {
+    name: '我的推广码',
+    page: 'pages/mine/myRecommendCode/index',
+    pkg: 'main',
+    type: 'mine',
+  },
   {
     name: '房贷计算器',
     page: 'pages/mine/mortgageCalc/index',