<!-- 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>
|