mesScrapList.html 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. <% layout('/layouts/default.html', {title: '报废记录管理', libs: ['dataGrid']}){ %>
  2. <div class="main-content">
  3. <div class="box box-main">
  4. <div class="box-header">
  5. <div class="box-title">
  6. <i class="fa icon-notebook"></i> ${text('报废记录管理')}
  7. </div>
  8. <div class="box-tools pull-right">
  9. <a href="#" class="btn btn-default" id="btnSearch" title="${text('查询')}"><i class="fa fa-filter"></i> ${text('查询')}</a>
  10. <a href="#" class="btn btn-default" id="btnExport"><i class="glyphicon glyphicon-export"></i> 导出</a>
  11. <!-- <% if(hasPermi('mes:mesScrap:edit')){ %>-->
  12. <!-- <a href="${ctx}/mes/mesScrap/form" class="btn btn-default btnTool" title="${text('新增报废记录')}"><i class="fa fa-plus"></i> ${text('新增')}</a>-->
  13. <!-- <% } %>-->
  14. <a href="#" class="btn btn-default" id="btnSetting" title="${text('设置')}"><i class="fa fa-navicon"></i></a>
  15. </div>
  16. </div>
  17. <div class="box-body">
  18. <#form:form id="searchForm" model="${mesScrap}" action="${ctx}/mes/mesScrap/listData" method="post" class="form-inline hide"
  19. data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">
  20. <div class="form-group">
  21. <label class="control-label">${text('工件码')}:</label>
  22. <div class="control-inline">
  23. <#form:input path="sn" maxlength="50" class="form-control width-260"/>
  24. </div>
  25. </div>
  26. <div class="form-group">
  27. <label class="control-label">${text('报废原因')}:</label>
  28. <div class="control-inline">
  29. <#form:input path="reason" maxlength="255" class="form-control width-120"/>
  30. </div>
  31. </div>
  32. <div class="form-group">
  33. <button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
  34. <button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
  35. </div>
  36. </#form:form>
  37. <table id="dataGrid"></table>
  38. <div id="dataGridPage"></div>
  39. </div>
  40. </div>
  41. </div>
  42. <% } %>
  43. <script>
  44. // 初始化DataGrid对象
  45. $('#dataGrid').dataGrid({
  46. searchForm: $("#searchForm"),
  47. columnModel: [
  48. {header:'${text("工件码")}', name:'sn', index:'a.sn', width:280, align:"center", frozen:true, formatter: function(val, obj, row, act){
  49. // return '<a href="${ctx}/mes/mesScrap/form?id='+row.id+'" class="btnList" data-title="${text("编辑报废记录")}">'+(val||row.id)+'</a>';
  50. //
  51. return val||row.id;
  52. }},
  53. {header:'${text("报废原因")}', name:'reason', index:'a.reason', width:150, align:"center"},
  54. {header:'${text("操作人")}', name:'createBy', index:'a.create_by', width:150, align:"center"},
  55. {header:'${text("产品类型")}', name:'productCate', index:'a.product_cate', width:150, align:"center"},
  56. {header:'${text("日期")}', name:'updateDate', index:'a.update_date', width:150, align:"center"},
  57. {header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
  58. var actions = [];
  59. //<% if(hasPermi('mes:mesScrap:edit')){ %>
  60. // actions.push('<a href="${ctx}/mes/mesScrap/form?id='+row.id+'" class="btnList" title="${text("编辑报废记录")}"><i class="fa fa-pencil"></i></a>&nbsp;');
  61. //
  62. actions.push('<a href="${ctx}/mes/mesScrap/detail?id='+row.id+'" class="btnList" title="${text("详情")}"><i class="fa fa-fw fa-eye"></i></a>&nbsp;');
  63. actions.push('<a href="${ctx}/mes/mesScrap/delete?id='+row.id+'" class="btnList" title="${text("删除报废记录")}" data-confirm="${text("确认要删除该报废记录吗?")}"><i class="fa fa-trash-o"></i></a>&nbsp;');
  64. //<% } %>
  65. return actions.join('');
  66. }}
  67. ],
  68. // 加载成功后执行事件
  69. ajaxSuccess: function(data){
  70. }
  71. });
  72. $('#btnExport').click(function(){
  73. js.ajaxSubmitForm($('#searchForm'), {
  74. url:'${ctx}/mes/mesScrap/exportData',
  75. downloadFile:true
  76. });
  77. });
  78. </script>