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

{extend name='admin@main'}
{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="article_id" type="hidden" value='{$article_info.id|default=""}' class="layui-input">
                    <input name="title" maxlength="60"  value='{$vo.title|default=""}' placeholder="请输入标题" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item" style="display: none">
                <label class="layui-form-label label-required">原创作者</label>
                <div class="layui-input-block">
                    <input name="author"  value='{$vo.author|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">
                    <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>
                <div class="layui-input-block">
                    <textarea placeholder="请输入简介" maxlength="500" class="layui-textarea" name="desc">{$vo.desc|default=''}</textarea>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label ">文本</label>
                <div class="layui-input-block">
                    <textarea placeholder="请输入简介"  class="layui-textarea" name="desc_text">{$vo.desc_text|default=''}</textarea>
                </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" lay-search>
                        <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" lay-search>
                        <option value="0">请选择</option>
                        {foreach $video_list as $vk=>$vv}
                        {if isset($vo.video_id) && $vo.video_id == $vv['id'] }
                        {foreach $vv['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">关联资料</label>
                <div class="layui-input-inline">
                    <select name="datum_id" lay-filter ="datum_id" lay-search>
                        <option value="0">请选择</option>
                        {foreach $datum_list as $dk=>$dv}
                        <option  {if isset($vo.datum_id) && $vo.datum_id == $dv['id'] }selected{/if} data-dl_key="{$dk}" value="{$dv['id']}">{$dv['title']}</option>
                        {/foreach}
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="datum_item" lay-filter ="datum_item" lay-search>
                        <option value="0">请选择</option>
                        {foreach $datum_list as $vk=>$vv}
                        {if isset($vo.datum_id) && $vo.datum_id == $vv['id'] }
                        {foreach $vv['url_arr'] as $cln}
                        <option {if isset($vo.datum_item) && $vo.datum_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>
                <div class="layui-input-inline"  >
                    <select name="supplier_id" lay-filter ="supplier_id" lay-search>
                        <option value="0">请选择</option>
                        {foreach $supplier as $dk=>$dv}
                        <option  {if isset($vo.supplier_id) && $vo.supplier_id == $dv['id'] }selected{/if} data-dl_key="{$dk}" value="{$dv['id']}">{$dv['title']}</option>
                        {/foreach}
                    </select>
                </div>
                <div class="layui-input-inline">
                    <select name="goods_id" lay-filter ="goods_id" lay-search>
                        <option value="0">请选择</option>
                        {foreach $supplier as $vk=>$vv}
                        {if isset($vo.supplier_id) && $vo.supplier_id == $vv['id'] }
                        {foreach $vv['goods_list'] as $cln}
                        <option {if isset($vo.goods_id) && $vo.goods_id == $cln['id']} selected  {/if} value="{$cln['id']}">{$cln['name']}</option>
                        {/foreach}
                        {/if}
                        {/foreach}
                    </select>
                </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" lay-search>
                        {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-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">是否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">
                    <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">
                <label class="layui-form-label ">阅读量</label>
                <div class="layui-input-block">
                    <input name="read_num" type="number" value='{$vo.read_num|default="0"}' placeholder="请输入阅读量" class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label ">热搜阅读量</label>
                <div class="layui-input-block">
                    <input name="hot_num"   value='{$vo.hot_num|default=""}' placeholder="请输入热搜阅读量" class="layui-input">
                    <input name="hot_num_old"  type="hidden" value='{$vo.hot_num|default=""}'  class="layui-input">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label ">排序</label>
                <div class="layui-input-block">
                    <input type="number" name="sort"  value='{$vo.sort|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="content_type" lay-filter ="content_type">
                        {foreach [1=>'富文本',2=>'PDF'] as $ck=>$cv}
                        {if !empty($vo.content_type) &&  $vo.content_type == $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 pdf">
                <label class="layui-form-label label-required">PDF加密文件</label>
                <label class="layui-col-xs10 relative">
                    <label class="layui-col-xs9 think-form-group-left">
                        <input name="pdf"  value='{$vo.pdf|default=""}' placeholder="请上传"  readonly class="layui-input ">
                    </label>
                    <button type="button" class="layui-btn" id="test3"><i class="layui-icon"></i>上传文件</button>
                </label>
            </div>

            <div class="layui-form-item pdf">
                <label class="layui-form-label ">PDF原文件</label>
                <label class="layui-col-xs10 relative">
                    <label class="layui-col-xs9 think-form-group-left">
                        <input name="pdf_clear" value='{$vo.pdf_clear|default=""}'  readonly  class="layui-input layui-bg-gray">
                    </label>
                </label>
            </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' onclick="history.go(-1)" data-close>返回</button>
            </div>
        </div>
    </form>
</div>
<script>
    window.form.render();
    laydate.render({type: 'datetime', elem: '[name="release_time"]'})
    require(['ckeditor', 'angular'], function () {
        window.createEditor('[name="content"]', {
            height: 500
        });
        form.render();
    })

    $('[name="images"]').uploadMultipleImage();

    // 关联视频监听
    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();
    });

    // 关联资料监听
    form.on('select(datum_id)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='datum_item']").html(cl_html);
        }else{
            var dl_key =  data.elem[data.elem.selectedIndex].dataset.dl_key;
            console.log(dl_key);
            var datum_list = {:json_encode($datum_list)};
            $.each(datum_list[dl_key]['url_arr'],function (ck,cv) {
                cl_html +='<option value="'+cv.id+'">'+cv.title+'</option>';
            })
            $("select[name='datum_item']").html(cl_html);
        }
        window.form.render();
    });

    // 关联供应商商品监听
    form.on('select(supplier_id)', function(data){
        var cl_html = '<option value="0">请选择</option>';
        if(data.value == 0) {
            $("select[name='goods_id']").html(cl_html);
        }else{
            var dl_key =  data.elem[data.elem.selectedIndex].dataset.dl_key;
            console.log(dl_key);
            var supplier = {:json_encode($supplier)};
            $.each(supplier[dl_key]['goods_list'],function (ck,cv) {
                cl_html +='<option value="'+cv.id+'">'+cv.name+'</option>';
            })
            $("select[name='goods_id']").html(cl_html);
        }
        window.form.render();
    });


    form.on('select(content_type)', function(data){
        check_type()
        window.form.render();
    })


    function check_type() {
        if( $("select[name='content_type']").val() == 1) {
            $(".content").show();
            $(".pdf").hide();
        }else{
            $(".content").hide();
            $(".pdf").show();
        }
        window.form.render();
    }
    check_type()

    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', //此处用的是第三方的 http 请求演示，实际使用时改成您自己的上传接口即可。,accept: 'file', //普通文件,
            accept: 'file', //普通文件,
            done: function(res){
                if(res.code == 1){
                    $("input[name='pdf']").val(res.data.cipher_path);
                    $("input[name='pdf_clear']").val(res.data.plaintext_path);
                }
                layer.msg(res.msg);
            }
        });
    });

</script>
{/block}