静态页面

config/dev.js

@@ -3,8 +3,8 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
-    // HOST: '"https://xlk.njyz.tech"',
-    HOST: '"http://127.0.0.1:8081"',
+    HOST: '"https://xlk.njyz.tech"',
+    // HOST: '"http://127.0.0.1:8081"',
     WSS_HOST: '"wss://xlk.njyz.tech"',
     OSS_PATH: '"https://zhiyun-image.oss-accelerate.aliyuncs.com/"',
     OSS_FAST_PATH: '"https://zhiyun-image.oss-accelerate.aliyuncs.com/"',

src/constants/api.js

@@ -121,7 +121,11 @@ export const API_TYPE_DATA = resolvePath('awesome/dict/recommendcustomer')
 // channel
 export const API_CHANNEL_REPORT = resolvePath('channel/report')
 
+// 驻场
+export const API_MANAGE_CUSTOMER_LIST = resolvePath('marking/customers')
+
 // report
+export const API_REPORT_CUETOMER = resolvePath('customer/manualReport ')
 export const API_REPORT_LIST = resolvePath('myReport')
 export const API_REPORT_CLIENT = resolvePath('customer/report')
 export const API_RECOMMEND_GET = resolvePath('customer/recommend/get')

src/pages/index/brandDetail/index.jsx

@@ -4,8 +4,9 @@ import Taro from '@tarojs/taro'
 import { ScrollView, Image } from '@tarojs/components'
 import ProjectListItem from '@/components/ProjectListItem/index'
 import { queryBrandInfo } from '@/services/common';
-import { getItemList } from '@/services/item';
 import { getImgURL } from '@/utils/image'
+import { fetch } from '@/utils/request'
+import { API_ITEMS_LIST } from '@/constants/api'
 import '@/assets/css/iconfont.css'
 import ColumnTitle from '../components/ColumnTitle/index'
 import './index.scss'
