Нет описания

Region.js 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384
  1. var tps = $('.tps');
  2. var id = ''; //当前节点id
  3. var name; //当前节点name
  4. var pid; //当前节点父ID
  5. var pidName;//
  6. var addPidnode;
  7. var xlName; //添加弹出框内下拉框内节点name
  8. var token = $.cookie("token");
  9. var headerid;
  10. var treeNodeNum;
  11. var treeNodeNumedit;
  12. tree();
  13. function tree() {
  14. $.get(huayi.config.callcenter_url + 'RegionCategory/GetRegionList', {
  15. "token": $.cookie("token"),
  16. // "pid": pid
  17. pId:0
  18. }, function(result) {
  19. result = $.parseJSON(result);
  20. $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
  21. });
  22. }
  23. var setting1 = {
  24. data: {
  25. key: {
  26. name: "text"
  27. },
  28. simpleData: {
  29. enable: true,
  30. idKey: "id",
  31. rootPId: 0
  32. }
  33. },
  34. callback: {
  35. onClick: zTreeOnClick
  36. }
  37. };
  38. function zTreeOnClick(event, treeId, treeNode) {
  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. treeNodeNum=treeNode.level
  68. //addPidnode = treeNode.getParentNode().id;
  69. console.log(addPid);
  70. xlName = treeNode.text;
  71. $('.inps1').val(xlName);
  72. };
  73. //删除按钮
  74. $('.del').click(function() {
  75. if(id == 'null' || id == '') {
  76. layer.confirm('没有要删除的分类!', {
  77. btn: ['确定']
  78. });
  79. return
  80. } else {
  81. $('.delModel').css('display', 'block');
  82. $('.delName').html(name);
  83. }
  84. })
  85. //关闭按钮
  86. $('.delBtr').click(function() {
  87. $('.delModel').css('display', 'none');
  88. })
  89. //确定删除按钮
  90. $('.sure').click(function() {
  91. $.ajax({
  92. type: "post",
  93. url: huayi.config.callcenter_url + "RegionCategory/DelRegion",
  94. async: true,
  95. dataType: 'json',
  96. data: {
  97. ids: id,
  98. token: token
  99. },
  100. success: function(data) {
  101. if(data.state == "success") {
  102. layer.msg("删除成功!");
  103. window.location.reload();
  104. tree();
  105. }
  106. }
  107. });
  108. $('.delModel').css('display', 'none');
  109. })
  110. //取消删除按钮
  111. $('.return').click(function() {
  112. $('.delModel').css('display', 'none');
  113. })
  114. //添加按钮
  115. $('.add').click(function() {
  116. $('.addModel').css('display', 'block');
  117. if(name) {
  118. tps.html(name);
  119. $('.inps1').val(name);
  120. addPid = id;
  121. } else {
  122. tps.html('顶级分类');
  123. $('.inps1').val('顶级分类');
  124. addPid = 0;
  125. }
  126. treeCont();
  127. })
  128. //添加关闭按钮
  129. $('.addBtr').click(function() {
  130. $('.addModel').css('display', 'none');
  131. })
  132. //添加内容下拉
  133. $('.inps1').focus(function() {
  134. $('.xlAdd').css('display', 'block')
  135. })
  136. $('.xl_one').click(function() {
  137. if($('.xlAdd').css('display') == 'block') {
  138. $('.xlAdd').css('display', 'none')
  139. } else {
  140. $('.xlAdd').css('display', 'block')
  141. }
  142. })
  143. $('.addTree').mouseleave(function() {
  144. $(this).css('display', 'none')
  145. })
  146. //保存添加按钮
  147. var addPid, addDeptname, addSort;
  148. //添加弹出框内 所属部门下拉框内数据
  149. function treeCont() {
  150. $.get(huayi.config.callcenter_url + 'RegionCategory/GetRegionList', {
  151. "token": $.cookie("token"),
  152. // "pid": pid
  153. pId:0
  154. }, function(result) {
  155. result = $.parseJSON(result);
  156. $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  157. });
  158. }
  159. $('.addCun').click(function() {
  160. // console.log(addPid);
  161. layerNum=treeNodeNum+2;
  162. if($('.inps2').val() == "") {
  163. if (addPid.length <= 0) {
  164. layer.confirm('所添加内容不能为空!', {
  165. btn: ['确定']
  166. });
  167. return;
  168. }
  169. } else {
  170. addDeptname = $('.inps2').val();
  171. // addSort = $('.inps3').val();
  172. if (addSort == "")
  173. addSort = 0;
  174. $('.addModel').css('display', 'none');
  175. $.ajax({
  176. type: "post",
  177. url: huayi.config.callcenter_url + "RegionCategory/AddRegion",
  178. dataType: 'json',
  179. async: true,
  180. data: {
  181. F_ParentId: addPid, //当前选择节点ID
  182. F_RegionName: $('.inps2').val(),//权限范围
  183. F_Layer:layerNum,
  184. F_Sort: 0, //排列序号
  185. // deptname: F_RegionName, //部门名称
  186. // TypeId: $('#add_oparate').val(),//操作权限
  187. // Remark: $('#add_remark').val(),
  188. token: token
  189. },
  190. success: function(data) {
  191. // console.log(data)
  192. // console.log(data.state);
  193. if(data.state == "success") {
  194. debugger
  195. layer.msg("添加成功!");
  196. window.location.reload();
  197. tree();
  198. $('.inps1').val('');
  199. $('.inps2').val('');
  200. // $('.inps3').val('');
  201. // $('#add_author').val('9');//权限范围
  202. // $('#add_oparate').val('1');//操作权限
  203. // $('#add_remark').val('');
  204. //
  205. }
  206. }
  207. });
  208. }
  209. })
  210. //修改按钮
  211. var chanPid, //修改弹出框内 下拉框父节点ID
  212. chanId, //修改弹出框内 下拉框当前节点ID
  213. changeName, //修改弹出框内 下拉框当前节点name
  214. chbcName, //保存的部门名称
  215. chbcSort, //保存的排序号
  216. chbcPid; //保存的所属部门ID
  217. $('.change').click(function() {
  218. if(id == 'null' || id == '') {
  219. layer.confirm('没有选择要修改的地区!', {
  220. btn: ['确定']
  221. })
  222. return
  223. } else {
  224. changeAjax(id);
  225. $('.changeModel').css('display', 'block');
  226. $('.chtps').html(name);
  227. $('#treeDemo').bootstrapTable('refresh');
  228. changeTreeCont();
  229. }
  230. });
  231. //关闭按钮
  232. $('.changeBtr').click(function() {
  233. $('.changeModel').css('display', 'none');
  234. }) ;
  235. $('.inps4').focus(function() {
  236. $('.xlChange').css('display', 'block')
  237. })
  238. //下拉按钮功能
  239. $('.xl_two').click(function() {
  240. if($('.xlChange').css('display') == 'block') {
  241. $('.xlChange').css('display', 'none')
  242. } else {
  243. $('.xlChange').css('display', 'block')
  244. }
  245. })
  246. //修改弹出框内 下拉树形图参数配置项
  247. var setting3 = {
  248. data: {
  249. key: {
  250. name: "text"
  251. },
  252. simpleData: {
  253. enable: true,
  254. idKey: "id",
  255. rootPId: 0
  256. }
  257. },
  258. callback: {
  259. onClick: changeTreeClick
  260. }
  261. }
  262. function changeTreeClick(event, treeId, treeNode) {
  263. // chanPid = treeNode.pId;
  264. chanId = treeNode.id;
  265. treeNodeNumedit=treeNode.level
  266. changeName = treeNode.text;
  267. $('.inps4').val(changeName);
  268. var pidnode = treeNode.getParentNode();
  269. if(pidnode) {
  270. chanPid = pidnode.id;
  271. } else {
  272. chanPid =0;
  273. }
  274. chbcPid=chanId;
  275. };
  276. //修改弹出框内 所属部门下拉框内数据
  277. function changeTreeCont() {
  278. $.get(huayi.config.callcenter_url + 'RegionCategory/GetRegionList', {
  279. "token": $.cookie("token"),
  280. // "pid": pid
  281. pId: 0
  282. }, function(result) {
  283. result = $.parseJSON(result);
  284. $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  285. });
  286. }
  287. function changeAjax(id) {
  288. $.ajax({
  289. type: "get",
  290. url: huayi.config.callcenter_url + "RegionCategory/GetRegion",
  291. dataType: 'json',
  292. async: true,
  293. data: {
  294. deptId: id,
  295. token: token,
  296. },
  297. success: function(data) {
  298. var chanCon = data.data;
  299. if(pid == 0) {
  300. $('.inps4').val('顶级分类');
  301. chbcPid =pid;
  302. } else {
  303. $('.inps4').val(chanCon.F_RegionName);
  304. chbcPid = chanCon.F_ParentId;
  305. }
  306. $('.inps5').val(chanCon.F_RegionName);
  307. headerid=chanCon.F_Sort
  308. // $('#edit_author').val(chanCon.headerid);//权限范围
  309. // $('#edit_oparate').val(chanCon.TypeId);//操作权限
  310. // $('.inps6').val(chanCon.sort);
  311. // $('#edit_remark').val(chanCon.remark);
  312. chbcSort = chanCon.sort;
  313. chbcName = chanCon.F_RegionName;
  314. }
  315. });
  316. }
  317. //修改的保存按钮功能
  318. function changeBaoCunAjax(id, chbcPid, chbcName, chbcSort) {
  319. var layerNumedit
  320. if(treeNodeNumedit){
  321. layerNumedit=treeNodeNumedit+2;
  322. }else{
  323. layerNumedit=headerid
  324. }
  325. $.ajax({
  326. type: "post",
  327. url: huayi.config.callcenter_url + "RegionCategory/EditRegion",
  328. async: true,
  329. dataType: 'json',
  330. data: {
  331. F_ParentId:chbcPid,//地区编号
  332. F_RegionId:id,
  333. // pid: chbcPid,
  334. F_Sort:0,
  335. F_Layer:layerNumedit,
  336. F_RegionName: $('.inps5').val(),
  337. token: token
  338. },
  339. success: function(data) {
  340. if(data.state == "success") {
  341. debugger
  342. $('#treeDemo').bootstrapTable('refresh');
  343. layer.msg("修改成功!");
  344. window.location.reload();
  345. tree();
  346. }
  347. }
  348. });
  349. }
  350. $('.changeCun').click(function() {
  351. if($('.inps4').val() == "" || $('.inps5').val() == "") {
  352. layer.confirm('所修改内容不允许为空!', {
  353. btn: ['确定']
  354. });
  355. return;
  356. } else {
  357. $('.changeModel').css('display', 'none');
  358. console.log('部门id'+id +'所属部门id' + chbcPid +'部门名称'+chbcName+'排序'+chbcSort);
  359. chbcPid;
  360. chbcName = $('.inps4').val();
  361. chbcSort = $('.inps5').val();
  362. changeBaoCunAjax(id, chbcPid, chbcName, chbcSort);
  363. }
  364. })