opkpm/app/shop/view/content/closure/edit.html

{layout name="layout2" /}
<link href="__PUBLIC__/static/lib/layui/layeditor/layedit.css" rel="stylesheet"/>
<script src="__PUBLIC__/static/lib/layui/layeditor/index.js"></script>
<script src="__PUBLIC__/static/lib/layui/layeditor/ace/ace.js"></script>
<style>
    .layui-form-item .layui-input-inline { width: 340px; }

    .w60{
        display: inline !important;
        width: 80px !important;
    }

    .w30{
        display: inline !important;
        width: 50px !important;
    }
    .w100{
        display: inline !important;
        width: 300px !important;
        margin-right: 10px;
    }
    .tips{
        color: #999!important;
    }
    .ks{
        display: block;
        margin-top: 5px;
        wdith: 100%;
    }
    .ks_del{
        color: #01AAED;
        margin-left: 10px;
        cursor: pointer;
    }
    .ks:nth-child(2){
        display: none;
    }
    .c1 .ks:nth-child(2){
        display: block;
    }
    .d1 .ks:nth-child(2){
        display: block;
    }
    .c1 .ks:nth-child(3){
        display: none;
    }
    .d1 .ks:nth-child(3){
        display: none;
    }

    .ks_del2{
        color: #01AAED;
        margin-left: 10px;
        cursor: pointer;
    }

    .ds{
        display: block;
        margin-top: 5px;
        wdith: 100%;
    }

    .wb80{
        width: 80%;
        margin-left: 20px;
    }
    .ks .grid-demo-bg1{
        height: 38px;
        line-height: 38px;
        text-align: right;
    }
</style>

<div class="layui-card layui-form" style="box-shadow:none;">
    <div class="layui-card-body">



        <div class="layui-tab layui-tab-card" lay-filter="like-tabs">
            <ul class="layui-tab-title">
                <li data-type='1' class="layui-this">基础信息</li>
                <li data-type='2'>启动设置</li>
                <li data-type='3'>列表设置</li>
                <li data-type='4'>浏览图文</li>
                <li data-type='5'>浏览视频</li>
                <li data-type='6'>互动设置</li>
                <li data-type='7'>获客设置</li>
                <li data-type='8'>获客规则</li>
                <li data-type='9'>其他设置</li>
            </ul>
            <div class="layui-tab-content">
                <!--基础信息-->
                <div class="layui-tab-item layui-show">
                    {include file="content/closure/edit/01"/}
                </div>
                <!--启动设置-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/02"/}
                </div>
                <!--列表设置-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/03"/}
                </div>
                <!--浏览图文-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/04"/}
                </div>
                <!--浏览视频-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/05"/}
                </div>
                <!--互动设置-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/06"/}
                </div>
                <!--获客设置-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/07"/}
                </div>
                <!--获客规则-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/08"/}
                </div>
                <!--其他设置-->
                <div class="layui-tab-item">
                    {include file="content/closure/edit/09"/}
                </div>
            </div>
        </div>


        <div class="layui-form-item layui-hide">
            <input type="button" lay-submit lay-filter="addSubmit" id="addSubmit" value="确认">
        </div>
    </div>
</div>

<script>
    layui.config({
        base: "/static/lib/"
    }).extend({
        likeedit: "likeedit/likeedit"
    }).use(["layEditor", "form"], function(){
        var form = layui.form;
        var layEditor = layui.layEditor;
        layEditor.set({
            uploadImage: {
                url: '{:url("file/lists")}?type=10'
            },
        })
        var ieditor = layEditor.build('content')
        form.verify({
            content: function(value) {
                return layEditor.sync(ieditor);
            }
        });

        like.delUpload();
        $(document).on("click", ".add-upload-image", function () {
            like.imageUpload({
                limit: 1,
                field: "image",
                that: $(this)
            });
        });

        //增加新的数据规则
        $(document).on("click","#add_b2",function (){
            var html = '<span class="ks">';
            html += $(".b2 .ks:eq(1)").html();
            html += '</span>';
            $(".b2 .ks:last").before(html);
        });
        //删除指定 数据规则
        $(document).on("click",".ks_del",function (){
            var that = $(this);
            layer.confirm("确定删除", function (index) {
                that.parent().remove();
                layer.close(index);
            })
        });

        $(document).on("click",".ks_del2",function (){
            var that = $(this);
            layer.confirm("确定删除", function (index) {
                that.parent().parent().parent().remove();
                layer.close(index);
            })
        });

        //增加新的数据规则
        $(document).on("click","#add_c1",function (){
            var html = '<span class="ks">';
            html += $(".c1 .ks:eq(2)").html();
            html += '</span>';
            $(".c1 .ks:last").before(html);
        });

        //增加新的数据规则
        $(document).on("click","#add_d1",function (){
            var html = '<span class="ks">';
            html += $(".d1 .ks:eq(2)").html();
            html += '</span>';
            $(".d1 .ks:last").before(html);
        });

        //增加新的数据规则
        $(document).on("click","#add_f21",function (){
            var html = '<span class="ks">';
            html += $(".f21 .ks:eq(1)").html();
            html += '</span>';
            $(".f21 .ks:last").before(html);
        });

        //增加新的数据规则
        $(document).on("click","#add_f25",function (){
            var html = '<span class="ks">';
            html += $(".f25 .ks:eq(1)").html();
            html += '</span>';
            $(".f25 .ks:last").before(html);
        });

        form.on('select(a1)', function(data){
            //console.log(data.elem); //得到select原始DOM对象
            //console.log(data.value); //得到被选中的值
            //console.log(data.othis); //得到美化后的DOM对象
            if(data.value == '推荐'){
                $("#a5").show();
                $("#a6").hide();
            }else if(data.value == '搜索'){
                $("#a5").hide();
                $("#a6").show();
            }else{

            }
        });

        // 绑定单选改变事件
        form.on('radio(a4)', function(data){
            //console.log(data.elem.name); // 得到单选框的name属性
            //console.log(data.value); // 得到被选中的值
            /*if(data.value == 0){
                //隐藏
                $('#qhsj').hide();
            }else{
                $('#qhsj').show();
            }*/
        });


    })
</script>