sf-india-2026/build/resources/main/templates/aoi/createFinalRoll.ftl

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

<div class="page-header">
    <h3>Create FG Roll</h3>
</div>

<div class="row" id="f1">
    <div class="col-md-4">
        <input id="inptRollNo" type="text" class="form-control" placeholder="Slitting Roll No" />
        <p>
        <table id="tblOrderInfo" class="table">
        </table>
        </p>
    </div>
    <div class="col-md-3">
        <p>
            <button class="btn btn-default" id="scanFirstSN" style="display: none;">Scan First Serial No</button>
            <button class="btn btn-default" id="checkSN" style="display: none;">Validate Scanning</button>
            <button class="btn btn-default" id="createRoll" style="display: none;">Create Roll</button>
<#--            <button class="btn btn-default" id="doRollTrue" style="display: none;">纠正数据</button>-->
        </p>
    </div>

    <div id="scanFirstSNModal" class="easyui-dialog for-scan" style="width:550px;display: none;"
         closed="true" buttons="#dlg-scanFirstSNModal">
        <form id="scanFirstSNFM" method="post" novalidate style="margin:0;padding:20px 20px">
            <div style="margin-bottom:10px">
                <input id="firstSerialNo" name="firstSerialNo" class="easyui-textbox" required="true" data-options="labelWidth:150" label="Please Scan Serials No:" style="width:100%">
            </div>
        </form>
    </div>
    <div id="dlg-scanFirstSNModal" style="display: none;">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" id="doFinalRoll" onclick="doScanFirstSN()" style="width:90px">OK</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="$('#scanFirstSNModal').dialog('close')" style="width:90px">Cancel</a>
    </div>


    <div id="checkSNModal" class="easyui-dialog for-scan" style="width:550px;display: none;"
         closed="true" buttons="#dlg-checkSNModal">
        <form id="checkSNFM" method="post" novalidate style="margin:0;padding:20px 20px">
            <div style="margin-bottom:10px">
                <input id="checkSerialNo" name="checkSerialNo" class="easyui-textbox" required="true" data-options="labelWidth:150" label="Please Scan Serials No:" style="width:100%">
            </div>
        </form>
    </div>
    <div id="dlg-checkSNModal" style="display: none;">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" id="doFinalRoll" onclick="checkSerialNo()" style="width:90px">OK</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="$('#checkSNModal').dialog('close')" style="width:90px">Cancel</a>
    </div>


    <div id="createSNModal" class="easyui-dialog for-scan" style="width:550px;display: none;"
         closed="true" buttons="#dlg-createSNModal">
        <form id="createSNFM" method="post" novalidate style="margin:0;padding:20px 20px">
            <div style="margin-bottom:10px">
                <input id="createSN" name="createSN" class="easyui-textbox" required="true" data-options="labelWidth:150" label="Please Scan Serials No:" style="width:100%">
            </div>
            <div style="margin-bottom:10px">
                <input id="serialQty" name="serialQty" class="easyui-textbox" required="true" data-options="labelWidth:150" label="Roll Qty:" style="width:100%"  onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">
            </div>
        </form>
    </div>
    <div id="dlg-createSNModal" style="display: none;">
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-ok" id="doFinalRoll" onclick="createSORoll()" style="width:90px">OK</a>
        <a href="javascript:void(0)" class="easyui-linkbutton" iconCls="icon-cancel" onclick="$('#createSNModal').dialog('close')" style="width:90px">Cancel</a>
    </div>
    <script src='http://127.0.0.1:8000/cLodopfuncs.js'></script>
    <script type="text/javascript" src="/js/print/print_label2024.js"></script>
