mate_items.html 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <div class="row">
  4. <div class="col-sm-12">
  5. <div class="ibox float-e-margins">
  6. <div class="ibox-title">
  7. <h5>{$meta_title}</h5>
  8. <div class="col-xs-12" style="text-align: right;margin-top: -30px">
  9. <form class="form-inline" id="form-search" action="{:url('mateItems')}" method="post">
  10. <div class="input-group">
  11. <div style="display: inline-block;float: left;height:35px;width: 45px;line-height: 35px;font-size: 15px;background-color: #eeee;">月份</div>
  12. <input class="form-control dialog-datetime" readonly id="month" name="month" value="{$month}">
  13. </div>
  14. <div class="input-group">
  15. <span class="input-group-btn">
  16. <button class="btn-sm btn-primary" type="submit" id ="search-btn" ><i class="fa fa-search"></i></button>
  17. </span>
  18. <span class="input-group-btn">
  19. <button class="btn-sm btn-primary " type="button" id="search-clear"><i class="fa fa-undo"></i></button>
  20. </span>
  21. </div>
  22. </form>
  23. </div>
  24. </div>
  25. <div class="panel-group">
  26. <div class="panel panel-default">
  27. <div class="panel-body" id="printer">
  28. <table class="table table-bordered">
  29. <thead>
  30. <tr>
  31. <th>部门</th>
  32. <th>本月总金额</th>
  33. <th>本周总金额</th>
  34. <th>当天总金额</th>
  35. <th>操作</th>
  36. </tr>
  37. </thead>
  38. <tbody>
  39. {foreach $data as $k=>$v}
  40. <tr>
  41. <td>{$v.title}</td>
  42. <td>{$v.month}元</td>
  43. <td>{$v.week}元</td>
  44. <td>{$v.day}元</td>
  45. <td><a href="{:url('mateItemsDetails',['id'=>$v['id'],'month'=>$month])}">详情</a></td>
  46. </tr>
  47. {/foreach}
  48. </tbody>
  49. </table>
  50. <span style="float: right">搜索月份 只统计本月总金额(本周总金额和当天总金额不做统计,默认为0元)</span>
  51. </div>
  52. </div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. {/block}
  58. {block name="script"}
  59. <script src="/static/echarts.js"></script>
  60. <script src="/static/browser.js"></script>
  61. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  62. <script type="text/javascript">
  63. function empty_search(){
  64. window.location.href = 'duration';
  65. }
  66. $(function () {
  67. laydate.render({
  68. elem: '#dialog-datetime1'
  69. ,type: 'month'
  70. });
  71. })
  72. </script>
  73. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  74. <script>
  75. //日期时间选择器
  76. laydate.render({
  77. elem: '#month',
  78. type: 'month',
  79. trigger: 'click' ,
  80. format:'yyyy-MM',
  81. });
  82. </script>
  83. {/block}