mesDeviceTimeList.html 5.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  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:mesDeviceTime:edit')){ %>
  12. <!-- <a href="${ctx}/mes/mesDeviceTime/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="${mesDeviceTime}" action="${ctx}/mes/mesDeviceTime/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="oprno" maxlength="50" class="form-control width-120"/>
  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="sn" maxlength="50" class="form-control width-260"/>
  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="startDate_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="startDate_lte.click()"/>
  37. &nbsp;-&nbsp;
  38. <#form:input path="startDate_lte" readonly="true" maxlength="20" class="form-control laydate width-datetime"
  39. dataFormat="datetime" data-type="datetime" data-format="yyyy-MM-dd HH:mm"/>
  40. </div>
  41. </div>
  42. <div class="form-group">
  43. <label class="control-label">${text('结束时间')}:</label>
  44. <div class="control-inline">
  45. <#form:input path="endDate_gte" readonly="true" maxlength="20" class="form-control laydate width-datetime"
  46. dataFormat="datetime" data-type="datetime" data-format="yyyy-MM-dd HH:mm" data-done="endDate_lte.click()"/>
  47. &nbsp;-&nbsp;
  48. <#form:input path="endDate_lte" readonly="true" maxlength="20" class="form-control laydate width-datetime"
  49. dataFormat="datetime" data-type="datetime" data-format="yyyy-MM-dd HH:mm"/>
  50. </div>
  51. </div>
  52. <div class="form-group">
  53. <button type="submit" class="btn btn-primary btn-sm">${text('查询')}</button>
  54. <button type="reset" class="btn btn-default btn-sm">${text('重置')}</button>
  55. </div>
  56. </#form:form>
  57. <table id="dataGrid"></table>
  58. <div id="dataGridPage"></div>
  59. </div>
  60. </div>
  61. </div>
  62. <% } %>
  63. <script>
  64. // 初始化DataGrid对象
  65. $('#dataGrid').dataGrid({
  66. searchForm: $("#searchForm"),
  67. columnModel: [
  68. {header:'${text("产线编号")}', name:'productCate', index:'a.product_cate', width:120, align:"center", frozen:true},
  69. {header:'${text("工位号")}', name:'oprno', index:'a.oprno', width:120, align:"center", frozen:true},
  70. {header:'${text("工位名称")}', name:'oprnoTitle', index:'', width:140, align:"center", frozen:true},
  71. {header:'${text("工件码")}', name:'sn', index:'a.sn', width:250, align:"center"},
  72. {header:'${text("开始时间")}', name:'startDate', index:'a.start_date', width:150, align:"center"},
  73. // {header:'${text("预计完成时间")}', name:'scheduledDate', index:'a.scheduled_date', width:150, align:"center"},
  74. {header:'${text("结束时间")}', name:'endDate', index:'a.end_date', width:150, align:"center"},
  75. {header:'${text("生产时长(秒)")}', name:'interval', index:'a.interval', width:150, align:"center"},
  76. // {header:'${text("是否转移")}', name:'transfer', index:'a.transfer', width:120, align:"center", formatter: function(val, obj, row, act){
  77. // if(val == 1){
  78. // return "是";
  79. // }else{
  80. // return "否";
  81. // }
  82. // }},
  83. {header:'${text("创建人")}', name:'createBy', index:'a.create_by', width:120, align:"center"},
  84. {header:'${text("创建时间")}', name:'createDate', index:'a.create_date', width:120, align:"center"},
  85. {header:'${text("更新人")}', name:'updateBy', index:'a.update_by', width:120, align:"center"},
  86. {header:'${text("更新时间")}', name:'updateDate', index:'a.update_date', width:125, align:"center"},
  87. //{header:'${text("更新时间")}', name:'updateDate', index:'a.update_date', width:150, align:"center"},
  88. // {header:'${text("操作")}', name:'actions', width:120, formatter: function(val, obj, row, act){
  89. // var actions = [];
  90. // //<% if(hasPermi('mes:mesDeviceTime:edit')){ %>
  91. // actions.push('<a href="${ctx}/mes/mesDeviceTime/form?id='+row.id+'" class="btnList" title="${text("编辑工位生产时间")}"><i class="fa fa-pencil"></i></a>&nbsp;');
  92. // //<% } %>
  93. // return actions.join('');
  94. // }}
  95. ],
  96. // 加载成功后执行事件
  97. ajaxSuccess: function(data){
  98. }
  99. });
  100. $('#btnExport').click(function(){
  101. js.ajaxSubmitForm($('#searchForm'), {
  102. url:'${ctx}/mes/mesDeviceTime/exportData',
  103. downloadFile:true
  104. });
  105. });
  106. </script>