No Description

MenuManage.js 9.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351
  1. var tps = $('.tps');
  2. var id = ''; //当前节点id
  3. var name; //当前节点name
  4. var pid; //当前节点父id
  5. var pname;//当前节点父name
  6. var xlName; //添加弹出框内下拉框内节点name
  7. var zNodes = [];
  8. //通用ajax
  9. $.ajax({
  10. type: "get",
  11. url: "http://localhost:63662/ModuleInfo/GetTreelist",
  12. dataType: 'json',
  13. async: false,
  14. data: {
  15. pid: pid,
  16. token: $.cookie("token")
  17. },
  18. success: function (res) {
  19. var content = res.data;
  20. for (var i = 0, l = content.length; i < l; i++) {
  21. content[i].name = content[i].text;
  22. delete content[i].text;
  23. var second = content[i].children
  24. if (second != null) {
  25. for (var j = 0; j < second.length; j++) {
  26. second[j].name = second[j].text;
  27. delete second[j].text;
  28. var thired = second[j].children;
  29. if (thired != null) {
  30. for (var g = 0; g < thired.length; g++) {
  31. thired[g].name = thired[g].text;
  32. delete thired[g].text;
  33. var fours = thired[g].children;
  34. if (fours != null) {
  35. for (var k = 0; k < fours.length ; k++) {
  36. fours[k].name = fours[k].text;
  37. delete fours[k].text;
  38. }
  39. }
  40. }
  41. }
  42. }
  43. }
  44. zNodes = content;
  45. }
  46. }
  47. });
  48. $(document).ready(function () {
  49. $.fn.zTree.init($("#treeDemo"), setting1, zNodes); //实例化树形图
  50. });
  51. var setting1 = {
  52. data: {
  53. simpleData: {
  54. enable: true
  55. }
  56. },
  57. callback: {
  58. onClick: zTreeOnClick
  59. }
  60. };
  61. function zTreeOnClick(event, treeId, treeNode) {
  62. id = treeNode.id;
  63. name = treeNode.name
  64. var p = treeNode.getParentNode();
  65. pid = p.id
  66. pname = p.name;
  67. };
  68. var setting2 = {
  69. data: {
  70. simpleData: {
  71. enable: true
  72. }
  73. },
  74. callback: {
  75. onClick: addTreeClick
  76. }
  77. }
  78. function addTreeClick(event, treeId, treeNode) {
  79. addPid = treeNode.id;
  80. console.log(addPid);
  81. xlName = treeNode.name;
  82. $('.inps1').val(xlName);
  83. };
  84. //删除按钮
  85. $('.del').click(function () {
  86. if (id == 'null' || id == '') {
  87. alert('没有要删除的分类!')
  88. } else {
  89. $('.delModel').css('display', 'block');
  90. $('.delName').html(name);
  91. }
  92. })
  93. //关闭按钮
  94. $('.delBtr').click(function () {
  95. $('.delModel').css('display', 'none');
  96. })
  97. //确定删除按钮
  98. $('.sure').click(function () {
  99. $.ajax({
  100. type: "post",
  101. url: "http://localhost:63662/ModuleInfo/DelModule",
  102. async: true,
  103. dataType: 'json',
  104. data: {
  105. ids: id,
  106. token: $.cookie("token")
  107. },
  108. success: function (data) {
  109. if (data.state == "success") {
  110. alert("删除成功!")
  111. window.location.reload();
  112. }
  113. }
  114. });
  115. $('.delModel').css('display', 'none');
  116. })
  117. //取消删除按钮
  118. $('.return').click(function () {
  119. $('.delModel').css('display', 'none');
  120. })
  121. //添加按钮
  122. $('.add').click(function () {
  123. $('.addModel').css('display', 'block');
  124. if (name == null || name == '') {
  125. tps.html('顶级分类');
  126. $('.inps1').val('顶级分类');
  127. addPid == 0;
  128. } else {
  129. tps.html(name);
  130. $('.inps1').val(name);
  131. addPid = id;
  132. }
  133. treeCont();
  134. })
  135. //添加关闭按钮
  136. $('.addBtr').click(function () {
  137. $('.addModel').css('display', 'none');
  138. })
  139. //添加内容下拉
  140. $('.inps1').focus(function () {
  141. $('.xlAdd').css('display', 'block')
  142. })
  143. $('.xl_one').click(function () {
  144. if ($('.xlAdd').css('display') == 'block') {
  145. $('.xlAdd').css('display', 'none')
  146. } else {
  147. $('.xlAdd').css('display', 'block')
  148. }
  149. })
  150. $('.addTree').mouseleave(function () {
  151. $(this).css('display', 'none')
  152. })
  153. //保存添加按钮
  154. var addPid, addDeptname, addSort;
  155. //添加弹出框内 所属部门下拉框内数据
  156. function treeCont() {
  157. $.fn.zTree.init($("#addTreeDemo"), setting2, zNodes); //实例化树形图
  158. var addTreeObj = $.fn.zTree.getZTreeObj("addTreeDemo");
  159. var addNodes = addTreeObj.getSelectedNodes();
  160. }
  161. $('.addCun').click(function () {
  162. console.log(addPid);
  163. if ($('.inps2').val() == "" || $('.inps3').val() == "") {
  164. alert('所添加内容不能为空!')
  165. } else {
  166. addType = $('#selecttype').val();
  167. addName = $('.inps3').val();
  168. addCode = $('.inps4').val();
  169. addController = $('.inps5').val();
  170. addAction = $('.inps6').val();
  171. addState = $('.inps7').prop('checked');
  172. addRemark = $('.inps8').val();
  173. addSort = $('.inps9').val();
  174. $('.addModel').css('display', 'none');
  175. $.ajax({
  176. type: "post",
  177. url: "http://localhost:63662/ModuleInfo/AddModule",
  178. dataType: 'json',
  179. async: true,
  180. data: {
  181. parentid: id,//当前选择节点ID
  182. code: addCode,
  183. name: addName,//部门名称
  184. controller: addController,
  185. action: addAction,
  186. flag: addState,
  187. remark: addRemark,
  188. sort: addSort,//排列序号
  189. type: addType
  190. },
  191. success: function (data) {
  192. console.log(data)
  193. console.log(data.state);
  194. if (data.state == "success") {
  195. alert('添加部门成功!')
  196. window.location.reload();
  197. }
  198. }
  199. });
  200. }
  201. })
  202. //修改按钮
  203. var chanPid,//修改弹出框内 下拉框父节点ID
  204. chanId,//修改弹出框内 下拉框当前节点ID
  205. changeName,//修改弹出框内 下拉框当前节点name
  206. chbcName,//保存的部门名称
  207. chbcSort,//保存的排序号
  208. chbcPid;//保存的所属部门ID
  209. $('.change').click(function () {
  210. if (id == 'null' || id == '') {
  211. alert('没有选择要修改的菜单!')
  212. } else {
  213. changeAjax(id);
  214. $('.changeModel').css('display', 'block');
  215. $('.chtps').html(name);
  216. changeTreeCont();
  217. }
  218. })
  219. $('.changeBtr').click(function () {
  220. $('.changeModel').css('display', 'none');
  221. })
  222. $('.inps4').focus(function () {
  223. $('.xlChange').css('display', 'block')
  224. })
  225. //下拉按钮功能
  226. $('.xl_two').click(function () {
  227. if ($('.xlChange').css('display') == 'block') {
  228. $('.xlChange').css('display', 'none')
  229. } else {
  230. $('.xlChange').css('display', 'block')
  231. }
  232. })
  233. //修改弹出框内 下拉树形图参数配置项
  234. var setting3 = {
  235. data: {
  236. simpleData: {
  237. enable: true
  238. }
  239. },
  240. callback: {
  241. onClick: changeTreeClick
  242. }
  243. }
  244. function changeTreeClick(event, treeId, treeNode) {
  245. chanPid = treeNode.pId;
  246. chanId = treeNode.id;
  247. changeName = treeNode.name;
  248. $('.inps1').val(changeName);
  249. };
  250. //修改弹出框内 所属部门下拉框内数据
  251. function changeTreeCont() {
  252. $.fn.zTree.init($("#changeTreeDemo"), setting3, zNodes); //实例化树形图
  253. }
  254. function changeAjax(id) {
  255. $.ajax({
  256. type: "get",
  257. url: "http://localhost:63662/ModuleInfo/GetModule",
  258. dataType: 'json',
  259. async: true,
  260. data: {
  261. mid: id
  262. },
  263. success: function (res) {
  264. var data = res.data.model;
  265. if (pid == null) {
  266. pid == 0;
  267. $('.inps1_chg').val('顶级分类');
  268. chbcPid == 0;
  269. } else {
  270. $('.inps1_chg').val(pname);
  271. chbcPid = pid;
  272. }
  273. $('.inps2_chg').val(data.type);
  274. $('.inps3_chg').val(data.name);
  275. $('.inps4_chg').val(data.code);
  276. $('.inps5_chg').val(data.controller);
  277. $('.inps6_chg').val(data.action);
  278. if (data.enable == 1) { $('.inps7_chg').prop("checked", "checked"); }
  279. $('.inps8_chg').val(data.remark);
  280. $('.inps9_chg').val(data.sort);
  281. }
  282. });
  283. }
  284. //修改的保存按钮功能
  285. function changeBaoCunAjax(id, chbcPid, chbcName, chbcSort) {
  286. $.ajax({
  287. type: "post",
  288. url: "http://localhost:63662/ModuleInfo/EditModule",
  289. async: true,
  290. dataType: 'json',
  291. data: {
  292. id: id,
  293. parentid: id,//当前选择节点ID
  294. code: addCode,
  295. name: addName,//部门名称
  296. controller: addController,
  297. action: addAction,
  298. flag: addState,
  299. remark: addRemark,
  300. sort: addSort,//排列序号
  301. type: addType
  302. },
  303. success: function (data) {
  304. if (data.state == "success") {
  305. alert('修改部门成功!')
  306. window.location.reload();
  307. }
  308. }
  309. });
  310. }
  311. $('.changeCun').click(function () {
  312. //if ($('.inps4').val() == "" || $('.inps5').val() == "" || $('.inps6').val() == "") {
  313. // alert('所修改内容不允许为空!')
  314. //} else {
  315. $('.changeModel').css('display', 'none');
  316. console.log('部门id' + id + '所属部门id' + chbcPid + '部门名称' + chbcName + '排序' + chbcSort);
  317. chbcPid = chanId;
  318. chbcName = $('.inps5').val();
  319. chbcSort = $('.inps6').val();
  320. changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
  321. //}
  322. })