feats

src/constants/api.js

@@ -276,4 +276,7 @@ export const API_BUILDINGSPECIALROOM_LIST = resolvePath('buildingSpecialRoom')
 export const API_BUILDINGSPECIALROOM_BUILDING_LIST = resolvePath('buildingSpecialRoom/building')
 
 // video
-export const API_VIDEO_DETAIL = resolvePath('detail')
+export const API_VIDEO_DETAIL = resolvePath('detail')
+
+// 客服热线
+export const API_FEEDBACK_SETTING = resolvePath('/searchHouse/setting')

src/pages/index/helpToFindHouse/components/SubmitBuyHouseResult/index.jsx

@@ -1,12 +1,27 @@
 
-import '@/assets/css/iconfont.css'
+import { useState } from 'react'
+import Taro from '@tarojs/taro'
 import { Image, Block } from '@tarojs/components'
 import { getImgURL } from '@/utils/image'
-import Taro from '@tarojs/taro'
+import '@/assets/css/iconfont.css'
 import './index.scss'
 
 export default function SubmitBuyHouseResult (props) {
-  const { List = [] } = props
+  const { List = [], setting } = props
+
+  const handlePhone = () => {
+    if (!setting?.phone) {
+      Taro.showToast({
+        title: '暂不提供相关服务',
+        icon: 'none',
+      })
+    }
+
+    Taro.makePhoneCall({
+      phoneNumber: setting.phone,
+    })
+  }
+
   return (
     <view className='components SubmitBuyHouseResult'>
       <view className='centerLabel'>
@@ -26,7 +41,7 @@ export default function SubmitBuyHouseResult (props) {
 
             <view className='Btn flex-h'>
               <text className='flex-item'>一键咨询</text>
-              <text className='flex-item active'>一键电话</text>
+              <text className='flex-item active' onClick={handlePhone}>一键电话</text>
             </view>
 
             {/* 匹配楼盘 */}

src/pages/index/helpToFindHouse/index.jsx

@@ -1,4 +1,4 @@
-import { useState } from 'react'
+import { useEffect, useState } from 'react'
 import withLayout from '@/layout'
 import { ScrollView, Image } from '@tarojs/components'
 import { fetch } from '@/utils/request'
@@ -6,6 +6,7 @@ import { API_HELP_FIND_HOUSE_SUBMIT } from '@/constants/api'
 import '@/assets/css/iconfont.css'
 import { useSelector } from 'react-redux'
 import AreaPickerView from '@/components/AreaPickerView/index'
+import { getFeedbackSetting } from '@/services/common'
 import './index.scss'
 import BuyHouse from './components/BuyHouse/index'
 import RentingHouse from './components/RentingHouse/index'
@@ -26,6 +27,7 @@ export default withLayout(() => {
   const [ShowPopup, setShowPopup] = useState(false)
   const [ShowCitysPopup, setShowCitysPopup] = useState(false)
   const [AreaInfo, setAreaInfo] = useState({})
+  const [setting, setSetting] = useState({})
 
   const CutDemandId = (id) => {
     return () => {
@@ -69,6 +71,10 @@ export default withLayout(() => {
     })
   }
 
+  useEffect(() => {
+    getFeedbackSetting().then((res) => setSetting(res))
+  }, [])
+
   return (
     <view className='Page helpToFindHouse'>
 
@@ -76,7 +82,7 @@ export default withLayout(() => {
 
       {
         ShowPopup &&
-        <SubmitBuyHouseResult List={ResultList}></SubmitBuyHouseResult>
+        <SubmitBuyHouseResult setting={setting} List={ResultList}></SubmitBuyHouseResult>
       }
 
       <ScrollView scroll-y refresher-enabled={false}>

src/services/common.js

@@ -9,7 +9,8 @@ import {
   API_TEMPLATE_TYPE,
   API_BRAND_LIST,
   API_BRAND_INFO,
-  API_INDEX_ICONS
+  API_INDEX_ICONS,
+  API_FEEDBACK_SETTING,
 } from "@/constants/api";
 
 /**
@@ -102,4 +103,6 @@ export const queryBrandList = (params) => fetch({ url: API_BRAND_LIST, params })
  * 获取品牌房企列表
  * @param {*}
  */
- export const queryBrandInfo = (id) => fetch({ url: `${API_BRAND_INFO}/${id}`});
+export const queryBrandInfo = (id) => fetch({ url: `${API_BRAND_INFO}/${id}`});
+
+export const getFeedbackSetting = () => fetch({ url: API_FEEDBACK_SETTING });