forked from kidgrow-microservices-platform

zhaoxiaohao
2020-05-14 3bae39f9f514d1044894aec06192614eb74f05db
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
<!-- 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');
                        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>