VisualInspection/VisualInspection/fwq/view/statistics/service_area_check_statistics.html

<script src="/js/statistics/common_statistic.js?__inline"></script>
<script src="/fwq/js/statistics/service_area_check_statistics.js">
</script>
<style type="text/css">
    table td,
    table th {
        text-align: center;
        padding: 10px;
        border: 1px solid #d9d9d9
    }
    
    .table-title {
        line-height: 50px;
        text-align: center;
    }
    
    .table-title span {
        font-size: 22px;
        color: #333;
    }
    
    .table-head {
        background-color: #EBF3FD;
        margin-top: 10px;
        width: 100%;
    }
    
    .table-head table {
        border: 1px solid #C7C6C5;
    }
    
    #scrollTable table {
        border: 1px solid #C7C6C5;
    }
    
    .table-head table tr th {
        font-size: 12px;
        color: #333;
        text-align: center;
        border: 1px solid #C7C6C5;
    }
    
    .table-tbody tr td {
        height: 43px;
    }
    
    table {
        border-color: #d9d9d9;
    }
    
    .div-score {
        float: left;
        padding-top: 6px;
    }
    
    .special-style td {
        border: 1px solid #c7c6c5;
    }
</style>

<div class="container-fluid ">
    <div class="row">
        <label class="col-sm-1" style="line-height:30px;width:80px">开始月</label>
        <div class="div-month col-sm-1">
            <input id="month_date_from" class="form-control form-date" type="text" placeholder="请选择" style="height:30px;">
        </div>
        <label class="col-sm-1" style="line-height:30px;width:80px">结束月</label>
        <div class="div-month col-sm-1">
            <input id="month_date_to" class="form-control form-date " type="text " placeholder="请选择 " style="height:30px; ">
        </div>

        <label class="col-sm-1" style="line-height:30px;width:80px">连续月数</label>
        <div class="div-month col-sm-2">
            <input id="month_number" type="number" placeholder="请输入0以上的整数" style="height:30px;padding:5px " value="3" />
        </div>
        <div class="form-group col-sm-3">
            <label for="exampleInputAccount1" class="col-sm-4" style="line-height:30px;width:80px">得分区间</label>
            <div class="col-sm-3">
                <input type="text" id="start-score" class="form-control form-date" value="985">
            </div>
            <div class="to-score col-sm-2" style="padding-top: 6px;text-align:center;width:10px"><label> - </label></div>
            <div class="col-sm-3">
                <input type="text" id="end-score" class="form-control form-date" value="1000">
            </div>
        </div>
        <div class="col-sm-2 "><button class="btn btn-info2 col-sm-6 query-company " id="searchbtn">查询</button></div>
    </div>


</div>


<div class="row ">

    <div class="datatable" data-checkable="false" style="margin-bottom: 0px;margin-right:10px;    background: #ffffff00;" data-sortable="false">
        <!-- <label style="margin: 0;">共查询到 <span id="totlapeople" >0</span> 人</label> -->
        <div class="table-head">
            <table border="0" width="100%" align="center" style="margin-right:10px;">
                <thead class="table-thead" align="center">
                    <tr>
                        <th width="5%">序号</th>
                        <!-- <th width="10%">工号</th> -->
                        <th width="15%">服务区</th>
                        <!-- <th width="10%">姓名</th> -->
                        <th width="60%">满足条件月份</th>
                    </tr>
                </thead>
            </table>
        </div>
        <!-- 使用一个div来显示数据表格   -->
        <div id="scrollTable" style="height:500px;overflow:scroll;    margin-right: -10px;">
            <table style="border-top:0" border="0" width="100%" align="center" id="table">
                <tbody class="table-tbody" style="background:white; " align="center">

                </tbody>
            </table>
        </div>
    </div>

</div>
</div>