潘钊 / bsth_control · Commits

Commit 0dfbfa4b239d4d34f39a5c141a0ba36fa278dbf7

Authored by 娄高锋
1 parent c2a32b59
build: skipped

大间隔统计表页面（大间隔发生次数汇总表）

Inline Side-by-side
Showing 1 changed file with 230 additions and 0 deletions
src/main/resources/static/pages/report/sheet/intervalSum.html 0 → 100644
  View file @0dfbfa4
  1 +<style type="text/css">
  2 + .table-bordered {
  3 + border: 1px solid; }
  4 + .table-bordered > thead > tr > th,
  5 + .table-bordered > thead > tr > td,
  6 + .table-bordered > tbody > tr > th,
  7 + .table-bordered > tbody > tr > td,
  8 + .table-bordered > tfoot > tr > th,
  9 + .table-bordered > tfoot > tr > td {
  10 + border: 1px solid; }
  11 + .table-bordered > thead > tr > th,
  12 + .table-bordered > thead > tr > td {
  13 + border-bottom-width: 2px; }
  14 +
  15 + .table > tbody + tbody {
  16 + border-top: 1px solid; }
  17 +</style>
  18 +
  19 +<div class="page-head">
  20 + <div class="page-title">
  21 + <h1>大间隔统计表</h1>
  22 + </div>
  23 +</div>
  24 +
  25 +<div class="row">
  26 + <div class="col-md-12">
  27 + <div class="portlet light porttlet-fit bordered">
  28 + <div class="portlet-title">
  29 + <form class="form-inline" action="">
  30 + <div style="display: inline-block; margin-left: 33px;" id="gsdmDiv">
  31 + <span class="item-label" style="width: 80px;">公司: </span>
  32 + <select class="form-control" name="company" id="gsdm" style="width: 180px;"></select>
  33 + </div>
  34 + <div style="display: inline-block; margin-left: 28px;" id="fgsdmDiv">
  35 + <span class="item-label" style="width: 80px;">分公司: </span>
  36 + <select class="form-control" name="subCompany" id="fgsdm" style="width: 180px;"></select>
  37 + </div>
  38 +<!-- <div style="display: inline-block;margin-left: 18px;"> -->
  39 +<!-- <span class="item-label" style="width: 80px;">线路性质: </span> -->
  40 +<!-- <select -->
  41 +<!-- class="form-control" name="nature" id="nature" -->
  42 +<!-- style="width: 180px;"> -->
  43 +<!-- <option value="0">全部线路</option> -->
  44 +<!-- <option value="1" selected="selected">营运线路</option> -->
  45 +<!-- <option value="2">非营运线路</option> -->
  46 +<!-- </select> -->
  47 +<!-- </div> -->
  48 + <div style="margin-top: 10px">
  49 + </div>
  50 + <div style="display: inline-block;">
  51 + <span class="item-label" style="width: 80px;margin-left: 14px;">开始时间: </span>
  52 + <input class="form-control" type="text" id="date" style="width: 180px;"/>
  53 + </div>
  54 + <div style="display: inline-block;">
  55 + <span class="item-label" style="width: 80px;margin-left: 14px;">结束时间: </span>
  56 + <input class="form-control" type="text" id="endDate" style="width: 180px;"/>
  57 + </div>
  58 +
  59 + <div class="form-group">
  60 + <input type="hidden" id="id"/>
  61 + <input class="btn btn-default" type="button" id="query" value="查询"/>
  62 +<!-- <input class="btn btn-default" type="button" id="export" value="导出"/> -->
  63 + </div>
  64 + </form>
  65 + </div>
  66 +
  67 + <div class="portlet-body">
  68 + <div class="table-container" style="margin-top: 10px;overflow:auto;min-width: 906px">
  69 + <table class="table table-bordered table-hover table-checkable" id="forms_djg_sum">
  70 + <thead>
  71 + <tr>
  72 + <td>公司</td>
  73 + <td>分公司</td>
  74 + <td>线路等级</td>
  75 + <td>发生次数</td>
  76 + <td>班次数</td>
  77 + <td>万班次发生率</td>
  78 + </tr>
  79 + </thead>
  80 + <tbody>
  81 + </tbody>
  82 + </table>
  83 +
  84 + </div>
  85 +
  86 + </div>
  87 + </div>
  88 + </div>
  89 +</div>
  90 +<script src="/pages/mforms/singledatas/jquery.table2excel.min.js"></script>
  91 +<script>
  92 + $(function(){
  93 + // 关闭左侧栏
  94 + if (!$('body').hasClass('page-sidebar-closed'))
  95 + $('.menu-toggler.sidebar-toggler').click();
  96 +
  97 + var d = new Date();
  98 + d.setTime(d.getTime() - 1*1000*60*60*24);
  99 + var year = d.getFullYear();
  100 + var month = d.getMonth() + 1;
  101 + var day = d.getDate();
  102 + if(month < 10)
  103 + month = "0"+month;
  104 + if(day < 10)
  105 + day = "0"+day;
  106 + var dateTime = year + "-" + month + "-" + day;
  107 + $("#date").datetimepicker({
  108 + format : 'YYYY-MM-DD',
  109 + locale : 'zh-cn',
  110 + maxDate : dateTime
  111 + });
  112 + $("#endDate").datetimepicker({
  113 + format : 'YYYY-MM-DD',
  114 + locale : 'zh-cn',
  115 + maxDate : dateTime
  116 + });
  117 + $("#date").val(dateTime);
  118 + $("#endDate").val(dateTime);
  119 +
  120 + var fage=false;
  121 + var obj = [];
  122 + var xlList;
  123 + $.get('/report/lineList',function(result){
  124 + xlList=result;
  125 +
  126 + $.get('/user/companyData', function(result){
  127 + obj = result;
  128 + var options = '';
  129 + for(var i = 0; i < obj.length; i++){
  130 + options += '<option value="'+obj[i].companyCode+'">'+obj[i].companyName+'</option>';
  131 + }
  132 + if(obj.length == 0){
  133 + $("#gsdmDiv").css('display','none');
  134 + }else if(obj.length == 1){
  135 + $("#gsdmDiv").css('display','none');
  136 + if(obj[0].children.length == 1 || obj[0].children.length == 0)
  137 + $('#fgsdmDiv').css('display','none');
  138 + }
  139 + $('#gsdm').html(options);
  140 +
  141 + updateCompany();
  142 + });
  143 + });
  144 +
  145 + $("#gsdm").on("change",updateCompany);
  146 + function updateCompany(){
  147 + var company = $('#gsdm').val();
  148 + var options = '<option value="">全部分公司</option>';
  149 + for(var i = 0; i < obj.length; i++){
  150 + if(obj[i].companyCode == company){
  151 + var children = obj[i].children;
  152 + for(var j = 0; j < children.length; j++){
  153 + options += '<option value="'+children[j].code+'">'+children[j].name+'</option>';
  154 + }
  155 + }
  156 + }
  157 + $('#fgsdm').html(options);
  158 + }
  159 +
  160 +
  161 + $("#export").attr('disabled',"true");
  162 +
  163 + //查询
  164 + $("#query").on('click',function(){
  165 + var date = $("#date").val();
  166 + var endDate = $("#endDate").val();
  167 + var fgs=$('#fgsdm').val();
  168 + var gs=$('#gsdm').val();
  169 +// var nature=$("#nature").val();
  170 + var i = layer.load(2);
  171 + $get('/calcInterval/sumInterval',{date:date,endDate:endDate,gs:gs,fgs:fgs,type:'query'},function(result){
  172 + var intervalList_sum = template('intervalList_sum',{list:result});
  173 + $('#forms_djg_sum tbody').html(intervalList_sum);
  174 +
  175 + layer.close(i);
  176 + if(result.length == 0)
  177 + $("#export").attr('disabled',"true");
  178 + else
  179 + $("#export").removeAttr("disabled");
  180 + });
  181 + });
  182 +
  183 + $("#export").on("click",function(){
  184 + var date = $("#date").val();
  185 + var endDate = $("#endDate").val();
  186 + var fgs=$('#fgsdm').val();
  187 + var gs=$('#gsdm').val();
  188 +// var nature=$('#nature').val();
  189 + var lineName = $('#fgsdm option:selected').text();
  190 + if(lineName=="全部分公司")
  191 + lineName = $('#gsdm option:selected').text();
  192 +
  193 + var i = layer.load(2);
  194 + $get('/calcInterval/countList',{date:date,endDate:endDate,gs:gs,fgs:fgs,nature:nature,type:"export",lineName:lineName},function(result){
  195 + var dateTime = "";
  196 + if(date == endDate){
  197 + dateTime = moment(date).format("YYYYMMDD");
  198 + } else {
  199 + dateTime = moment(date).format("YYYYMMDD")+"-"+
  200 + moment(endDate).format("YYYYMMDD");
  201 + }
  202 + window.open("/downloadFile/download?fileName="
  203 + +dateTime+"-"+lineName+"-大间统计表");
  204 +
  205 + layer.close(i);
  206 + });
  207 + });
  208 +
  209 +
  210 + });
  211 +</script>
  212 +<script type="text/html" id="intervalList_sum">
  213 + {{each list as obj i}}
  214 + <tr>
  215 + <td>{{obj.gs}}</td>
  216 + <td>{{obj.fgs}}</td>
  217 + <td>{{obj.level}}</td>
  218 + <td>{{obj.djgNum}}</td>
  219 + <td>{{obj.bcs}}</td>
  220 + <td>{{obj.fsl}}</td>
  221 + </tr>
  222 + {{/each}}
  223 + {{if list.length == 0}}
  224 + <tr>
  225 + <td colspan="12"><h6 class="muted">没有找到相关数据</h6></td>
  226 + </tr>
  227 + {{/if}}
  228 +</script>
  229 +
  230 +
... ...