Merge branch 'dev' of http://192.168.2.240:7070/r/kidgrow-microservices-pla...

zhaoxiaohao

2020-04-27 b67a622b2becc49a2ae23fa905bc775411439bfa

 kidgrow-web/kidgrow-web-manager/src/main/resources/static/pages/system/user_org_form.html

New file
@@ -0,0 +1,164 @@
<!-- user表单弹窗 -->
<form id="user-org-form" lay-filter="user-org-form" class="layui-form model-form">
    <div class="layui-form-item">
        <label class="layui-form-label">账号</label>
        <div class="layui-input-block">
            <input name="username" type="text" class="layui-input" maxlength="20" lay-verify="required" required
                readonly />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">用户名</label>
        <div class="layui-input-block">
            <input name="nickname" type="text" class="layui-input" maxlength="20" lay-verify="required" required
                readonly />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">组织</label>
        <div class="layui-input-block">
            <div id="org-tree" class="demo-tree demo-tree-box" style="max-height: 300px; overflow-y:scroll;"></div>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">选定组织</label>
        <div class="layui-input-block">
            <input name="orgName" id="orgName" type="text" class="layui-input" maxlength="20" lay-verify="required"
                required readonly />
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">状态</label>
        <div class="layui-input-block">
            <input type="radio" name="enabled" value="1" title="启用" />
            <input type="radio" name="enabled" value="0" title="禁用" />
        </div>
    </div>
    <div class="layui-form-item model-form-footer">
        <button class="layui-btn layui-btn-primary" ew-event="closeDialog" type="button">取消</button>
        <button class="layui-btn" lay-filter="user-org-form-submit" lay-submit>保存</button>
    </div>
    <input name="id" id="id" type="hidden" />
    <input name="orgId" id="orgId" type="hidden" />
    <input name="userId" id="userId" type="hidden" />
    <input name="updateUserId" id="updateUserId" type="hidden" />
</form>

<script>
    layui.use(['layer', 'admin', 'form', "tree", 'table', 'config', 'formSelects'], function () {
        var table = layui.table;
        var config = layui.config;
        var layer = layui.layer;
        var admin = layui.admin;
        var form = layui.form;
        var formSelects = layui.formSelects;
        var tree = layui.tree;

        // 回显user数据
        var user = admin.getTempData('t_user');
        $('#user-org-form').attr('method', 'POST');
        if (user) {
            form.val('user-org-form', user);
            $("#id").val("");
            $("#userId").val(user.id);
            admin.req('api-user/sysuserorg', { user_id: user.id }, function (data) {
                if (data.code == 0) {
                    if (data.data.length > 1) {
                        let useData = data.data[1];
                        $("#orgId").val(useData.orgId);
                        $("#userId").val(useData.userId);
                        $("#id").val(useData.id);
                        if (useData.enabled) {
                            $('input[name="enabled"][value="0"]').removeAttr("checked");
                            $('input[name="enabled"][value="1"]').attr("checked", "true");
                        }
                        else {
                            $('input[name="enabled"][value="1"]').removeAttr("checked");
                            $('input[name="enabled"][value="0"]').attr("checked", "true");
                        }
                        admin.req('api-user/sysorganization/' + useData.orgId, {}, function (dataName) {
                            if (dataName.code == 0) {
                                if (dataName.data != null) {
                                    $("#orgName").val(dataName.data.orgName);
                                }
                                else {

                                    layer.msg("当前组织数据获取失败！", { icon: 2, time: 1000 });
                                }
                            }
                            else {
                                layer.msg(data.msg, { icon: 2, time: 1000 });
                            }
                        }, 'get')
                    }
                    else {
                        $("#userId").val(user.id);
                        $("#id").val("");
                        $('input[name="enabled"][value="1"]').attr("checked", "true");
                        $('input[name="enabled"][value="0"]').removeAttr("checked");
                    }
                }
                else {
                    layer.msg(data.msg, { icon: 2, time: 2000 }, function () {
                        admin.finishPopupCenter();
                    });
                }
                
                form.render();
            }, 'get');
        }
        else {
            layer.msg('数据异常，请重新打开！', { icon: 2, time: 2000 }, function () {
                admin.finishPopupCenter();
            });
        }

        //组织结构树
        admin.req('api-user/sysorganization/getTree', { is_del: 0, enabled: 1 }, function (data) {
            if (0 === data.code) {
                tree({
                    elem: "#org-tree",
                    nodes: data.data,
                    click: function (node) {
                        //将数据赋值
                        if (node.level == 2) {
                            $("#orgId").val(node.id);
                            $("#orgName").val(node.name);
                            $("#updateUserId").val(node.parentId);
                        }
                    }
                });
            } else {
                layer.msg(data.msg, { icon: 2, time: 1000 });
            }
        }, 'get');

        // 表单提交事件
        form.on('submit(user-org-form-submit)', function (data) {
            layer.load(2);
            if (!strUtil.isEmpty($("#orgId").val())) {
                if (data.field != null) {
                    data.field.enabled = (data.field.enabled == 0) ? false : true;
                    admin.req('api-user/sysuserorg', JSON.stringify(data.field), function (data) {
                        layer.closeAll('loading');
                        debugger
                        if (data.code == 0) {
                            layer.msg(data.msg, { icon: 1, time: 1000 });
                            admin.finishPopupCenter();
                        } else {
                            layer.msg(data.msg, { icon: 2, time: 1000 });
                        }
                    }, "POST");
                }
                else {
                    layer.msg("数据异常！", { icon: 2, time: 1000 });
                }
            }
            else {
                layer.msg("请点击选择一个组织的部门节点！", { icon: 2, time: 1000 });
            }

            return false;
        });
    });
</script>