VisualInspection/VisualInspection/view/statistics/operation_management_integration.html

<script src="/js/statistics/operation_management_integration.js?__inline"></script>
<link rel="stylesheet" type="text/css" href="/css/statistics/assess_situation.css?__inline">
<div class="container-fluid ">
    <div class="form-div">
        <form  class="form-horizontal">
            <div class="form-group">
                <div class="from-label"><label>查询日期</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="queryTypeClick()">查询</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" data-sortable="false"  style="margin-bottom:0px;">
              <div class="table-head" ><table border="1" width="100%" height="90px" align="center">
                 <thead>
                        <tr>
                        <th rowspan="3" width="6%">排名</th><th rowspan="3" width="6%">道管</th><th rowspan="3" width="6%">公司内排名</th><th rowspan="3" width="6%">道管内排名</th>
                        <th rowspan="3" width="8%">站名</th><th rowspan="3" width="6%">收费值机岗位人数</th><th colspan="4" height="40px">温馨服务</th><th colspan="2" height="40px">特情操作</th>
                        <th colspan="2" height="40px">现场检查</th><th colspan="2" height="40px">数据平台应用情况</th><th rowspan="3" width="6%">总平均扣分</th>
                        <th rowspan="3" width="6%">平均得分</th>
                        </tr>
                        <tr> 
                        <th colspan="2">公司检查</th><th colspan="2">第三方暗访</th><th rowspan="2" width="54px">存在问题次数</th>
                        <th rowspan="2" width="54px">扣分合计</th><th rowspan="2" width="54px">受检次数</th><th rowspan="2" width="54px">扣分合计</th>
                        <th rowspan="2" width="54px">受检次数</th><th rowspan="2" width="54px">扣分合计</th>
                        </tr>
                        <tr> 
                        <th width="54px">受检次数</th><th width="54px">扣分合计</th>
                        <th width="54px">受检次数</th><th width="54px">扣分合计</th>
                        </tr>
                 </thead>
                    <!-- <tbody class="table-tbody" style="background:white" align="center">
               
                    </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" style="border-top:0px;">
                    <tbody class="table-tbody" style="background:white" align="center">
               
                    </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"
        });
        initQueryType();
    });
</script>