<script>
    let currentPrinter =${currentPrinter};
    let clodoplisence='${clodoplisence}';
    var soOrder;
    var soRoll;
    var part;
    var ORDER_NO;
    var DATA;
    $(function () {
        $("#inptRollNo").focus();
    })
    function scanRollNo(){
        var inptValue = $("#inptRollNo").val();
        var $tblOrderInfo = $("#tblOrderInfo");

        $tblOrderInfo.html("");
        $("#createRoll").hide();
        $("#scanFirstSN").hide();
        $("#checkSN").hide();
        if (inptValue.length == 0){
            return false;
        }

        $.post("/aoi/getRollNoDetail", {rollNo: inptValue}, function(data){
            if (data.success && data.order){
                ORDER_NO = data.order.orderNo;
                part=data.part
                soOrder=data.order
                soRoll=data.roll
                // if (data.canCreateRoll){
                //     $("#createRoll").show();
                // }
                if (!data.canCheckSN){
                    $("#scanFirstSN").show();
                }
                if (data.canCheckSN){
                    $("#createRoll").show();
                }
                // if (data.canCheckSN){
                //     $("#checkSN").show();
                // }

                DATA = data;
                $tblOrderInfo.append("<tr><td>SO No:</td><td>"+data.order.orderNo+"</td></tr>");
                $tblOrderInfo.append("<tr><td>Sliting Roll No:</td><td>"+data.roll.rollNo+"</td></tr>");
                $tblOrderInfo.append("<tr><td>Roll Qty:</td><td>"+data.roll.qty+"</td></tr>");
                $tblOrderInfo.append("<tr><td>Part No:</td><td>"+data.order.partNo+"</td></tr>");
                $tblOrderInfo.append("<tr><td>No. of Cross:</td><td>"+data.order.crossNumber+"</td></tr>");
                $tblOrderInfo.append("<tr><td>Status:</td><td>"+data.roll.status+"</td></tr>");
                $tblOrderInfo.append("<tr><td>Roll List:</td><td>"+showRolls(data.finalRolls)+"</td></tr>");
            }else {
                $.messager.alert('error',data.msg, 'error');
            }
        });
    }

    function showRolls(rolldata){
        var list = (rolldata || "-").split(",");
        var ret = [];
        for(var i=0;i<list.length;i++){
            // ret.push("<a href='/rollop/indigo/?rollNo="+list[i]+"'>"+list[i]+"</a>");
            ret.push('<a  onclick="print(\''+ list[i]+'\')">'+list[i]+'</a>');
        }
        return ret.join("<br />");
    }
    function print(rollNo) {
        $.messager.confirm('Confirm','Is Printed ?',function(r){
            if (r){
                // $("#ifmforprint").attr('src', "/aoi/printRollNo/" + rollNo);

                $.post("/aoi/getRollNoPrintDataForIndia", {"rollNo": rollNo}, function(data) {
                    if (data && data.success) {
                        let printList=[]
                        printList.push(data.printData)
                        currentPrinter.clodoplisence=clodoplisence
                        console.log(data.printList)
                        console.log(currentPrinter)
                        printFinalRollLabel(printList,currentPrinter);
                    }else {
                        $.messager.alert("Error", data.msg, "error");
                    }

                },)

            }
        });
    }

    function printNow(rollNo) {
        $("#ifmforprint").attr('src', "/aoi/printRollNo/" + rollNo);

    }
    $("#inptRollNo").on("keydown", function(){

        if(event.keyCode==13) {
            scanRollNo();
            return false;
        }

        return true;
    });
    $("#scanFirstSN").on("click", function(){
        $('#scanFirstSNModal').dialog('open').dialog('center').dialog('setTitle', "Scan First Serial No");
        $('#scanFirstSNFM form').form('clear');
        $("#firstSerialNo").textbox('textbox').focus();
    })
    $("#firstSerialNo").on("keydown", function(){

        doScanFirstSN()
    });
    $("#checkSN").on("click", function(){
        $('#checkSNModal').dialog('open').dialog('center').dialog('setTitle', "Validate Scanning");
        $('#checkSNFM form').form('clear');
        $("#checkSerialNo").textbox('textbox').focus();
    })
    function doScanFirstSN(){
        let serialNo = $.trim($("#firstSerialNo").textbox('getValue'));
        if(null == serialNo || '' == serialNo){
            $.messager.alert('error', 'Please Scan Serials No!', 'error');
            return false;
        }
        $.post("/aoi/scanFirstSN", {"serialNo": serialNo,"rollNo": soRoll.rollNo}, function(data){
            if (data && data.success){
                $.messager.alert("info", "Successfully！", "info");
                $('#scanFirstSNModal').dialog('close');
                $("#createRoll").hide();
                $("#scanFirstSN").hide();
                $("#checkSN").hide();
                // if (data.canCreateRoll){
                //     $("#createRoll").show();
                // }
                // if (!data.canCheckSN){
                //     $("#scanFirstSN").show();
                // }
                // if (data.canCheckSN){
                //     $("#checkSN").show();
                // }
                if (!data.canCheckSN){
                    $("#scanFirstSN").show();
                }
                if (data.canCheckSN){
                    $("#createRoll").show();
                }
            } else {
                $.messager.alert("Error", data.msg, "error");
            }

        })
    }
    function checkSerialNo(){
        let serialNo = $.trim($("#checkSerialNo").textbox('getValue'));
        if(null == serialNo || '' == serialNo){
            $.messager.alert('error', 'Please Scan Serials No!', 'error');
            return false;
        }
        $.post("/aoi/checkSerialNo", {"serialNo": serialNo,"rollNo": soRoll.rollNo}, function(data){
            if (data && data.success){
                $.messager.alert("info", "Successfully！", "info");
                $('#checkSNModal').dialog('close');
                    $("#createRoll").show();

            } else {
                $.messager.alert("Error", data.msg, "error");
            }

        })
    }
    $("#checkSerialNo").on("click", function(){
        checkSerialNo();
    })


    $("#createRoll").on("click", function(){
        $('#createSNModal').dialog('open').dialog('center').dialog('setTitle', "Create Roll");
        $('#createSNFM form').form('clear');
        $('#serialQty').textbox("setValue", part.packageQty)
        $('#createSN').textbox("setValue", "")
        $("#createSN").textbox('textbox').focus();

        // $.messager.confirm("确认","创建1卷？", function(cr){
        //     if (cr){
        //         $.post("/indigo/create_roll/do", {"orderNo": ORDER_NO}, function(data){
        //             if (data && data.success){
        //                 window.location.href="/rollop/indigo/?rollNo="+data.newRollNo;
        //             } else {
        //                 $.messager.alert("Error", data.errorMsg, "error");
        //             }
        //
        //         })
        //     }
        // })

    })

    function createSORoll(){
        let serialNo = $.trim($("#createSN").textbox('getValue'));
        if(null == serialNo || '' == serialNo){
            $.messager.alert('error', 'Please Scan Serials No!', 'error');
            return false;
        }
        let qty = $.trim($("#serialQty").textbox('getValue'));
        if(null == qty || '' == qty){
            $.messager.alert('error', 'Please Input Qty!', 'error');
            return false;
        }
        $.post("/aoi/createFinalRoll", {"serialNo": serialNo,"qty":qty,"orderNo":soOrder.orderNo,"rollNo": soRoll.rollNo}, function(data){
            if (data && data.success){
                $('#createSNModal').dialog('close');
                // $('#inptRollNo').textbox("setValue", soRoll.rollNo);
                scanRollNo();
                $.messager.alert("info", "Successfully！", "info");
                // for (let i = 0; i < data.rollList.length; i++) {
                //     printNow(data.rollList[i])
                // }
                // let index = 0;
                //
                // const interval = setInterval(() => {
                //     if (index < data.rollList.length) {
                //         printNow(data.rollList[index])
                //         index++;
                //     } else {
                //         clearInterval(interval);
                //     }
                // }, 1000);
                currentPrinter.clodoplisence=clodoplisence
                console.log(data.printList)
                console.log(currentPrinter)
                printFinalRollLabel(data.printList,currentPrinter);

            } else {
                $.messager.alert("Error", data.msg, "error");
            }

        })
    }








</script>

<style>
    button {min-width: 100px;}
</style>
</@master.layout>