@@ -13,40 +14,57 @@ import './index.scss'
 export default withLayout((props) => {
   const { router } = props
   const { id } = router.params
-
-  const [ProjectList, setProjectList] = useState([{}, {}])
+  
+  const [PageList, setPageList] = useState([])
+  const [IsPull, setPull] = useState(false)
+  const [pageNumber, setPageNumber] = useState(1)
+  const [HasNextPage, setHasNextPage] = useState(true)
   const [brandInfo, setBrandInfo] = useState({})
 
-  const getList = (params) => {
-    Taro.showLoading()
-    getItemList({
-      brandId: id,
-      ...(params || {}),
-    }).then((res) => {
-      const { records } = res
-      setProjectList(records || {})
-      Taro.hideLoading()
-    }).catch((err) => {
-      console.error(err)
-      Taro.hideLoading()
+  useEffect(() => {
+    GetPageList()
+  }, [pageNumber])
+
+  const PageRefresh = () => { // 页面下拉刷新回调
+    setPull(true)
+  }
+
+  const GetPageList = () => {
+    setHasNextPage(false)
+    fetch({ url: API_ITEMS_LIST, method: 'get', payload: { pageNumber, pageSize: 10 } }).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])
+
   useEffect(() => {
     if (id) {
       queryBrandInfo(id).then((res) => {
         setBrandInfo(res || {})
-      }).catch((err) => {
-        console.error(err)
       })
-
-      getList({ pageNumber: 1 })
     }
   }, [id])
 
   return (
     <view className='brandDetail'>
-      <ScrollView scroll-y>
+      <ScrollView scroll-y refresher-enabled refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} onscrolltolower={PageLoadMore} refresher-background='#fff'>
         <view className='Content'>
 
           {/* 主图 */}
@@ -69,7 +87,7 @@ export default withLayout((props) => {
             <ColumnTitle Name='在售项目' Icon='icon-aixin' ShowMore ToMore={() => { Taro.navigateTo({ url: `/pages/index/buildingList/index` }) }}></ColumnTitle>
             <view className='ProjectList'>
               {
-                ProjectList.map((item, index) => (
+                PageList.map((item, index) => (
                   <ProjectListItem Data={item} key={`ProjectListItem-${index}`}></ProjectListItem>
                 ))
               }

src/pages/mine/addCustomer/index.jsx

@@ -1,10 +1,10 @@
 import { useState, useEffect } from 'react'
 import withLayout from '@/layout'
-import { ScrollView, Input, Image, Picker } from '@tarojs/components'
+import { ScrollView, Input, Image, Picker, Block } from '@tarojs/components'
 import '@/assets/css/iconfont.css'
 import { useSelector } from 'react-redux'
 import { fetch } from '@/utils/request'
-import { API_ITEMS_LIST, API_CARDS_LIST, API_REPORT_CLIENT, API_RECOMENT_CLIENT, API_CHANNEL_REPORT } from '@/constants/api'
+import { API_ITEMS_LIST, API_CARDS_LIST, API_REPORT_CUETOMER, API_RECOMENT_CLIENT, API_CHANNEL_REPORT } from '@/constants/api'
 import Taro from '@tarojs/taro'
 import './index.scss'
 
@@ -12,7 +12,8 @@ const defaultSpecialImage = 'https://yz-websit.oss-cn-hangzhou.aliyuncs.com/xlk/
 
 export default withLayout((props) => {
 
-  const { type } = props
+  const { router } = props
+  const { type } = router.params
   const user = useSelector(state => state.user)
   const [PersonId, setPersonId] = useState(null)
   const [BuildingName, setBuildingName] = useState(null)
@@ -47,14 +48,19 @@ export default withLayout((props) => {
   useEffect(() => {
     if (CanSubmit) {
       let url = null
-      if(type === 'consultant') { // 置业顾问
-        url = API_REPORT_CLIENT
-      } else if(type === 'customer') { // 普通客户
+      if (type === 'consultant') { // 置业顾问
+        url = API_REPORT_CUETOMER
+      } else if (type === 'customer') { // 普通客户
         url = API_RECOMENT_CLIENT
       } else { // 经纪人
         url = API_CHANNEL_REPORT
       }
-      const params = { ...FormData, sex: SexId, intention: BuildingId, realtyConsultant: CardId }
+      let params = {}
+      if(type === 'consultant') {
+        params = { name: FormData.name, phone: FormData.phone, sex: SexId }
+      } else {
+        params = { ...FormData, sex: SexId, intention: BuildingId, realtyConsultant: CardId }
+      }
       fetch({ url, method: 'post', payload: params }).then(() => {
         Taro.showToast({ title: '添加成功', icon: 'none' })
         Taro.navigateBack({ delta: 1 })
@@ -129,7 +135,7 @@ export default withLayout((props) => {
       Taro.showToast({ title: '请填写正确的客户电话', icon: 'none' })
       return false
     }
-    if (BuildingId === null) {
+    if (BuildingId === null && type !== 'consultant') {
       Taro.showToast({ title: '请选择客户的意向楼盘', icon: 'none' })
       return false
     }
@@ -168,32 +174,37 @@ export default withLayout((props) => {
             <text className='iconfont icon-jiantoudown'></text>
           </view>
 
-          <text>意向楼盘</text>
-          <view className='FormLine flex-h'>
-            <view className='flex-item'>
-              <Picker range-key='name' onChange={PickerChange} value={0} range={BuildingList}>
-                <text>{BuildingName || '请选择'}</text>
-              </Picker>
-            </view>
-          </view>
-
-          <text>内场接待（选填）</text>
-          <view className='FormLine flex-h'>
-            <view className='flex-item'>
-              <Picker range-key='name' onChange={CardPickerChange} value={0} range={CardList}>
-                <text>{CardName || '请选择'}</text>
-              </Picker>
-            </view>
-            <Image mode='heightFix' src={defaultSpecialImage}></Image>
-            <text>选择</text>
-          </view>
-
-          <text>备注</text>
-          <view className='FormLine flex-h'>
-            <view className='flex-item'>
-              <Input placeholder='补充说明（选填）' data-type='describe' onInput={FormInput.bind(this)}></Input>
-            </view>
-          </view>
+          {
+            type !== 'consultant' &&
+            <Block>
+              <text>意向楼盘</text>
+              <view className='FormLine flex-h'>
+                <view className='flex-item'>
+                  <Picker range-key='name' onChange={PickerChange} value={0} range={BuildingList}>
+                    <text>{BuildingName || '请选择'}</text>
+                  </Picker>
+                </view>
+              </view>
+
+              <text>内场接待（选填）</text>
+              <view className='FormLine flex-h'>
+                <view className='flex-item'>
+                  <Picker range-key='name' onChange={CardPickerChange} value={0} range={CardList}>
+                    <text>{CardName || '请选择'}</text>
+                  </Picker>
+                </view>
+                <Image mode='heightFix' src={defaultSpecialImage}></Image>
+                <text>选择</text>
+              </view>
+
+              <text>备注</text>
+              <view className='FormLine flex-h'>
+                <view className='flex-item'>
+                  <Input placeholder='补充说明（选填）' data-type='describe' onInput={FormInput.bind(this)}></Input>
+                </view>
+              </view>
+            </Block>
+          }
 
           <view className='Btn'>
             <text onClick={ToSubmit}>提交</text>

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

@@ -1,25 +1,23 @@
-import React, { useState, useEffect } from 'react'
-import './index.scss'
+
+import { Image } from '@tarojs/components'
 import Taro from '@tarojs/taro'
+import './index.scss'
 
 export default function MyCustomerListItem (props) {
-  const { Data = {} } = props
+  const { data = {} } = props
   return (
-    <view className='components MyCustomerListItem flex-h' onClick={() => { Taro.navigateTo({ url: `/pages/mine/myCustomerDetail/index?id=${Data.id}` }) }}>
+    <view className='components MyCustomerListItem flex-h' onClick={() => { Taro.navigateTo({ url: `/pages/mine/myCustomerDetail/index?id=${data.customerId}` }) }}>
       <view className='Img'>
-        {
-          Data.img &&
-          <Image mode='aspectFill' className='centerLabel' src={Data.img || null} />
-        }
+        <Image mode='scaleToFill' src={data.avatarurl}></Image>
       </view>
       <view className='flex-item'>
         <view className='Name flex-h'>
-          <text className='flex-item'>徐慧慧</text>
+          <text className='flex-item'>{data.name}</text>
           <text>11/11 15:12:58收回</text>
         </view>
         <view className='Time flex-h'>
-          <text className='flex-item'>136 **** 9434</text>
-          <text>跟进状态</text>
+          <text className='flex-item'>{data.phone}</text>
+          <text>{data.status === 0 ? '' : data.status === 1 ? '报备' : data.status === 2 ? '到访' : data.status === 3 ? '认筹' : '签约'}</text>
         </view>
       </view>
     </view>

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

@@ -1,10 +1,10 @@
 import React, { useState, useEffect } from 'react'
-import './index.scss'
 import Taro from '@tarojs/taro'
 import { Image } from '@tarojs/components'
+import './index.scss'
 
 export default function ResidentListItem (props) {
-  const { Data = {} } = props
+  const { data = {} } = props
   return (
     <view className='components ResidentListItem'>
       <view className='flex-h'>
@@ -25,7 +25,7 @@ export default function ResidentListItem (props) {
         <view className='flex-item'>
           <text>136****9434</text>
         </view>
-        <Image mode='heightFix' src={require('../../../../assets/mine-icon27.png')}></Image>
+        <Image mode='heightFix' src={require('@/assets/mine-icon27.png')}></Image>
         <text className='Type'>结佣</text>
       </view>
       <view className='flex-h'>

src/pages/mine/myCustomer/index.jsx

@@ -1,27 +1,60 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import withLayout from '@/layout'
-import './index.scss'
 import { ScrollView } from '@tarojs/components'
 import '@/assets/css/iconfont.css'
+import { useSelector } from 'react-redux'
+import { fetch } from '@/utils/request'
+import { API_CLIENT_LIST } from '@/constants/api'
+import './index.scss'
 import MyCustomerListItem from '../components/MyCustomerListItem/index'
 
-export default withLayout((props) => {
-
-  // const [PageProps] = useState(props)
-  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
+export default withLayout(() => {
+  
+  const user = useSelector(state => state.user)
+  const [PageList, setPageList] = useState([])
   const [IsPull, setPull] = useState(false)
-  const [PullTimer, setPullTimer] = useState(null)
+  const [PersonId, setPersonId] = useState(null)
+  const [pageNumber, setPageNumber] = useState(1)
+  const [HasNextPage, setHasNextPage] = useState(true)
+
+  useEffect(() => {
+    if(user?.userInfo?.person?.personId) {
+      setPersonId(user.userInfo.person.personId)
+    }
+  }, [user])
+
+  useEffect(() => {
+    if(PersonId) {
+      GetPageList()
+    }
+  }, [pageNumber, PersonId])
 
   const PageRefresh = () => { // 页面下拉刷新回调
     setPull(true)
   }
 
+  const GetPageList = () => {
+    setHasNextPage(false)
+    fetch({ url: API_CLIENT_LIST, method: 'get', payload: { customerId: PersonId, pageNumber, pageSize: 10 } }).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) {
-      clearTimeout(PullTimer)
-      setPullTimer(setTimeout(() => {
-        setPull(false)
-      }, 2000))
+      if(pageNumber === 1) {
+        GetPageList()
+      } else {
+        setPageNumber(1)
+      }
     }
   }, [IsPull])
 
@@ -46,13 +79,13 @@ export default withLayout((props) => {
       <view className='flex-item'>
         <view>
 
-          <ScrollView scroll-y={true} refresher-enabled={true} refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
+          <ScrollView scroll-y refresher-enabled refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} onscrolltolower={PageLoadMore} refresher-background='#fff'>
             <view className='PageContent'>
               <view className='List'>
                 {
                   PageList.map((item, index) => (
                     <view>
-                      <MyCustomerListItem Data={item} key={`MyCustomerListItem-${index}`}></MyCustomerListItem>
+                      <MyCustomerListItem data={item} key={`MyCustomerListItem-${index}`}></MyCustomerListItem>
                     </view>
                   ))
                 }

src/pages/mine/residentManager/index.jsx

@@ -1,52 +1,111 @@
 import { useState, useEffect } from 'react'
 import withLayout from '@/layout'
-import { ScrollView, Image } from '@tarojs/components'
+import { ScrollView, Input } from '@tarojs/components'
 import '@/assets/css/iconfont.css'
+import { useSelector } from 'react-redux'
+import { fetch } from '@/utils/request'
+import { API_MANAGE_CUSTOMER_LIST } from '@/constants/api'
 import './index.scss'
 import ResidentListItem from '../components/ResidentListItem/index'
 
 export default withLayout(() => {
+  // const [FilterMenu] = useState([
+  //   { name: '报备', id: 1 },
+  //   { name: '到访', id: 2 },
+  //   { name: '认筹', id: 3 },
+  //   { name: '认购', id: 4 },
+  //   { name: '签约', id: 5 },
+  //   { name: '报备无效', id: 6 },
+  //   { name: '报备过期', id: 7 }
+  // ])
+  // const [CurrentFilterMenuId, setCurrentFilterMenuId] = useState(null)
 
-  const [PageList, setPageList] = useState(['', '', '', '', '', '', '', '', '', '', '', '', ''])
+  // const CutFilter = (item) => {
+  //   return () => {
+  //     setCurrentFilterMenuId(item.id === CurrentFilterMenuId ? null : item.id)
+  //   }
+  // }
+
+  const user = useSelector(state => state.user)
+  const [PageList, setPageList] = useState([])
   const [IsPull, setPull] = useState(false)
-  const [PullTimer, setPullTimer] = useState(null)
-  const [FilterMenu] = useState([
-    { name: '报备', id: 1 },
-    { name: '到访', id: 2 },
-    { name: '认筹', id: 3 },
-    { name: '认购', id: 4 },
-    { name: '签约', id: 5 },
-    { name: '报备无效', id: 6 },
-    { name: '报备过期', id: 7 }
-  ])
-  const [CurrentFilterMenuId, setCurrentFilterMenuId] = useState(null)
+  const [PersonId, setPersonId] = useState(null)
+  const [pageNumber, setPageNumber] = useState(1)
+  const [HasNextPage, setHasNextPage] = useState(true)
+  const [FilterData, setFilterData] = useState({})
+
+  useEffect(() => {
+    if (user?.userInfo?.person?.personId) {
+      setPersonId(user.userInfo.person.personId)
+    }
+  }, [user])
+
+  useEffect(() => {
+    if (PersonId) {
+      GetPageList()
+    }
+  }, [pageNumber, PersonId])
+
+  useEffect(() => {
+    if(FilterData.keywords) {
+      if(pageNumber === 1) {
+        GetPageList()
+      } else {
+        setPageNumber(2)
+      }
+    }
+  }, [FilterData])
+
+  // useEffect(() => {
+  //   if(CurrentFilterMenuId) {
+  //     if(pageNumber === 1) {
+  //       GetPageList()
+  //     } else {
+  //       setPageNumber(1)
+  //     }
+  //   }
+  // }, [CurrentFilterMenuId])
 
   const PageRefresh = () => { // 页面下拉刷新回调
     setPull(true)
   }
 
-  const CutFilter = (item) => {
-    return () => {
-      setCurrentFilterMenuId(item.id === CurrentFilterMenuId ? null : item.id)
+  const GetPageList = () => {
+    setHasNextPage(false)
+    fetch({ url: API_MANAGE_CUSTOMER_LIST, method: 'get', payload: { customerId: PersonId, pageNumber, pageSize: 10, ...FilterData, buildingId: user.userInfo.person.buildingId } }).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) {
-      clearTimeout(PullTimer)
-      setPullTimer(setTimeout(() => {
-        setPull(false)
-      }, 2000))
+      if (pageNumber === 1) {
+        GetPageList()
+      } else {
+        setPageNumber(1)
+      }
     }
   }, [IsPull])
 
+  const SearchConfirm = (e) => {
+    setFilterData({ ...FilterData, keywords: e.detail.value })
+  }
+
   return (
     <view className='Page residentManager flex-v'>
 
       <view className='Search'>
         <view>
           <text className='iconfont icon-sousuo'></text>
-          <text>请输入关键字搜索</text>
+          <Input confirm-type='search' placeholder='请输入关键字搜索' onConfirm={SearchConfirm} onscrolltolower={PageLoadMore}></Input>
         </view>
       </view>
 
@@ -55,7 +114,7 @@ export default withLayout(() => {
           <ScrollView scroll-y refresher-enabled refresher-triggered={IsPull} onrefresherrefresh={PageRefresh} refresher-background='#fff'>
             <view className='PageContent'>
 
-              <view className='Filter'>
+              {/* <view className='Filter'>
                 <text>筛选条件</text>
                 <view>
                   {
@@ -70,12 +129,12 @@ export default withLayout(() => {
                     ))
                   }
                 </view>
-              </view>
+              </view> */}
 
               <view className='List'>
                 {
                   PageList.map((item, index) => (
-                    <ResidentListItem Data={item} key={`ResidentListItem-${index}`}></ResidentListItem>
+                    <ResidentListItem data={item} key={`ResidentListItem-${index}`}></ResidentListItem>
                   ))
                 }
               </view>

src/pages/mine/residentManager/index.scss

@@ -11,21 +11,25 @@
       position: relative;
       overflow: hidden;
       background: #f8f8f8;
-      border-radius: 44px;
+      border-radius: 80px;
       text-align: center;
       font-size: 0;
       white-space: nowrap;
       >text {
         display: inline-block;
         vertical-align: middle;
+        font-size: 24px;
+        color: #666;
+        line-height: 80px;
+      }
+      >input {
+        display: inline-block;
+        vertical-align: middle;
+        width: 200px;
         font-size: 20px;
-        color: #999;
-        margin-left: 8px;
-        line-height: 44px;
-        &:first-child {
-          margin-left: 0;
-          font-size: 28px;
-        }
+        margin-left: 10px;
+        height: 80px;
+        text-align: left;
       }
     }
   }