tool/application/admin/view/warehousing_book/add.html

<style>
    .button-0{
        color: #0c7edf;
    }
    .button-1{
        color: #0bb20c;
    }
    .button-2{
        color: #0a4b3e;
    }
    .button-3{
        color: #0000ea;
    }
    .button-4{
        color: #4a1e7f;
    }
    .button-5{
        color: #7a0db5;
    }
</style>
<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">

    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" style="width:8%;!important;">工单号:</label>
        <div class="col-xs-12 col-sm-8" style="width:22.23%;!important;">
            <input  class="form-control " id="order_number" type="text" value="{$result['order_number']}" disabled>
        </div>
        <label class="control-label col-xs-12 col-sm-2" style="width:9%;!important;">产品名称:</label>
        <div class="col-xs-12 col-sm-8" style="width:22.23%;!important;">
            <input  class="form-control " id="product_name" type="text" value="{$result['product_name']}" disabled>
        </div>
        <label class="control-label col-xs-12 col-sm-2" style="width:9%;!important;">订单数量:</label>
        <div class="col-xs-12 col-sm-8" style="width:22.23%;!important;">
            <input  class="form-control " id="number" type="text" value="{$result['number']}" disabled>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" style="width:9.5%;!important;">配方选择:</label>
        <div class="col-xs-12 col-sm-8" style="width:22.23%;!important;">
            <label><input type="radio" name="formula" value="{$result['formula']}" class="color" checked/>{$result['formula']}</label>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" style="width:15%;!important;">本次配置大盒数量:</label>
        <div class="col-xs-12 col-sm-8" style="width:20%;!important;">
            <input  class="form-control bigBox" id="bigBox" name="" type="text" value="{$result['big_number']}" data-rule="number" disabled>
        </div>
        <label class="control-label col-xs-12 col-sm-2" style="width:15%;!important;">本次配置小盒数量:</label>
        <div class="col-xs-12 col-sm-8" style="width:20%;!important;">
            <input  class="form-control smallBox" id="smallBox" name="" type="text" value="{$result['small_number']}" data-rule="number" disabled>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2" style="width:13.5%;!important;">油墨指令书编号:</label>
        <div class="col-xs-12 col-sm-8" style="width:20%;!important;">
            <input  class="form-control bach" id="bach" name="" type="text" value="{$result['bach']}" data-rule="number" disabled>
        </div>
    </div>
    <div style="display: none">
        <input type="text" id="id" value="{$result['id']}">
    </div>
    <div class="form-group">
        <div style="margin-left: 30px;">
            <table id="mytable" border="1" cellspacing="0" style="text-align: center;width: 750px;">
                <thead>
                <tr>
                    <th style="text-align: center;">专色墨名称</th>
                    <th style="text-align: center;">现有库存(kg)</th>
                    <th style="text-align: center;">本次配墨(kg)</th>
                    <th style="text-align: center;">本工单已配墨(kg)</th>
                </tr>
                </thead>
                <tbody>
                {foreach name="warehousingData" item="vo" key="key"}
                <tr>
                    <td style="height: 50px;">
                        <button  type="button" class="btn btn-default  button-{$key} color" style="width: 150px;font-size: 20px;">  {$vo.color}
                        </button>
                    </td>
                    <td>{$vo.has_weight}</td>
                    <td><input type="text" class="input-{$key}" style= "background-color:transparent;border:0;text-align: center"></td>
                    <td>{$vo.book_weight}</td>
                </tr>
                {/foreach}
                </tbody>
            </table>
            <div style="width: 30px;margin-left: 470px;">
                <button class="btn btn-success btn-embossed warehousing" style="margin:  5px 0 5px;">一键入库</button>
                <button class="btn btn-danger shut" style="margin:  -70px 0 0 100px;">关闭页面</button>
            </div>
        </div>
    </div>
    <div style="height: 5px;"></div>
    <div class="form-group" >
        <div id="formula" style="margin-left:30px;">

        </div>
    </div>
    <div class="form-group" >
        <div id="consume" style="margin-left:30px;">

        </div>
    </div>
