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.

134 lines
4.9 KiB

3 days ago
  1. <#import "../master.ftl" as master>
  2. <@master.layout>
  3. <style>
  4. #fm label {
  5. width: 150px;
  6. }
  7. </style>
  8. <div class="page-header">
  9. <h3>成品卷批次查询</h3>
  10. </div>
  11. <table id="dg" class="easyui-datagrid" style="width:100%;height:460px;"
  12. data-options="pagination:false, singleSelect:true, fitColumns:false, rownumbers:true, method:'get', pageSize:50, toolbar:'#tb', url:'/material/queryBatchHistByFinalRollNo', loadFilter:handleFinalRollResponse">
  13. <thead>
  14. <tr>
  15. <th data-options="field:'orderNo',width:140,align:'center'">SO No</th>
  16. <th data-options="field:'rollNo',width:140,align:'center'">Roll No</th>
  17. <th data-options="field:'operationNo',width:90,align:'center'">工序号</th>
  18. <th data-options="field:'operationName',width:140,align:'center'">工序名称</th>
  19. <th data-options="field:'sortNo',width:80,align:'center'">序号</th>
  20. <th data-options="field:'componentPartNo',width:160,align:'center'">组件料号</th>
  21. <th data-options="field:'customerBatchNo',width:160,align:'center'">客户批次号</th>
  22. <th data-options="field:'isSemiOrder',width:100,align:'center',formatter:formatSemiOrder">半成品工单</th>
  23. <th data-options="field:'rowIndex',width:80,align:'center'">行</th>
  24. <th data-options="field:'columnIndex',width:80,align:'center'">列</th>
  25. <th data-options="field:'startRow',width:80,align:'center'">From Row No</th>
  26. <th data-options="field:'endRow',width:80,align:'center'">To Row No</th>
  27. <th data-options="field:'columnSortIndex',width:140,align:'center'">列排位</th>
  28. <th data-options="field:'status',width:100,align:'center'">Status</th>
  29. <th data-options="field:'createdBy',width:100,align:'center'">Created By</th>
  30. <th data-options="field:'createdDate',width:160,align:'center',formatter:formatDateTime">Create Date</th>
  31. </tr>
  32. </thead>
  33. </table>
  34. <div id="tb" style="padding:10px 5px;">
  35. <div style="display:flex;align-items:center;gap:8px;flex-wrap:wrap;">
  36. 成品卷号:
  37. <input class="easyui-textbox" id="finalRollNo" style="width:220px" placeholder="请输入成品卷号">
  38. 码包: <input class="easyui-textbox" id="finalSerialNo" style="width:220px">
  39. <a href="#nowhere" id="queryLink" class="easyui-linkbutton" iconCls="icon-search">Query</a>
  40. </div>
  41. </div>
  42. <script>
  43. function handleFinalRollResponse(data){
  44. if (!data) {
  45. return {total:0, rows:[]};
  46. }
  47. if (data.resultCode === 201) {
  48. $.messager.alert('Point', data.resultMsg || '当前成品卷属于返工卷,请到工单批次查询码包信息。', 'warning');
  49. return {total:0, rows:[]};
  50. }
  51. if (data.success === false) {
  52. $.messager.alert('Point', data.resultMsg || '查询失败,请稍后重试。', 'warning');
  53. return {total:0, rows:[]};
  54. }
  55. var rows = data.rows || [];
  56. var total = data.total != null ? data.total : rows.length;
  57. return {total: total, rows: rows};
  58. }
  59. function formatSemiOrder(value){
  60. if (value === '1' || value === 1) {
  61. return '是';
  62. }
  63. if (value === '0' || value === 0) {
  64. return '否';
  65. }
  66. return value || '';
  67. }
  68. function formatDateTime(value){
  69. if (!value) {
  70. return '';
  71. }
  72. var date = new Date(value);
  73. if (isNaN(date.getTime())) {
  74. return value;
  75. }
  76. var year = date.getFullYear();
  77. var month = ('0' + (date.getMonth() + 1)).slice(-2);
  78. var day = ('0' + date.getDate()).slice(-2);
  79. var hours = ('0' + date.getHours()).slice(-2);
  80. var minutes = ('0' + date.getMinutes()).slice(-2);
  81. var seconds = ('0' + date.getSeconds()).slice(-2);
  82. return year + '-' + month + '-' + day + ' ' + hours + ':' + minutes + ':' + seconds;
  83. }
  84. function adjustGridHeight() {
  85. var panel = $("#dg").datagrid('getPanel');
  86. if (panel && panel.length) {
  87. var top = panel.offset().top || 0;
  88. var newHeight = $(window).height() - top - 40;
  89. if (newHeight > 260) {
  90. $("#dg").datagrid('resize', {height: newHeight});
  91. }
  92. }
  93. }
  94. $(function () {
  95. adjustGridHeight();
  96. $("#dg").datagrid('loadData', {total: 0, rows: []});
  97. //$(window).resize(adjustGridHeight);
  98. $("#queryLink").click(function () {
  99. var finalRollNo = $.trim($("#finalRollNo").textbox("getValue"));
  100. if (!finalRollNo) {
  101. finalRollNo = '';
  102. }
  103. var finalSerialNo = $.trim($("#finalSerialNo").textbox("getValue"));
  104. if (!finalSerialNo) {
  105. finalSerialNo = '';
  106. }
  107. $('#dg').datagrid('load', {
  108. finalRollNo: finalRollNo,
  109. finalSerialNo: finalSerialNo
  110. });
  111. });
  112. });
  113. </script>
  114. </@master.layout>