convey_cate_todo.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <style>
  4. .combined{
  5. width: 100%;
  6. height: auto;
  7. font-size: 22px;
  8. padding: 10px;
  9. background: #fff;
  10. }
  11. </style>
  12. <div class="ibox">
  13. <div class="ibox-content">
  14. <div class="row">
  15. <div class="col-xs-3">
  16. <div class="btn-group pull-left">
  17. <a href="javascript:;" onclick="printer()" class="btn btn-sm btn btn-primary"><i class="glyphicon glyphicon-print"></i> 打印</a>&nbsp;&nbsp;
  18. <a href="{:url('conveyCateTodoExport',['start'=>$start,'end'=>$end])}" class="btn btn-sm btn-danger"><i class="fa fa-cloud-download"> 导出</i></a>
  19. </div>
  20. </div>
  21. <div class="col-xs-9" style="text-align: right;">
  22. <form class="form-inline" id="form-search" action="{:url('conveyCateTodo')}">
  23. <div class="input-group">
  24. <input class="form-control" style="width: 155px !important;" value="{$start}" id="start" readonly placeholder="开始时间" name="start" >
  25. </div>
  26. <div class="input-group">
  27. <input class="form-control" style="width: 155px !important;" value="{$end}" id="end" readonly placeholder="结束时间" name="end" >
  28. </div>
  29. <div class="input-group">
  30. <span class="input-group-btn">
  31. <button class="btn-sm btn-primary" type="submit" ><i class="fa fa-search"></i></button>
  32. </span>&nbsp;
  33. <span class="input-group-btn">
  34. <button class="btn-sm btn-warning" type="reset" onclick="empty_search()"><i class="fa fa-undo"></i></button>
  35. </span>
  36. </div>
  37. <!-- <div class="input-group">-->
  38. <!-- <span class="input-group-btn">-->
  39. <!-- <button class="btn-sm btn-primary" type="button" id ="search-btn" ><i class="fa fa-search"></i></button>-->
  40. <!-- </span> &nbsp;-->
  41. <!-- <span class="input-group-btn">-->
  42. <!-- <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>-->
  43. <!-- </span>-->
  44. <!-- </div>-->
  45. </form>
  46. </div>
  47. </div>
  48. </div>
  49. <div class="panel-group">
  50. <div class="panel panel-default">
  51. <div class="panel-heading clearfix">
  52. <div class="btn-group pull-left">
  53. 运送类型工单统计
  54. </div>
  55. </div>
  56. <div class="panel-body" id="printer">
  57. <table class="table table-bordered">
  58. <thead>
  59. <tr>
  60. <th>运送类型</th>
  61. <th>工单数</th>
  62. <th>总时长(分)</th>
  63. <th>平均时长(分)</th>
  64. </tr>
  65. </thead>
  66. <tbody>
  67. {foreach $list as $k=>$v}
  68. <tr>
  69. <td>{$v['title']}</td>
  70. <td>{$v['count']}</td>
  71. <td>{$v['total_time']}</td>
  72. <td>{$v['ave_time']}</td>
  73. </tr>
  74. {/foreach}
  75. </tbody>
  76. </table>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. {/block}
  82. {block name="script"}
  83. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  84. <script src="/static/browser.js"></script>
  85. <script src="/static/jquery.jqprint-0.3.js"></script>
  86. <script>
  87. $(function () {
  88. laydate.render({
  89. elem: '#start',
  90. trigger: 'click' ,
  91. theme: '#148d8f',
  92. type:'datetime'
  93. });
  94. laydate.render({
  95. elem: '#end',
  96. trigger: 'click' ,
  97. theme: '#148d8f',
  98. type:'datetime'
  99. });
  100. });
  101. function printer(){
  102. $('#printer').jqprint();
  103. }
  104. function empty_search(){
  105. window.location.href = "{:url('conveyCateTodo')}";
  106. }
  107. </script>
  108. {/block}