Geen omschrijving

buMenManger.js 7.8KB

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