@using SERVER
@{
    ViewData["Title"] = "Rucs管理中心";

    <script src="/js/vue.global.js"></script>
}
<style>
    *::-webkit-scrollbar {
        height: 0;
        width: 0;
        color: transparent;
    }
    /* 不在线蒙版效果 */
    .mb{
        opacity:0.4;
    }
  /*单选框 多选时期 弹出*/
    .rcu_chek{
        display:none;
    }
</style>
<!-- 内容标题（页面标题） -->
<div class="content-header" style="padding: 5px 0;">
    <div class="col-12">
        <h5 style='padding: 7.5px;' class="m-0  text-white bg-info">@ViewData["Title"]</h5>
    </div>
    <div id="app" style="display:none;padding: 5px 0;">
        <div class="row m-0 p-0" >
            <div class="col-12 col-md-4">
                <div class="input-group input-group-sm " style="padding-left:0; margin:1PX 0  !important;">
                           <span class="input-group-append m-0">
                            <button type="button" class="b-0 btn  btn-flat">每页数量</button>
                            </span>
                            <select id="pagelength" v-on:change="table_init" v-model="page_length" class="form-control">
                                <option value="21">21</option>
                                <option value="33">33</option>
                                <option value="42">42</option>
                                <option value="51">51</option>
                                <option value="62">62</option>
                                <option value="10000">All</option>
                            </select>
                </div>
            </div>
             <div class="col-12 col-md-4">
                <div class="input-group input-group-sm " style="padding-left:0; margin:1PX 0  !important;">
                           <span class="input-group-append m-0">
                            <button type="button" class="b-0 btn  btn-flat">房间状态</button>
                            </span>
                            <select id="pagelength" v-on:change="table_init" v-model="room_type" class="form-control">
                                <option value="0">全部</option>
                                <option value="2">出租中</option>
                                <option value="8">退房中</option>
                                <option value="4">待租</option>
                                <option value="16">空房</option>
                                <option value="-1">其他</option>
                            </select>
                </div>
            </div>
            <div class="col-md-4"> 
            </div>
              <div class="col-12 col-md-4">
                <div class="input-group input-group-sm " style="padding-left:0; margin:1PX 0  !important;">
                           <span class="input-group-append m-0">
                            <button type="button" class="b-0 btn  btn-flat">在线状态</button>
                            </span>
                            <select id="pagelength" v-on:change="table_init" v-model="room_online_satatus" class="form-control">
                                <option value="-1">全部</option>
                                <option value="0">离线</option>
                                <option value="1">在线</option>
                            </select>
                </div>
            </div>
            <div class="col-12 col-md-4">
                <div class="input-group input-group-sm " style="padding-left:0; margin:1PX 0  !important;">
                           <span class="input-group-append m-0">
                            <button type="button" class="b-0 btn  btn-flat">下发文件</button>
                            </span>
                            <select :disabled="mac_send.length>0" v-model="send_type" class="form-control">
                                <option value="1">固件</option>
                                <option value="2">配置</option>
                            </select>
                </div>
            </div>
             <div class="col-12 col-md-4">
                <div class="input-group input-group-sm " style="padding-left:0; margin:1PX 0  !important;">
                        @* 阻止冒泡 *@
                    <div class="form-check ml-1 mt-1" @@click.stop='moresel_(1)'>
                        @* 阻止冒泡 *@
                        <input @@change="show_rcu_chek" type="checkbox" class="form-check-input"   @@click.stop='' v-model="moresel">
                        <label class="form-check-label">批量下发</label>
                         @* 阻止冒泡 *@
                    </div>
                    <div class="form-check ml-1 mt-1" @@click.stop='moresel_all_' title="多个MAC只计算一次,可能与房间数量不匹配~"  >
                      <input type="checkbox" class="form-check-input"  @@change="moresel_all_sel" @@click.stop='' v-model="moresel_all" :disabled="!moresel">
                        <label class="form-check-label">全选</label>
                    </div>
                    <button type="button" class="btn btn-info btn-xs ml-2"  @@click="more_send"  :disabled="sel_rcu.length<=0" >批量下发{{sel_rcu.length>0?'('+sel_rcu.length+')':''}}</button>
                </div>
            </div>
            <div style="display:none;" class="col-12 ml-2" >
                <div  @@click='moresel_(2)'>Tool</div>
                <div v-if="tool">
                   @* 阻止冒泡 *@
                    <div class="form-check" @@click.stop='moresel_(1)'>
                        @* 阻止冒泡 *@
                        <input @@change="show_rcu_chek" type="checkbox" class="form-check-input"   @@click.stop='' v-model="moresel">
                        <label class="form-check-label" >批量下发</label>
                    </div>
               </div>
            </div>
        <div class="container-fluid table-responsive" :style="{height:appheight,overflow:'scroll' }">
         <table  style="line-height:normal" class="table table-borderless" id="dataTable">
            <thead style="display:none;">
                <tr >
                    <th>ID</th>
                    <th>ID</th>
                    <th>ID</th>
                    <th>ID</th>
                </tr>
            </thead>
            <tbody class="row p-0 m-0">
            </tbody>
        </table> 
        </div>
    </div>
    <!-- /.container-fluid -->
</div>
<!-- /.content-header -->
<!-- 主体内容 -->
<section class="content">

</section>
<!-- /.content -->
<script defer src="~/js/jquery.dataTables.min.js"></script>
<script defer src="~/js/dataTables.bootstrap4.min.js"></script>
<script defer src="~/js_custom/RCUServer.js"> </script>