{extend name='pub/modal'}
{block name='content'}
<div class="layui-fluid lotus-form">
    <div class="layui-row">
        <form class="layui-form layui-form-pane"  lay-filter="lotus-form-filter" id="lotus-edit-form" action="editMaterial" method="post">

            <input type="hidden" name="id">
            <div class="layui-form-item">
                <label class="layui-form-label">
                    物料种类
                </label>
                <div class="layui-input-block">
                    <select class="layui-select" name="categoryId" id="categoryId" lay-filter="category_select" autocomplete="off" lay-search>
                        <option value="0">---请选择--</option>
                        {volist name='category' id='vo'}
                            <option value="{$vo.id}">{$vo.category_name}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    物料名称
                </label>
                <div class="layui-input-block">
                    <select class="layui-select" name="materialNameKey" id="materialNameKey"  autocomplete="off" lay-search>
                        
                        {volist name='materialName' id='vo'}
                            <option value="{$vo.materialNameKey}">{$vo.materialName}</option>
                        {/volist}

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    Part Number
                </label>
                <div class="layui-input-block">
                    <input type="text" name="partNumber" placeholder="PART NUMBER" autocomplete="off" class="layui-input" autofocus="autofocus">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    值
                </label>
                <div class="layui-input-inline">
                    <input type="text" name="valuesNum" autocomplete="off" class="layui-input" autofocus="autofocus">
                    
                </div>
                <div class="layui-input-inline">
                    <select class="layui-select" name="unitKey" id="unitKey"  autocomplete="off" lay-search>
                        
                        {volist name='unit' id='vo'}
                            <option value="{$vo.unitKey}">{$vo.unit}</option>
                        {/volist}

                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    精准度
                </label>
                <div class="layui-input-block">
                    <input type="text" name="accuracy" autocomplete="off" class="layui-input" autofocus="autofocus">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    封装
                </label>
                <div class="layui-input-block">
                    <select class="layui-select" name="encapsulationID" autocomplete="off" lay-search>
                        {volist name='encapsula' id='vo'}
                            <option value="{$vo.id}">{$vo.encapsula}</option>
                        {/volist}
                    </select>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    包装
                </label>
                <div class="layui-input-inline">
                    <select class="layui-select" name="packID" autocomplete="off" lay-search>
                        {volist name='pack' id='vo'}
                            <option value="{$vo.id}">{$vo.pack}</option>
                        {/volist}
                    </select>
                </div>
                <div class="layui-input-inline">
                    <input type="text" name="pack_qty" autocomplete="off" class="layui-input" autofocus="autofocus">
                    
                </div>
                
                
                
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">
                    MISC
                </label>
                <div class="layui-input-block">
                    <textarea name="misc" autocomplete="off" class="layui-input" autofocus="autofocus"></textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button style="margin-left: 20%" class="layui-btn" lay-submit="" lay-filter="toSubmit">提交</button>
                    <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>

        </form>
    </div>
</div>
<script>
    layui.use(['form'], function () {
        const form = layui.form;
        form.on('select(category_select)', function(data){
            var merchant = data.value;
            if( merchant > 0) {
                $.ajax({
                    url:"{:url('admin/material/getChildOption')}",
                    dataType:"json",
                    type:"POST",
                    data:{categoryId:merchant},
                    success:function(res){
                        if(res){
                            var materialName = res.materialName
                            var unit = res.unit
                            var nameOption = ""
                            var unitOption = ""
                            if(materialName.length > 0){
                                for(var i in materialName){
                                    nameOption += "<option value="+materialName[i].materialNameKey+">"+materialName[i].materialName+"</option>";
                                }
                            }else{
                                nameOption = "<option value=0>---请选择--</option>";
                            }

                            if(unit.length > 0){
                                for(var i in unit){
                                    unitOption += "<option value="+unit[i].unitKey+">"+unit[i].unit+"</option>";
                                }
                            }else{
                                unitOption = "<option value=0>---请选择--</option>";
                            }
                            $("#materialNameKey").html(nameOption);
                            $("#unitKey").html(unitOption);
                            form.render();
                        }

                    }
                });
            }else {
                var dj = "<option value='0'>---请选择--</option>";
                $("#materialNameKey").html(dj);
                $("#unitKey").html(dj);
                form.render();
            }
            layui.form.render("select");
        });
    })

    var lotusFormVal = {
        'id':"{$data.materialKey}",
        'categoryId':"{$data.categoryId}",
        'materialNameKey':"{$data.materialNameKey}",
        'partNumber':"{$data.partNumber}",
        'valuesNum':"{$data.valuesNum}",
        'unitKey':"{$data.unitKey}",
        'accuracy':"{$data.accuracy}",
        'encapsulationID':"{$data.encapsulationID}",
        'packID':"{$data.packID}",
        'pack_qty':"{$data.pack_qty}",
        'misc':"{$data.misc}"
    }
    lotus.editForm(lotusFormVal);
    
</script>
{/block}