封装意向楼盘

src/pages/mine/addCustomer/index.jsx

@@ -1,9 +1,11 @@
 import { useState, useEffect } from 'react'
 import withLayout from '@/layout'
-import { ScrollView, Input, Image, Block } from '@tarojs/components'
+import { ScrollView, Input, Image, Block, View } from '@tarojs/components'
 import '@/assets/css/iconfont.css'
 import { fetch } from '@/utils/request'
-import { API_REPORT_CUETOMER, API_USER_ADD_CUSTOMER, API_CHANNEL_REPORT } from '@/constants/api'
+import BottomMoadl from '@/components/BottomMoadl/index'
+
+import { API_REPORT_CUETOMER, API_GET_AGENT_BUILDINGS, API_ITEMS_LIST, API_USER_ADD_CUSTOMER, API_CHANNEL_REPORT } from '@/constants/api'
 import { ROLE_CODE } from '@/constants/user'
 import Taro from '@tarojs/taro'
 import Picker from '@/components/Picker'
@@ -25,6 +27,9 @@ export default withLayout((props) => {
   const { personId, personType } = person
   const { buildingId: originBuiding } = router.params
 
+  const [showFrame, setShowFrame] = useState(false)
+  const [buidName, setBuidName] = useState('请选择意向楼盘')
+
   const [loading, setLoading] = useState(false)
   const [buildingId, setBuildingId] = useState(null)
   const [CardId, setCardId] = useState(null)
@@ -76,6 +81,12 @@ export default withLayout((props) => {
     return true
   }
 
+  const closeModal = (e) => {
+
+    setShowFrame(!showFrame)
+
+  }
+
   const onSubmit = () => {
     const payload = personType === ROLE_CODE.CONSULTANT ?
       {
@@ -127,10 +138,14 @@ export default withLayout((props) => {
 
   const BuildingChange = (e) => {
     setBuildingId(e)
+    console.log("🚀 ~ file: index父组件接收的 e", e, originBuiding)
+
+
   }
 
   return (
     <view className='Page addCustomer'>
+      <BottomMoadl setBuidName={setBuidName} closeModal={closeModal} onChange={BuildingChange} frameTitle='意向楼盘' value={buildingId} type={personType} flag={showFrame} />
 
       <ScrollView scroll-y refresher-enabled={false} refresher-background='#fff'>
         <view className='PageContent'>
@@ -160,7 +175,9 @@ export default withLayout((props) => {
           <text>意向楼盘</text>
           <view className='FormLine flex-h'>
             <view className='flex-item'>
-              <BuildingPicker change={BuildingChange} value={buildingId} type={personType} />
+              {/* <BuildingPicker change={BuildingChange} value={buildingId} type={personType} /> */}
+              <View onClick={closeModal} >{buidName}</View>
+
             </view>
           </view>
 
@@ -179,12 +196,14 @@ export default withLayout((props) => {
                 <text>备注</text>
                 <view className='FormLine flex-h'>
                   <view className='flex-item'>
-                    <Input placeholder='补充说明（选填）' data-type='remark' onInput={FormInput.bind(this)}></Input>
+                    {
+                      //解决事件穿透
+                      !showFrame && <Input placeholder='补充说明（选填）' dataType='remark' onInput={FormInput.bind(this)}></Input>
+                    }
                   </view>
                 </view>
               </Block> : ''
           }
-
           <view className='Btn'>
             <button loading={loading} onClick={onSubmit}>提交</button>
           </view>