Nav apraksta

buMenManger.js 7.6KB

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