三元财务UI

buMenManger.js 8.0KB

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