民宿端ok

src/hotel/components/HouseManage/houseManage.jsx

 import ShareRoom from '../shareRoom/ShareRoom.jsx'
 import ShareCard from '../shareCard/shareCard'
 import './houseManage.less'
+import SearchBar from '@/components/SearchBar'
+
 
 export default React.forwardRef((props, ref) => {
   const { hotel } = props
   }
 
   const onSearch=(e)=>{
-    console.log(e.detail.value);
+    if(e.detail.value==''){
+      getRoomList({ hotelId: hotel.hotelId }).then((res) => {
+        setDetail(res.records || [])
+      })
+    }
+    else{
+      getRoomList({ hotelId: hotel.hotelId,roomName:e.detail.value }).then((res) => {
+      setDetail(res.records || [])
+    })
+    }
+    
   }
   return (
     <view>
       <view style={{ padding: '0 30rpx', height: '100%' }}>
-        <view className='search'>
-          <input className='searchInput' disabled />
-          <image className='searchicon' src={iconsearch} />
-          <view className="searchword">请输入关键字搜索</view>
-        </view>
-        <mp-searchbar onBlur={onSearch}></mp-searchbar>
-
+        <SearchBar placeholder='请输入房源名搜索' onBlur={onSearch} />
         <ShareRoom showCutover={showCutover} onClose={onClose} room={room} onFinish={handleFinish} />
         <ShareCard showCutover={showCard} onClose={onClose} />
         <scroll-view scroll-y="true" scroll-view='true' bindscrolltoupper="upper" bindscrolltolower="lower" bindscroll="scroll" style={{ height: 'calc(100vh - 255px)' }}>

src/hotel/components/HouseManage/houseManage.less

 
-.search{
-  padding: 40px 0 15px 0;
-  position: relative;
-  .searchInput{    
-    height: 68px;
-    background: #F8F8F8;
-    border-radius: 34px;
-    box-sizing: border-box;
-  }
-  .searchicon{
-    width: 25px;
-    height: 25px;
-    position: absolute;
-    left: calc(50% - 135px);
-    top: 64px;
-  }
-  .searchword{
-    height: 23px;
-    font-size: 24px;
-    color: #C0C8D3;
-    position: absolute;
-    left: calc(50% - 100px);
-    bottom: 45px;
-  }
-}
+
 .houseCard{
   background: #FFFFFF;
   box-shadow: 0px 8px 32px 0px rgba(0, 0, 0, 0.08);

src/shop/components/ShopKeeper/shopKeeper.jsx

     },
   ]
 
-  const onSeacrh = (e) => {
+  const onSearch = (e) => {
     console.log('eeeeeeeeeeeeeeeeee', e.detail.value);
   }
 
           </view>
           <view className='search'>
 
-            <SearchBar placeholder='搜索订单(输入客户手机号码)' onBlur={onSeacrh} />
+            <SearchBar placeholder='搜索订单(输入客户手机号码)' onBlur={onSearch} />
           </view>
           <view className='index-tabs'>
             <mp-tabs