swiftadmin/app/admin/view/pdm_symbol/add.html

<include file="/public/header" />
<!-- // 重定位style -->
<!--partmanage-->
<link href="__STATICADMIN__css/content.css" rel="stylesheet" type="text/css" />
<div class="layui-fluid">
    <form class="layui-form layui-card">

        <div class="layui-card-body">
            <gt name="$data.id" value="0">
                <input type="text" name="id" value="{$data.id}" hidden="">
                <else />
                <input type="text" name="id" value="" hidden="">
            </gt>
            <div class="layui-form-item">
                <label class="layui-form-label">Symbol分类</label>
                <div class="layui-input-block">
                <div id="treeNode" name="pid" lay-filter="treeNode" data-pid="{$data.pid|default=0}"></div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">{:__('排序号')}</label>
                <div class="layui-input-block">
                    <input name="sort" placeholder="{:__('默认自动生成')}" type="number" value="{$data.sort}"
                        class="layui-input" />
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label"><font color="red">* </font>Symbol名称</label>
                <div class="layui-input-block"><input class="layui-input" name="symbolname" placeholder="请输入"
                    required="1"   lay-verify="" value="{$data.symbolname}"></div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">SymbolView</label>
                <div class="layui-input-block"> <input class="layui-input layui-input-upload view" name="view"
                        value="{$data.view}">
                    <button type="button" class="layui-btn" lay-choose="view" data-type="images">
                        <i class="layui-icon layui-icon-windows"></i> 选择
                    </button>
                    <div class="clear"></div>
                    <notempty name="$data['view']">
                        <div class="layui-upload-drag layui-uplpad-image mt10" lay-upload="view" data-type="images"
                            data-accept="file" data-size="102400">
                            <i class="layui-icon layui-icon-upload layui-hide"></i>
                            <p class="layui-hide">点击上传，或将文件拖拽到此处</p>
                            <div>
                                <hr><img src="{$data.view}" class="layui-upload-dragimg view" alt="上传成功后渲染">
                                <span class="layui-badge layui-upload-clear">删除</span>
                            </div>
                        </div>
                        <else />
                        <div class="layui-upload-drag layui-uplpad-image mt10" lay-upload="view" data-type="images"
                            data-accept="file" data-size="102400">
                            <i class="layui-icon layui-icon-upload"></i>
                            <p>点击上传，或将文件拖拽到此处</p>
                            <div class="layui-hide">
                                <hr><img src="{$data.view}" class="layui-upload-dragimg view" alt="上传成功后渲染">
                                <span class="layui-badge layui-upload-clear">删除</span>
                            </div>
                        </div>
                    </notempty>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">Symbol文件</label>
                <div class="layui-input-block">
                    <input type="text" name="attachment" value="{$data.attachment}"
                        class="layui-input layui-input-upload attachment">
                    <button type="button" class="layui-btn" lay-upload="attachment" data-type="normal"
                        data-accept="file" data-size="102400">
                        <i class="layui-icon layui-icon-upload"></i> 上传
                    </button>
                    <button type="button" class="layui-btn ml10" lay-choose="attachment" data-type="file">
                        <i class="layui-icon layui-icon-windows"></i> 选择
                    </button>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">注释</label>
                <div class="layui-input-block"> <textarea id="content" lay-editor class="layui-hide" name="content"
                        type="layui-textarea">{$data.content}</textarea></div>
            </div>

            <div class="layui-footer layui-form-footer">
                <button class="layui-btn layui-btn-primary" type="button" sa-event="closeDialog">{:__('取消')}</button>
                <button class="layui-btn" type="button" lay-filter="submitIframe" lay-submit>{:__('提交')}</button>
            </div>
    </form>
</div>
<include file="/public/static" />
<include file="/public/footer" />


<script>
    layui.use(['jquery', 'iconPicker', 'form'], function () {
        let $ = layui.jquery;
        let show = layui.show;
        let form = layui.form;
        let iconPicker = layui.iconPicker;
        let data = {$rules|raw};

        // 提交参数
        form.on("submit(submit)", function (data) {
            $.post("{:Url('/PdmSymbol/')}" + app_Config.action, data.field, function (res) {
                if (res.code === 200) {
                    show.msg(res.msg);
                    parent.layui.table.reloadData('lay-tableList');
                    parent.layer.closeAll();
                    // 调用接口更新菜单
                    top.layui.admin.reloadLayout();
                } else {
                    show.error(res.msg);
                }
            });
            return false;
        })

        xmSelect.render({
            el: '#treeNode',
            tips: '请选择上级分类',
            name: 'pid',
            height: '260px',
            data: data,
            radio: true,
            clickClose: true,
            initValue: [$('#treeNode').data('pid')],
            prop: {
                value: 'id',
                name: 'symbolname'
            },
            tree: {
                show: true,
                strict: false,
                showLine: false,
                clickExpand: false,
            },
            model: {
                icon: 'hidden',
                label: {
                    type: 'text'
                }
            },
            theme: {
                color: '#1890FF'
            }
        })

        iconPicker.render({
            elem: '#iconPicker',
            type: 'fontClass',
            search: true,
            cellWidth: "19%",
            page: true,
            limit: 12,
            // 点击回调
            click: function (data) { // 点击回调
                $('#iconPicker').val(data.icon);
            },
            success: function (d) {  // 渲染成功后的回调
            }
        });

        $('.router').bind('input change', function (data) {
            let router = $('.router').val();
            router = router.substring(1);
            $('.alias').val(router.replaceAll('/', ':'));
        })
    })
</script>