You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

68 lines
2.9 KiB

3 days ago
  1. <#import "../master.ftl" as master>
  2. <@master.layout>
  3. <div class="page-header">
  4. <h2>工单批次查询</h2>
  5. <small>按工单号查询材料批次上机历史记录</small>
  6. <br/>
  7. </div>
  8. <table id="dg" class="easyui-datagrid" style="width:100%;height:460px;display:none;"
  9. data-options="pagination:true, singleSelect:true, fitColumns:false, method:'get', url:'/material/roll/batch/queryData', pageSize:20, toolbar:'#tb'">
  10. <thead>
  11. <tr>
  12. <th data-options="field:'orderNo',width:120">SO No</th>
  13. <th data-options="field:'rollNo',width:120">Roll No</th>
  14. <th data-options="field:'operationNo',width:80,align:'center'">工序号</th>
  15. <th data-options="field:'operationName',width:100">工序名称</th>
  16. <th data-options="field:'componentPartNo',width:150">材料料号</th>
  17. <th data-options="field:'customerBatchNo',width:120">客户批次号</th>
  18. <th data-options="field:'isSemiOrder',width:80,align:'center'">是否半成品</th>
  19. <th data-options="field:'startRow',width:80,align:'center'">开始行</th>
  20. <th data-options="field:'endRow',width:80,align:'center'">To Row No</th>
  21. <th data-options="field:'columnSortIndex',width:100">No. of Cross</th>
  22. <th data-options="field:'sortNo',width:60,align:'center'">序号</th>
  23. <th data-options="field:'status',width:80">Status</th>
  24. <th data-options="field:'createdBy',width:80">Created By</th>
  25. <th data-options="field:'createdDate',width:140,formatter:formatDateTime">Create Date</th>
  26. </tr>
  27. </thead>
  28. </table>
  29. <div id="tb" style="padding:10px 5px;display:none;">
  30. <div>
  31. 工单号: <input class="easyui-textbox" id="keyword" style="width:220px" placeholder="请输入工单号,如 1976459-01">
  32. <a href="#nowhere" id="queryLink" class="easyui-linkbutton" iconCls="icon-search">Query</a>
  33. </div>
  34. <input type="hidden" id="_keyword">
  35. </div>
  36. <script>
  37. $(window).resize(function () {
  38. $("#dg").datagrid({"height": $(window).height() - $(".datagrid").offset().top - 20});
  39. });
  40. $(function () { $(window).resize(); });
  41. $("#queryLink").click(function(){
  42. $("#_keyword").val($("#keyword").val());
  43. $('#dg').datagrid({
  44. queryParams: { keyword: $("#keyword").val() }
  45. });
  46. });
  47. function formatDateTime(value, row) {
  48. if (value) {
  49. var date = new Date(value);
  50. var year = date.getFullYear();
  51. var month = ("0" + (date.getMonth() + 1)).slice(-2);
  52. var day = ("0" + date.getDate()).slice(-2);
  53. var hours = ("0" + date.getHours()).slice(-2);
  54. var minutes = ("0" + date.getMinutes()).slice(-2);
  55. var seconds = ("0" + date.getSeconds()).slice(-2);
  56. return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
  57. }
  58. return "";
  59. }
  60. </script>
  61. </@master.layout>