gaoyixia/application/nutrition/view/one_article/form.html

{extend name='admin@main'}
<style>
    .layui-form-select{
        width: 200px;
    }
    select{
        width: 300px;
    }
</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="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 class="layui-input-inline">
                    <select name="second_classify" lay-filter ="second_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'] }
                                    {if isset($cv['children'])}
                                        {foreach $cv['children'] as $cln}
                                            {if isset($vo.second_classify) && $vo.second_classify == $cln['id'] }
                                                <option selected  value="{$cln['id']}">{$cln['title']}</option>
                                            {else}
                                                <option  value="{$cln['id']}">{$cln['title']}</option>
                                            {/if}
                                        {/foreach}
                                    {/if}
                                {/if}
                            {/foreach}
                        {/if}
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">关联视频</label>
                <div class="layui-input-inline">
                    <select name="video_id" lay-filter ="video_id">
                        <option value="0">请选择</option>
                        {foreach $video_list as $vk=>$vv}
                            <option  {if isset($vo.video_id) && $vo.video_id == $vv['id'] }selected{/if} data-vl_key="{$vk}" value="{$vv['id']}">{$vv['title']}</option>
                        {/foreach}
                    </select>
                </div>


                <div class="layui-input-inline">
                    <select name="video_item" lay-filter ="video_item">
                        <option value="0">请选择</option>
                        {foreach $video_list as $vk=>$vv}
                            {if isset($vo.video_id) && $vo.video_id == $vv['id'] }
                                {foreach $cv['video_arr'] as $cln}
                                    <option {if isset($vo.video_item) && $vo.video_item == $cln['id']} selected  {/if} value="{$cln['id']}">{$cln['title']}</option>
                                {/foreach}
                            {/if}
                        {/foreach}
                    </select>
                </div>
            </div>



            <div class="layui-form-item">
                <label class="layui-form-label label-required">是否VIP</label>
                <div class="layui-input-block">
                    <select class="layui-select" name="is_vip">
                        <option    value="0">否</option>
                        <option   {if !empty($vo.is_vip) &&  $vo.is_vip == 1 }selected{/if}  value="1">是</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">标签</label>
                <div class="layui-input-block">
                    <input name="label" maxlength="20"  value='{$vo.label|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="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">
                    <table class="layui-table">
                    <thead>
                    <tr>

                        <th class="text-left">展示图片</th>
                    </tr>
                    <tr>
                        <td width="auto" class="text-left"><input name="images" type="hidden" value="{$vo.images|default=''}"></td>
                    </tr>
                    </thead>
                </table>
                </div>

            </div>

            <div class="layui-form-item content" >
                <label class="layui-form-label">描述</label>
                <div class="layui-input-block">
                    <textarea name="content">{$vo.content|default=""}</textarea>
                </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="content"]', {height: 500,width:1000});
        })

        $('[name="images"]').uploadMultipleImage();
        // 分类选择监听
        form.on('select(first_classify)', function(data){
            var cl_html = '<option value="0">请选择</option>';
            if(data.value == 0) {
                $("select[name='second_classify']").html(cl_html);
            }else{
                var cl_key =  data.elem[data.elem.selectedIndex].dataset.cl_key;
                var goods_spec = {:json_encode($cate_tree)};
                $.each(goods_spec[cl_key]['children'],function (ck,cv) {
                    cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
                })
                $("select[name='second_classify']").html(cl_html);
            }
            window.form.render();
        });

        // 关联视频监听
        form.on('select(video_id)', function(data){
            var cl_html = '<option value="0">请选择</option>';
            if(data.value == 0) {
                $("select[name='video_item']").html(cl_html);
            }else{
                var vl_key =  data.elem[data.elem.selectedIndex].dataset.vl_key;
                var video_list = {:json_encode($video_list)};
                $.each(video_list[vl_key]['video_arr'],function (ck,cv) {
                    cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
                })
                $("select[name='video_item']").html(cl_html);
            }
            window.form.render();
        });



    </script>
</div>
{/block}