</form>
<!--<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>-->
<script src="__CDN__/assets/js/jquery.js"></script>
<script>
    $('.input-0').focus();
    $('.color').click(function () {
        $(this).parent().next().next().find('input').focus();
    })
    $('.shut').click(function () {
        var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
        parent.location.reload();//刷新父页面，注意一定要在关闭当前iframe层之前执行刷新
        parent.layer.close(index); //再执行关闭
    })
    $(document).ready(function () {
        var id =  $('#id').val();
        $.ajax({
            type: "POST",
            url: "{:url('admin/warehousingBook/doDetail')}",
            data: {id: id},
            dataType: "json",
            success: function (data) {
                if (data.status == 1) {
                    var str = '<table  border="1" cellspacing="0" style="text-align: center;width: 700px;">';
                    str += '<tbody>';
                    $.each(data.data,function (key,value) {
                        str += '<tr>';
                        var rowspan = -1;
                        $.each(data.formulaSpanData,function (k,v) {
                            if (key == v.beginRow){
                                rowspan = v.rowSpan;
                            }
                        })
                        if (rowspan != -1){
                            str += '<td rowspan="'+rowspan+'" style="width: 100px;">'+value[0]+'</td>';
                            str += '<td style="width: 100px;">'+value[1]+'</td>';
                            str += '<td style="width: 60px;">'+value[2]+'</td>';
                            str += '<td style="width: 100px;"></td>';
                            str += '<td rowspan="'+rowspan+'" style="width: 100px;">'+value[4]+'</td>';
                            str += '<td style="width: 60px;">'+value[5]+'</td>';
                        }else {
                            str += '<td style="width: 100px;">'+value[0]+'</td>';
                            str += '<td style="width: 60px;">'+value[1]+'</td>';
                            str += '<td style="width: 100px;"></td>';
                            str += '<td style="width: 60px;">'+value[3]+'</td>';
                        }
                        str += '</tr>';
                    })
                    str += '</tbody>';
                    str += '</table>';

                    var html = '<table  border="1" cellspacing="0" style="text-align: center;width: 700px;">';
                    html += '<tbody class="consume">';
                    $.each(data.consume,function (item,val) {
                        html += '<tr>';
                        if (item == 0){
                            html += '<td rowspan="'+data.consumeSpan+'" style="width: 100px;">'+val[0]+'</td>';
                            html += '<td style="width: 100px;">'+val[1]+'</td>';
                            html += '<td style="width: 60px;">'+val[2]+'</td>';
                            html += '<td rowspan="'+data.consumeSpan+'" style="width: 100px;">'+val[3]+'</td>';
                            html += '<td style="width: 100px;">'+val[4]+'</td>';
                            html += '<td style="width: 60px;">'+val[5]+'</td>';
                        }else{
                            html += '<td style="width: 100px;">'+val[0]+'</td>';
                            html += '<td style="width: 60px;">'+val[1]+'</td>';
                            html += '<td style="width: 100px;">'+val[2]+'</td>';
                            html += '<td style="width: 60px;">'+val[3]+'</td>';
                        }
                        html += '</tr>';
                    })
                    html += '</tbody>';
                    html += '</table>';
                    $('#formula').empty();
                    $('#consume').empty();
                    $('#formula').append(str);
                    $('#consume').append(html);
                }
            }
        })
    })
    $(document).on('click','.warehousing',function(){
        var message = confirm('是否确认入库?');
        if (message == false){
            return false;
        }
        var data = getData();
        $.ajax({
            type: "POST",
            url: "{:url('admin/warehousingBook/warehousing')}",
            data: {data:data},
            dataType: "json",
            success: function (data) {
                if (data.code == 1){
                    getWarehousingWeight();
                    confirm(data.msg)
                }else{
                    confirm(data.msg)
                }
            }
        })
    })
    //遍历表格返回数组
    function getData(){
        // 遍历 tr
        var VoList = [];
        $('#mytable tbody tr').each(function(){
            var mailPost = {}
            mailPost.color =$(this).children("td:eq(0)").text();
            mailPost.weight=$(this).children("td:eq(2)").find("input").val();
            mailPost.order_number = $('#order_number').val(); //工单编号
            mailPost.product_name = $('#product_name').val();//产品名称
            mailPost.formula = $('input:radio:checked').val();//配方
            mailPost.book_bach = $('#bach').val();//油墨指令书
            VoList.push(mailPost)
        });
        return VoList;
    }
