中鑫之宝5.0前端

buMenManger.js 7.4KB

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