swiftadmin/app/admin/view/pdm_partitem_relation/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="">
                <input type="text" class="pid" name="pid" value="{$data.pid}" hidden="">
                <else />
                <input type="text" name="id" value="" hidden="">
                <input type="text" class="pid" name="pid" value="" hidden="">
            </gt>
            <!-- <div class="layui-form-item">
                <label class="layui-form-label">PartNumber</label>
                <div class="layui-input-block"><input class="layui-input" name="partnumber" placeholder="请输入"
                        lay-verify="" value="{$data.partnumber}"></div>
            </div> -->

            <div class="layui-form-item">               
                <label class="layui-form-label">Symbol</label>
                <div class="layui-input-block">                    
                    <div id="partnumberNode"  name="partnumber" lay-filter="partnumberNode" data-pid="{$data.partnumber|default=''}"></div>                    
                </div>   
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">{:__('排序号')}</label>
                <div class="layui-input-block">
                    <input name="sort" placeholder="{:__('默认自动生成')}" type="number" class="layui-input" value="{$data.sort}" />
                </div>
            </div>

            <!-- <div class="layui-form-item">
                <label class="layui-form-label">SymbolID</label>
                <div class="layui-input-block"><input class="layui-input" name="symbolid" placeholder="请输入"
                        lay-verify="" value="{$data.symbolid}"></div>
            </div> -->

            <div class="layui-form-item">               
                <label class="layui-form-label">Symbol</label>
                <div class="layui-input-block">                    
                    <div id="symbolNode"  name="symbolid" lay-filter="symbolNode" data-pid="{$data.symbolid|default=0}"></div>                    
                </div>   
            </div>

            <!-- <div class="layui-form-item">
                <label class="layui-form-label">FootprintID</label>
                <div class="layui-input-block"><input class="layui-input" name="footprintid" placeholder="请输入"
                        lay-verify="" value="{$data.footprintid}"></div>
            </div> -->

            <div class="layui-form-item">               
                <label class="layui-form-label">Footprint</label>
                <div class="layui-input-block">                    
                    <div id="footprintNode"  name="footprintid" lay-filter="footprintNode" data-pid="{$data.footprintid|default=0}"></div>                    
                </div>   
            </div>

            <!-- <div class="layui-form-item">
                <label class="layui-form-label">部门ID</label>
                <div class="layui-input-block"><input class="layui-input" name="departmentid" placeholder="请输入"
                        lay-verify="" value="{$data.departmentid}"></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>

<script src="__STATICADMIN__module/xmselect/xmselect.js?v={:release()}"></script>

<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 = {$list|raw};
        let symboldata= {$symbol|raw};
        let footprintdata= {$footprint|raw};
        let partnumberdata= {$partitemIndex|raw};

        // 提交参数
        form.on("submit(submit)",function(data){
            $.post("{:Url('/PdmPartitemIndex/')}"+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: '#symbolNode',
            tips: '请选择Symbol',
            // name: 'pid',
            name: 'symbolid',
            height: '260px',
            data: symboldata,
            // data: data,
            radio: true,
            clickClose: true,
            initValue:[$('#symbolNode').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'
            }
            ,filterable: true // 启用筛选功能
        })


        xmSelect.render({
            el: '#footprintNode',
            tips: '请选择Footprint',
            // name: 'pid',
            name: 'footprintid',
            height: '260px',
            data: footprintdata,
            // data: data,
            radio: true,
            clickClose: true,
            initValue:[$('#footprintNode').data('pid')],
            prop: {
                value: 'id',
                name:'footprint'
            },
            tree: {
                show: true,
                strict: false,
                showLine: false,
                clickExpand: false,
            },
            model: {
                icon: 'hidden',
                label: {
                    type: 'text'
                }
            },
            theme: {
                color: '#1890FF'
            }
            ,filterable: true // 启用筛选功能
        })

        xmSelect.render({
            el: '#partnumberNode',
            tips: '请选择Partnumber',
            // name: 'pid',
            name: 'partnumber',
            height: '260px',
            data: partnumberdata,
            // data: data,
            radio: true,
            clickClose: true,
            initValue:[$('#partnumberNode').data('pid')],
            prop: {
                value: 'partnumber',
                name:'partnumber'
            },
            tree: {
                show: true,
                strict: false,
                showLine: false,
                clickExpand: false,
            },
            model: {
                icon: 'hidden',
                label: {
                    type: 'text'
                }
            },
            theme: {
                color: '#1890FF'
            }
            ,filterable: true // 启用筛选功能
        })

        // 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>