</script>
<script language="javascript" src="__CDN__/assets/js/LodopFuncs.js"></script>
<script language="javascript" src="__CDN__/assets/js/template.js"></script>
<script language="javascript" type="text/javascript">
    var LODOP; //声明为全局变量
    function prn1_print(html,barcode) {
        if (barcode == ''){
            CreateOneFormPage(html,barcode);
        } else {
            CreateTwoFormPage(html,barcode);
        }
        console.log(html);
        LODOP.PRINT();
    };
    function prn1_preview(html,barcode) {
        LODOP.PREVIEW();
    };
    function CreateOneFormPage(html,barcode){
        // LODOP.SET_LICENSES("","152A06E8F6CBD6AC1F213ABFCB0D8604","C94CEE276DB2187AE6B65D56B3FC2848","");
        // LODOP=getLodop();
        LODOP.PRINT_INIT("专色墨库存二维码打码");
        //LODOP.SET_PRINT_STYLE("FontSize",8);
        LODOP.SET_PRINT_STYLE("Bold",0);
        LODOP.SET_PRINT_STYLEA(0,"FontName","黑体");
        //LODOP.ADD_PRINT_TEXT(30,40,350,45,"浙江美浓世纪集团有限公司");
        LODOP.ADD_PRINT_HTM(12,10,350,500,html);
        LODOP.SET_PRINT_STYLEA(1,"AngleOfPageInside",270);
        // LODOP.SET_PRINT_STYLEA(0,"QRCodeErrorLevel","L");
        // LODOP.ADD_PRINT_BARCODE(56,18,'180mm','30mm',"QRCode",barcode);
    };
    function CreateTwoFormPage(html,barcode){
        // LODOP.SET_LICENSES("","152A06E8F6CBD6AC1F213ABFCB0D8604","C94CEE276DB2187AE6B65D56B3FC2848","");
        // LODOP=getLodop();
        LODOP.PRINT_INIT("专色墨库存二维码打码");
        //LODOP.SET_PRINT_STYLE("FontSize",8);
        LODOP.SET_PRINT_STYLE("Bold",0);
        LODOP.SET_PRINT_STYLEA(0,"FontName","黑体");
        //LODOP.ADD_PRINT_TEXT(30,40,350,45,"浙江美浓世纪集团有限公司");
        LODOP.ADD_PRINT_HTM(12,10,350,500,html);
        LODOP.SET_PRINT_STYLEA(1,"AngleOfPageInside",270);
        LODOP.SET_PRINT_STYLEA(0,"QRCodeErrorLevel","L");
        LODOP.ADD_PRINT_BARCODE(38,12,'30mm','30mm',"QRCode",barcode);
    };
    function getWarehousingWeight(){
        var order_number = $('#order_number').val();
        console.log(order_number)
        $.ajax({
            type:"POST",
            url:"{:url('admin/warehousingBook/getData')}",
            data:{order_number:order_number},
            dataType:"json",
            success:function (data) {
                if (data.status == 1){
                    small_v2_print(data.data);
                    small_v3_print(data.warehousing);
                }else{
                    alert(data.msg);
                }
            }
        })
    }
    //小件云打印数据处理
    function small_v2_print(result) {
        var warhousing = result.warehousing;
        var len = warhousing.length;
        var html = template(document.getElementById('tpl').innerHTML, {
            result:result,
            color:warhousing,
            len:len,
        });

        var barcode = '';
        for(i=0;i<1;i++){
            if(false){
                //为测试服务器，预览
                prn1_preview(html,barcode);//预览
            }else if(window.location.host=="tool.7in6.com"){
                //为正式服务器，打印
                prn1_print(html,barcode);//打印
            }else{
                // prn1_preview(html,barcode);//打印
                prn1_print(html,barcode);
            }
        }
    };
    function small_v3_print(result) {
        console.log(result);

        for(i=0;i<result.length;i++){
            var html = template(document.getElementById('warehousing').innerHTML, {
                product_name:result[i].product_name,
                product_number:result[i].product_number,
                color:result[i].color,
                weight:result[i].weight,
                bach_number:result[i].bach_number,
            });
            var barcode= result[i].bach_number;

            if(false){
                //为测试服务器，预览
                prn1_preview(html,barcode);//预览
            }else if(window.location.host=="tool.7in6.com"){
                //为正式服务器，打印
                prn1_print(html,barcode);//打印
            }else{
                // prn1_preview(html,barcode);//预览
                prn1_print(html,barcode);
            }
        }
    };
