repair_cate.html 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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>
  18. <a href="{:url('repairCateExport',['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('repairCate')}">
  23. <div class="input-group">
  24. <input class="form-control" value="{$start}" id="start" readonly placeholder="开始时间" name="start" >
  25. </div>
  26. <div class="input-group">
  27. <input class="form-control" 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" id ="search-btn" ><i class="fa fa-search"></i></button>
  32. </span> &nbsp;
  33. <span class="input-group-btn">
  34. <button class="btn-sm btn-warning" type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  35. </span>
  36. </div>
  37. </form>
  38. </div>
  39. </div>
  40. </div>
  41. <div class="panel-group" id="printer" style="margin-top: 10px">
  42. <div class="panel panel-default">
  43. <div class="panel-body">
  44. <table class="table table-bordered">
  45. <thead>
  46. <tr>
  47. <th>报修类型</th>
  48. <th>订单数</th>
  49. </tr>
  50. </thead>
  51. {foreach $data as $k=>$v}
  52. <tbody>
  53. <tr>
  54. <td>{$v.title}</td>
  55. <td>{$v.nums}</td>
  56. </tr>
  57. </tbody>
  58. {/foreach}
  59. </table>
  60. </div>
  61. </div>
  62. </div>
  63. </div>
  64. {/block}
  65. {block name="script"}
  66. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  67. <script src="/static/browser.js"></script>
  68. <script src="/static/jquery.jqprint-0.3.js"></script>
  69. <script>
  70. $(function () {
  71. laydate.render({
  72. elem: '#start',
  73. trigger: 'click' ,
  74. theme: '#284a94'
  75. });
  76. laydate.render({
  77. elem: '#end',
  78. trigger: 'click' ,
  79. theme: '#284a94'
  80. });
  81. });
  82. function printer(){
  83. $('#printer').jqprint();
  84. }
  85. </script>
  86. {/block}