@{
    ViewData["Title"] = "事件跟踪信息";
}
<style>
     
    *::-webkit-scrollbar {
        height: 0;
        width: 0;
        color: transparent;
    }
</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;">
        <div class="row ml-0 mr-0 mt-1" >
            @* 每页数量 *@
             <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="table_init" v-model="selected_page" class="form-control">
                            <option  v-for="(sel,index) in selectpage" v-bind:value="sel.val">
                                {{sel.text}}
                            </option>
                        </select>
                      </div>
              </div>

            @* 时间选择快捷 *@            
             <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="selected_day_change" v-model="selected_day" class="form-control">
                            <option  v-for="(sel,index) in selectday" v-bind:value="sel.val">
                                {{sel.text}}
                            </option>
                        </select>
                      </div>
             </div>
            
             @* 时间选择 *@            
             <div class="col-6 col-md-3">
                      <div class="form-group mb-1">
                          <div class="input-group">
                    <div class="input-group-prepend">
                      <span class="input-group-text"><i class="far fa-clock"></i></span>
                    </div>
                    <input type="text" class="form-control float-right" id="reservationtime">
                    </div>
                      </div>
             </div>
           
             <div class="sjhide col-md-12 p-0 m-0">

             </div>

              @* 酒店组选择  *@            
            <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="selectgroup_init" v-model="selected_hotel_group" class="form-control">
                            <option v-for="(sel,index) in selecthotelgroup" v-bind:value="sel.HotelGroupsId">
                                {{sel.HotelGroupsName}}
                            </option>
                        </select>
                      </div>
            </div> 


            @* 酒店选择  *@            
            <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="selectroom_init" v-model="selected_hotel" class="form-control">
                            <option v-for="(sel,index) in selecthotel" v-bind:value="sel.HotelId">
                                {{sel.HotelName}}
                            </option>
                        </select>
                      </div>
            </div> 

            @* 房间选择  *@            
            <div class="col-6 col-md-3">
                      <!-- select -->
                      <div class="form-group mb-1">
                         @* 下拉筛选区域 *@
                        <select v-on:change="table_init" v-model="selected_room" class="form-control">
                            <option v-for="(sel,index) in selectroom" v-bind:value="sel.val">
                                {{sel.text}}
                            </option>
                        </select>
                      </div>
            </div> 

             <div class="sjhide col-md-12 p-0 m-0">

             </div>

               @* 事件ID查询  *@            
            <div class="col-12 col-md-3">
                      <!-- select -->
                      <div class="input-group mb-1">
                         <div class="input-group-prepend">
                            <span class="input-group-text">事件ID</span>
                        </div>
                         <input type="text" v-model="evenid" class="form-control">
                         <div class="input-group-append" v-on:click="table_init">
                            <span  class="input-group-text text-info"><i class="fas fa-search"></i></span>
                        </div>
                      </div>
            </div> 
        </div>
        
        @* 数据区域 *@
        <div class="container-fluid table-responsive "   :style="{'height':appheight}">
            <table  style="line-height:normal" class="table table-borderless" id="dataTable">
                <thead style="display:none;">
                    <tr>
                        <th>ID</th>
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
    <!-- /.container-fluid -->
</div>
<script src="/js/vue.global.js"></script>
<script defer src="~/js/jquery.dataTables.min.js"></script>
<script defer src="~/js/dataTables.bootstrap4.min.js"></script>
<script defer src="~/js_custom/EVENTLOGGING.js"> </script>