。

src/hotel/components/HouseManage/houseManage.jsx

@@ -1,5 +1,5 @@
 import Taro, { useDidShow } from '@tarojs/taro'
-import { View, Image } from '@tarojs/components';
+import { View, Image} from '@tarojs/components';
 import see from '@/assets/icons/landlord/lookPerson.png'
 import share from '@/assets/icons/landlord/shareLink.png'
 import del from '@/assets/icons/landlord/delete.png'
@@ -7,10 +7,6 @@ import addImg from '@/assets/icons/landlord/add.png'
 import copyRoom from '@/assets/icons/landlord/copyroom.png'
 import React, { useState, useEffect, useRef, useImperativeHandle, useMemo } from 'react'
 import { getRoomList, saveRoom, deleteRoom } from '@/services/landlord'
-import cutoverUser from '@/assets/icons/UserCenter/cutoverUser.png'
-import ToggleRole from '@/components/toggleRole/ToggleRole'
-import SpinBox from "@/components/Spin/SpinBox";
-import NoData from '@/components/NoData'
 import List from '@/components/List';
 import Picker from '@/components/Picker'
 import SearchBar from '@/components/SearchBar'
@@ -24,13 +20,13 @@ export default React.forwardRef((props, ref) => {
   const [detail, setDetail] = useState([])
 
   const fetchAPI = useMemo(() => hotel.hotelId ? () => getRoomList({ hotelId: hotel.hotelId }) : undefined, [hotel?.hotelId])
-  const queryParams = useMemo(() => ({ pageNum: 1, pageSize: 0, }), [])
+  const queryParams = useMemo(() => ({}), [])
 
   const shareDataRef = useRef()
 
   // 判断是否首次加载
-
   const mounted = useRef(false)
+
   const handelClick = () => {
     Taro.navigateTo({ url: `/hotel/pages/landlord/addRoom/addRoom?hotelId=${hotel.hotelId}&hotelName=${hotel.hotelName}` });
   }
@@ -98,7 +94,7 @@ export default React.forwardRef((props, ref) => {
     getShareMessage: () => {
       const { shareImage, roomOrderId } = shareDataRef.current
       setShowCard(false)
-      // console.log(`/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}&fromType=hotel&recommender=${hotel.hotelId}`)
+      console.log(`/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}&fromType=hotel&recommender=${hotel.hotelId}`)
       return {
         title: room.roomName,
         path: `/pages/index/index?tab=1&roomId=${room.roomId}&roomOrderId=${roomOrderId}&fromType=hotel&recommender=${hotel.hotelId}`,
@@ -124,86 +120,53 @@ export default React.forwardRef((props, ref) => {
       })
     }
     else {
-      // setVal('')
       getRoomList({ hotelId: hotel.hotelId, roomName: e.detail.value }).then((res) => {
         setDetail(res.records || [])
       })
     }
   }
-  const handelCopy = (e, val, index) => {
+  const handelCopy = (e, val) => {
     //阻止冒泡不允许执行父元素的点击事件
     e.stopPropagation()
-    saveRoom({ ...val, roomId: null, roomName: val.roomName + '复制', createDate: null }).then((res) => {
-      // setDetail(...detail,res)
-      // detail.push(res)
+    saveRoom({ ...val, roomId: null, roomName: val.roomName + '复制' }).then(() => {
       getRoomList({ hotelId: hotel.hotelId }).then((res) => {
         setDetail(res.records || [])
       })
-      setLoading(false)
     })
-
-
-  }
-  const [showCutover3, setShowCutover3] = useState(false)
-  const ShowMoldeOn3 = () => {
-    setShowCutover3(true)
   }
-  const onClose3 = () => {
-    setShowCutover3(false)
-  }
-  const [val, setVal] = useState()
   return (
-    <View style={{ display: 'flex', flexDirection: 'column', overflow: 'hidden', boxSizing: 'border-box',height:'100%' }}>
-      <ToggleRole role='hotel' showCutover={showCutover3} maskClosable={showCutover3} onClose={onClose3} />
-      <View style={{ flex: 'none' }}>
+    <view>
+      <view style={{ padding: '0 30rpx', height: '100%' }}>
         <view className='storeName'>店名：<Picker style={{ display: 'inline-block' }} placeholder="请选择民宿" value={hotel?.hotelId} kv={['hotelName', 'hotelId']} dicts={hotelList} onChange={handleHotelChange} /></view>
-        <view onClick={ShowMoldeOn3} className='User-info-cutover'>
-          <image className='User-info-cutover-image' src={cutoverUser} />
-        </view>
-      </View>
-      <View style={{ flex: 'none' }}>
         <SearchBar placeholder='请输入房源名搜索' onBlur={onSearch} />
-      </View>
-      <ShareRoom showCutover={showCutover} onClose={onClose} room={room} onFinish={handleFinish} />
-      <ShareCard showCutover={showCard} onClose={onClose2} />
-      <SpinBox loading={loading} style={{ padding: '0 30rpx', flex: 'auto' }}>
+        <ShareRoom showCutover={showCutover} onClose={onClose} room={room} onFinish={handleFinish} />
+        <ShareCard showCutover={showCard} onClose={onClose2} />
         <List
-          // style={{ height: 'calc(100vh - 280px)' }}
-          // request={fetchAPI}
-          // params={queryParams}
-          // onDataChange={setDetail}
-          // noData="暂无房源信息"
-
-          style={{ height: '100%' }}
-          // style={{ height: 'calc(100% - 280px)' }}
-          request={getRoomList}
+          style={{ height: 'calc(100vh - 244px)' }}
+          request={fetchAPI}
           params={queryParams}
           onDataChange={setDetail}
+          noData="暂无房源信息"
         >
-          {
-            detail.length == 0 ?
-              <NoData /> :
-              <view className='waterfall'>
-                {
-
-                  detail.map((item, index) =>
-                    <view className='houseCard' key={index}>
-                      <View className='houseName' onClick={() => handelDetail(item)}>{item.roomName || ''}<Image src={copyRoom} onClick={(e) => handelCopy(e, item)} /></View>
-                      <view className='operation'>
-                        <view onClick={() => handelOrder(item)}><image src={see} />查看入住人</view>
-                        <view onClick={() => ShowMoldeOn(item)}><image src={share} />分享链接</view>
-                        <view onClick={() => handelDelete(item)}><image src={del} />删除房源</view>
-                      </view>
-                    </view>)
-                }
-              </view>
-          }
+          <view className='waterfall'>
+            {
+              detail.map((item, index) =>
+                <view className='houseCard' key={index}>
+                  <View className='houseName' onClick={() => handelDetail(item)}>{item.roomName || ''}<Image src={copyRoom} onClick={(e) => handelCopy(e, item)} /></View>
+                  <view className='operation'>
+                    <view onClick={() => handelOrder(item)}><image src={see} />查看入住人</view>
+                    <view onClick={() => ShowMoldeOn(item)}><image src={share} />分享链接</view>
+                    <view onClick={() => handelDelete(item)}><image src={del} />删除房源</view>
+                  </view>
+                </view>)
+            }
+          </view>
         </List>
-      </SpinBox>
-      <view className='addHouse' style={{ flex: 'none' }} onClick={handelClick}>
+      </view>
+      <view className='addHouse' onClick={handelClick}>
         <image className='addImg' src={addImg} />添加房源
       </view>
 
-    </View>
+    </view>
   )
 })