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

<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">油墨产品编码:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<input id="c-code" data-rule="required" class="form-control" name="row[code]" type="text">-->
        <!--</div>-->
    <!--</div>-->
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Order_number')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-order_number" data-rule="required" class="form-control" name="row[order_number]" type="text">
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">{:__('Product_name')}:</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-product_name" data-rule="required" class="form-control"  type="text" readonly>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">请选择领取油墨:</label>
        <div class="col-xs-12 col-sm-8" id="matter">

        </div>

    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <a  class="btn btn-success" id="five-weight" data-value="5" >5KG</a>
            <a  class="btn btn-success" id="ten-weight" data-value="10" >10KG</a>
            <a  class="btn btn-success" id="twenty-weight" data-value="20" >20KG</a>
        </div>
    </div>
    <div class="form-group">
        <label class="control-label col-xs-12 col-sm-2">领取油墨重量(kg):</label>
        <div class="col-xs-12 col-sm-8">
            <input id="c-out_weight" data-rule="required" class="form-control" name="row[out_weight]" type="text">
        </div>
    </div>

    <!--<div class="form-group">-->
        <!--<label class="control-label col-xs-12 col-sm-2">{:__('Process')}:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<input id="c-process" class="form-control" name="row[process]" type="text" readonly>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="form-group">-->
        <!--<label class="control-label col-xs-12 col-sm-2">{:__('Current_process')}:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<input id="c-current_process" class="form-control" name="row[current_process]" type="text" readonly>-->
        <!--</div>-->
    <!--</div>-->
    <!--<div class="form-group">-->
        <!--<label class="control-label col-xs-12 col-sm-2">{:__('Create')}:</label>-->
        <!--<div class="col-xs-12 col-sm-8">-->
            <!--<input id="c-create" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[create]" type="text" value="{:date('Y-m-d H:i:s')}" readonly>-->
        <!--</div>-->
    <!--</div>-->
    <div class="form-group layer-footer">
        <label class="control-label col-xs-12 col-sm-2"></label>
        <div class="col-xs-12 col-sm-8">
            <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
            <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
        </div>
    </div>
</form>
<script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.js"></script>
<script>
    $("#c-order_number").focus();
    $("#c-order_number").blur(function () {
        var code = $(this).val();
        if (code == '' || code == 'undefined'){
            confirm('生产批次号不能为空');
        }
        $.ajax({
            type: "POST",
            url: "{:url('admin/MatterUse/getCode')}",
            data: {code: code},
            dataType: "json",
            success: function (data) {
                if (data.status == 1){
                    $('#c-product_name').val(data.name);
                    var str = '<div class="radio">';
                    $.each(data.result,function (key,value) {
                        if (key == 0){
                            str += '<label><input type="radio" name="row[code]"  value="'+value.code+'" checked/> <span>'+value.ink+'</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>'+value.weight+'(g)</span></label>';
                        }else{
                            str += '<br><label><input type="radio" name="row[code]"  value="'+value.code+'" /> <span>'+value.ink+'</span>&nbsp;&nbsp;&nbsp;&nbsp;<span>'+value.weight+'(g)</span></label>';
                        }

                    })
                    str += '</div>';
                    $('#matter').empty();
                    $('#matter').append(str);
                }
            }
        })
    })

    $('#five-weight').click(function () {
        var weight = $(this).attr('data-value');
        $('#c-out_weight').val(weight);
    })
    $('#ten-weight').click(function () {
        var weight = $(this).attr('data-value');
        $('#c-out_weight').val(weight);
    })
    $('#twenty-weight').click(function () {
        var weight = $(this).attr('data-value');
        $('#c-out_weight').val(weight);
    })
</script>