VisualInspection/VisualInspection/view/statistics/assess_situation.html

<script src="/js/statistics/assess_situation.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">
                <div  class="form-group col-sm-5">
                    <label class="col-sm-2">查询日期</label>
                    <div class="col-sm-5">
                        <input type="text" id="start-time" class="form-control form-date" placeholder="开始日期">
                    </div>
                    <div class="col-sm-5">
                        <input type="text" id="end-time" class="form-control form-date" placeholder="结束日期">
                    </div>
                </div>
                <div  class="form-group col-sm-3">
                    <div class="col-sm-6">
                        <button class="btn btn-primary " type="button" onclick="querySituationClick()">查询</button>
                    </div>
                    <div class="col-sm-6">
                        <button class="btn btn-primary " type="button" onclick="exportExcel()">导出Excel</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="table-title"><span>温馨服务检查千分考核扣分情况汇总表</span></div>

    <div class="row">
        <!-- 使用一个div来显示数据表格 -->
        <div class="datatable" data-checkable="false" data-sortable="false" style="margin-bottom:0px;">
            <div class="table-head">
                <table border="1" width="100%" height="90px" align="center" class="a">
                    <thead>
                        <tr>
                            <th rowspan="2" width="10%" id="tb_th_1">道管</th>
                            <th rowspan="2" width="7%" id="tb_th_2">道管内排名</th>
                            <th rowspan="2" width="8%" id="tb_th_3">站名</th>
                            <th rowspan="2" width="8%" id="tb_th_4">收费值机人数</th>
                            <th rowspan="2" width="6%" id="tb_th_5">受检人数</th>
                            <th rowspan="2" width="6%" id="tb_th_6">受检次数</th>
                            <th colspan="6" height="5%" id="tb_th_7">扣分情况</th>
                            <th rowspan="2" width="7%" id="tb_th_8">平均得分(千分)</th>
                        </tr>
                        <tr>
                            <th width="7%" id="tb_th_7_1">满分（人）</th>
                            <th width="7%" id="tb_th_7_2">≤15分（人）</th>
                            <th width="7%" id="tb_th_7_3">≤50分（人）</th>
                            <th width="7%" id="tb_th_7_4">50分（人）</th>
                            <th width="7%" id="tb_th_7_5">总扣分（分）</th>
                            <th width="7%" id="tb_th_7_6">平均每人次扣分（分）</th>
                        </tr>
                    </thead>
                    <!-- <tbody class="table-tbody" style="background:white" align="center" height="500px">

                    </tbody> -->
                </table>
            </div>
        </div>
        <div id="scrollTable" style="height:300px;overflow:scroll;margin-right:-10px;">
            <div class="table-head" style="margin:0px;">
                <table border="1" width="100%" height="90px" align="center" class="a" style="border-top:0px;">
                    <tbody class="table-tbody" style="background:white" align="center" height="500px">
                    </tbody>
                </table>
            </div>
        </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"
        });

        initQuerySituation();
    });
</script>