<cu-custom bgColor="bg-gradual-blue"  
 isBack="true"> 
  <block bindtap="back" slot="backText" >返回</block> 
  <view slot="content">{{Hotelinfo.HotelName}}({{Hotelinfo.Code}})</view> 
</cu-custom> 
<scroll-view scroll-x class="bg-white nav text-center text-bold text-xl ">
  <view class="flex text-center"> 
    <view class="cu-item {{1==TabCur?'text-blue cur':''}}"   bindtap="tabSelect" data-id="{{1}}">
     单房间升级
  </view>
  <view class="cu-item {{2==TabCur?'text-blue cur':''}}" bindtap="tabSelect" data-id="{{2}}">
     批量升级
    </view>
  </view>

</scroll-view>

<view wx:if="{{1==TabCur}}">
<view class=" solids bg-white" style="margin-top: 10rpx;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: 60%;">
  <text class="text-black">房间在线：</text>
  <text class="text-blue">{{onlineNumber}}/</text>
  <text class="text-black">{{HostsDataFilters.length}} </text>

</view>
<view class="solids"  wx:if="{{RoomIndex>=0}}"  style="height:100% ;width: 40%;">
  <button class="cu-btn1  line-green margin-left " style="width: 100%;	margin:5rpx;" bindtap="RefreshTheRoom">刷新</button> 
</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>   
 </view>



</view>
  

</view>

<scroll-view scroll-y  scroll-into-view="{{toView}}" id="myScroll"  style="height:{{scrollHeight}}rpx;" >
<view class='nav-list1 bg-white' bindtouchstart="handleTouchStart"  
bindtouchend="handleTouchEnd"  style="margin-top: 20rpx;">  
    <view  bindtap="goProcess" bindlongtap="GetMAC_long"  data-room="{{item.RoomNumber}}"  data-hotel="{{Hotelinfo.HotelName}}"
  data-status="{{item.Status}}" data-HotelCode="{{Hotelinfo.Code}}"  data-roomtypeid="{{item.RoomTypeID}}"   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>
</view>

<view wx:if="{{2==TabCur}}">
<view class=" solids bg-white" style="margin-top: 10rpx;height:100px ;width: 100%;font-weight: bold; ">
<view class="flex text-xl" style=" height:35% ;width: 100%;">  

<view class="solids"    style="height:100% ;width: 70%;">
 <!-- 房型 --> 
<view style="height:100% ;width: 100%; display: flex;justify-content:center;  align-items:center; " > 
  <view  style="height:100% ;width: 20%;"> 
      <text >房型:</text> 
    </view> 
    <view style="height:100% ;width: 75%;">   
      <wanselect style="justify-content:center;  align-items:center;" listData="{{RoomtypeNamearray}}" bind:optionTap='bindPickerChange'></wanselect>
    </view>
    
</view> 

</view>
<view class="solids"  wx:if="{{RoomIndex>=0}}"  style="height:100% ;width: 30%;">
  <button class="cu-btn1  line-green margin-left " style="width: 100%;	margin:5rpx;" bindtap="RefreshTheRoomType">刷新</button> 
</view>
</view>
<view class="flex solids line-grey"  style=" height:62% ;width:100%;">


    <view class="flex-eight" style="height: 100%;margin: 3rpx 5rpx; " >  
      <view  class="flex-xis  setborder line-grey text-cut" style="height: 45%;font-size: 22rpx; line-height: 50rpx;min-width: 0;margin: 3rpx 0rpx; "> 
        {{Gfilename}}         
        </view> 
      <view class="flex-xis setborder line-grey text-cut" style="height: 45%;font-size: 22rpx; line-height: 50rpx;min-width: 0;margin: 3rpx 0rpx;">          
          {{Pfilename}}
        </view> 
    </view> 

    <view class="flex-twice" style="height: 100%;margin: 3rpx 5rpx;" >       
        <button class=" "style="  margin: 3rpx 0rpx;  font-size: 22rpx;height:45%;" data-id="1" bind:tap="UpgradeTheEquipment">固件升级</button> 
      <button class=""style=" margin: 3rpx 0rpx;   font-size: 22rpx;height: 45%;" data-id="2" bind:tap="UpgradeTheEquipment" >配置升级</button> 
    </view> 

