swiftadmin/app/admin/view/pdm_partitem_index/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"  lay-filter="adminforms">

        <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">{:__('排序号')}</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">ParttypeID</label>
                <div class="layui-input-block">
                    <input class="layui-input" name="parttypeid" placeholder="请输入"
                        lay-verify="" value="{$data.parttypeid}">
                </div> -->
                <label class="layui-form-label">Parttype</label>
                <div class="layui-input-block">
                    <!-- <div class="parttype" name="parttype_id" ></div> -->
                    <div id="treeNode"  name="parttypeid" lay-filter="treeNode" data-pid="{$data.PdmParttype.id|default=0}"></div>
                    <!-- <select name="parttype_id">
                        <option value="">{:__('按用户组查询')}</option>
                        <volist name="parttype" id="vo">
                            <option value="{$vo.id}" >{$vo.name}</option>
                        </volist>
                    </select> -->
                </div>
            
            
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">采购编码</label>
                <div class="layui-input-block"><input class="layui-input" name="purchasecode" placeholder="请输入"
                        lay-verify="" value="{$data.purchasecode}"></div>
            </div>

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

            <div class="layui-form-item">
                <label class="layui-form-label">描述</label>
                <div class="layui-input-block"><textarea class="layui-textarea" name="description"
                        placeholder="请输入">{$data.description}</textarea></div>
            </div>

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

            <div class="layui-form-item">
                <label class="layui-form-label">规格书</label>
                <div class="layui-input-block"><input class="layui-input" name="datasheet" placeholder="请输入"
                        lay-verify="" value="{$data.datasheet}"></div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">部件属性</label>
                <div class="layui-input-block">
                    <table class="layui-table">
                        <thead>
                            <tr>
                                <th>名称</th>
                                <th>变量值</th>
                                <th>操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <notempty name="data.partattribute">
                                <volist name="data.partattribute" id="vo" key="i">
                                    <tr>
                                        <td><input type="text" class="layui-input" name="partattribute[key][]"
                                                value="{$key}"></td>
                                        <td><input type="text" class="layui-input" name="partattribute[value][]"
                                                value="{$vo}"></td>
                                        <td><i class="layui-icon fa-times" data-name="partattribute"
                                                onclick="layui.admin.resetInput(this);"></i></td>
                                    </tr>
                                </volist>
                            </notempty>
                        </tbody>
                    </table>
                    <button type="button" class="layui-btn layui-btn-normal layui-jsonvar-add"
                        data-name="partattribute">追加</button>
                </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 parttypedata = {$parttype|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: '#treeNode',
            tips: '请选择PartType',
            // name: 'pid',
            name: 'parttypeid',
            height: '260px',
            data: parttypedata,
            // data: data,
            radio: true,
            clickClose: true,
            initValue:[$('#treeNode').data('pid')],
            prop: {
                value: 'id',
                name:'name'
            },
            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>