mesScrapList.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  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. <label class="control-label">${text('起始时间')}:</label>
  34. <div class="control-inline">
  35. <#form:input path="updateDate_gte" readonly="true" maxlength="20" class="form-control laydate width-datetime"
  36. dataFormat="datetime" data-type="datetime" data-format="yyyy-MM-dd HH:mm" data-done="updateDate_lte.click()"/>
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <label class="control-label">${text('结束时间')}:</label>
  41. <div class="control-inline">
  42. <#form:input path="updateDate_lte" readonly="true" maxlength="20" class="form-control laydate width-datetime"
  43. dataFormat="datetime" data-type="datetime" data-format="yyyy-MM-dd HH:mm"/>
  44. </div>
  45. </div>
  46. <div class="form-group">
  47. <button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
  48. <button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
  49. </div>
  50. </#form:form>
  51. <table id="dataGrid"></table>
  52. <div id="dataGridPage"></div>
  53. </div>
  54. </div>
  55. </div>
  56. <% } %>
  57. <script>
  58. // 初始化DataGrid对象
  59. $('#dataGrid').dataGrid({
  60. searchForm: $("#searchForm"),
  61. columnModel: [
  62. {header:'${text("工件码")}', name:'sn', index:'a.sn', width:280, align:"center", frozen:true, formatter: function(val, obj, row, act){
  63. // return '<a href="${ctx}/mes/mesScrap/form?id='+row.id+'" class="btnList" data-title="${text("编辑报废记录")}">'+(val||row.id)+'</a>';
  64. //
  65. return val||row.id;
  66. }},
  67. {header:'${text("报废类型")}', name:'productCate', index:'a.product_cate', width:150, align:"center", formatter: function(val){
  68. var map = {'1':'压铸车间','2':'精加工','3':'装配全检包装'};
  69. return map[val] || val || '';
  70. }},
  71. {header:'${text("报废原因")}', name:'reason2', index:'a.reason2', width:150, align:"center"},
  72. {header:'${text("备注")}', name:'reason', index:'a.reason', width:150, align:"center"},
  73. {header:'${text("操作人")}', name:'createBy', index:'a.create_by', width:150, align:"center"},
  74. {header:'${text("日期")}', name:'updateDate', index:'a.update_date', width:150, align:"center"},
  75. {header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
  76. var actions = [];
  77. //<% if(hasPermi('mes:mesScrap:edit')){ %>
  78. // actions.push('<a href="${ctx}/mes/mesScrap/form?id='+row.id+'" class="btnList" title="${text("编辑报废记录")}"><i class="fa fa-pencil"></i></a>&nbsp;');
  79. //
  80. 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;');
  81. 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;');
  82. //<% } %>
  83. return actions.join('');
  84. }}
  85. ],
  86. // 加载成功后执行事件
  87. ajaxSuccess: function(data){
  88. }
  89. });
  90. $('#btnExport').click(function(){
  91. js.ajaxSubmitForm($('#searchForm'), {
  92. url:'${ctx}/mes/mesScrap/exportData',
  93. downloadFile:true
  94. });
  95. });
  96. </script>