let roleId = 0;
let departmentId = 0;
let userId = 0;
let roleName = "";
let departmentName = "";
let sex = 0;
var departmentType = 0
$(function() {
	userId = window.location.href.split("?")[1].replace("id=", "");
	var userAccount = $("#userAccount");
	var password1 = $("#password1");
	var password2 = $("#password2");
	var realName = $("#realName");
	var purpose = $("#purpose");
	var remark = $("#remark");
	var isEnable = false;
	layui.use(["form", "layer", "laydate"], function() {
		$ = layui.jquery;
		var form = layui.form,
			layer = layui.layer;
		var laydate = layui.laydate;
		// laydate.render({
		// 	elem: '#birth',
		// 	isInitValue: false,
		// 	trigger: "click"
		// });
		form.on("switch(isEnable)", function(data) {
			// console.log(data)
			isEnable = data.elem.checked ? 0 : 1
		});
		// form.on("switch(sex)", function(data) {
		// 	sex = data.elem.checked ? 1 : 0;
		// });
		let url = "api/user/edit";
		if (userId === "0") url = "api/user/add";
		//监听提交
		form.on("submit(add)", function(data) {
			if (password1.val().trim() !== password2.val().trim()) {
				showMsg("两次输入的密码不相同", 2);
				password2.focus();
				return false;
			}
			var user = data.field;
			if (password1.val().trim() === "" && password2.val().trim() === "") {
				user.password = "";
			} else {
				user.password = password1.val().trim();
			}
			user.id = userId;
			user.isEnable = isEnable;
			user.roleName = roleName;
			user.departmentName = departmentName;
			// user.realName = realName.val();
			user.remark = remark.val();
			// user.sex = sex;
			// user.birth = $("#birth").val();
			fetchJSON(url, user, "post", function(data) {
				if (data.status === 0) {
					layer.alert("保存成功", {
						icon: 6
					}, function() {
						var index = parent.layer.getFrameIndex(window.name);
						parent.layer.close(index);
					});
				} else {
					showMsg(data.msg, 2);
				}
			});
			return false;
		});

		form.on("select", function(data) {
		   if (data.elem.id === "roleSelect")
		      roleName = data.elem[data.elem.selectedIndex].text;
		   else if (data.elem.id === "departmentSelect")
		      departmentName =data.elem[data.elem.selectedIndex].text;
		})

		if (userId === "0") {
			getRoles();
			getDepartments();
		} else {
			// 填充现有数据
			fetchJSON("api/user/get?id=" + userId, {}, "get", function(data) {
				if (data.status === 0) {
					var user = data.data;
					userAccount.html(user.userName);
					$("#userName").val(user.userName);
					password1.val(user.password);
					password2.val(user.password);
					realName.html(user.realName);
					realName.val(user.realName);
					purpose.val(user.purpose);
					// $("#birth").val(user.birth);
					departmentName = user.departmentName;
					roleId = data.data.roleId;
					departmentId = data.data.departmentId;
					// if (user.sex === 0) {
					// 	$("#sex").attr("checked", "checked");
					// }
					isEnable = user.isEnable;
					if (user.isEnable === 0) {
						$("#isEnable").attr("checked", "checked");
					}
					form.render('checkbox');
					getRoles();
					getDepartments();
					remark.val(user.remark);
					$("#parentId").val(user.departmentId);

				} else {
					showMsg(data.msg, 2);
				}
			});
		}
	});



});


function getRoles() {
	fetchJSON("api/role/listAll", {}, "get", function(bet) {
		if (bet.status === 0) {
			$("#roleSelect").empty();
			$("#roleSelect").append($("<option>", {
				value: -1,
				text: "请选择"
			}));
			for (var i = 0; i < bet.data.length; i++) {
				if (bet.data[i].id === roleId) {
					$("#roleSelect").append(
						$("<option>", {
							 value: bet.data[i].id,
							text: bet.data[i].roleName,
							selected: true
						})
					);
				} else {
					$("#roleSelect").append(
						$("<option>", {
							 value: bet.data[i].id,
							text: bet.data[i].roleName
						})
					);
				}
			}
			layui.use("form", function() {
				layui.form.render('select', 'roleFilter');
			});
		} else {
			showMsg(bet.msg, 2);
		}
	});
};

function getDepartments() {
	fetchJSON("api/department/listAll?departmentType="+ departmentType + "&parentId=" + departmentType, {}, "get", function(departmentList) {
		if (departmentList.status === 0) {
			$("#departmentSelect").empty();
			$("#departmentSelect").append($("<option>", {
				value: -1,
				text: "请选择"
			}));
			for (var i = 0; i < departmentList.data.length; i++) {
				if (departmentList.data[i].id === departmentId) {
					$("#departmentSelect").append(
						$("<option>", {
							 value: departmentList.data[i].id,
							text: departmentList.data[i].departmentName,
							selected: true
						})
					);
				} else {
					$("#departmentSelect").append(
						$("<option>", {
							 value: departmentList.data[i].id,
							text: departmentList.data[i].departmentName
						})
					);
				}
			}
			layui.use("form", function() {
				layui.form.render('select','departmentFilter');
			});
		} else {
			showMsg(departmentList.msg, 2);
		}
	});
}