ddsc/application/nutrition/view/video_manage/form.html

<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="title" maxlength="20"  value='{$vo.title|default=""}' placeholder="请输入标题" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">分类</label>
                <div class="layui-input-inline">
                    <select name="first_classify" lay-filter ="first_classify">
                        <option value="0">请选择</option>
                        {if !empty($cate_tree)}
                        {foreach $cate_tree as $ck=>$cv}
                        {if  isset($vo.first_classify) && $vo.first_classify == $cv['id'] }
                        <option selected data-cl_key="{$ck}" value="{$cv['id']}">{$cv['title']}</option>
                        {else}
                        <option data-cl_key="{$ck}" value="{$cv['id']}">{$cv['title']}</option>
                        {/if}
                        {/foreach}
                        {/if}
                    </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=''}">
                </div>
            </div>


            <div class="layui-form-item video">
                <label class="layui-form-label label-required">视频</label>
                <div class="layui-input-block">
                    <input name="video_url" type="hidden" value="{$vo.video_url|default=''}">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">是否置顶</label>
                <div class="layui-input-inline">
                    <select name="is_top" lay-filter ="is_top">
                        {foreach ['不置顶','置顶'] as $ck=>$cv}
                            {if !empty($vo.is_top) &&  $vo.is_top == $ck }
                                <option selected data-cl_key="{$ck}" value="{$ck}">{$cv}</option>
                            {else}
                                <option data-cl_key="{$ck}" value="{$ck}">{$cv}</option>
                            {/if}
                        {/foreach}
                    </select>
                </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">
                <button class="layui-btn" type='submit'>保 存</button>
                <button class="layui-btn layui-btn-danger" type='button' data-confirm="确定取消编辑吗？" data-close>取消编辑</button>
            </div>
        </div>
    </form>
    <script>
        window.form.render();
        require(['ckeditor', 'angular'], function () {
            window.createEditor('[name="detail"]', {height: 500,width:1000});
        })

        $('[name="cover"]').uploadOneImage();
        $('[name="video_url"]').uploadOneVideo()
        // 类型选择监听
        form.on('select(type)', function(data){
            if(data.value == 1) {
                $(".video").hide();
                $(".detail").show();
            }else{
                $(".video").show();
                $(".detail").hide();
            }
            window.form.render();
        })
        function check_type() {
            console.log($("select[name='type']").val());
            if(  $("select[name='type']").val() == 1) {
                $(".video").hide();
                $(".detail").show();
            }else{
                $(".video").show();
                $(".detail").hide();
            }
            window.form.render();
        }
        check_type()

    </script>
</div>