feats

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

@@ -1,8 +1,6 @@
 import React, { useState, useEffect, useRef } from 'react'
 import Taro from '@tarojs/taro'
-import { API_SPECIAL_ROOM_LIST } from '@/constants/api'
 import { ScrollView, Image } from '@tarojs/components'
-import { fetch } from '@/utils/request'
 import '@/assets/css/iconfont.css'
 import useTimer from './useTimer'
 import './index.scss'
@@ -11,38 +9,21 @@ const toW = n => `${Number(n / 10000).toFixed(1)}万`
 const itFmt = it => `${it.unitType} ${Number(it.currentPrice / it.area).toFixed(0)}元/㎡`
 
 export default function SpecialPriceHouse (props) {
-  const { Info } = props
-  const { buildingId } = Info || {}
-
-  const [list, setList] = useState([])
-  const [leftTime] = useTimer(list)
+  const { dataSource } = props
+  const [leftTime] = useTimer(dataSource)
 
   const handleMore = () => {
     Taro.navigateTo({ url: '/pages/index/specialPriceHouse/index' })
   }
 
-  useEffect(() => {
-    if (!buildingId) {
-      setList([])
-      return;
-    }
-
-    fetch({ url: API_SPECIAL_ROOM_LIST, method: 'get', params: { pageSize: 500, buildingId }, showToast: false}).then((res) => {
-      const { records } = res || {}
-      if (records && records.length) {
-        setList(records)
-      } else {
-        setList([])
-      }
-    })
-  }, [buildingId])
+  const len = dataSource ? dataSource.length : 0
 
-  return list.length > 0 && (
+  return len > 0 && (
     <view className='components SpecialPriceHouse'>
       <view className='Title flex-h'>
         <view className='flex-item'>
           <text>特价房源</text>
-          <text>{`（${list.length}）`}</text>
+          <text>{`（${len}）`}</text>
         </view>
         <text onClick={handleMore}>更多</text>
         <text className='iconfont icon-jiantouright'></text>
@@ -51,7 +32,7 @@ export default function SpecialPriceHouse (props) {
       <view className='List'>
         <ScrollView scrollX>
           {
-            list.map((item, index) => (
+            dataSource.map((item, index) => (
               <view className='ListItem' key={`List-${index}`}>
                 <text className='Tips'>{`${toW(item.thriftPrice)}`}</text>
                 <view className='Price'>

src/pages/index/buildingDetail/components/SpecialPriceHouse/useTimer.js

@@ -6,6 +6,10 @@ export default function useTimer(source) {
   const timerRef = useRef()
 
   useEffect(() => {
+    if (!source || !source.length) {
+      return;
+    }
+
     const ticker = () => {
       const now = (new Date()).valueOf()
 

src/pages/index/buildingDetail/index.jsx

@@ -4,7 +4,7 @@ import { ScrollView } from '@tarojs/components'
 import '@/assets/css/iconfont.css'
 import { useSelector } from 'react-redux'
 import { fetch } from '@/utils/request'
-import { API_ITEMS_DETAIL, API_SPECIAL_ROOM_LIST, API_PROJECT_TREND_LIST, API_ACTIVITY_GROUP, API_LIVE_LIST, API_NEWS_LIST } from '@/constants/api'
+import { API_ITEMS_DETAIL, API_PROJECT_TREND_LIST, API_ACTIVITY_GROUP, API_LIVE_LIST, API_NEWS_LIST } from '@/constants/api'
 import './index.scss'
 import DetailBottom from './components/DetailBottom/index'
 import Banner from './components/Banner/index'
@@ -137,7 +137,7 @@ export default withLayout((props) => {
 
                 {/* 特价房源 */}
                 <view className='SpecialPriceHouse' style={{minHeight: 0}}>
-                  <SpecialPriceHouse Info={DetailInfo}></SpecialPriceHouse>
+                  <SpecialPriceHouse dataSource={DetailInfo?.specialRoomList}></SpecialPriceHouse>
                 </view>
 
                 {/* 项目动态 */}