VisualInspection/VisualInspection/view/statistics/common_work.html

<script src="/js/statistics/common_statistic.js?__inline"></script>
<script src="/js/statistics/common_work.js?__inline"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/atendance_style.css">
<div class="container-fluid ">
    <div class="row">
        <form  class="form-horizontal">
            <div class="form-group">
                <label for="exampleInputAccount1" class="col-sm-1">日期</label>
                <!--<div class="col-sm-2">
                    <select class="form-control" id="sel_month">
                        <option value="1">一月</option>
                        <option value="2">二月</option>
                        <option value="3">三月</option>
                        <option value="4">四月</option>
                        <option value="5">五月</option>
                        <option value="6">六月</option>
                        <option value="7">七月</option>
                        <option value="8">八月</option>
                        <option value="9">九月</option>
                        <option value="10">十月</option>
                        <option value="11">十一月</option>
                        <option value="12">十二月</option>
                    </select>
                </div>-->
                <div class="col-sm-2">
                    <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
                </div>
                <div class="col-sm-2">
                    <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
                </div>
                <label for="exampleInputAccount1" class="col-sm-1">部门</label>
                <!-- <div class="col-sm-2">
                    <select class="form-control" id="center_manage">
                        <option value="">全部</option>
                        <option selected value="30">连云港</option>
                        <option value="31">盐城</option>
                        <option value="32">南通</option>
                    </select>
                </div> -->
                <div class="col-sm-2">
                    <select class="form-control" id="fs_station">

                    </select>
                </div>
                <div class="col-sm-1">
                    <select class="form-control" id="fs_employee">

                    </select>
                </div>
                <div class="col-sm-1">
                    <button class="btn btn-info2" id="searchBtn" type="button" >查询</button>
                </div>
            </div>
        </form>
    </div>



    <div class="table-title"><span id="month_name"></span><span>正常在岗人员出勤统计</span></div>

    <div class="row">        
        <div class="table-head">
            <table  width="100%" min-height="190px" align="center">
            <thead>
            <tr>
                <th  width="8%">序号</th>
                <th  width="16%">站名</th>
                <th  width="16%">姓名</th>
                <th  width="16%">岗位</th>
                <th>夜</th>
                <th>早</th>
                <th>中</th>
                <th  width="16%">合计</th>
                <th  width='16%'>备注</th>
            </tr>
            </thead>
            <!-- <tbody class="table-tbody" style="background:white" align="center" height="500px">

            </tbody> -->
            </table>
        </div>
        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
            <table style="border-top:0px;" border="0" width="100%"  align="center">
                <tbody class="table-tbody" style="background:white; " align="center">
                </tbody>
            </table>
        </div> 
    </div>
</div>
<script>
    $(document).ready(function() {
        // 设置滚动表格的高度
        $("#scrollTable").height($(window).height() - 360);
        // 仅选择日期 开始 ，结束时间
        $("#start-time,#end-time").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
    });
</script>