</script>
<script id="warehousing" type="text/html">
    <style type="text/css">
        .tg  {width:320px;margin-top:20px;position: absolute;}
        .tg td{text-align:left;font-family:"方正俊黑简体_粗";font-size:12px;padding:5px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
        .tg th{font-family:"方正俊黑简体_粗";font-size:12px;font-weight:normal;padding:5px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
        .tg .tg-s6z2{ font-size:13px;width: 68%;}
        .tg .tg-s6z3{ font-size:13px;width: 50%;}
        .tg .tg-s6z1{ font-size:13px;}
        .tg .code{font-size:12px;}
        .tg .tg-031e{text-align:left;}
        .tg .tg-s6z2 img{}
        .tg .font_bold{ font-size: 75px; }
    </style>

    <table class="tg" cellpadding='0' cellspacing="0" width="100%" style="border:1px solid #000000;">
        <tr>
            <td class="tg-s6z1" rowspan="4" colspan="2">

            </td>
            <td class="tg-s6z2 " colspan="2" ><%=product_name%></td>
        </tr>
        <tr>
            <td class="tg-s6z2" colspan="2"><%=weight%>g</td>
        </tr>
        <tr>

            <td class="tg-s6z2" colspan="2"><%=bach_number%></td>
        </tr>
        <tr>

            <td class="tg-s6z2" colspan="2"><%=color%></td>
        </tr>
    </table>
</script>

<script id="tpl" type="text/html">
    <style type="text/css">
        .tg  {width:320px;margin-top:20px;position: absolute;}
        .tg td{text-align:left;font-family:"方正俊黑简体_粗";font-size:12px;padding:5px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
        .tg th{font-family:"方正俊黑简体_粗";font-size:12px;font-weight:normal;padding:5px 2px;border-style:solid;border-width:1px;overflow:hidden;word-break:normal;border-color:black;}
        .tg .tg-s6z2{ font-size:13px;width: 20%;}
        .tg .tg-s6z3{ font-size:13px;width: 50%;}
        .tg .tg-s6z1{ font-size:13px;text-align: center}
        .tg .code{font-size:12px;}
        .tg .tg-031e{text-align:left;}
        .tg .tg-s6z2 img{}
        .tg .font_bold{ font-size: 75px; }
    </style>

    <table class="tg" cellpadding='0' cellspacing="0" width="100%" style="border:1px solid #000000;">

        <tr>
            <td class="tg-s6z1" colspan="3" >
                工单号：<%=result['order_number']%>
            </td>
            <td class="tg-s6z1" colspan="3" >
                调墨人：<%=result['name']%>
            </td>

        </tr>
        <tr>
            <td class="tg-s6z1" colspan="2" >
                专墨颜色
            </td>
            <td class="tg-s6z1" colspan="2" >
                重量(g)
            </td>
            <td class="tg-s6z1" colspan="2" >
                调配时间
            </td>
        </tr>
        <%
        for(var i=0;i< len;i++){
        %>

        <tr>
            <td class="tg-s6z2 " colspan="2" >
                <%=color[i]['color']%>
            </td>
            <td class="tg-s6z2 " colspan="2" >
                <%=color[i]['weight']%>g
            </td>
            <td class="tg-s6z3 " colspan="2" >
                <%=color[i]['create']%>
            </td>
        </tr>

        <%
            }
        %>

    </table>
</script>