ZZDianXin_UI - 郑州电信 演示

proManagement.js 7.8KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355
  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+'Area/GetAreaList', {
  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: "F_AreaName"
  22. },
  23. simpleData: {
  24. enable: true,
  25. idKey: "F_Id",
  26. pIdKey: "F_ParentId",
  27. rootPId: 0
  28. }
  29. },
  30. callback: {
  31. onClick: zTreeOnClick
  32. }
  33. };
  34. function zTreeOnClick(event, treeId, treeNode) {
  35. // pid = treeNode.pId;
  36. id = treeNode.F_Id;
  37. name = treeNode.F_AreaName;
  38. var pidnode = treeNode.getParentNode();
  39. if(pidnode) {
  40. pidName = pidnode.F_AreaName;
  41. pid = pidnode.F_ParentId;
  42. } else {
  43. pidName = "顶级分类";
  44. pid =0;
  45. }
  46. };
  47. var setting2 = {
  48. data: {
  49. key: {
  50. name: "F_AreaName"
  51. },
  52. simpleData: {
  53. enable: true,
  54. idKey: "F_Id",
  55. pIdKey: "F_ParentId",
  56. rootPId: 0
  57. }
  58. },
  59. callback: {
  60. onClick: addTreeClick
  61. }
  62. }
  63. function addTreeClick(event, treeId, treeNode) {
  64. addPid=treeNode.F_Id;
  65. xlName = treeNode.F_AreaName;
  66. $('.inps1').val(xlName);
  67. };
  68. //删除按钮
  69. $('.del').click(function() {
  70. if(id == 'null' || id == '') {
  71. layer.confirm('没有要删除的分类!', {
  72. btn: ['确定']
  73. });
  74. return
  75. } else {
  76. $('.delModel').css('display', 'block');
  77. $('.delName').html(name);
  78. }
  79. })
  80. //关闭按钮
  81. $('.delBtr').click(function() {
  82. $('.delModel').css('display', 'none');
  83. })
  84. //确定删除按钮
  85. $('.sure').click(function() {
  86. $.ajax({
  87. type: "get",
  88. url: huayi.config.callcenter_url+"Area/DelAreas",
  89. async: true,
  90. dataType:'json',
  91. data: {
  92. id: id,
  93. token:token
  94. },
  95. success: function(data) {
  96. if(data.state == "success"){
  97. layer.msg("删除成功!");
  98. setTimeout("window.location.reload()", 800); //页面刷新
  99. // tree();
  100. }
  101. }
  102. });
  103. $('.delModel').css('display', 'none');
  104. })
  105. //取消删除按钮
  106. $('.return').click(function() {
  107. $('.delModel').css('display', 'none');
  108. })
  109. //添加按钮
  110. $('.add').click(function() {
  111. $('.addModel').css('display', 'block');
  112. if(name) {
  113. tps.html(name);
  114. $('.inps1').val(name);
  115. addPid = id;
  116. } else {
  117. tps.html('顶级分类');
  118. $('.inps1').val('顶级分类');
  119. addPid = 0;
  120. }
  121. treeCont();
  122. })
  123. //添加关闭按钮
  124. $('.addBtr').click(function() {
  125. $('.addModel').css('display', 'none');
  126. })
  127. //添加内容下拉
  128. $('.inps1').focus(function() {
  129. $('.xlAdd').css('display', 'block')
  130. })
  131. $('.xl_one').click(function() {
  132. if($('.xlAdd').css('display') == 'block') {
  133. $('.xlAdd').css('display', 'none')
  134. } else {
  135. $('.xlAdd').css('display', 'block')
  136. }
  137. })
  138. $('.addTree').mouseleave(function() {
  139. $(this).css('display', 'none')
  140. })
  141. //保存添加按钮
  142. var addPid,addFenLeiName,addSort;
  143. //添加弹出框内 所属部门下拉框内数据
  144. function treeCont() {
  145. $.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
  146. "token": $.cookie("token"),
  147. // "pid": pid
  148. }, function(result) {
  149. result = $.parseJSON(result);
  150. $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  151. });
  152. }
  153. $('.addCun').click(function(){
  154. console.log(addPid);
  155. if($('.inps2').val()==""){
  156. layer.confirm('所添加分类名称不能为空!', {
  157. btn: ['确定']
  158. });
  159. return;
  160. }else{
  161. addFenLeiName = $('.inps2').val();
  162. addSort = $('.inps3').val();
  163. if (addSort == "")
  164. addSort = 0;
  165. $('.addModel').css('display', 'none');
  166. $.ajax({
  167. type:"post",
  168. url:huayi.config.callcenter_url+"Area/AddArea",
  169. dataType:'json',
  170. async:true,
  171. data:{
  172. pid:addPid,//当前选择节点ID
  173. name:addFenLeiName,//部门名称
  174. sort:addSort,//排列序号
  175. token:token
  176. },
  177. success:function(data){
  178. if(data.state =="success"){
  179. debugger
  180. layer.msg("添加成功!");
  181. // tree();
  182. $('.inps1').val('');
  183. $('.inps2').val('');
  184. $('.inps3').val('');
  185. setTimeout("window.location.reload()", 800); //页面刷新
  186. }
  187. }
  188. });
  189. }
  190. })
  191. //修改按钮
  192. var chanPid,//修改弹出框内 下拉框父节点ID
  193. chanId,//修改弹出框内 下拉框当前节点ID
  194. changeName,//修改弹出框内 下拉框当前节点name
  195. chbcName,//保存的分类名称
  196. chbcSort,//保存的排序号
  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').focus(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: "F_AreaName"
  230. },
  231. simpleData: {
  232. enable: true,
  233. idKey: "F_Id",
  234. pIdKey: "F_ParentId",
  235. rootPId: 0
  236. }
  237. },
  238. callback: {
  239. onClick: changeTreeClick
  240. }
  241. }
  242. function changeTreeClick(event, treeId, treeNode) {
  243. // chanPid = treeNode.pId;
  244. chanId = treeNode.F_Id;
  245. changeName = treeNode.F_AreaName;
  246. $('.inps4').val(changeName);
  247. var pidnode = treeNode.getParentNode();
  248. if(pidnode) {
  249. chanPid = pidnode.F_Id;
  250. } else {
  251. chanPid =0;
  252. }
  253. chbcPid=chanId;
  254. };
  255. //修改弹出框内 所属分类下拉框内数据
  256. function changeTreeCont() {
  257. $.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
  258. "token": $.cookie("token"),
  259. // "pid": pid
  260. }, function(result) {
  261. result = $.parseJSON(result);
  262. $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  263. });
  264. }
  265. function changeAjax(id){
  266. $.ajax({
  267. type:"get",
  268. url:huayi.config.callcenter_url+"Area/GetArea",
  269. dataType:'json',
  270. async:true,
  271. data:{
  272. id:id,
  273. token:token
  274. },
  275. success:function(data){
  276. var chanCon=data.data;
  277. $('.inps4').val(pidName);
  278. chbcPid=chanCon.F_ParentId;
  279. $('.inps5').val(chanCon.F_AreaName);
  280. $('.inps6').val(chanCon.F_Sort);
  281. chbcSort=chanCon.F_Sort;
  282. chbcName=chanCon.F_AreaName;
  283. //console.log(chbcPid)
  284. }
  285. });
  286. }
  287. //修改的保存按钮功能
  288. function changeBaoCunAjax(id,chbcPid,chbcName,chbcSort){
  289. $.ajax({
  290. type:"post",
  291. url:huayi.config.callcenter_url+"Area/AddArea",
  292. async:true,
  293. dataType:'json',
  294. data:{
  295. id:id,
  296. pid:chbcPid,
  297. name:chbcName,
  298. sort:chbcSort,
  299. token:token
  300. },
  301. success:function(data){
  302. if(data.state == "success"){
  303. layer.msg("修改成功!");
  304. setTimeout("window.location.reload()", 800); //页面刷新
  305. // tree();
  306. }
  307. }
  308. });
  309. }
  310. $('.changeCun').click(function(){
  311. if($('.inps4').val()=="" ){
  312. layer.confirm('请选择分类!', {
  313. btn: ['确定']
  314. });
  315. return;
  316. }
  317. else if($('.inps5').val()=="")
  318. {
  319. layer.confirm('所修改分类名称不允许为空!', {
  320. btn: ['确定']
  321. });
  322. return;
  323. }
  324. else {
  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. if (chbcSort == "")
  331. chbcSort = 0;
  332. changeBaoCunAjax(id,chbcPid,chbcName,chbcSort);
  333. }
  334. })