New file |
| | |
| | | <!-- 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; |
| | | data.field.fromId=0; |
| | | 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> |