暫無描述

buMenManger.js 7.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350
  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. btn: ['确定']
  156. });
  157. return;
  158. }
  159. addDeptname = $('.inps2').val();
  160. addSort = $('.inps3').val();
  161. if (addSort == "")
  162. addSort = 0;
  163. $('.addModel').css('display', 'none');
  164. $.ajax({
  165. type: "post",
  166. url: huayi.config.callcenter_url + "Department/AddDept",
  167. dataType: 'json',
  168. async: true,
  169. data: {
  170. pid: addPid, //当前选择节点ID
  171. deptname: addDeptname, //部门名称
  172. sort: addSort, //排列序号
  173. token: token
  174. },
  175. success: function(data) {
  176. // console.log(data)
  177. // console.log(data.state);
  178. if(data.state == "success") {
  179. layer.msg("添加成功!");
  180. tree();
  181. clear();
  182. }
  183. }
  184. });
  185. })
  186. //修改按钮
  187. var chanPid, //修改弹出框内 下拉框父节点ID
  188. chanId, //修改弹出框内 下拉框当前节点ID
  189. changeName, //修改弹出框内 下拉框当前节点name
  190. chbcName, //保存的部门名称
  191. chbcSort, //保存的排序号
  192. chbcPid; //保存的所属部门ID
  193. $('.change').click(function() {
  194. if(id == 'null' || id == '') {
  195. layer.confirm('没有选择要修改的部门!', {
  196. btn: ['确定']
  197. })
  198. return
  199. } else {
  200. changeAjax(id);
  201. $('.changeModel').css('display', 'block');
  202. $('.chtps').html(name);
  203. changeTreeCont();
  204. }
  205. });
  206. //关闭按钮
  207. $('.changeBtr').click(function() {
  208. $('.changeModel').css('display', 'none');
  209. }) ;
  210. $('.inps4').focus(function() {
  211. $('.xlChange').css('display', 'block')
  212. })
  213. //下拉按钮功能
  214. $('.xl_two').click(function() {
  215. if($('.xlChange').css('display') == 'block') {
  216. $('.xlChange').css('display', 'none')
  217. } else {
  218. $('.xlChange').css('display', 'block')
  219. }
  220. })
  221. //修改弹出框内 下拉树形图参数配置项
  222. var setting3 = {
  223. data: {
  224. key: {
  225. name: "text"
  226. },
  227. simpleData: {
  228. enable: true,
  229. idKey: "id",
  230. rootPId: 0
  231. }
  232. },
  233. callback: {
  234. onClick: changeTreeClick
  235. }
  236. }
  237. function changeTreeClick(event, treeId, treeNode) {
  238. // chanPid = treeNode.pId;
  239. chanId = treeNode.id;
  240. changeName = treeNode.text;
  241. $('.inps4').val(changeName);
  242. var pidnode = treeNode.getParentNode();
  243. if(pidnode) {
  244. chanPid = pidnode.id;
  245. } else {
  246. chanPid =0;
  247. }
  248. chbcPid=chanId;
  249. };
  250. //修改弹出框内 所属部门下拉框内数据
  251. function changeTreeCont() {
  252. $.get(huayi.config.callcenter_url + 'Department/GetDeptList', {
  253. "token": $.cookie("token"),
  254. // "pid": pid
  255. }, function(result) {
  256. result = $.parseJSON(result);
  257. $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  258. });
  259. }
  260. function changeAjax(id) {
  261. $.ajax({
  262. type: "get",
  263. url: huayi.config.callcenter_url + "Department/GetDept",
  264. dataType: 'json',
  265. async: true,
  266. data: {
  267. deptid: id,
  268. token: token
  269. },
  270. success: function(data) {
  271. var chanCon = data.data;
  272. if(pid == 0) {
  273. $('.inps4').val('顶级分类');
  274. chbcPid =pid;
  275. } else {
  276. $('.inps4').val(chanCon.parentname);
  277. chbcPid = chanCon.parentid;
  278. }
  279. $('.inps5').val(chanCon.depname);
  280. $('.inps6').val(chanCon.sort);
  281. chbcSort = chanCon.sort;
  282. chbcName = chanCon.depname;
  283. }
  284. });
  285. }
  286. //修改的保存按钮功能
  287. function changeBaoCunAjax(id, chbcPid, chbcName, chbcSort) {
  288. $.ajax({
  289. type: "post",
  290. url: huayi.config.callcenter_url + "Department/EditDept",
  291. async: true,
  292. dataType: 'json',
  293. data: {
  294. deptid: id,
  295. pid: chbcPid,
  296. deptname: chbcName,
  297. sort: chbcSort,
  298. token: token
  299. },
  300. success: function(data) {
  301. if(data.state == "success") {
  302. layer.msg("修改成功!");
  303. tree();
  304. clear();
  305. }
  306. }
  307. });
  308. }
  309. $('.changeCun').click(function() {
  310. if($('.inps4').val() == "" || $('.inps5').val() == "" || $('.inps6').val() == "") {
  311. layer.confirm('所修改内容不允许为空!', {
  312. btn: ['确定']
  313. });
  314. return;
  315. } else {
  316. $('.changeModel').css('display', 'none');
  317. console.log('部门id'+id +'所属部门id' + chbcPid +'部门名称'+chbcName+'排序'+chbcSort);
  318. chbcPid;
  319. chbcName = $('.inps5').val();
  320. chbcSort = $('.inps6').val();
  321. changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
  322. }
  323. })
  324. function clear(){
  325. $('.inps2').val('');
  326. $('.inps3').val('');
  327. $(".inps5").val('');
  328. $('.inps6').val('');
  329. name = '';
  330. id = 0;
  331. addPid = 0;
  332. chbcPid = 0;
  333. }