虞城12345_前端

zhiShiKuFenLei.js 7.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356
  1. var tps = $('.tps');
  2. var id=''; //当前节点id
  3. var name=''; //当前节点name
  4. var pid; //当前节点父ID
  5. var pidName;//当前节点父name
  6. var xlName; //添加弹出框内下拉框内节点name
  7. var token=$.cookie("token");
  8. tree();
  9. function tree(){
  10. $.get(huayi.config.callcenter_url+'KnowledgeClass/GetList', {
  11. "token": $.cookie("token"),
  12. // "pid": pid
  13. }, function(result) {
  14. result = $.parseJSON(result);
  15. var zTreeObj=$.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
  16. var nodes = zTreeObj.getNodes();
  17. for (var i = 0; i < nodes.length; i++) { //设置节点展开
  18. zTreeObj.expandNode(nodes[i], true, false, true);
  19. }
  20. });
  21. }
  22. var setting1 = {
  23. data: {
  24. key: {
  25. name: "text"
  26. },
  27. simpleData: {
  28. enable: true,
  29. idKey: "id",
  30. rootPId: 0
  31. }
  32. },
  33. callback: {
  34. onClick: zTreeOnClick
  35. }
  36. };
  37. function zTreeOnClick(event, treeId, treeNode) {
  38. // pid = treeNode.pId;
  39. id = treeNode.id;
  40. name = treeNode.text;
  41. var pidnode = treeNode.getParentNode();
  42. if(pidnode) {
  43. pidName = pidnode.text;
  44. pid = pidnode.id;
  45. } else {
  46. pidName = "顶级分类";
  47. pid =0;
  48. }
  49. };
  50. var setting2 = {
  51. data: {
  52. key: {
  53. name: "text"
  54. },
  55. simpleData: {
  56. enable: true,
  57. idKey: "id",
  58. rootPId: 0
  59. }
  60. },
  61. callback: {
  62. onClick: addTreeClick
  63. }
  64. }
  65. function addTreeClick(event, treeId, treeNode) {
  66. addPid=treeNode.id;
  67. xlName = treeNode.text;
  68. $('.inps1').val(xlName);
  69. };
  70. //删除按钮
  71. $('.del').click(function() {
  72. if(id == 'null' || id == '') {
  73. layer.confirm('没有要删除的分类!', {
  74. btn: ['确定']
  75. });
  76. return
  77. } else {
  78. $('.delModel').css('display', 'block');
  79. $('.delName').html(name);
  80. }
  81. })
  82. //关闭按钮
  83. $('.delBtr').click(function() {
  84. $('.delModel').css('display', 'none');
  85. })
  86. //确定删除按钮
  87. $('.sure').click(function() {
  88. $.ajax({
  89. type: "get",
  90. url: huayi.config.callcenter_url+"KnowledgeClass/DelClass",
  91. async: true,
  92. dataType:'json',
  93. data: {
  94. ids: id,
  95. token:token
  96. },
  97. success: function(data) {
  98. if(data.state == "success"){
  99. layer.msg("删除成功!");
  100. tree();
  101. }
  102. }
  103. });
  104. $('.delModel').css('display', 'none');
  105. })
  106. //取消删除按钮
  107. $('.return').click(function() {
  108. $('.delModel').css('display', 'none');
  109. })
  110. //添加按钮
  111. $('.add').click(function() {
  112. $('.addModel').css('display', 'block');
  113. if(name) {
  114. tps.html(name);
  115. $('.inps1').val(name);
  116. addPid = id;
  117. } else {
  118. tps.html('顶级分类');
  119. $('.inps1').val('顶级分类');
  120. addPid = 0;
  121. }
  122. treeCont();
  123. })
  124. //添加关闭按钮
  125. $('.addBtr').click(function() {
  126. $('.addModel').css('display', 'none');
  127. })
  128. //添加内容下拉
  129. $('.inps1').click(function() {
  130. $('.xlAdd').css('display', 'block')
  131. })
  132. $('.xl_one').click(function() {
  133. if($('.xlAdd').css('display') == 'block') {
  134. $('.xlAdd').css('display', 'none')
  135. } else {
  136. $('.xlAdd').css('display', 'block')
  137. }
  138. })
  139. $('.addTree').mouseleave(function() {
  140. $(this).css('display', 'none')
  141. })
  142. //保存添加按钮
  143. var addPid,addFenLeiName;
  144. //添加弹出框内 所属部门下拉框内数据
  145. function treeCont() {
  146. $.get(huayi.config.callcenter_url + 'KnowledgeClass/GetList', {
  147. "token": $.cookie("token"),
  148. // "pid": pid
  149. }, function(result) {
  150. result = $.parseJSON(result);
  151. var zTreeObj_add=$.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  152. var nodes_add = zTreeObj_add.getNodes();
  153. for (var i = 0; i < nodes_add.length; i++) { //设置节点展开
  154. zTreeObj_add.expandNode(nodes_add[i], true, false, true);
  155. }
  156. });
  157. }
  158. $('.addCun').click(function(){
  159. console.log(addPid);
  160. if($('.inps2').val()==""){
  161. layer.confirm('所添加分类名称不能为空!', {
  162. btn: ['确定']
  163. });
  164. return;
  165. }else{
  166. addFenLeiName = $('.inps2').val();
  167. $('.addModel').css('display', 'none');
  168. $.ajax({
  169. type:"post",
  170. url:huayi.config.callcenter_url+"KnowledgeClass/AddClass",
  171. dataType:'json',
  172. async:true,
  173. data:{
  174. pid:addPid,//当前选择节点ID
  175. cname:addFenLeiName,//部门名称
  176. token:token
  177. },
  178. success:function(data){
  179. //console.log(data)
  180. //console.log(data.state);
  181. if(data.state =="success"){
  182. layer.msg("添加成功!");
  183. tree();
  184. $('.inps1').val('');
  185. $('.inps2').val('');
  186. $('.inps3').val('');
  187. }
  188. }
  189. });
  190. }
  191. })
  192. //修改按钮
  193. var chanPid,//修改弹出框内 下拉框父节点ID
  194. chanId,//修改弹出框内 下拉框当前节点ID
  195. changeName,//修改弹出框内 下拉框当前节点name
  196. chbcName,//保存的分类名称
  197. chbcPid;//保存的所属分类ID
  198. $('.change').click(function(){
  199. if(id == 'null' || id == '') {
  200. layer.confirm('没有选择要修改的分类!', {
  201. btn: ['确定']
  202. })
  203. return
  204. } else {
  205. changeAjax(id);
  206. $('.changeModel').css('display', 'block');
  207. $('.chtps').html(name);
  208. changeTreeCont();
  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 + 'KnowledgeClass/GetList', {
  257. "token": $.cookie("token"),
  258. // "pid": pid
  259. }, function(result) {
  260. result = $.parseJSON(result);
  261. var zTreeObj2=$.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  262. var nodes2 = zTreeObj2.getNodes();
  263. for (var i = 0; i < nodes2.length; i++) { //设置节点展开
  264. zTreeObj2.expandNode(nodes2[i], true, false, true);
  265. }
  266. });
  267. }
  268. function changeAjax(id){
  269. $.ajax({
  270. type:"get",
  271. url:huayi.config.callcenter_url+"KnowledgeClass/GetClass",
  272. dataType:'json',
  273. async:true,
  274. data:{
  275. categoryid: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(pidName);
  285. chbcPid=chanCon.F_ParentId;
  286. }
  287. $('.inps5').val(chanCon.F_CategoryName);
  288. chbcName=chanCon.F_CategoryName;
  289. //console.log(chbcPid)
  290. }
  291. });
  292. }
  293. //修改的保存按钮功能
  294. function changeBaoCunAjax(id,chbcPid,chbcName){
  295. $.ajax({
  296. type:"post",
  297. url:huayi.config.callcenter_url+"KnowledgeClass/EditClass",
  298. async:true,
  299. dataType:'json',
  300. data:{
  301. cid:id,
  302. pid:chbcPid,
  303. cname:chbcName,
  304. token:token
  305. },
  306. success:function(data){
  307. if(data.state == "success"){
  308. layer.msg("修改成功!");
  309. tree();
  310. }
  311. }
  312. });
  313. }
  314. $('.changeCun').click(function(){
  315. if($('.inps4').val()=="" ){
  316. layer.confirm('请选择分类!', {
  317. btn: ['确定']
  318. });
  319. return;
  320. }
  321. else if($('.inps5').val()=="")
  322. {
  323. layer.confirm('所修改分类名称不允许为空!', {
  324. btn: ['确定']
  325. });
  326. return;
  327. }
  328. else {
  329. $('.changeModel').css('display', 'none');
  330. //console.log('分类id'+id +'所属分类id' + chbcPid +'分类名称'+chbcName+'排序'+chbcSort);
  331. chbcPid;
  332. chbcName=$('.inps5').val();
  333. changeBaoCunAjax(id,chbcPid,chbcName);
  334. }
  335. })