gaoyixia/application/nutrition/view/series_datum/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="is_top" lay-filter ="is_top">
                        {foreach $datum_cate as $ck=>$cv}
                            {if !empty($vo.datum_cate) &&  $vo.datum_cate == $ck}
                                <option selected value="{$ck}">{$cv.title}</option>
                            {else}
                                <option  value="{$ck}">{$cv.title}</option>
                            {/if}
                        {/foreach}
                    </select>
                </div>
            </div>

            <input type="hidden" name="type" value="{$type}">

            <div class="layui-form-item">
                <label class="layui-form-label">资料</label>
                <div class="layui-input-block">
                    <table class="layui-table param">
                        <thead>
                        <tr>
                            <th class="text-left" width="25%">标题</th>
                            <th class="text-left" width="25%">文件</th>
                            <th class="text-center" width="10%">是否VIP</th>
                            <th class="text-center" width="10%">排序</th>
                            <th class="text-center"><a class="layui-btn layui-btn-sm layui-btn-normal"  onclick="add_param()">添 加</a></th>
                        </tr>
                        </thead>
                        <tbody class="no_html">
                        <!--{foreach $datum_url as $pk=>$param}-->
                        <tr class="param_index">
                            <td class="padding-0" >
                                <input class="layui-input  border-0" name="item_title[]" value="{$param.title|default=''}">
                                <input type="hidden" name="item_id[]" value="{$param.id|default=''}">
                            </td>
                            <td class="padding-0">
                                <input  class ='up_{$pk} item_url' name='item_url[]' type='hidden' value="{$param.url|default=''}">
                            </td>
                            <td class="padding-0">
                                <select class="layui-select " name="item_is_vip[]">
                                    <option {if $param.is_vip == 0}selected{/if} value="0">否</option>
                                    <option {if $param.is_vip == 1}selected{/if} value="1">是</option>
                                </select>
                            </td>
                            <td class="padding-0" >
                                <input class="layui-input  border-0" name="item_sort[]" value="{$param.sort|default=''}">
                            </td>
                            <td class="padding-0 text-center">
                                <a class="layui-btn layui-btn-sm layui-btn-danger del">删 除</a>
                            </td>
                        </tr>
                        <!--{/foreach}-->
                        </tbody>
                    </table>
                </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 src="/static/plugs/layui/layui.all.js" charset="utf-8"></script>
    <script>

        window.form.render();

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



        function get_ht(k) {
            var html = '<tr class="param_index">\n' +
                '                        <td class="padding-0" >\n' +
                '                            <input class="layui-input  border-0" name="item_title[]" value="">\n' +
                '                            <input type="hidden" class="layui-input  border-0" name="item_id[]" value="">\n' +
                '                        </td>\n' +
                '                        <td class="padding-0">\n' +
                "<input  class ='item_url up_"+k+"' name='item_url[]' type='hidden' value=''>"+
                '                        </td>\n' +
                '                        <td class="padding-0">\n' +
                '<select style="border: 0px" class="layui-select border-0" name="item_is_vip[]">' +
                '<option value="0">否</option>'+
                '<option value="1">是</option>'+
                '</select>'+
                '                        </td>\n' +
                '                        <td class="padding-0" >\n' +
                '                            <input class="layui-input  border-0" name="item_sort[]" value="">\n' +
                '                        </td>\n' +
                '                        <td class="padding-0 text-center">\n' +
                '                            <a class="layui-btn layui-btn-sm layui-btn-danger del"  >删 除</a>\n' +
                '                        </td>\n' +
                '                    </tr>';
            return html;
        }

        function add_param() {
            var knum = $('.no_html tr').length;
            var no_html = get_ht(knum);
            $(".no_html").append(no_html);
            window.form.render();
        }

        // 删除设置
        $(document).on('click',".del",function (){
            var index= $(".del").index(this);
            $(".param_index").eq(index).remove();
            window.form.render();
        })



    </script>
</div>