<cu-custom bgColor="bg-gradual-blue"  
 isBack="true"> 
  <block bindtap="back" slot="backText" >返回</block> 
  <view slot="content">{{Hotelinfo.HotelName}}({{Hotelinfo.Code}})</view> 
</cu-custom> 

<view class=" solids bg-white" style="height:70px ;width: 100%;font-weight: bold; ">
<view class="flex text-xl" style=" height:45% ;width: 100%;">  
<view class="solids"  wx:if="{{RoomIndex>=0}}"  style="height:100% ;width: 50%;">
<text class="text-black">房号:{{HostsDataFilters[RoomIndex].RoomNumber}}</text> 
</view>
<view class="solids"  wx:if="{{RoomIndex>=0}}"  style="height:100% ;width: 50%;">
  <text class="text-black">房间在线：</text>
  <text class="text-blue">{{onlineNumber}}/</text>
  <text class="text-black">{{HostsDataFilters.length}} </text>

</view>
</view>

<view class="cu-bar1 bg-white " style="height:50% ;width: 100%;" >
  <view class="solids"  style="width: 60%;">
    <input  class="solids cu-btn1" focus="true" bindinput="inputSearchForHotels"	confirm-type="search" style="width: 100%;"/>
  </view>

 <view class="flex"style="width: 40%;">
   <button class="cu-btn1  line-green margin-left " style="width: 100%;	margin:5rpx;" bindtap="SearchForHotels">搜索</button> 
   <button class="cu-btn1  line-green margin-left " style="width: 100%;	margin:5rpx;" bindtap="RefreshTheRoom">刷新</button> 
 </view>



</view>  


</view>

<scroll-view scroll-y  scroll-into-view="{{toView}}" id="myScroll"  style="height:{{scrollHeight}}rpx;" >
<view class='nav-list1 bg-white' style="margin-top: 20rpx;">    
    <view  bindtap="goProcess"   data-room="{{item.RoomNumber}}"  data-hotel="{{Hotelinfo.HotelName}}"
  data-status="{{item.Status}}" hover-class="navigator-hover" class="nav-li4 bg-{{item.Status===1? 'cyan':'gray'}}" wx:for="{{HostsDataFilters}}" id="msg-{{index}}" wx:key>
      <view style="font-size: 32rpx;justify-content:start" >{{item.RoomNumber}}</view>     
      <view style="font-size: 20rpx;justify-content:start" >{{item.MAC}}</view>     
    </view>
  </view>

</scroll-view>