app/admin/view/forms/add_form.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<div class="layui-card js-view-addForm">
    <div class="layui-card-header">
        <a class="cl-38f" target="page" href="{:U('Forms/config')}">表单配置</a> / {$row?'编辑':'添加'}表单
    </div>
    <div class="layui-card-body">
        <form class="layui-form" method="post" action="{:U('Forms/addForm')}?id={$row.id??''}" lay-filter="js-formm-addForm">
            <table lay-th-vtop>
                <tr>
                    <th width="80"><em>*</em>表单名称</th>
                    <td>
                        <input type="text" name="title" value="{$row.title??''}" lay-verify="required" autocomplete="off" class="layui-input w200" maxlength="200"/>
                    </td>
                </tr>
                <tr>
                    <th>表单字段</th>
                    <td>
                        <div class="js-list w600">
                            {if $row['config']??0}
                            {foreach name="row['config']" item="item"}
                            <div class="item bd-ddd p10 mb5 pr flex bg-w" data-key="_{$key}">
                                <div class="flex-1 wrap" data-key="_{$key}">
                                    <select class="js-type" name="list[_{$key}][type]" lay-ignore>
                                        <option value="text" {if $item['type']=='text'}selected{/if}>单行文本</option>
                                        <option value="textarea" {if $item['type']=='textarea'}selected{/if}>多行文本</option>
                                        <option value="radio" {if $item['type']=='radio'}selected{/if}>单项选择</option>
                                        <option value="checkbox" {if $item['type']=='checkbox'}selected{/if}>多项选择</option>
                                    </select>
                                    <input class="layui-input layui-input-sm w150 mr5" name="list[_{$key}][name]" value="{$item.name}" placeholder="自定义名称" size="13"/>

                                    <input lay-skin="primary" title="必填" type="checkbox" name="list[_{$key}][required]" value="1" unvalue="0" {if $item['required']}checked{/if} />
                                    <span class="close-modal ps ml10">×</span>
                                    {if $item['option']??0}
                                    {foreach name="item['option']" item="option" key="k"}
                                        <div class="w mt5 js-option">
                                            <input class="layui-input layui-input-sm w150" name="list[_{$key}][option][]" value="{$option}" maxlength="10" placeholder="选项名称" size="15"/>
                                            <a class="js-add unl cl-38f lineblock ml5">添加</a>
                                            {if $k!=0}
                                            <a class="js-del unl cl-38f lineblock ml5">删除</a>
                                            {/if}
                                        </div>
                                    {/foreach}
                                    {/if}
                                </div>
                                <div class="w100 drag tc noselect">
                                    <i class="layui-icon cl-38f">&#xe619;</i><i class="layui-icon cl-38f">&#xe61a;</i>
                                </div>
                            </div>
                            {/foreach}
                            {/if}
                        </div>
                        <a href="javascript:;" class="bd-ddd p5 dashed tc block noselect js-list-add">+添加字段</a>
                        <p class="f12 cl-999 mt5">字段名称不填或留空保存时将自动删除</p>
                    </td>
                </tr>
            </table>
            <div class="mt30 pl100 pb30">
                <button class="layui-btn layui-btn-normal" lay-submit>确认提交</button>
            </div>
        </form>
    </div>