gaoyixia/application/nutrition/view/datum_url/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="datum_id" type="hidden" value='{$datum_info.id|default=""}' class="layui-input">
                    <input readonly maxlength="60"  value='{$datum_info.title|default=""}' class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">目录</label>
                <div class="layui-input-block">
                    <input readonly maxlength="60"  value='{$cate_name|default=""}' class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">标题</label>
                <div class="layui-input-block">
                    <input  name="title" maxlength="60"  value='{$vo.title|default=""}' class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label ">会员账号</label>
                <div class="layui-input-block">
                    <input name="phone"   value='{$vo.phone|default=""}' placeholder="请输入会员会员账号" class="layui-input">
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label ">上架时间</label>
                <div class="layui-input-block">
                    <input name="release_time"   value='{$vo.release_time|default=""}'  class="layui-input">
                </div>
            </div>


            <div class="layui-form-item">
                <label class="layui-form-label label-required">标签</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入标签" maxlength="100" class="layui-textarea" name="label">{$vo.label|default=''}</textarea>
                    <span >多个用逗号隔开（半角）</span>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">评论开关</label>
                <div class="layui-input-inline">
                    <select name="comment_switch" lay-filter ="comment_switch">
                        {foreach [1=>'开启',0=>'关闭'] as $ck=>$cv}
                        {if !empty($vo.comment_switch) &&  $vo.comment_switch == $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>
                <div class="layui-input-inline"  style="width: 300px">
                    <select name="is_down" lay-filter ="is_down">
                        <option value="0" {if isset($vo.is_down) && !$vo.is_down}selected{/if}>否</option>
                        <option value="1" {if isset($vo.is_down) &&  $vo.is_down}selected{/if}>是</option>
                    </select>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label label-required">文件</label>
                <label class="layui-col-xs10 relative">
                    <label class="layui-col-xs9 think-form-group-left">
                        <input name="url" value='{$vo.url|default=""}'  readonly placeholder="请上传" class="layui-input">
                    </label>

                    <button type="button"  class="layui-btn " id="test2" {if !isset($vo.is_down) || !$vo.is_down}style="display:none;"{/if}><i class="layui-icon"></i>上传文件</button>
                    <button type="button"  class="layui-btn " id="test3" {if isset($vo.is_down) &&  $vo.is_down}style="display:none;"{/if}><i class="layui-icon"></i>上传文件</button>
                </label>
            </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="sort" readonly maxlength="60"  value='{$vo.sort|default=""}' 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>
        <input type="hidden" name="upload_url" value="{:isset($vo['is_down']) && $vo['is_down']? '/api/upload/upload':'/api/upload/pdfUpload'}" />
    </form>
    <script src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
    <script>

        window.form.render();
        laydate.render({type: 'datetime', elem: '[name="release_time"]'})
        is_down = 0;
        form.on('select(is_down)', function(data){
            if(data.value == 0){
                $("#test2").hide();
                $("#test3").show();
            }else{
                $("#test3").hide();
                $("#test2").show();
            }
            window.form.render();
        })

        layui.use(['upload', 'element', 'layer'], function(){
            var $ = layui.jquery
                ,upload = layui.upload
                ,element = layui.element
                ,layer = layui.layer;
            upload.render({
                elem: '#test2',
                url:  '/api/upload/upload',
                accept: 'file', //普通文件,
                done: function(res){
                    if(res.code == 1){
                        $("input[name='url']").val(res.data);
                    }
                    layer.msg(res.msg);
                }
            });
        });

        layui.use(['upload', 'element', 'layer'], function(){
            var $ = layui.jquery
                ,upload = layui.upload
                ,element = layui.element
                ,layer = layui.layer;
            upload.render({
                elem: '#test3',
                url:  '/api/upload/pdfUpload',
                accept: 'file', //普通文件,
                done: function(res){
                    if(res.code == 1){
                        $("input[name='url']").val(res.data.cipher_path);
                    }
                    layer.msg(res.msg);
                }
            });
        });


        // 关联视频监听
        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>