mesRepairItemsList.html 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163
  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:mesRepairItems:edit')){ %>
  12. <a href="#" class="btn btn-default" id="btnImport"><i class="glyphicon glyphicon-import"></i> 导入</a>
  13. <a href="${ctx}/mes/mesRepairItems/form" class="btn btn-default btnTool" title="${text('新增返修问题清单')}"><i class="fa fa-plus"></i> ${text('新增')}</a>
  14. <% } %>
  15. <a href="#" class="btn btn-default" id="btnSetting" title="${text('设置')}"><i class="fa fa-navicon"></i></a>
  16. </div>
  17. </div>
  18. <div class="box-body">
  19. <#form:form id="searchForm" model="${mesRepairItems}" action="${ctx}/mes/mesRepairItems/listData" method="post" class="form-inline hide"
  20. data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">
  21. <div class="form-group">
  22. <label class="control-label">${text('工位号')}:</label>
  23. <div class="control-inline">
  24. <#form:input path="oprno" maxlength="20" class="form-control width-120"/>
  25. </div>
  26. </div>
  27. <div class="form-group">
  28. <label class="control-label">${text('产线编号')}:</label>
  29. <div class="control-inline">
  30. <#form:input path="lineSn" maxlength="50" class="form-control width-120"/>
  31. </div>
  32. </div>
  33. <div class="form-group">
  34. <label class="control-label">${text('返修原因')}:</label>
  35. <div class="control-inline">
  36. <#form:input path="title" maxlength="255" class="form-control width-120"/>
  37. </div>
  38. </div>
  39. <div class="form-group">
  40. <label class="control-label">${text('返工类型')}:</label>
  41. <div class="control-inline width-120">
  42. <#form:select path="type" dictType="mes_repair_type" blankOption="true" class="form-control isQuick"/>
  43. </div>
  44. </div>
  45. <div class="form-group">
  46. <label class="control-label">${text('状态')}:</label>
  47. <div class="control-inline width-120">
  48. <#form:select path="status" dictType="sys_search_status" blankOption="true" class="form-control isQuick"/>
  49. </div>
  50. </div>
  51. <div class="form-group">
  52. <button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
  53. <button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
  54. </div>
  55. </#form:form>
  56. <table id="dataGrid"></table>
  57. <div id="dataGridPage"></div>
  58. </div>
  59. </div>
  60. </div>
  61. <% } %>
  62. <script>
  63. // 初始化DataGrid对象
  64. $('#dataGrid').dataGrid({
  65. searchForm: $("#searchForm"),
  66. columnModel: [
  67. // {header:'${text("工位号")}', name:'oprno', index:'a.oprno', width:150, align:"center", frozen:true, formatter: function(val, obj, row, act){
  68. // return '<a href="${ctx}/mes/mesRepairItems/form?id='+row.id+'" class="btnList" data-title="${text("编辑返修问题清单")}">'+(val||row.id)+'</a>';
  69. // }},
  70. // {header:'${text("工位名称")}', name:'oprnoName', width:150, align:"center", frozen:true},
  71. {header:'${text("产线编号")}', name:'lineSn', index:'a.line_sn', width:150, align:"center", frozen:true},
  72. {header:'${text("返修原因")}', name:'title', index:'a.title', width:150, align:"center", frozen:true},
  73. // {header:'${text("修复描述")}', name:'content', index:'a.content', width:150, align:"center"},
  74. {header:'${text("返工动作介绍")}', name:'introduction', index:'a.introduction', width:150, align:"center"},
  75. {header:'${text("检查要点")}', name:'inspectionPoints', index:'a.inspection_points', width:150, align:"center"},
  76. // {header:'${text("回归工位")}', name:'returnOprno', index:'a.return_oprno', width:150, align:"center"},
  77. {header:'${text("返工类型")}', name:'type', index:'a.type', width:150, align:"center", formatter: function(val, obj, row, act){
  78. return js.getDictLabel(${@DictUtils.getDictListJson('mes_repair_type')}, val, '${text("未知")}', true);
  79. }},
  80. {header:'${text("是否重做总成气密")}', name:'isCp', index:'a.is_cp', width:150, align:"center", formatter: function(val, obj, row, act){
  81. return js.getDictLabel(${@DictUtils.getDictListJson('mes_repair_item_qm')}, val, '${text("未知")}', true);
  82. }},
  83. {header:'${text("是否重做液冷气密")}', name:'isYl', index:'a.is_yl', width:150, align:"center", formatter: function(val, obj, row, act){
  84. return js.getDictLabel(${@DictUtils.getDictListJson('mes_repair_item_qm')}, val, '${text("未知")}', true);
  85. }},
  86. {header:'${text("状态")}', name:'status', index:'a.status', width:150, align:"center", formatter: function(val, obj, row, act){
  87. return js.getDictLabel(${@DictUtils.getDictListJson('sys_search_status')}, val, '${text("未知")}', true);
  88. }},
  89. {header:'${text("更新日期")}', name:'updateDate', index:'a.update_date', width:150, align:"center"},
  90. {header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
  91. var actions = [];
  92. //<% if(hasPermi('mes:mesRepairItems:edit')){ %>
  93. actions.push('<a href="${ctx}/mes/mesRepairItems/form?id='+row.id+'" class="btnList" title="${text("编辑返修问题清单")}"><i class="fa fa-pencil"></i></a>&nbsp;');
  94. if (row.status == Global.STATUS_NORMAL){
  95. actions.push('<a href="${ctx}/mes/mesRepairItems/disable?id='+row.id+'" class="btnList" title="${text("停用返修问题清单")}" data-confirm="${text("确认要停用该返修问题清单吗?")}"><i class="glyphicon glyphicon-ban-circle"></i></a>&nbsp;');
  96. } else if (row.status == Global.STATUS_DISABLE){
  97. actions.push('<a href="${ctx}/mes/mesRepairItems/enable?id='+row.id+'" class="btnList" title="${text("启用返修问题清单")}" data-confirm="${text("确认要启用该返修问题清单吗?")}"><i class="glyphicon glyphicon-ok-circle"></i></a>&nbsp;');
  98. }
  99. actions.push('<a href="${ctx}/mes/mesRepairItems/delete?id='+row.id+'" class="btnList" title="${text("删除返修问题清单")}" data-confirm="${text("确认要删除该返修问题清单吗?")}"><i class="fa fa-trash-o"></i></a>&nbsp;');
  100. //<% } %>
  101. return actions.join('');
  102. }}
  103. ],
  104. frozenCols: true,
  105. // 加载成功后执行事件
  106. ajaxSuccess: function(data){
  107. }
  108. });
  109. $('#btnExport').click(function(){
  110. js.ajaxSubmitForm($('#searchForm'), {
  111. url:'${ctx}/mes/mesRepairItems/exportData',
  112. downloadFile:true
  113. });
  114. });
  115. $('#btnImport').click(function(){
  116. js.layer.open({
  117. type: 1,
  118. area: ['400px'],
  119. title: '${text("导入分类设备")}',
  120. resize: false,
  121. scrollbar: true,
  122. content: js.template('importTpl'),
  123. btn: ['<i class="fa fa-check"></i> ${text("导入")}',
  124. '<i class="fa fa-remove"></i> ${text("关闭")}'],
  125. btn1: function(index, layero){
  126. var form = {
  127. inputForm: layero.find('#inputForm'),
  128. file: layero.find('#file').val()
  129. };
  130. if (form.file == '' || (!js.endWith(form.file, '.xls') && !js.endWith(form.file, '.xlsx'))){
  131. js.showMessage("${text('文件不正确,请选择后缀为“xls”或“xlsx”的文件。')}", null, 'warning');
  132. return false;
  133. }
  134. js.ajaxSubmitForm(form.inputForm, function(data){
  135. js.showMessage(data.message);
  136. if(data.result == Global.TRUE){
  137. js.layer.closeAll();
  138. }
  139. page();
  140. }, "json");
  141. return true;
  142. }
  143. });
  144. });
  145. </script>
  146. <script id="importTpl" type="text/template">//<!--
  147. <form id="inputForm" action="${ctx}/mes/mesRepairItems/importData" method="post" enctype="multipart/form-data"
  148. class="form-horizontal mt20 mb10" style="overflow:auto;max-height:200px;">
  149. <div class="row">
  150. <div class="col-xs-12 col-xs-offset-1">
  151. <input type="file" id="file" name="file" class="form-file"/>
  152. <div class="mt10 pt5" style="color:red">
  153. ${text('提示:仅允许导入“xls”或“xlsx”格式文件!')}
  154. </div>
  155. <div class="mt10 pt5">
  156. <a href="${ctx}/mes/mesRepairItems/importTemplate" class="btn btn-default btn-xs"><i class="fa fa-file-excel-o"></i> ${text('下载模板')}</a>
  157. </div>
  158. </div>
  159. </div>
  160. </form>
  161. //--></script>