tt-India-2026/bin/main/templates/scanning/scanpool.ftl

<#import "../master.ftl" as master>
<@master.layout>

<div class="page-header">
    <h3>Scanning list - ${jobId}</h3>
</div>

<div class="row" id="app">
    <div class="col-md-4">
        <p><input id="serialNo" name="serialNo" type="text" class="form-control" placeholder="Virtual input serial number" /></p>
        <table id="tblInfo" class="table">
        </table>
        <p>
            <button class="btn btn-primary" id="btnOK" style="display:none">OK</button>
        </p>
    </div>
</div>

<script>

    function refreshTable(toAddserialNo){
        var putData = {jobId: "${jobId}"};
        if (toAddserialNo) {
            putData.serialNo = toAddserialNo;
        }
        $.post("/scanning/scanpool/put", putData , function(data){
            console.log(data);
            if (data.success){
                var $tblInfo = $("#tblInfo");
                $tblInfo.html("");
                var list = data.poolSerials;
                for(var i=0;i<list.length;i++){
                    $tblInfo.append("<tr><td>"+list[i].serialNo+"</tr></td>");
                }
            }else{
                $.messager.show({
                    title:'Error',
                    msg: data.errorMsg,
                    timeout:800,
                    showType:'slide',
                    style:{
                        right:'',
                        bottom:''
                    }
                });
            }
        });
    }

    $("#serialNo").on("keydown", function(){
        var serialNo = $(this).val();
        if(event.keyCode == 13){
            refreshTable(serialNo);
            $("#serialNo").val("");
        }
    });

    $(function(){
        refreshTable();
    })

//    $("#btnOK").on("click", function() {
//        postForm("app", "/scanning/confirm/do");
//    });

</script>

</@master.layout>