fix

src/pages/house/household/index.jsx

@@ -1,58 +1,83 @@
-import React, { useEffect, useMemo, useState,useRef } from 'react'
-import Taro from '@tarojs/taro'
+import React, { useEffect, useMemo, useState } from 'react'
+import Taro, { useRouter } from '@tarojs/taro'
 import './index.scss'
-import { View, Text, Input,Image } from '@tarojs/components'
+import { View, Text, Input, Image } from '@tarojs/components'
 import ContainerLayout from '../../../compents/container/index'
 import radio from '../../../assets/radio.png'
 import Layout from '../../../layout/index'
+import request from '../../../util/request'
+import groupby from 'lodash.groupby';
+
 const house = (props) => {
 
-  const [list, setList] = useState([])
-  const [radioHouse, setRadioHouse] = useState()
-  
-    const ref = useRef();
-    useEffect(() => {
-      ref.current = 3;
-    });
-  
-  
-
-  const radioHouseState = useMemo(()=>props.radioHouseState,[props.radioHouseState])
-  wx.setNavigationBarTitle({
-    title: '民宿房源管理'
-  })
-console.log(props,radioHouseState)
+  const router = useRouter()
+  const { houseId } = router.params
+
+  const [list, setList] = useState({})
+
+
+
   useEffect(() => {
-    setList([
-      {
-        id:1,
-        name: 'zhou',
-        phone: '177'
-      },
-      {
-        id:2,
-        name: 'zhou',
-        phone: '177'
-      },
-      {
-        id:3,
-        name: 'zhou',
-        phone: '177'
-      }
-    ])
+    getList()
   }, [])
 
-  const onShare = () => {
-    Taro.navigateTo({ url: "/pages/share/index" })
+  const getList = () => {
+    request({ url: '/taHousePerson',params:{houseId:houseId,pageSize:9999} }).then((res) => {
+      const { records, ...page } = res.data.data
+      console.log(groupby(records, item => item.orderId))
+      setList(groupby(records, item => item.orderId))
+      //   {
+      //   const [date,_] = item.createDate.split('T')
+      //   return date
+      // }))
+    })
   }
 
+  // {
 
+  //   Object.keys(list).map((item) => {
+  //       console.log(list[item], item, 'list[item]11')
 
+  //       return <View className='imglist-card'>
+  //           <View className='imglist-card-tags' style={{ display: 'flex' }}>
+  //               {/* imageimageimageimage34 */}
+  //               {list[item].map((x) => {
+  //                   return <View className='tag' s>{x.tagName}</View>
+  //               })}
+  //           </View>
+  //           <Image src={list[item][0].image} style={{ width: '100%' }} onClick={() => { setData(list[item]); setIsOpened(true) }}></Image>
+  //       </View>
+  //   })
+  // }
   return <View className='household'>
 
     <Layout>
-      <View className='household-text'>vjoaphepionvodashvoia</View>
-    {list.map((x, index) => {
+      {/* <View className='household-text'>vjoaphepionvodashvoia</View> */}
+
+      {
+        Object.keys(list).map((item) => {
+          return <View className='household-view'>
+            {/* {index + 1} */}
+            <Text className='household-view-title'>订单编号：{item}</Text>
+            <ContainerLayout className='household-view-card'>
+              {list[item].map((x) => {
+                return <view>{x.name}: {x.phone}</view>  
+              })}
+              {list[item].length == 0 && '暂无入住人信息'}
+
+            </ContainerLayout>
+
+          </View>
+        })
+
+      }
+      {
+        Object.keys(list).length === 0 && <view style={{textAlign:'center',paddingTop:30}}>
+           暂无入住信息
+        </view>
+      }
+
+      {/* {list.map((x, index) => {
       return <View className='household-view'>
 
         <Text className='household-view-title'>入住日期：{index + 1}</Text>
@@ -63,10 +88,10 @@ console.log(props,radioHouseState)
 
       </View>
 
-    })}
+    })} */}
     </Layout>
-   
-   
+
+
   </View>
 }
 

src/pages/house/household/index.scss

@@ -24,7 +24,7 @@
       margin-top: 26.67px;
       position: relative;
       min-height: 150px;
-
+line-height: 45px;
  text-align: center;
 background-color:#274291;
 

src/pages/house/index.jsx

@@ -25,26 +25,17 @@ const house = (props) => {
     useDidShow(() => {
         if (houseId) {
             getDetail()
+            getImageList()
         }
     })
 
-    useEffect(() => {
-        getImageList()
-    }, [])
-
     const getImageList=()=>{
         request({url:'/taHouseSurround',params:{houseId:houseId}}).then((res)=>{
             const {records,...page} =res.data.data  
             setImgSource(records)
         })
     }
-    // useEffect(() => {
-    //     console.log(houseId, 'params33')
-    //     if (houseId) {
-    //         getDetail()
-    //     }
 
-    // }, [])
     const getDetail = () => {
         request({ url: `/taHouse/${houseId}` }).then((res) => {
             setDataSource(res.data.data)