新野县12345_前端

fivePoints.js 7.4KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347
  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 + 'DemandsType/GetDeptListtree', {
  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 pidnode = treeNode.getParentNode();
  36. if(pidnode) {
  37. pidName = pidnode.text;
  38. pid = pidnode.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 + "DemandsType/DelDepts",
  86. async: true,
  87. dataType: 'json',
  88. data: {
  89. id: 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(name) {
  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').click(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 + 'DemandsType/GetDeptListtree', {
  142. "token": $.cookie("token"),
  143. // "pid": pid
  144. }, function(result) {
  145. result = $.parseJSON(result);
  146. $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  147. });
  148. }
  149. $('.addCun').click(function() {
  150. console.log(addPid);
  151. if($('.inps2').val() == "") {
  152. if (addPid.length <= 0) {
  153. layer.confirm('所添加内容不能为空!', {
  154. btn: ['确定']
  155. });
  156. return;
  157. }
  158. } else {
  159. addDeptname = $('.inps2').val();
  160. $('.addModel').css('display', 'none');
  161. $.ajax({
  162. type: "post",
  163. url: huayi.config.callcenter_url + "DemandsType/SaveDemands",
  164. dataType: 'json',
  165. async: true,
  166. data: {
  167. id:0,
  168. pid: addPid, //当前选择节点ID
  169. name: addDeptname, //部门名称
  170. token: token
  171. },
  172. success: function(data) {
  173. // console.log(data)
  174. // console.log(data.state);
  175. if(data.state == "success") {
  176. layer.msg("添加成功!");
  177. tree();
  178. $('.inps1').val('');
  179. $('.inps2').val('');
  180. $('.inps3').val('');
  181. }
  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. // console.log(pidName);
  204. // console.log(pid);
  205. $('.inps4').val(pidName);
  206. chbcPid=pid;
  207. changeTreeCont();
  208. }
  209. });
  210. //关闭按钮
  211. $('.changeBtr').click(function() {
  212. $('.changeModel').css('display', 'none');
  213. }) ;
  214. $('.inps4').click(function() {
  215. $('.xlChange').css('display', 'block')
  216. })
  217. //下拉按钮功能
  218. $('.xl_two').click(function() {
  219. if($('.xlChange').css('display') == 'block') {
  220. $('.xlChange').css('display', 'none')
  221. } else {
  222. $('.xlChange').css('display', 'block')
  223. }
  224. })
  225. //修改弹出框内 下拉树形图参数配置项
  226. var setting3 = {
  227. data: {
  228. key: {
  229. name: "text"
  230. },
  231. simpleData: {
  232. enable: true,
  233. idKey: "id",
  234. rootPId: 0
  235. }
  236. },
  237. callback: {
  238. onClick: changeTreeClick
  239. }
  240. }
  241. function changeTreeClick(event, treeId, treeNode) {
  242. // chanPid = treeNode.pId;
  243. chanId = treeNode.id;
  244. changeName = treeNode.text;
  245. $('.inps4').val(changeName);
  246. var pidnode = treeNode.getParentNode();
  247. if(pidnode) {
  248. chanPid = pidnode.id;
  249. } else {
  250. chanPid =0;
  251. }
  252. chbcPid=chanId;
  253. };
  254. //修改弹出框内 所属部门下拉框内数据
  255. function changeTreeCont() {
  256. $.get(huayi.config.callcenter_url + 'DemandsType/GetDeptListtree', {
  257. "token": $.cookie("token"),
  258. // "pid": pid
  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 + "DemandsType/GetModel",
  268. dataType: 'json',
  269. async: true,
  270. data: {
  271. id: id,
  272. token: token
  273. },
  274. success: function(data) {
  275. var chanCon = data.data;
  276. if(pid == 0) {
  277. $('.inps4').val('顶级分类');
  278. chbcPid =pid;
  279. } else {
  280. $('.inps4').val(pidName);
  281. chbcPid=pid;
  282. }
  283. $('.inps5').val(chanCon.F_Name);
  284. // $('.inps6').val(chanCon.sort);
  285. // chbcSort = chanCon.sort;
  286. chbcName = chanCon.F_Name;
  287. }
  288. });
  289. }
  290. //修改的保存按钮功能
  291. function changeBaoCunAjax(id, chbcPid, chbcName) {
  292. $.ajax({
  293. type: "post",
  294. url: huayi.config.callcenter_url + "DemandsType/SaveDemands",
  295. async: true,
  296. dataType: 'json',
  297. data: {
  298. id: id,
  299. pid: chbcPid,
  300. name: chbcName,
  301. token: token
  302. },
  303. success: function(data) {
  304. if(data.state == "success") {
  305. layer.msg("修改成功!");
  306. tree();
  307. }
  308. }
  309. });
  310. }
  311. $('.changeCun').click(function() {
  312. if($('.inps4').val() == "" || $('.inps5').val() == "") {
  313. layer.confirm('所修改内容不允许为空!', {
  314. btn: ['确定']
  315. });
  316. return;
  317. } else {
  318. $('.changeModel').css('display', 'none');
  319. console.log('部门id'+id +'所属部门id' + chbcPid +'部门名称'+chbcName+'排序'+chbcSort);
  320. chbcPid;
  321. chbcName = $('.inps5').val();
  322. // chbcSort = $('.inps6').val();
  323. changeBaoCunAjax(id, chbcPid, chbcName);
  324. }
  325. })