feats

src/constants/api.js

@@ -16,7 +16,7 @@ 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_GET_CUSTOMER_INFO = resolvePath('customerInfo') // 查询客户信息
 
 // 获取经纪人绑定楼盘列表
 export const API_GET_AGENT_BUILDINGS = resolvePath('buildingChannel/buildings')

src/pages/mine/myCustomerDetail/index.jsx

@@ -5,10 +5,14 @@ import { getChannelCustomerStatus, getCustomerDetail, getCustomerInfo } from '@/
 import { ScrollView, Image } from '@tarojs/components'
 import Modal from '@/components/Modal'
 import { ROLE_CODE } from '@/constants/user'
+import { API_CUSTOMER_DETAILINFO } from '@/constants/api'
+import { fetch } from '@/utils/request'
 import { formatDate } from '@/utils/chatDate'
+import icon24 from '@/assets/mine-icon24.png'
+import icon25 from '@/assets/mine-icon25.png'
 import EditUserDetailBasicInfo from '../components/EditUserDetailBasicInfo'
 import useFollow from './hooks/useFollow'
-import '@/assets/css/iconfont.css'
+
 import './index.scss'
 
 const addDays = (dt, days) => {
@@ -44,7 +48,7 @@ export default withLayout((props) => {
 
   useEffect(() => {
     if (id) {
-      getCustomerDetail(id).then((x) => {
+      fetch({ url: `${API_CUSTOMER_DETAILINFO}/${id}` }).then((x) => {
         setCustBaseInfo(x || {})
       })
 
@@ -73,11 +77,11 @@ export default withLayout((props) => {
                 <view className='Icon'>
                   <Image mode='aspectFill' src={custBaseInfo.avatarurl || custBaseInfo.picture}></Image>
                 </view>
-                <view className='flex-item'>
+                <view className='flex-item' onClick={() => setShowUserEditor(true)}>
                   <text>{custBaseInfo.name}</text>
                   <text>{custBaseInfo.phone}</text>
                 </view>
-                <text className='iconfont icon-jiantouright' onClick={() => setShowUserEditor(true)}></text>
+                <text className='iconfont icon-jiantouright'></text>
               </view>
               <view className='Status'>
                 {/* <view className='flex-h'>
@@ -117,43 +121,46 @@ export default withLayout((props) => {
           </view>
 
           {/* 房源订单 */}
-          <view className='Order'>
-            <view className='Title flex-h'>
-              <text>房源订单</text>
-            </view>
-            <view className='Content'>
-              <view>
-                <view className='flex-h'>
-                  <view className='flex-item'>
-                    <text>120万(户型名称)</text>
-                  </view>
-                  <Image mode='heightFix' src={require('../../../assets/mine-icon25.png')}></Image>
-                  <text className='active'>签约</text>
-                  <text className='iconfont icon-jiantouright'></text>
+          {
+            custBaseInfo.customerSignatory?.length > 0 && (
+              <view className='Order'>
+                <view className='Title flex-h'>
+                  <text>房源订单</text>
                 </view>
-                <view className='Info'>
-                  <text>建筑面积:117㎡</text>
-                  <text>总价:X/单价:XXX</text>
-                  <text>套内面积:X</text>
-                </view>
-              </view>
-              <view>
-                <view className='flex-h'>
-                  <view className='flex-item'>
-                    <text>120万(户型名称)</text>
-                  </view>
-                  <Image mode='heightFix' src={require('../../../assets/mine-icon24.png')}></Image>
-                  <text className='active'>到访</text>
-                  <text className='iconfont icon-jiantouright'></text>
-                </view>
-                <view className='Info'>
-                  <text>建筑面积:117㎡</text>
-                  <text>总价:X/单价:XXX</text>
-                  <text>套内面积:X</text>
+                <view className='Content'>
+                  {
+                    custBaseInfo.customerSignatory.map((item) => {
+                      const apartment = item.buildingApartment || {}
+                      const { apartmentName } = apartment
+                      const nameShow = apartmentName ? `(${apartmentName})` : ''
+                      const status = item.status === 5 ? '结佣' : '签约'
+                      const icon = item.status === 5 ? icon24 : icon25
+                      const buildingArea = item.buildingArea ? `${Number(item.buildingArea).toFixed(1)}㎡` : '暂无'
+                      const insideArea = item.insideArea ? `${Number(item.insideArea).toFixed(1)}㎡` : '暂无'
+
+                      return (
+                        <view key={item.customerSignatoryId}>
+                          <view className='flex-h'>
+                            <view className='flex-item'>
+                              <text>{`${item.price}${nameShow}`}</text>
+                            </view>
+                            <Image mode='heightFix' src={icon}></Image>
+                            <text className='active'>{status}</text>
+                            <text className='iconfont icon-jiantouright'></text>
+                          </view>
+                          <view className='Info'>
+                            <text>{`建筑面积: ${buildingArea}`}</text>
+                            <text></text>
+                            <text>{`套内面积: ${insideArea}`}</text>
+                          </view>
+                        </view>
+                      )
+                    })
+                  }
                 </view>
               </view>
-            </view>
-          </view>
+            )
+          }
 
           {/* 操作人员 */}
           {/* <view className='OptUser'>