Нет описания

MenuManage.js 9.2KB

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