</view>

</view>
<view class=" flex align-center " style="height: 70rpx;background: aquamarine;" > 
  <view class="flex-treble margin-xs" style="height: 50rpx;" bindtap="ALLcheckboxSub" >        
    <checkbox  checked="{{Allcheckbox}}" ></checkbox> 
  
    <text >全选</text>
  </view> 
<view class="flex-eight" >正在升级房号：{{CurrentUpgradeDev}}:{{CurrentUpgradeDevStart}}</view> 
<view class="flex-treble " style="justify-content: flex-end">已升级设备: {{UpgradeCount}} </view> 

</view> 






<scroll-view  id="myScroll"  scroll-into-view="{{toView}}" scroll-y="true"  style="height:{{scrollHeight-100}}rpx;"  	>
  <view wx:for="{{devlist.length}}" wx:key="index"    class=" bg-white padding-5" >     

  <view  class="bg-white" >
     <view class="cubarN bg-white " >
      <view class="flex-xsub margin-xs" data-id ="{{index}}" bindtap="checkboxSub" > 
        <checkbox  style="top:25%;" checked="{{devlist[index].checkbox}}" ></checkbox>     
    </view>
    <view class="cubarN bg-white flex-9" data-id ="{{index}}" bindtap="HideOrOpen" style="background:{{devlist[index].UpgradeStatus ==0? 'white':devlist[index].UpgradeStatus ==1? 'green':'red' }} ;">
      <view class="flex-5" style="font-weight: bold;" >房号：{{devlist[index].RoomNumber}}</view>  
      <view class="flex flex-xis">
      <view class="flex-xis"  >
            <view wx:if="{{CurrentUpgradeDev==devlist[index].RoomNumber}}">{{UpgradeType=='firmware'? '固件':'配置'}}升级:{{CurrentUpgradeDevStart}}</view>           
      </view>
        <view class="flex-sub text-{{devlist[index].Status==true? 'green':'red'}}"  >{{devlist[index].Status==true? "在线":"离线"}}</view>
    </view>
      </view>    
    
       </view>

<view class="cubarN bg-white" >    <!-- wx:if="{{devlist[index].show==0}}"> -->
    
    <view class="flex-xis" >MAC:{{devlist[index].MAC}}</view>      
    <!-- <view class="flex-xis setborder line-grey text-cut" style="height: 50rpx;width: 520rpx; font-size:22rpx; line-height: 50rpx"></view>      -->
      <view class="flex-twice" style="font-size: 22rpx;">主机:{{devlist[index].Model}}</view>
      <view class="flex-twice" style="font-size: 22rpx;">配置版本:{{devlist[index].ConfigVersion}}  </view>           
    </view>
    <view class="cubarN bg-white solid-bottom  "> <!-- wx:if="{{devlist[index].show==0}}"> -->    
      <view class="flex-eight" style="font-size: 22rpx;" >固件版本:{{devlist[index].Version}}</view>
    </view>
 
  </view>
  </view> 
</scroll-view> 
</view>

<!-- MAC已经被绑定弹窗提示 --> 
<view class="cu-modal {{modal==3 || modal==4?'show':''}}"> 
    <view class="cu-dialog"> 
        <view class="cu-bar bg-white justify-end"> 
            <view class="content">{{code}}已经被绑定</view> 
            <view class="action"  bindtap="GetHide" > 
                <text class="cuIcon-close text-red"></text> 
            </view> 
        </view> 
        <view class="padding-xs flex flex-wrap justify-center " > 
