dm-v2.com/Application/Admin/View/NewQcode/index.html

<extend name="$_admin_public_layout" />


<block name="main">




    <style>
        .newlabel {
            display: block;
            -webkit-margin-start: 2px;
            -webkit-margin-end: 2px;
            -webkit-padding-before: 0.35em;
            -webkit-padding-start: 0.75em;
            -webkit-padding-end: 0.75em;
            -webkit-padding-after: 0.625em;
            min-width: -webkit-min-content;
            border-width: 2px;
            border-style: groove;
            border-color: threedface;
            border-image: initial;
            width: 870px;
            padding: 10px;
            margin: 10px;
        }

        legend {
            display: block;
            -webkit-padding-start: 2px;
            -webkit-padding-end: 2px;
            border-width: initial;
            border-style: none;
            border-color: initial;
            border-image: initial;
        }

        .firm ul,
        .product ul,
        .tag ul {
            width: 100%;
            padding: 10px;
            font-size: 0;
        }

        .firm li,
        .product li,
        .tag li {
            font-size: 12px;
        }

        .firm li:first-child ul li,
        .product li:first-child ul li,
        .tag li:first-child ul li {
            display: inline-block;
            width: 33.3333%;
            height: 20px;
            line-height: 20px;
        }

        .firm input,
        .product input,
        .tag input {
            width: 200px;
            padding: 5px;
        }

        .tag select {
            width: 198px;
            padding: 5px;
        }

        .firm li ul:last-child li {
            width: 580px;
        }

        .firm li ul:last-child li input {
            width: 476px;
        }

        .newlabel table {
            margin-top: 20px;
            min-height: 25px;
            line-height: 25px;
            border-collapse: collapse;
        }

        .newlabel caption {
            padding: 5px 0;
        }

        .newlabel table,
        .newlabel table tr th,
        .newlabel table tr td {
            border: 1px dashed #ddd;
            padding: 5px;
        }

        #createcode {
            display: inline-block;
            width: 100px;
            height: 30px;
            line-height: 30px;
            margin-left: 290px;
            border-radius: 10px;
            background: #0fa2f1;
            color: #fff;
            text-align: center;
            cursor: pointer;
            opacity: 0.8;
            filter: 80%;
        }

        .submitbtn {
            width: 100px;
            height: 30px;
            line-height: 30px;
            background: #0fa2f1;
            margin-left: 30%;
            text-align: center;
            outline: none;
            border: 0;
            color: #fff;
            border-radius: 10px;
            opacity: 0.8;
            filter: 80%;
        }

        .high {
            color: red;
        }

        .msg {
            font-size: 13px;
        }

        .onError {
            color: red;
        }

        .onSuccess {
            color: green;
        }
    </style>
    <?php if (C('ADMIN_TABS')): ?>
    <!-- 多标签后台 -->
    <nav class="navbar navbar-default ct-tab-nav" role="navigation">
        <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav navbar-left">
                <li><a href="#" id="tab-left"><i class="fa fa-caret-left"></i></a></li>
            </ul>
            <div class="ct-tab-wrap clearfix">
                <ul class="nav navbar-nav nav-close ct-tab">
                    <li href="#home" role="tab" data-toggle="tab">
                        <a href="#"><i class="fa fa-dashboard"></i> <span>首页</span></a>
                    </li>
                </ul>
            </div>
            <ul class="nav navbar-nav navbar-right">
                <li><a href="#" id="tab-right"><i class="fa fa-caret-right"></i></a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">关闭操作 <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#" class="close-all">关闭所有</a></li>
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    <?php else: ?>
    <!-- 面包屑导航 -->
    <ul class="breadcrumb">
        <li><i class="fa fa-map-marker"></i></li>
        <li class="text-muted">新增批次</li>
    </ul>
    <?php endif; ?>
    <!-- 多标签后台内容部分 -->
    <form method="POST" action="{:U('NewQcode/add_bath')}" style="margin-bottom:50px;" id="form">
        <input name="userid" id="userid" value="{$session_config[uid]}" type="hidden">
        <eq name="session_config.addtype" value="1">
            <fieldset class="newlabel">
                <legend style="width:auto;margin-left:20px;">生成厂商信息</legend>
                <ul class="firm">
                    <li>
                        <ul>
                            <li>
                                <span>生产厂商：</span>
                                <input id="company_code" type="hidden" name="supplier_code"
                                    value="{$userinfo[printer_code]}" readonly style="background:#EBEBE4">
                                <input id="supplier_id" type="hidden" name="supplier_id" value="{$userinfo[id]}">
                                <input id="company_name" type="text" name="supplier_name" value="{$userinfo[nickname]}"
                                    readonly style="background:#EBEBE4">
                                <!--<input name="company_name" readonly="readonly" id="company_name"   value="浙江美浓世纪集团有限公司">-->
                            </li>
                            <li>
                                <span>邮政编码：</span><input name=" " type="text" id="postcode"
                                    value="{$userinfo[postcode]}" readonly style="background:#EBEBE4">
                            </li>
                            <li>
                                <span>电&ensp;&ensp;&ensp;&ensp;话：</span><input name=" " type="text" id="phone"
                                    value="{$userinfo[mobile]}" readonly style="background:#EBEBE4">
                            </li>
                        </ul>
                        <ul>
                            <li>
                                地&ensp;&ensp;&ensp;&ensp;址：<input class="company_addres" name=" " type="text"
                                    id="company_address" value="{$userinfo[company_address]}" readonly
                                    style="background:#EBEBE4">
                            </li>
                        </ul>
                    </li>
                </ul>
            </fieldset>
            <else />
            <fieldset class="newlabel">
                <legend style="width:auto;margin-left:20px;">生成厂商信息</legend>
                <ul class="firm">
                    <li>
                        <ul>
                            <li>
                                <span>生产厂商：</span>
                                <select name="supplier_id" id="company_name1" style="width:200px;height:35px;">
                                    <volist name="companylist" id="vo">
                                        <option value="{$vo.id}">{$vo.nickname}</option>
                                    </volist>
                                </select>
                                <input id="company_code" type="hidden" name="supplier_code"
                                    value="{$companylist[0][printer_code]}" readonly style="background:#EBEBE4">
                                <!--<input id="company_id" type="hidden"  name="supplier_id" value="{$companylist[0][id]}">-->
                                <input id="company_name" type="hidden" name="supplier_name"
                                    value="{$companylist[0][nickname]}" readonly style="background:#EBEBE4">
                                <!--<input name="company_name" readonly="readonly" id="company_name"   value="浙江美浓世纪集团有限公司">-->
                            </li>
                            <li>
                                <span>邮政编码：</span><input name=" " type="text" id="postcode"
                                    value="{$companylist[0][postcode]}" readonly style="background:#EBEBE4">
                            </li>
                            <li>
                                <span>电&ensp;&ensp;&ensp;&ensp;话：</span><input name=" " type="text" id="phone"
                                    value="{$companylist[0][mobile]}" readonly style="background:#EBEBE4">
                            </li>
                        </ul>
                        <ul>
                            <li>
                                地&ensp;&ensp;&ensp;&ensp;址：<input class="company_addres" name=" " type="text"
                                    id="company_address" value="{$companylist[0][company_address]}" readonly
                                    style="background:#EBEBE4">
                            </li>
                        </ul>
                    </li>
                </ul>
            </fieldset>
        </eq>
        <fieldset class="newlabel">
            <legend style="width:auto;margin-left:20px;">辅料信息</legend>
            <ul class="product">
                <li>
                    <ul>
                        <li>
                            <span>辅料名称：</span>
                            <select name="matter_id" id="product_name1" style="width:200px;height:35px;">
                                <option value="0">============选择=============</option>
                                <volist name="productlist" id="val">
                                    <option value="{$val.id}">{$val.product_name}</option>
                                </volist>
                            </select>
                            <input name=" " type="hidden" readonly="readonly" id="product_num"
                                value="{$productlist[0][product_num]}">
                            <input id="matter_type" type="hidden" name="matter_type" value="{$productlist[0][temple]}">
                            <input id="product_name" type="hidden" name="matter_name"
                                value="{$productlist[0][product_name]}">
                        </li>

