useredit.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191
  1. let roleId = 0;
  2. let departmentId = 0;
  3. let userId = 0;
  4. let roleName = "";
  5. let departmentName = "";
  6. let sex = 0;
  7. var departmentType = 0
  8. $(function() {
  9. userId = window.location.href.split("?")[1].replace("id=", "");
  10. var userAccount = $("#userAccount");
  11. var password1 = $("#password1");
  12. var password2 = $("#password2");
  13. var realName = $("#realName");
  14. var purpose = $("#purpose");
  15. var remark = $("#remark");
  16. var isEnable = false;
  17. layui.use(["form", "layer", "laydate"], function() {
  18. $ = layui.jquery;
  19. var form = layui.form,
  20. layer = layui.layer;
  21. var laydate = layui.laydate;
  22. // laydate.render({
  23. // elem: '#birth',
  24. // isInitValue: false,
  25. // trigger: "click"
  26. // });
  27. form.on("switch(isEnable)", function(data) {
  28. // console.log(data)
  29. isEnable = data.elem.checked ? 0 : 1
  30. });
  31. // form.on("switch(sex)", function(data) {
  32. // sex = data.elem.checked ? 1 : 0;
  33. // });
  34. let url = "api/user/edit";
  35. if (userId === "0") url = "api/user/add";
  36. //监听提交
  37. form.on("submit(add)", function(data) {
  38. if (password1.val().trim() !== password2.val().trim()) {
  39. showMsg("两次输入的密码不相同", 2);
  40. password2.focus();
  41. return false;
  42. }
  43. var user = data.field;
  44. if (password1.val().trim() === "" && password2.val().trim() === "") {
  45. user.password = "";
  46. } else {
  47. user.password = password1.val().trim();
  48. }
  49. user.id = userId;
  50. user.isEnable = isEnable;
  51. user.roleName = roleName;
  52. user.departmentName = departmentName;
  53. // user.realName = realName.val();
  54. user.remark = remark.val();
  55. // user.sex = sex;
  56. // user.birth = $("#birth").val();
  57. fetchJSON(url, user, "post", function(data) {
  58. if (data.status === 0) {
  59. layer.alert("保存成功", {
  60. icon: 6
  61. }, function() {
  62. var index = parent.layer.getFrameIndex(window.name);
  63. parent.layer.close(index);
  64. });
  65. } else {
  66. showMsg(data.msg, 2);
  67. }
  68. });
  69. return false;
  70. });
  71. form.on("select", function(data) {
  72. if (data.elem.id === "roleSelect")
  73. roleName = data.elem[data.elem.selectedIndex].text;
  74. else if (data.elem.id === "departmentSelect")
  75. departmentName =data.elem[data.elem.selectedIndex].text;
  76. })
  77. if (userId === "0") {
  78. getRoles();
  79. getDepartments();
  80. } else {
  81. // 填充现有数据
  82. fetchJSON("api/user/get?id=" + userId, {}, "get", function(data) {
  83. if (data.status === 0) {
  84. var user = data.data;
  85. userAccount.html(user.userName);
  86. $("#userName").val(user.userName);
  87. password1.val(user.password);
  88. password2.val(user.password);
  89. realName.html(user.realName);
  90. realName.val(user.realName);
  91. purpose.val(user.purpose);
  92. // $("#birth").val(user.birth);
  93. departmentName = user.departmentName;
  94. roleId = data.data.roleId;
  95. departmentId = data.data.departmentId;
  96. // if (user.sex === 0) {
  97. // $("#sex").attr("checked", "checked");
  98. // }
  99. isEnable = user.isEnable;
  100. if (user.isEnable === 0) {
  101. $("#isEnable").attr("checked", "checked");
  102. }
  103. form.render('checkbox');
  104. getRoles();
  105. getDepartments();
  106. remark.val(user.remark);
  107. $("#parentId").val(user.departmentId);
  108. } else {
  109. showMsg(data.msg, 2);
  110. }
  111. });
  112. }
  113. });
  114. });
  115. function getRoles() {
  116. fetchJSON("api/role/listAll", {}, "get", function(bet) {
  117. if (bet.status === 0) {
  118. $("#roleSelect").empty();
  119. $("#roleSelect").append($("<option>", {
  120. value: -1,
  121. text: "请选择"
  122. }));
  123. for (var i = 0; i < bet.data.length; i++) {
  124. if (bet.data[i].id === roleId) {
  125. $("#roleSelect").append(
  126. $("<option>", {
  127. value: bet.data[i].id,
  128. text: bet.data[i].roleName,
  129. selected: true
  130. })
  131. );
  132. } else {
  133. $("#roleSelect").append(
  134. $("<option>", {
  135. value: bet.data[i].id,
  136. text: bet.data[i].roleName
  137. })
  138. );
  139. }
  140. }
  141. layui.use("form", function() {
  142. layui.form.render('select', 'roleFilter');
  143. });
  144. } else {
  145. showMsg(bet.msg, 2);
  146. }
  147. });
  148. };
  149. function getDepartments() {
  150. fetchJSON("api/department/listAll?departmentType="+ departmentType + "&parentId=" + departmentType, {}, "get", function(departmentList) {
  151. if (departmentList.status === 0) {
  152. $("#departmentSelect").empty();
  153. $("#departmentSelect").append($("<option>", {
  154. value: -1,
  155. text: "请选择"
  156. }));
  157. for (var i = 0; i < departmentList.data.length; i++) {
  158. if (departmentList.data[i].id === departmentId) {
  159. $("#departmentSelect").append(
  160. $("<option>", {
  161. value: departmentList.data[i].id,
  162. text: departmentList.data[i].departmentName,
  163. selected: true
  164. })
  165. );
  166. } else {
  167. $("#departmentSelect").append(
  168. $("<option>", {
  169. value: departmentList.data[i].id,
  170. text: departmentList.data[i].departmentName
  171. })
  172. );
  173. }
  174. }
  175. layui.use("form", function() {
  176. layui.form.render('select','departmentFilter');
  177. });
  178. } else {
  179. showMsg(departmentList.msg, 2);
  180. }
  181. });
  182. }