mesDeviceMaintenanceList.html 5.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  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. <% if(hasPermi('mes:mesDeviceMaintenance:edit')){ %>
  11. <a href="${ctx}/mes/mesDeviceMaintenance/form" class="btn btn-default btnTool" title="${text('新增设备维保记录')}"><i class="fa fa-plus"></i> ${text('新增')}</a>
  12. <% } %>
  13. <a href="#" class="btn btn-default" id="btnSetting" title="${text('设置')}"><i class="fa fa-navicon"></i></a>
  14. </div>
  15. </div>
  16. <div class="box-body">
  17. <#form:form id="searchForm" model="${mesDeviceMaintenance}" action="${ctx}/mes/mesDeviceMaintenance/listData" method="post" class="form-inline hide"
  18. data-page-no="${parameter.pageNo}" data-page-size="${parameter.pageSize}" data-order-by="${parameter.orderBy}">
  19. <div class="form-group">
  20. <label class="control-label">${text('维保日期')}:</label>
  21. <div class="control-inline">
  22. <#form:input path="maintenanceDate" readonly="true" maxlength="20" class="form-control laydate width-120"
  23. dataFormat="date" data-type="date" data-format="yyyy-MM-dd"/>
  24. </div>
  25. </div>
  26. <div class="form-group">
  27. <label class="control-label">${text('设备名称')}:</label>
  28. <div class="control-inline width-120">
  29. <#form:treeselect id="searchDeviceTreeCode" title="${text('设备')}"
  30. path="deviceTreeCode" labelPath="deviceName"
  31. url="${ctx}/mes/mesDevice/treeData"
  32. class="form-control"
  33. allowClear="true"
  34. canSelectRoot="true"
  35. canSelectParent="true"/>
  36. </div>
  37. </div>
  38. <div class="form-group">
  39. <label class="control-label">${text('故障类别')}:</label>
  40. <div class="control-inline">
  41. <#form:input path="faultCategory" maxlength="100" class="form-control width-120"/>
  42. </div>
  43. </div>
  44. <div class="form-group">
  45. <label class="control-label">${text('维修人')}:</label>
  46. <div class="control-inline">
  47. <#form:input path="repairUser" maxlength="100" class="form-control width-120"/>
  48. </div>
  49. </div>
  50. <div class="form-group">
  51. <button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
  52. <button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
  53. </div>
  54. </#form:form>
  55. <table id="dataGrid"></table>
  56. <div id="dataGridPage"></div>
  57. </div>
  58. </div>
  59. </div>
  60. <% } %>
  61. <script>
  62. // 初始化DataGrid对象
  63. $('#dataGrid').dataGrid({
  64. searchForm: $("#searchForm"),
  65. columnModel: [
  66. {header:'${text("维保日期")}', name:'maintenanceDate', index:'a.maintenance_date', width:110, align:"center", formatter: function(val){
  67. return val ? val.substring(0,10) : '';
  68. }},
  69. {header:'${text("设备名称")}', name:'deviceName', index:'b.tree_name', width:150, align:"center", frozen:true, formatter: function(val, obj, row, act){
  70. return '<a href="${ctx}/mes/mesDeviceMaintenance/info?id='+row.id+'" class="btnList" data-title="${text("设备维保记录详情")}">'+(val||'')+'</a>';
  71. }},
  72. {header:'${text("机台号")}', name:'deviceCode', index:'b.device_code', width:120, align:"center"},
  73. {header:'${text("故障发生时间")}', name:'faultTime', index:'a.fault_time', width:150, align:"center"},
  74. {header:'${text("恢复生产时间")}', name:'resumeProductionTime', index:'a.resume_production_time', width:150, align:"center"},
  75. {header:'${text("停机时长")}', name:'downtime', index:'a.downtime', width:100, align:"center"},
  76. {header:'${text("维修开始时间")}', name:'repairStartTime', index:'a.repair_start_time', width:150, align:"center"},
  77. {header:'${text("维修结束时间")}', name:'repairEndTime', index:'a.repair_end_time', width:150, align:"center"},
  78. {header:'${text("维修时长")}', name:'repairDuration', index:'a.repair_duration', width:100, align:"center"},
  79. {header:'${text("故障现象")}', name:'faultPhenomenon', index:'a.fault_phenomenon', width:200, align:"center"},
  80. {header:'${text("维修措施")}', name:'repairMeasure', index:'a.repair_measure', width:200, align:"center"},
  81. {header:'${text("故障类别")}', name:'faultCategory', index:'a.fault_category', width:100, align:"center"},
  82. {header:'${text("根本原因分析")}', name:'rootCauseAnalysis', index:'a.root_cause_analysis', width:200, align:"center"},
  83. {header:'${text("备件名称")}', name:'sparePartName', index:'a.spare_part_name', width:120, align:"center"},
  84. {header:'${text("数量")}', name:'quantity', index:'a.quantity', width:60, align:"center"},
  85. {header:'${text("维修人")}', name:'repairUser', index:'a.repair_user', width:100, align:"center"},
  86. {header:'${text("操作")}', name:'actions', width:120, fixed:true, formatter: function(val, obj, row, act){
  87. var actions = [];
  88. //<% if(hasPermi('mes:mesDeviceMaintenance:edit')){ %>
  89. actions.push('<a href="${ctx}/mes/mesDeviceMaintenance/form?id='+row.id+'" class="btnList" title="${text("编辑设备维保记录")}"><i class="fa fa-pencil"></i></a>&nbsp;');
  90. actions.push('<a href="${ctx}/mes/mesDeviceMaintenance/delete?id='+row.id+'" class="btnList" title="${text("删除设备维保记录")}" data-confirm="${text("确认要删除该设备维保记录吗?")}"><i class="fa fa-trash-o"></i></a>&nbsp;');
  91. //<% } %>
  92. return actions.join('');
  93. }}
  94. ],
  95. // 加载成功后执行事件
  96. ajaxSuccess: function(data){
  97. }
  98. });
  99. </script>