SMANAGE/backup/GERP copy/WorkGroup/Department.html

<resource-share type="script" src="/assets/js/formConfigs/departmentForm.js"></resource-share>
<resource-share type="style" src="/assets/css/formpower.css"></resource-share>
<resource-share type="style" src="/assets/lib/NeoUI/NeoWebUI3/WebUI3.css"></resource-share>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12">
            <div class="layui-card" id="Department-Card"></div>
        </div>
    </div>
</div>

<script>
const TABLE_CONFIG = {
    base: {
        cardId: 'Department-Card',
        primaryKey: 'DepartmentUUID',
        api: {
            get: '/API/FormAPI/Get/Department',
            modify: '/API/FormAPI/ModifyItem/Department',
            add: '/API/FormAPI/Add/Department',
            edit: '/API/FormAPI/Modify/Department',
            delete: '/API/FormAPI/Delete/Department'
        },
        editableFields: ['DepartmentName', 'DepartmentEnglishName', 'DepartmentIntroduction'],
    },
    render: {
        method: 'GET',
        tree: { view: { iconLeaf: '<i class="layui-icon layui-icon-username"></i>' } },
        cols: [[
            { type: 'checkbox', fixed: 'left' },
            { field: 'DepartmentUUID', title: '部门编号', width: 270 },
            { field: 'DepartmentName', title: '部门名称', width: 100, edit: 'text' },
            { field: 'DepartmentEnglishName', title: '部门英文名称', width: 170, edit: 'text' },
            { field: 'DepartmentIntroduction', title: '部门介绍', minWidth: 300, edit: 'text' },
            { fixed: 'right', title: '操作', width: 250, align: 'center'}
        ]],
        height: 530,
        page: {
            layout: ['count', 'prev', 'page', 'next', 'limit', 'skip'],
            limits: [10, 20, 50, 100, 500, 1000],
            limit: 10,
            curr: 1
        },
        parseData: res => ({
            code: res.code === 0 ? 0 : 1,
            msg: res.msg,
            count: res.count || 0,
            data: res.data
        }),
        request: { pageName: 'PageIndex', limitName: 'PageSize' }
    },
    events: {
        toolbar: {
            FullChecked: (manager) => { 
                util.showMsg('成功展开全部');
                treeTable.expandAll(manager.instanceId, true);
            },
            FullOutChecked: (manager) => {
                util.showMsg('成功收起全部');
                treeTable.expandAll(manager.instanceId, false);
            },
            Refresh: (manager) => {
                manager.reloadTable(); 
                util.showMsg('已刷新');
            },
            NewMember: (manager) => {
                formEngine.openRegisteredForm('department-add', {
                    confirm: (data, close) => {
                        util.request(manager.config.base.api.add, data, 'POST')
                            .then(res => {
                                if (res.code == 0) {
                                    util.showMsg('成功添加成员');
                                    manager.reloadTable({ reset: true });
                                    close();
                                } else {
                                    util.showMsg(`添加失败：${res.msg}`, 5);
                                }
                            })
                            .catch(error => {
                                util.showMsg(util.formatErrorMsg(error), 5);
                            });
                    }
                });
            }
        },
        tool: {
            detail: (trData, trObj, manager) => {
                gerp.addTab(
                    `部门成员 - 视图 [${trData.DepartmentName}]`,
                    `/WorkGroup/DepartmentMember.html?DepartmentUUID=${trData.DepartmentUUID}`
                );
            },
            edit: (trData, trObj, manager) => {
                formEngine.openRegisteredForm('department-edit', {
                    data: trData,
                    confirm: (data, close) => {
                        data.id = trData.id;
                        util.request(manager.config.base.api.edit, data, 'POST')
                            .then(res => {
                                if (res.code == 0) {
                                    util.showMsg('成功修改成员');
                                    manager.reloadTable({ reset: true });
                                    close();
                                } else {
                                    util.showMsg(`修改失败：${res.msg}`, 5);
                                }
                            })
                            .catch(error => {
                                util.showMsg(util.formatErrorMsg(error), 5);
                            });
                    }
                });
            },
            more: (trData, trObj, manager) => {
                dropdown.render({
                    elem: trObj.tr,
                    show: true,
                    align: 'right',
                    data: [{ title: '删除', id: 'del' }],
                    click: (menudata) => {
                        if (menudata.id === 'del') {
                            layer.confirm("确定要删除此成员吗？删除后不可恢复！", { title: '删除确认', icon: 3 }, index => {
                                util.request(manager.config.base.api.delete, { id: trData.id }, 'POST')
                                .then(res => {
                                    if (res.code == 0) {
                                        util.showMsg('成功删除');
                                        manager.reloadTable({ reset: true });
                                    } else {
                                        util.showMsg(`删除失败：${res.msg}`, 5);
                                    }
                                })
                                .catch(error => {
                                    util.showMsg(util.formatErrorMsg(error), 5);
                                });
                                layer.close(index);
                            });
                        }
                    }
                });
            }
        }
    }
};

const tableManager = new tableEngine.TableManager(TABLE_CONFIG);
tableManager.init();


</script>