flx

src/components/SearchBar/index.jsx

@@ -10,7 +10,7 @@ export default (props) => {
 
 
   return (
-    <View className='search'>
+    <View className='searchBar'>
       <mp-searchbar
         placeholder={placeholder}
         onBlur={onBlur}

src/components/SearchBar/style.less

@@ -1,5 +1,5 @@
 
-.search{
+.searchBar{
   margin: 35px 0;
   .weui-search-bar{
     padding: 0px;

src/hotel/components/HouseManage/houseManage.jsx

@@ -9,6 +9,8 @@ import { getRoomList, deleteRoom } from '@/services/landlord'
 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
@@ -84,14 +86,24 @@ export default React.forwardRef((props, ref) => {
   const handelOrder = (val) => {
     Taro.navigateTo({ url: `/hotel/pages/landlord/roomOrder/roomOrder?roomId=${val.roomId}&roomName=${val.roomName}` });
   }
+
+  const onSearch=(e)=>{
+    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>
+        <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

@@ -1,29 +1,5 @@
 
-.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/hotel/pages/landlord/landlord.config.js

@@ -4,7 +4,8 @@ export default {
   styleIsolation: 'shared',
   usingComponents: {
     "mp-tabbar": "weui-miniprogram/tabbar/tabbar",
-    "mp-dialog": "weui-miniprogram/dialog/dialog"
+    "mp-dialog": "weui-miniprogram/dialog/dialog",
+    "mp-searchbar": "weui-miniprogram/searchbar/searchbar"
   },
   enableShareAppMessage: true
 }

src/pages/index/tabs/Recommend.jsx

@@ -1,7 +1,7 @@
 import Taro, { useRouter } from '@tarojs/taro'
 import { React, useState, useEffect, useRef } from 'react'
 import iconsearch from '@/assets/icons/housemantj/search.png'
-import location from '@/assets/icons/housemantj/location.png'
+import locationimg from '@/assets/icons/housemantj/location.png'
 import Tip from '@/components/tip'
 import { getIndexType,  getResourceList } from '@/services/home'
 import Card from '../components/Card'
@@ -69,7 +69,7 @@ export default (props) => {
       <Tip />
       <view className='index-tabs'>
         <view className='position'>
-          <image className='location' src={location} />
+          <image className='location' src={locationimg} />
           <view className='city'>南京</view>
           <view className='line' />
         </view>

src/pages/index/tabs/less/Recommend.less

@@ -2,7 +2,6 @@
     padding: 10px 30px 0 30px;
     position: relative;
     .searchInput{    
-        width: calc(100% - 60px);
         height: 68px;
         background: #F8F8F8;
         border-radius: 34px;

src/shop/components/ShopKeeper/shopKeeper.jsx

@@ -121,7 +121,7 @@ export default (props) => {
           </view>
           <view className='search'>
 
-            <SearchBar placeholder='搜索订单(输入客户手机号码)' onBlur={onSeacrh} />
+            <SearchBar placeholder='搜索订单(输入客户手机号码)' onBlur={onSearch} />
           </view>
           <view className='index-tabs'>
             <mp-tabs