<!--                        <li>-->
<!--                            <span>产品规格：</span><input name="matter_size" readonly="readonly" id="product_size" value=""-->
<!--                                style="background:#EBEBE4">-->
<!--                        </li>-->
                        <li>
                            <span>辅料代码：</span>
                            <input id="product_code" type="text" name="matter_no" value="" readonly
                                style="background:#EBEBE4">
                            <!--<span>产品编号：</span>-->
                        </li>
                    </ul>
                    <ul>
                        <!--  <li>
                                        版&ensp;本&ensp;号：&nbsp;<input name=" " type="text" id="versoin" value="A">
                                    </li>
                                    <li>
                                        标&ensp;准&ensp;号：<input name=" " type="text" id="standnum" value="Q/GY105800-2017/0">
                                    </li>-->
                    </ul>
                </li>
            </ul>
        </fieldset>
        <fieldset class="newlabel">
            <legend style="width:auto;margin-left:20px;">标记参数</legend>

            <table width="100%" border="1">
                <caption>标签序列配置</caption>
                <tr>
                    <th style="width: 40%; "><span>字段</span> </th>
                    <th><span>值</span></td>
                </tr>

                <!--                            <tr >-->
                <!--                                <td><span>文件流水号</span></td>-->
                <!--                                <td><input name="file_no" type="text" id="file_no" value="PZ180101000002" class="required"></td>-->
                <!--                            </tr>-->
                <!-- <tr >
                                <td><span>订单编号</span></td>
                                <td><input name="order_no" type="text" id="order_no" value="&nbsp;" class="required"></td>
                            </tr>-->
                <tr>
                    <td><span>请选择单位</span></td>
                    <td>
                        <select name="danwei" id="danwei" style="width:175px;height:35px;">
                            <option value="1">箱</option>
                            <option value="2">卷</option>
                        </select>
                    </td>
                </tr>
                <tr class="big_lable xiang">
                    <td><span>总(张)数量（6位）</span></td>
                    <td><input name="num" type="text" id="totalnum" value=""></td>
                </tr>
                <tr class="big_lable xiang">
                    <td><span>一托盘多少箱</span></td>
                    <td>
                        <select name="tray_num" id="tray_num" style="width:175px;height:35px;">
                            <option value="1">========选择========</option>
                            <option value="64">========64箱========</option>
                            <option value="72">========72箱========</option>
                            <option value="105">========105箱========</option>
                        </select>
                    </td>
                </tr>
                <tr class="big_lable xiang">
                    <td><span>一箱多少张（直接填写比例分母）</span></td>
                    <td>
                        <select name="box_num" id="box_num" style="width:175px;height:35px;">
                            <option value="1">========选择=========</option>
                            <option value="500">========500张========</option>
                            <option value="1000">=======1000张========</option>
                            <option value="2000">=======2000张========</option>
                            <option value="2500">=======2500张========</option>
                        </select>
                    </td>
                </tr>

                <tr>
                    <td><span>小件总数量（3位）</span></td>
                    <td><input name="small_num" type="text" id="small_num" value="" class="required" readonly></td>
                </tr>
                <tr class="juan" style="display:none;">
                    <td><span>一托盘多少卷（3位）</span></td>
                    <td><input name="box_num1" type="text" id="box_num1" value="" class="required"></td>
                </tr>
                <tr>
                    <td><span>大件数量</span></td>
                    <td><input name="larger_num" type="text" id="larger_num" value="" class="required" readonly></td>
                </tr>


                <tr>
                    <td><span>生产日期</span></td>
                    <td> <input name="manufacture_date" style="height:30px;width:173px;" id="manufacture_date"
                            class="Wdate required" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />
                    </td>
                </tr>
                <tr>
                    <td><span>打码日期</span></td>
                    <td> <input name="print_date" style="height:30px;width:173px;" id="print_date"
                            class="Wdate required" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd',readOnly:true})" />
                    </td>
                </tr>
                <!--                            <tr class="big_lable">-->
                <!--                                <td><span>大件预留码</span></td>-->
                <!--                                <td><input name="l_reservation" type="text" id="l_reservation" value="0" class="required"></td>-->
                <!--                            </tr>-->
                <tr class="big_lable">
                    <td><span>生产批次号</span></td>
                    <td>
                        <input name="bach_num" type="text" id="bach_num" value="" class="required" readonly
                            style="background:#EBEBE4">
                        <span id="reset_bach_num" style="cursor:pointer;">重置批次号</span>
                        <input name="reset_bach_num_status" id="reset_bach_num_status" type="hidden" value="1">
                    </td>
                </tr>
                <tr class="big_lable">
                    <td><span>大件开始流水号</span></td>
                    <td>
                        <input name="l_flow" type="text" id="l_flow" value="" class="required" readonly
                            style="background:#EBEBE4">
                        <span id="reset_large_liushui" style="cursor:pointer;">重置流水号</span>
                        <input name="reset_large_liushui_status" id="reset_large_liushui_status" type="hidden"
                            value="1">
                    </td>
                </tr>


                <tr class="big_lable big_weight">
                    <td><span>大件重量（单位千克 数值）有小数时保留2位小数</span></td>
                    <td><input name="l_weight" type="text" id="l_weight" value="" class=""></input></td>

                </tr>

                <tr class="big_lable small_flow">
                    <td><span>小件开始流水号</span></td>
                    <td><input name="s_flow" type="text" id="s_flow" value="1" class="required"></input></td>

                </tr>
                <tr class="big_lable small_weight">
                    <td><span>小件重量（单位克 数值）</span></td>
                    <td><input name="s_weight" type="text" id="s_weight" value="1300" class=""></input></td>
                </tr>
                <tr class="big_lable ">
                    <td><div style="height: 35px;"></div></td>
                    <td></td>
                </tr>
                <!--                            <tr class="big_lable">-->
                <!--                                <td><span>小件预留号</span></td>-->
                <!--                                <td><input name="s_reservation" type="text" id="s_reservation" value="0" class="required" ></input></td>-->
                <!--                            </tr>-->
            </table>
        </fieldset>
        <div style="position:fixed;bottom:0;width:100%;height:50px;line-height:50px;">
