0
0

wptj.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. {extend name="common/common2" /}
  2. {block name="main"}
  3. <div class="ibox-content">
  4. <div class="ibox">
  5. <div class="alert">
  6. <form action="wptj" method="GET" id='search_form' class="form-inline">
  7. <div class="input-group" style="width: 200px">
  8. <span class="input-group-addon">开始时间</span>
  9. <input class="form-control dialog-datetime" id="startTime" name="start" type="text" data-date-format="yyyy-mm-dd" value="{$start}" placeholder="" readonly/>
  10. </div>
  11. <div class="input-group" style="width: 200px">
  12. <span class="input-group-addon">结束时间</span>
  13. <input class="form-control dialog-datetime" id="endTime" name="end" type="text" data-date-format="yyyy-mm-dd" value="{$end}" placeholder="" readonly/>
  14. </div>
  15. <div class="input-group" style="width: 200px">
  16. <input class="form-control " id="cateTitle" name="cateTitle" type="text" value="{$cateTitle}" placeholder="请输入分类" />
  17. </div>
  18. <div class="input-group" style="width: 200px">
  19. <input class="form-control " id="title" name="title" type="text" value="{$title}" placeholder="请输入物品名称" />
  20. </div>
  21. <div class="input-group">
  22. <span class="input-group-btn">
  23. <button class="btn-sm btn-primary" type="submit" ><i class="fa fa-search"></i></button>
  24. </span>&nbsp;
  25. <span class="input-group-btn">
  26. <button class="btn-sm btn-warning" type="reset" onclick="empty_search()"><i class="fa fa-undo"></i></button>
  27. </span>
  28. </div>
  29. </form>
  30. </div>
  31. <div class="panel-group">
  32. <div class="panel panel-default">
  33. <div class="panel-heading clearfix">
  34. <div class="btn-group pull-left">
  35. 物品统计
  36. </div>
  37. <div class="btn-group pull-right">
  38. <a href="javascript:;" onclick="printer()" class="btn btn-sm btn btn-primary"><i class="glyphicon glyphicon-print"></i>打印</a>
  39. <a href="javascript:;" onclick="exportExcel()" class="btn btn-success btn-sm"><i class="glyphicon glyphicon-download"></i>导出</a>
  40. </div>
  41. </div>
  42. <div class="panel-body" id="printer">
  43. <table class="table table-bordered">
  44. <thead>
  45. <tr>
  46. <th>分类</th>
  47. <th>物品名称</th>
  48. <th>品牌</th>
  49. <th>规格</th>
  50. <th>入库数量</th>
  51. <th>出库数量</th>
  52. <th>当前余量</th>
  53. <th>类型</th>
  54. </tr>
  55. </thead>
  56. <tbody>
  57. {foreach $list as $k=>$v}
  58. <tr>
  59. <td>{$v['cate_title']}</td>
  60. <td>{$v['title']}</td>
  61. <td>{$v['brand']}</td>
  62. <td>{$v['spec']}</td>
  63. <td>{$v['ck']}</td>
  64. <td>{$v['rk']}</td>
  65. <td>{$v['nums']}</td>
  66. <td>{$v['consume_title']}</td>
  67. </tr>
  68. {/foreach}
  69. </tbody>
  70. </table>
  71. </div>
  72. </div>
  73. </div>
  74. </div>
  75. </div>
  76. {/block}
  77. {block name="script"}
  78. <script src="/static/layDate-v5.0.9/laydate.js"></script>
  79. <script src="/static/browser.js"></script>
  80. <script src="/static/jquery.jqprint-0.3.js"></script>
  81. <script>
  82. $(function () {
  83. laydate.render({
  84. elem: '#startTime',
  85. trigger: 'click',
  86. theme: '#148d8f'
  87. });
  88. laydate.render({
  89. elem: '#endTime',
  90. trigger: 'click',
  91. theme: '#148d8f'
  92. });
  93. });
  94. function empty_search(){
  95. window.location.href = 'wptj';
  96. }
  97. function printer(){
  98. $('#printer').jqprint();
  99. }
  100. function exportExcel() {
  101. var start = $('#startTime').val().trim();
  102. var end = $('#endTime').val().trim();
  103. var title = $('#title').val().trim();
  104. var cateTitle = $('#cateTitle').val().trim();
  105. window.location.href = "wptjDataExport?start=" + start + "&end=" + end+'&title='+title+'&cateTitle='+cateTitle;
  106. }
  107. </script>
  108. {/block}