gaoyixia/application/mall/view/banner/form.html

{extend name='admin@main'}
<style>
    .uploadimage{
        width: 10pc !important;
    }
</style>
{block name="content"}
<div class="think-box-shadow">
    <form class="layui-form layui-card" action="{:request()->url()}" data-auto="true" method="post" autocomplete="off">
        <div class="layui-card-body">

            <div class="layui-form-item">
                <label class="layui-form-label label-required">名称</label>
                <div class="layui-input-block">
                    <input name="name" maxlength="60"  value='{$vo.name|default=""}' placeholder="请输入名称" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">应用</label>
                <div class="layui-input-block">
                    <select class="layui-select" name="is_pc"  lay-filter="is_pc">
                        <option   value="0" >APP/H5</option>
                        <option {if isset($vo.is_pc) && $vo.is_pc == 1}selected{/if}   value="1" >PC</option>
                    </select>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">跳转模块</label>
                <div class="layui-input-block">
                    <select class="layui-select" name="place" id ='place' lay-filter="place" lay-search>
                        {foreach $place_desc as $pk=>$pv}
                            {if isset($vo.place) && $vo.place == $pk}
                                <option selected value="{$pk}" data-sel_module="{$pk}">{$pv}</option>
                            {else}
                                <option value="{$pk}" data-sel_module="{$pk}">{$pv}</option>
                            {/if}
                        {/foreach}
                    </select>
                </div>
            </div>


            <div class="layui-form-item jump_div">
                <label class="layui-form-label ">跳转详情</label>
                <div class="layui-input-inline">
                    <select name="first_id" id="first_id" lay-filter ="first_id" lay-search>

                    </select>
                </div>

                <div class="layui-input-inline second_div">
                    <select name="second_id" id="second_id"  lay-filter ="second_id" lay-search>

                    </select>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">图片</label>
                <div class="layui-input-block">
                    <input name="cover" type="hidden" value="{$vo.cover|default=''}">
                    &nbsp; &nbsp;<span style="margin-right: 20px">建议尺寸宽700px 高330px </span>
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">排序</label>
                <div class="layui-input-block">
                    <input type="number" name="sort"  value='{$vo.sort|default=""}' placeholder="请输入排序号" class="layui-input">
                </div>
            </div>
            {notempty name='vo.id'}<input type='hidden' value='{$vo.id}' name='id'>{/notempty}
            <div class="layui-form-item text-center" style="margin-top: 350px;">
                <button class="layui-btn" type='submit'>保 存</button>
                <button class="layui-btn layui-btn-danger" type='button' onclick="history.go(-1)" data-close>返回</button>
            </div>
        </div>
    </form>
</div>
<script>
    window.form.render();
    $('[name="cover"]').uploadOneImage();

    var sel_first = {:isset($vo['first_id']) ? $vo['first_id']:0};
    var sel_second  = {:isset($vo['second_id']) ? $vo['second_id']:0};

    var module_list  = {:json_encode($module_list)};
    // 分类选择监听
    var arr = ['video','article','datum','supplier','recruit'];
    first(1);
    form.on('select(place)', function(data){
        first(2)
    })
    // 详情关联监听
    form.on('select(first_id)', function(data){
         second(2);
    })
    function first(source)
    {
        sel_module = $("select[name='place']").find("option:selected").data('sel_module');
        if(arr.indexOf(sel_module) != -1) {
            $(".second_div").show();
        }else{
            $(".second_div").hide();
        }
        var cl_html = '<option value="0">请选择</option>';
        if(sel_module == '' || sel_module == 'service') {
            $("select[name='first_id']").html(cl_html);
            $("select[name='second_id']").html(cl_html);
            $(".jump_div").hide();
            window.form.render();
            return true;
        }else {
            $.each(module_list,function (ck,cv) {
                if(cv.module == sel_module) {
                    if(source == 1 && sel_first == cv.id) {
                        cl_html +='<option selected value="'+cv.id+'">'+cv.title+'</option>';
                    }else{
                        cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
                    }
                }
            })
            $("select[name='first_id']").html(cl_html);
            $("select[name='second_id']").html('');
            $(".jump_div").show();
        }
        second(source);
        window.form.render();
    }
    function second(source) {
        var cl_html = '<option value="0">请选择</option>';
        sel_module = $("select[name='place']").find("option:selected").data('sel_module');
        first_id = $("select[name='first_id']").find("option:selected").val();
        $.each(module_list,function (ck,cv) {
            if(sel_module == cv.module && first_id == cv.id && arr.indexOf(sel_module) != -1) {
                $.each(cv.children,function (sk,sv) {
                    if(source == 1 && sel_second == sv.id) {
                        cl_html +='<option selected value="'+sv.id+'">'+sv.title+'</option>';
                    }else{
                        cl_html +='<option value="'+sv.id+'">'+sv.title+'</option>';
                    }
                })
                $("select[name='second_id']").html(cl_html);
                $(".second_div").show();
                form.render();
            }
        })
    }


</script>
{/block}