VisualInspection/VisualInspection/view/statistics/emp_ranking.html

<script src="/js/statistics/assess_ranking.js?__inline"></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>
                <label for="exampleInputAccount1" class="col-sm-1">查询日期</label>
                <div class="col-sm-3">
                    <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
                </div>
                <div class="col-sm-3">
                    <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
                </div>
                <div class="div-score">
                    <label for="exampleInputAccount1" class="lable-score">得分区间</label>
                </div>
                <div class="col-sm-3" style="width:60px;">
                    <input type="text" id="start-score" class="form-control form-date" style="width:60px;" value="0">
                </div>
                <div class="to-score" style="float:left;margin-left:20px;padding-top: 6px;"><label> - </label></div>
                <div class="col-sm-4" style="width:60px;margin-left:10px;">
                    <input type="text" id="end-score" class="form-control form-date" style="width:60px;" value="1000">
                </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>
            <div class="form-group">
                <label for="exampleInputAccount1" class="col-sm-1">考核次数</label>
                <div class="col-sm-2">
                    <input type="text" id="check_count" class="form-control" value="">
                </div>
                <label for="exampleInputAccount1" class="col-sm-1">职位</label>
                <div class="col-sm-2" style="width:200px;">
                    <select class="form-control" id="jobSelect">
                    </select>
                </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="4%;">序号</th><th rowspan="2" width="6%">站名</th>
                            <th rowspan="2" width="6%">姓名</th><th rowspan="2" width="6%">岗位</th>
                            <th rowspan="2" width="7%">工号</th><th rowspan="2" width="4%">公司排名</th>
                            <th rowspan="2" width="4%">道管排名</th><th rowspan="2" width="4%">收费站排名</th>
                            <th colspan="9" height="40px">考核扣分</th><th rowspan="2" width="4%">受检次数</th>
                            <th rowspan="2" width="4%">平均扣分（千分制）</th><th rowspan="2" width="4%">得分</th>
                            <th rowspan="2" width="4%">服务评价</th><th rowspan="2" width="4%">备注</th>
                            </tr>
                            <tr> 
                            <th width="4%">环境卫生</th><th width="4%">仪容仪表</th><th width="4%">表情</th>
                            <th width="4%">收费动作</th><th width="4%">文明用语</th><th width="4%">工作纪律</th>
                            <th width="4%">便民服务</th><th width="4%">安全管理</th>
                            <th width="4%">扣分合计</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="4%;">序号</th><th rowspan="2" width="6%">站名</th>
                            <th rowspan="2" width="6%">姓名</th><th rowspan="2" width="6%">岗位</th>
                            <th rowspan="2" width="7%">工号</th><th rowspan="2" width="4%">公司排名</th>
                            <th rowspan="2" width="4%">道管排名</th><th rowspan="2" width="4%">收费站排名</th>
                            <th colspan="9" height="40px">考核扣分</th><th rowspan="2" width="4%">受检次数</th>
                            <th rowspan="2" width="4%">平均扣分（千分制）</th><th rowspan="2" width="4%">得分</th>
                            <th rowspan="2" width="4%">服务评价</th><th rowspan="2" width="4%">备注</th>
                        </tr>
                        <tr style="display:none;"> 
                            <th width="4%">环境卫生</th><th width="4%">仪容仪表</th><th width="4%">表情</th>
                            <th width="4%">收费动作</th><th width="4%">文明用语</th><th width="4%">工作纪律</th>
                            <th width="4%">便民服务</th><th width="4%">安全管理</th>
                            <th width="4%">扣分合计</th>
                        </tr>
                    </thead>
                    <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").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>