商丘12345 前端

shuJuZiDian.js 9.3KB

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