sf-india-2026/build/resources/main/templates/indigo/create_roll.ftl

<#import "../master.ftl" as master>
<@master.layout>
<style>
    .common-label2 .textbox-label  {
        width: 180px;
    }


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

<div class="row" id="f1">
    <div class="col-md-4">
        <input id="inptOrder" type="text" class="form-control" placeholder="SO 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>
    var soOrder;
    var part;
    var ORDER_NO;
    var DATA;
    $(function () {
        $("#inptOrder").focus();
    })
    function scanOrderNo(){
        var inptValue = $("#inptOrder").val();
        var $tblOrderInfo = $("#tblOrderInfo");

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

        $.post("/indigo/getOrder", {orderNo: inptValue}, function(data){
            if (data.success && data.order){
                ORDER_NO = data.order.orderNo;
                part=data.part
                soOrder=data.order
                if (data.canCreateRoll){
                    $("#createRoll").show();
                }
                if (!data.canCheckSN){
                    $("#scanFirstSN").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>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.order.status+"</td></tr>");
                $tblOrderInfo.append("<tr><td>Roll List:</td><td>"+showRolls(data.orderRolls)+"</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  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', "/indigo/printRollNo/" + rollNo);
            }
        });
    }

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

    }

    $("#inptOrder").on("keydown", function(){

        if(event.keyCode==13) {
            scanOrderNo();
            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("/indigo/scanFirstSN", {"serialNo": serialNo}, 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();
                }
            } else {
                $.messager.alert("Error", data.msg, "error");
            }
            //scanOrderNo();
        })
    }
    function checkSerialNo(){
        let serialNo = $.trim($("#checkSerialNo").textbox('getValue'));
        if(null == serialNo || '' == serialNo){
            $.messager.alert('error', 'Please Scan Serials No!', 'error');
            return false;
        }
        $.post("/indigo/checkSerialNo", {"serialNo": serialNo}, function(data){
            if (data && data.success){
                $.messager.alert("info", "Successfully！", "info");
                $('#checkSNModal').dialog('close');
                    $("#createRoll").show();

            } else {
                $.messager.alert("Error", data.msg, "error");
            }
            //scanOrderNo();
        })
    }
    $("#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", "")
        $('#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");
        //             }
        //             //scanOrderNo();
        //         })
        //     }
        // })

    })

    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("/indigo/createSORoll", {"serialNo": serialNo,"qty":qty,"orderNo":soOrder.orderNo}, function(data){
            if (data && data.success){
                // $('#inptOrder').textbox("setValue", soOrder.orderNo);
                scanOrderNo();
                $.messager.alert("info", "Successfully！", "info");
                $('#createSNModal').dialog('close');
                printNow(data.rollNo);
            } else {
                $.messager.alert("Error", data.msg, "error");
            }
            //scanOrderNo();
        })
    }








</script>

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