<view class="basis-xl text-sm" wx:for="{{bdHosts}}" > 
<text  class=" text-right ">酒店：</text><text class="text-left  text-red">{{item.HotelName}}</text> 
<text class="padding-left-xs   text-right   " >房间：</text><text class="text-left  text-red">{{item.RoomNumber}}</text> 
<button class="cu-btn margin-left-xs  sm bg-red" wx:if="{{item.qx == 0}}"  data-index="{{index}}"  type="" bindtap="Jb" >解绑</button> 
<button class="cu-btn margin-left-xs sm bg-red" wx:if="{{item.qx != 0}}"  disabled >解绑</button> 
</view> 
        <view class="basis-xl">MAC地址：<text class="text-left">{{code}}</text></view> 
        <view class="basis-xl text-left text-sm text-gray">MAC已经被其他房间绑定，点击继续将取消原有绑定，执行新的绑定；点击取消，将不会执行任何操作~</view> 
    </view> 
        <view class="cu-bar bg-white"> 
            <view class="action margin-0 flex-sub text-green " data-type="1" bindtap="ErrorInfo">反馈错误</view> 
            <view class="action margin-0 flex-sub text-green solid-left" bindtap="GetHide" >取消</view> 
            <view wx:if="{{bdHosts.length<=0}}"  class="action margin-0 flex-sub  solid-left" data-type="false" bindtap="GetMacOKend" >继续</view> 
        </view> 
    </view> 
</view> 
<!-- 手动输入mac地址 --> 
<view class="cu-modal {{modal==1000?'show':''}}"> 
    <view class="cu-dialog"> 
        <view class="cu-bar bg-white justify-end"> 
            <view class="content">为{{selHosts.RoomNumber}}绑定MAC</view> 
            <view class="action"  bindtap="GetHide" > 
                <text class="cuIcon-close text-red"></text> 
            </view> 
        </view> 
        <view class="padding-lg flex flex-wrap " > 
        <view class="basis-sm text-right">房间：</view>
        <view class="basis-lg text-left">{{selHosts.RoomNumber}}</view> 
        <view class="basis-sm text-right">MAC地址：</view> 
        <view class="basis-lg text-left"> 
            <input placeholder="手动输入MAC" model:value="{{code}}" name="input"></input> 
        </view> 
    </view> 
        <view class="cu-bar bg-white"> 
            <view class="action margin-0 flex-sub text-green solid-left" bindtap="GetHide" >取消</view> 
            <view class="action margin-0 flex-sub  solid-left" bindtap="GetMACOK"   >确认</view> 
        </view> 
    </view> 
</view> 
<!-- 确定绑定 --> 
<view class="cu-modal {{modal==521?'show':''}}"> 
    <view class="cu-dialog"> 
        <view class="cu-bar bg-white justify-end"> 
            <view class="content">绑定确认</view> 
            <view class="action"  bindtap="GetHide" > 
                <text class="cuIcon-close text-red"></text> 
            </view> 
        </view> 
        <view class="padding-lg flex flex-wrap " > 
         <view  class="basis-sm text-right">酒店：</view><view class="text-left basis-lg">{{Hotelinfo.HotelName}}</view> 
        <view class="basis-sm text-right">房间：</view><view class="basis-lg text-left">{{selHosts.RoomNumber}}</view> 
        <view class="basis-sm text-right">MAC地址：</view><view class="basis-lg text-left">{{code}}</view> 
        <view class=" text-left flex-sub text-sm text-gray">确定为房间绑定MAC，点击继续将执行扫描绑定；点击取消，将不会执行任何操作~</view> 
    </view> 
        <view class="cu-bar bg-white"> 
            <view class="action margin-0 flex-sub text-green solid-left" bindtap="GetHide" >取消</view> 
            <view class="action margin-0 flex-sub  solid-left" data-type="true" bindtap="GetMacOKend" >继续</view> 
        </view> 
    </view> 
</view> 
<!-- 无效条形码 --> 
<view class="cu-modal {{modal==520?'show':''}}"> 
    <view class="cu-dialog"> 
        <view class="cu-bar bg-white justify-end"> 
            <view class="content">无效条码</view> 
            <view class="action"  bindtap="GetHide" > 
                <text class="cuIcon-close text-red"></text> 
            </view> 
        </view> 
        <view class="padding-lg flex flex-wrap " > 
        <view class="basis-sm text-right">无效条码:</view><view class="basis-lg text-left">{{code}}</view> 
        <view class=" text-left flex-sub text-sm text-gray">扫描的条码为无效条码~</view> 
    </view> 
        <view class="cu-bar bg-white"> 
            <view class="action margin-0 flex-sub text-green solid-left" bindtap="GetHide" >确定</view> 
        </view> 
    </view> 
</view> 