VisualInspection/VisualInspection/view/statistics/emp_ranking.html

<script src="/js/statistics/assess_ranking.js"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/assess_situation.css">
<div class="container-fluid ">
    <div class="form-div">
        <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="fsList">
                    </select>
                </div>
                <div class="select-date"><label class="select-date1">查询日期</label></div>
                <div class="col-sm-3">
                    <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
                </div>
                <div class="col-sm-4">
                    <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
                </div>
                <div class="col-sm-5">
                    <button class="btn btn-primary " type="button" onclick="queryEmpClick()">查询</button>
                </div>
                <div class="col-sm-6">
                    <button class="btn btn-primary " type="button" onclick="exportExcel()">导出Excel</button>
                </div>
            </div>
        </form>
    </div>
    <div class="table-title"><span>温馨服务考核情况反馈表（所有员工排名）</span></div>

    <div class="row">
          <!-- 使用一个div来显示数据表格   -->
          <div class="datatable" data-checkable="false" style="margin-bottom: 0px;margin-right:10px;" data-sortable="false">
                <div class="table-head"  > 
                    <table border="1" width="100%"  align="center">
                        <thead class="table-thead" align="center">
                            <tr>
                            <th rowspan="2" width="67px;">序号</th><th rowspan="2" width="87px">站名</th><th rowspan="2" width="67px">姓名</th>
                            <th rowspan="2" width="67px">岗位</th><th rowspan="2" width="87px">工号</th><th colspan="7" height="40px">考核扣分</th>
                            <th rowspan="2" width="67px">受检次数</th><th rowspan="2" width="67px">平均扣分（千分制）</th>
                            <th rowspan="2" width="75px">服务评价</th><th rowspan="2">备注</th>
                            </tr>
                            <tr> 
                            <th width="67px">环境卫生</th><th width="67px">仪容仪表</th><th width="67px">表情</th>
                            <th width="67px">收费动作</th><th width="67px">文明用语</th><th width="67px">工作纪律</th>
                            <th width="67px">扣分合计</th>
                            </tr>
                        </thead>
                       

                    </table>
                </div>
            </div>
            <div id="scrollTable" style="height:300px;overflow:scroll;">
                 <table style="border-top:0;" border="1" width="100%"  align="center">
                    <thead class="table-thead" style="height:0;" align="center">
                        <tr style="display:none;">
                            <th rowspan="2" width="67px;"></th><th rowspan="2" width="77px"></th><th rowspan="2" width="67px"></th>
                            <th rowspan="2" width="67px"></th><th rowspan="2" width="67px"></th><th colspan="7" height="40px"></th>
                            <th rowspan="2" width="67px"></th><th rowspan="2" width="67px"></th>
                            <th rowspan="2" width="75px"></th><th rowspan="2" width="75px"></th>
                        </tr>
                        <tr style="display:none;"> 
                            <th width="67px"></th><th width="67px"></th><th width="67px"></th>
                            <th width="67px"></th><th width="67px"></th><th width="67px"></th>
                            <th width="67px"></th>
                        </tr>
                    </thead>
                    <tbody class="table-tbody" style="background:white; " align="center">

                    </tbody>   
                 </table>  
            </div>
    </div>
</div>
<script>
    $(document).ready(function() {

        // 设置滚动表格的高度
        $("#scrollTable").height(  document.body.clientHeight  - 360 );

        // 仅选择日期
        $("#start-time").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
        // 仅选择日期
        $("#end-time").datetimepicker(
        {
            language:  "zh-CN",
            weekStart: 1,
            todayBtn:  1,
            autoclose: 1,
            todayHighlight: 1,
            startView: 2,
            minView: 2,
            forceParse: 0,
            format: "yyyy-mm-dd"
        });
        setFeSelect("#fsList");
        initQueryEmp();
    });
</script>