tt-India-2026/bin/main/templates/query/order_batch_hist.ftl

<#import "../master.ftl" as master>
<@master.layout>
<style>
    #fm label {
        width: 150px;
    }
</style>

<div class="page-header">
    <h3>工单批次查询</h3>
</div>

<table id="dg" class="easyui-datagrid" style="width:100%;height:460px;display: none;"
       data-options="pagination: true, showFooter: true, singleSelect:true, fitColumns:true, method:'get', pageSize:20, toolbar:'#tb'">
    <thead>
    <tr>
        <th data-options="field:'id',width:60,align:'center'">ID</th>
        <th data-options="field:'orderNo',width:100,align:'center'">SO No</th>
        <th data-options="field:'rollNo',width:100,align:'center'">Roll No</th>
        <th data-options="field:'operationNo',width:60,align:'center'">工序号</th>
        <th data-options="field:'operationName',width:80,align:'center'">工序名称</th>
        <th data-options="field:'sortNo',width:60,align:'center'">序号</th>
        <th data-options="field:'componentPartNo',width:120,align:'center'">组件料号</th>
        <th data-options="field:'customerBatchNo',width:120,align:'center'">客户批次号</th>
        <th data-options="field:'isSemiOrder',width:80,align:'center',formatter:formatSemiOrder">半成品工单</th>
        <th data-options="field:'startRow',width:60,align:'center'">From Row No</th>
        <th data-options="field:'endRow',width:60,align:'center'">To Row No</th>
        <th data-options="field:'columnSortIndex',width:100,align:'center'">列排位</th>
        <th data-options="field:'status',width:80,align:'center'">Status</th>
        <th data-options="field:'createdBy',width:80,align:'center'">Created By</th>
        <th data-options="field:'createdDate',width:120,align:'center',formatter:formatDateTime">Create Date</th>
    </tr>
    </thead>
</table>

<div id="tb" style="padding:10px 5px;display: none;">
    <div>
        工单号: <input class="easyui-textbox" id="orderNo" style="width:130px">
        Roll No: <input class="easyui-textbox" id="rollNo" style="width:130px">
        序列号: <input class="easyui-textbox" id="serialNo" style="width:130px">
        <a href="#nowhere" id="queryLink" class="easyui-linkbutton" iconCls="icon-search">Query</a>
        <a href="#nowhere" id="resetLink" class="easyui-linkbutton" iconCls="icon-reload">重置</a>
    </div>
</div>

<script>

    $(window).resize(function () {
        $("#dg").datagrid({"height": $(window).height() - $(".datagrid").offset().top - 20});
    });

    $(function () {
        $(window).resize();
    });

    // 查询按钮
    $("#queryLink").click(function(){
        var orderNo = $("#orderNo").val();
        var rollNo = $("#rollNo").val();
        var serialNo = $("#serialNo").val();
        
        // 至少需要一个查询条件
        if (!orderNo && !rollNo && !serialNo) {
            $.messager.alert('Point', '请至少输入一个查询条件！', 'warning');
            return;
        }
        
        $('#dg').datagrid({
            url: '/material/querOrderBatchHist',
            queryParams: {
                orderNo: orderNo,
                rollNo: rollNo,
                serialNo: serialNo
            }
        });
    });
    
    // 重置按钮
    $("#resetLink").click(function(){
        $("#orderNo").textbox('clear');
        $("#rollNo").textbox('clear');
        $("#serialNo").textbox('clear');
        $('#dg').datagrid('loadData', {total:0, rows:[]});
    });

    // 格式化半成品工单字段
    function formatSemiOrder(value){
        if (value == '1') {
            return '是';
        } else if (value == '0') {
            return '否';
        }
        return value;
    }

    // 格式化日期时间
    function formatDateTime(value){
        if (value == null || value == '') {
            return '';
        }
        var date = new Date(value);
        var year = date.getFullYear();
        var month = ("0" + (date.getMonth() + 1)).slice(-2);
        var day = ("0" + date.getDate()).slice(-2);
        var hours = ("0" + date.getHours()).slice(-2);
        var minutes = ("0" + date.getMinutes()).slice(-2);
        var seconds = ("0" + date.getSeconds()).slice(-2);
        return year + "-" + month + "-" + day + " " + hours + ":" + minutes + ":" + seconds;
    }

</script>

</@master.layout>