<!--            <div>-->
                <!--<div id="createcode">
                                打印
                            </div>-->
                <button type="submit" class="submitbtn" id="send">保存</button>
        </div>
    </form>

    <script src="__PUBLIC__/common/codeform.js"></script>
    <!--<script src="__PUBLIC__/libs/js/qrcode.js"></script>-->
    <script src="__PUBLIC__/libs/guide/bootstrap-tour.js"></script>

    <script src="__PUBLIC__/libs/My97DatePicker/WdatePicker.js"></script>
    <script src="__PUBLIC__/libs/guide/guide_index.js?_t=2016121401"></script>
    <script src="__PUBLIC__/libs/guide/guide_index.js?_t=2016121401"></script>

    <script src="__PUBLIC__/libs/guide/bootstrap-tour.js"></script>
    <script src="__PUBLIC__/libs/My97DatePicker/WdatePicker.js"></script>
    <script src="__PUBLIC__/libs/guide/guide_index.js?_t=2016121401"></script>
    <script type="text/javascript" src="__PUBLIC__/libs/js/qrcode.js"></script>
    <script type="text/javascript" src="__PUBLIC__/libs/js/LodopFuncs.js"></script>
    <script>


        $(function () {
            $('form').submit(function () {
                if ($('#product_name1').val() == 0) {
                    $.messager.alert('系统提示', "请选择辅料名称", 'info');
                    return false;
                }
            });
        })
    </script>
    <script>
        $('#reset_bach_num').click(function () {
            $('#bach_num').removeAttr('Readonly').css('background', '');
            $('#bach_num').val(201800000);
            $('#reset_bach_num_status').val(2);//为2表明已经重置生产批号
        })
        $('#reset_large_liushui').click(function () {
            $('#l_flow').removeAttr('Readonly').css('background', '');
            // var text = document.getElementById("l_flow");
            // text.onkeyup = function(){
            //     this.value=this.value.replace(/\D/g,'');
            //     if(text.value<l_flow){
            //         text.value = l_flow;
            //     }
            // }
            $('#reset_large_liushui_status').val(2);//为2表明已经重置大件流水号
        })

        $('#danwei').change(function () {
            var lexing = $(this).val();
            if (lexing == 1) {
                //表示为箱
                $('.xiang').show();
                $('.juan').hide();
                $('input[name=small_num]').attr("readonly", "readonly");
                $('input[name=larger_num]').attr("readonly", "readonly");
                // $('.big_weight').hide();
                // $('.small_weight').hide();
            }
            if (lexing == 2) {
                //表示为卷
                $('.xiang').hide();
                $('.juan').show();
                $('.big_weight').show();
                $('.small_weight').show();
                $('input[name=small_num]').removeAttr('readonly');
                $('input[name=larger_num]').removeAttr('readonly');

            }
        });
        $(document).ready(function () {
            // alert(today());
            document.getElementById("print_date").value = today();
            document.getElementById("manufacture_date").value = today();
        });
        function today() {
            var today = new Date();
            var h = today.getFullYear();
            var m = today.getMonth() + 1;
            var d = today.getDate();
            /*  var hh=today.getHours();
              var mm=today.getMinutes();
              var ss=today.getSeconds();*/
            m = m < 10 ? "0" + m : m;
            d = d < 10 ? "0" + d : d;
            /*hh = hh < 10 ? "0" + hh:hh;
            mm = mm < 10 ? "0" +  mm:mm;
            ss = ss < 10 ? "0" + ss:ss;*/
            return h + "-" + m + "-" + d;
        }
        $('#company_name1').change(function () {
            var company_id = $(this).val();
            //alert(company_id);
            $.ajax({
                url: "index.php?s=/Admin/Qcode/Productajax",
                data: "type=company&id=" + company_id,
                dataType: 'json',
                type: 'get',
                success: function (data) {
                    $('#company_id').val(data[0].id)
                    $('#company_name').val(data[0].nickname)
                    $('#company_code').val(data[0].printer_code);
                    $('#postcode').val(data[0].postcode);
                    $('#phone').val(data[0].mobile);
                    $('#company_address').val(data[0].company_address);
                },
                error: function (error) {

                }
            });
        });
        $('#product_name1').change(function () {

            var userid = $('#userid').val();//获取用户id
            var product_id = $(this).val();//获取产品id

            // alert(product_id);
            $.ajax({
                async: true,
                url: "index.php?s=/Admin/Qcode/Productajax",
                data: "type=product&id=" + product_id + "&userid=" + userid,
                dataType: "json",
                type: "get",
                success: function (data) {
                    //console.log(data.bach_num);

                    if (data[0]) {
                        if (data[0].temple == '07') {
                            $('#danwei').val(1);
                            $('.xiang').show();
                            $('.juan').hide();
                            // $('.big_weight').hide();
                            // $('.small_weight').hide();
                        } else {
                            $('#danwei').val(2);
                            $('.xiang').hide();
                            $('.juan').show();
                            $('input[name=small_num]').removeAttr('readonly');
                            $('input[name=larger_num]').removeAttr('readonly');
                        }
                        $('#product_name').val(data[0].product_name);
                        $('#product_size').val(data[0].product_size);
                        $('#product_num').val(data[0].product_num);
                        $('#matter_type').val(data[0].temple);
                        $('#product_code').val(data[0].product_code);
                        l_flow = data.l_flow;
                        if (data.l_flow) {
                            /*var  reservation=parseInt(Date.now()/100).toString().substr(5, 6);
                            var  test=parseInt(Math.random()*1000000).toString();
                            var  finsh=reservation+test;*/
                            $('#l_flow').val(data.l_flow);

                            $('#bach_num').val(data.bach_num);/*
                                                $('#l_reservation').val(finsh);
                                                $('#s_reservation').val(finsh);*/
                        } else {
                            $('#l_flow').val(1);
                            $('#bach_num').val(201800000);
                            $('#l_reservation').val();
                            $('#s_reservation').val();
                        }
                    } else {
                        $('#product_name').val('');
                        $('#product_size').val('');
                        $('#product_num').val('');
                        $('#matter_type').val('');
                        $('#product_code').val('');
                        $('#l_flow').val("");
                        $('#bach_num').val("");
                    }
                },
                error: function (error) {

                }
            });

        });

        $('#createcode').click(function () {
            var myDate = new Date();
            var year = myDate.getFullYear();//获取当前年份
            var month = myDate.getMonth() + 1;//获取当前月份
            var date = myDate.getDate();//获取当前日
            var company_name = $('#company_name').val();//生产厂商名称；
            var product_name = $('#product_name').val();//产品名称；
            var product_size = $('#product_size').val();//产品尺寸；
            var qcode = $('#qr_code').val();//base64的图片编码；
            var product_code = $('#product_code').val();//产品编码；
            var type = $('#label_type').val();//标签类型
            var product_time = year + "-" + month + "-" + date;
            var pnum = $('#printnum').val();
            // console.log(company_name,product_name,product_size,product_time,qcode,type);
            var temple = $('#temple').val();

            if (temple == '1') {
                //使用新模板
                console.log(temple);
                //alert(1);
                qrPrepare(company_name, product_name, product_size, product_time, qcode, type, pnum);//调用打印插件，单次调用打印三张面单
            };
            if (temple == '2') {
                //使用老模板
                //alert(2);
                console.log(temple);
            };
        });
        //
        // $('#l_weight').change(function () {
        //    var weight = $(this).val();
        //    if (weight > 100 && weight != ''){
        //        weight = weight / 1000;
        //    }
        //    $(this).val(weight);
        // })
        $('#box_num1').change(function () {
            cal();
        })
        //计算卷
        function cal() {
            var small_num = $('#small_num').val();  //小件总数量
            var largeNum = $('#box_num1').val();    //一托盘多少卷（一托盘多少小件）
            var larger_num = Math.ceil(small_num / largeNum);
            $('#larger_num').val(larger_num);
        }

    </script>
</block>