静态页面

src/constants/api.js

@@ -18,6 +18,11 @@ export const API_CITY_AREA = resolvePath('tdCityList/tdAreaCity') // 城市下
 export const API_SAVE_CUSTOMER_INFO = resolvePath('customerInfo') // 保存客户信息
 export const API_GET_CUSTOMER_INFO = resolvePath('customerInfo/') // 查询客户信息
 
+// 驻场
+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_GET_AGENT_BUILDINGS = resolvePath('buildingChannel/buildings')
 

src/pages/mine/changeVisit/index.jsx

@@ -1,21 +1,44 @@
-import React, { useState, useEffect } from 'react'
+import { useState, useEffect } from 'react'
 import withLayout from '@/layout'
-import './index.scss'
-import { ScrollView, Input, Image } from '@tarojs/components'
+import { ScrollView, Input, Image, Block, Picker } from '@tarojs/components'
 import '@/assets/css/iconfont.css'
+import { getCardList } from '@/services/card'
+import './index.scss'
 
 export default withLayout((props) => {
 
-  // const [PageProps] = useState(props)
+  const { router } = props
+  const { name, buildingId, type } = router.params
+
+  const RenChouData = {
+    name,
+    realtyConsultant: '',
+    remark: ''
+  }
+
+  const QianYueData = {
+    name,
+    realtyConsultant: '',
+    remark: ''
+  }
+
+  const JieYongData = {
+    name,
+    realtyConsultant: '',
+    remark: ''
+  }
+
+  const [FormData, setFormData] = useState({ ...RenChouData })
+
+  const [ConsultantList, setConsultantList] = useState([])
+  const [CurrnetConsultant, setCurrnetConsultant] = useState({})
+
   const [StatusList] = useState([
-    { name: '认筹', id: 1 },
-    { name: '认购', id: 2 },
-    { name: '签约', id: 3 },
-    { name: '待结佣', id: 4 },
-    { name: '已结佣', id: 5 },
-    { name: '作废', id: 6 }
+    { name: '认筹', id: 3 },
+    { name: '签约', id: 4 },
+    { name: '结佣', id: 5 },
   ])
-  const [CurrentStatusId, setCurrentStatusId] = useState(null)
+  const [CurrentStatusId, setCurrentStatusId] = useState(3)
 
   const [RoomTypeList] = useState([
     { name: '二室一厅', id: 1 },
@@ -25,9 +48,23 @@ export default withLayout((props) => {
   ])
   const [CurrentRoomTypeId, setCurrentRoomTypeId] = useState(null)
 
+  useEffect(() => {
+    if (buildingId) {
+      const params = {
+        pageNumber: 1,
+        pageSize: 50,
+        buildingId,
+      }
+      getCardList(params).then((res) => {
+        const { records } = res
+        setConsultantList(records || [])
+      })
+    }
+  }, [buildingId])
+
   const CutStatus = (item) => {
     return () => {
-      setCurrentStatusId(item.id === CurrentStatusId ? null : item.id)
+      setCurrentStatusId(item.id)
     }
   }
 
@@ -37,10 +74,26 @@ export default withLayout((props) => {
     }
   }
 
+  const InputChange = (key, e) => {
+    let resData = FormData
+    resData[key] = e.detail.value
+    setFormData(resData)
+  }
+
+  const PickerChange = (key, e) => {
+    let resData = FormData
+    if (key === 'realtyConsultant') {
+      resData[key] = ConsultantList[e.detail.value].id
+      resData.realtyConsultantName = ConsultantList[e.detail.value].name
+      setCurrnetConsultant(ConsultantList[e.detail.value])
+    }
+    setFormData(resData)
+  }
+
   return (
     <view className='Page changeVisit'>
 
-      <ScrollView scroll-y={true} refresher-enabled={false} refresher-background='#fff'>
+      <ScrollView scroll-y>
         <view className='PageContent'>
 
           <text className='required'>变更状态</text>
@@ -53,7 +106,7 @@ export default withLayout((props) => {
                       <text>{item.name}</text>
                       {
                         CurrentStatusId === item.id &&
-                        <Image mode='widthFix' src={require('../../../assets/findHouse-icon1.png')}></Image>
+                        <Image mode='widthFix' src={require('@/assets/findHouse-icon1.png')}></Image>
                       }
                     </view>
                   ))
@@ -62,26 +115,41 @@ export default withLayout((props) => {
             </view>
           </view>
 
-          <text className='required'>客户姓名</text>
-          <view className='FormLine flex-h'>
-            <view className='flex-item'>
-              <Input placeholder='请输入姓名'></Input>
-            </view>
-          </view>
-
-          <text>归属渠道</text>
-          <view className='FormLine flex-h'>
-            <view className='flex-item'>
-              <Input placeholder='请输入渠道'></Input>
-            </view>
-          </view>
-
-          <text className='required'>内场接待</text>
-          <view className='FormLine flex-h'>
-            <view className='flex-item'>
-              <Input placeholder='请输入内场接待'></Input>
-            </view>
-          </view>
+          {
+            CurrentStatusId === 3 &&
+            <Block>
+              <text className='required'>客户姓名</text>
+              <view className='FormLine flex-h'>
+                <view className='flex-item'>
+                  <Input placeholder='请输入姓名' value={FormData.name} onInput={InputChange.bind(this, 'name')}></Input>
+                </view>
+              </view>
+            </Block>
+          }
+
+          {
+            CurrentStatusId === 3 &&
+            <Block>
+              <text>归属渠道</text>
+              <view className='FormLine flex-h'>
+                <view className='flex-item'>
+                  <Input placeholder='请输入渠道' disabled value={type === 'customer' ? '-' : ''}></Input>
+                </view>
+              </view>
+            </Block>
+          }
+
+          {
+            CurrentStatusId === 3 &&
+            <Block>
+              <text className='required'>内场接待</text>
+              <view className='FormLine flex-h'>
+                <view className='flex-item'>
+                  <Picker range-key='name' range={ConsultantList} value={0} onChange={PickerChange.bind(this, 'realtyConsultant')}>{CurrnetConsultant.name || '请选择'}</Picker>
+                </view>
+              </view>
+            </Block>
+          }
 
           <text className='required'>业绩分成人|占比/%</text>
           <view className='FormLine flex-h'>
@@ -93,7 +161,7 @@ export default withLayout((props) => {
           <text className='required'>户型</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-            <view className='CheckBoxList'>
+              <view className='CheckBoxList'>
                 {
                   RoomTypeList.map((item, index) => (
                     <view key={`RoomTypeItem-${index}`} onClick={CutRoomType(item)}>

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

@@ -1,48 +1,75 @@
 import React, { useState, useEffect } from 'react'
 import Taro from '@tarojs/taro'
 import { Image } from '@tarojs/components'
+import { formatDate } from '@/utils/chatDate'
 import './index.scss'
 
 export default function ResidentListItem (props) {
   const { data = {} } = props
   return (
     <view className='components ResidentListItem'>
-      <view className='flex-h'>
-        <text>最新报备：</text>
-        <view className='flex-item'>
-          <text>1710300417793</text>
-        </view>
-        <text className='Status'>到访确认</text>
-      </view>
       <view className='flex-h'>
         <text>客户姓名：</text>
         <view className='flex-item'>
           <text>{data.name}</text>
         </view>
+        {
+          data.customerStatus - 0 === 1 &&
+          <text className='Status'>已报备</text>
+        }
+        {
+          data.customerStatus - 0 === 2 && !(data.type === 'report' && data.channelStatus === 3) &&
+          <text className='Status' onClick={() => { Taro.navigateTo({ url: `/pages/mine/sureVisit/index?id=${data.id}` }) }}>到访确认</text>
+        }
       </view>
       <view className='flex-h'>
         <text>手机号码：</text>
         <view className='flex-item'>
           <text>{data.phone}</text>
         </view>
-        <Image mode='heightFix' src={require('@/assets/mine-icon27.png')}></Image>
-        <text className='Type'>结佣</text>
+        {
+          data.customerStatus - 0 === 1 &&
+          <text className='Type'>报备</text>
+        }
+        {
+          data.customerStatus - 0 === 2 &&
+          <text className='Type'>到访</text>
+        }
+        {
+          data.customerStatus - 0 === 3 &&
+          <text className='Type'>认筹</text>
+        }
+        {
+          data.customerStatus - 0 === 4 &&
+          <text className='Type'>签约</text>
+        }
+        {
+          data.customerStatus - 0 === 5 &&
+          <text className='Type'>结佣</text>
+        }
+        {/* <Image mode='heightFix' src={require('@/assets/mine-icon27.png')}></Image> */}
       </view>
       <view className='flex-h'>
         <text>报备经纪：</text>
         <view className='flex-item'>
-          <text>成凤  15005184629</text>
+          <text>{data.recommendPersonName}  {data.recommendPersonPhone}</text>
         </view>
       </view>
       <view className='flex-h'>
         <text>报备时间：</text>
         <view className='flex-item'>
-          <text>2017/10/30 15:25</text>
+          <text>{formatDate(data.createDate, 'yyyy/M/d')}</text>
         </view>
       </view>
       <view className='Opt'>
-        <text className='active' onClick={() => { Taro.navigateTo({ url: `/pages/mine/changeVisit/index?id=${Data.id}` }) }}>更新交易</text>
-        <text>无效</text>
+        {
+          !(data.type === 'report' && data.channelStatus === 3) &&
+          <text className='active' onClick={() => { Taro.navigateTo({ url: `/pages/mine/changeVisit/index?id=${data.id}&name=${data.name}&buildingId=${data.buildingId}&type=${data.type}` }) }}>更新交易</text>
+        }
+        {
+          data.type === 'report' && data.channelStatus === 3 &&
+          <text>无效</text>
+        }
       </view>
     </view>
   )