思念食品 UI

proManagement.js 7.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354
  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. tree();
  99. }
  100. }
  101. });
  102. $('.delModel').css('display', 'none');
  103. })
  104. //取消删除按钮
  105. $('.return').click(function() {
  106. $('.delModel').css('display', 'none');
  107. })
  108. //添加按钮
  109. $('.add').click(function() {
  110. $('.addModel').css('display', 'block');
  111. if(name) {
  112. tps.html(name);
  113. $('.inps1').val(name);
  114. addPid = id;
  115. } else {
  116. tps.html('顶级分类');
  117. $('.inps1').val('顶级分类');
  118. addPid = 0;
  119. }
  120. treeCont();
  121. })
  122. //添加关闭按钮
  123. $('.addBtr').click(function() {
  124. $('.addModel').css('display', 'none');
  125. })
  126. //添加内容下拉
  127. $('.inps1').focus(function() {
  128. $('.xlAdd').css('display', 'block')
  129. })
  130. $('.xl_one').click(function() {
  131. if($('.xlAdd').css('display') == 'block') {
  132. $('.xlAdd').css('display', 'none')
  133. } else {
  134. $('.xlAdd').css('display', 'block')
  135. }
  136. })
  137. $('.addTree').mouseleave(function() {
  138. $(this).css('display', 'none')
  139. })
  140. //保存添加按钮
  141. var addPid,addFenLeiName,addSort;
  142. //添加弹出框内 所属部门下拉框内数据
  143. function treeCont() {
  144. $.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
  145. "token": $.cookie("token"),
  146. // "pid": pid
  147. }, function(result) {
  148. result = $.parseJSON(result);
  149. $.fn.zTree.init($("#addTreeDemo"), setting2, result.data); //实例化树形图
  150. });
  151. }
  152. $('.addCun').click(function(){
  153. console.log(addPid);
  154. if($('.inps2').val()==""){
  155. layer.confirm('所添加分类名称不能为空!', {
  156. btn: ['确定']
  157. });
  158. return;
  159. }else{
  160. addFenLeiName = $('.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+"Area/AddArea",
  168. dataType:'json',
  169. async:true,
  170. data:{
  171. pid:addPid,//当前选择节点ID
  172. name:addFenLeiName,//部门名称
  173. sort:addSort,//排列序号
  174. token:token
  175. },
  176. success:function(data){
  177. if(data.state =="success"){
  178. debugger
  179. layer.msg("添加成功!");
  180. tree();
  181. $('.inps1').val('');
  182. $('.inps2').val('');
  183. $('.inps3').val('');
  184. }
  185. }
  186. });
  187. }
  188. })
  189. //修改按钮
  190. var chanPid,//修改弹出框内 下拉框父节点ID
  191. chanId,//修改弹出框内 下拉框当前节点ID
  192. changeName,//修改弹出框内 下拉框当前节点name
  193. chbcName,//保存的分类名称
  194. chbcSort,//保存的排序号
  195. chbcPid;//保存的所属分类ID
  196. $('.change').click(function(){
  197. if(id == 'null' || id == '' ) {
  198. layer.confirm('没有选择要修改的分类!', {
  199. btn: ['确定']
  200. })
  201. return
  202. } else {
  203. changeAjax(id);
  204. $('.changeModel').css('display', 'block');
  205. $('.chtps').html(name);
  206. changeTreeCont();
  207. }
  208. })
  209. $('.changeBtr').click(function(){
  210. $('.changeModel').css('display', 'none');
  211. })
  212. $('.inps4').focus(function() {
  213. $('.xlChange').css('display', 'block')
  214. })
  215. //下拉按钮功能
  216. $('.xl_two').click(function() {
  217. if($('.xlChange').css('display') == 'block') {
  218. $('.xlChange').css('display', 'none')
  219. } else {
  220. $('.xlChange').css('display', 'block')
  221. }
  222. })
  223. //修改弹出框内 下拉树形图参数配置项
  224. var setting3= {
  225. data: {
  226. key: {
  227. name: "F_AreaName"
  228. },
  229. simpleData: {
  230. enable: true,
  231. idKey: "F_Id",
  232. pIdKey: "F_ParentId",
  233. rootPId: 0
  234. }
  235. },
  236. callback: {
  237. onClick: changeTreeClick
  238. }
  239. }
  240. function changeTreeClick(event, treeId, treeNode) {
  241. // chanPid = treeNode.pId;
  242. chanId = treeNode.F_Id;
  243. changeName = treeNode.F_AreaName;
  244. $('.inps4').val(changeName);
  245. var pidnode = treeNode.getParentNode();
  246. if(pidnode) {
  247. chanPid = pidnode.F_Id;
  248. } else {
  249. chanPid =0;
  250. }
  251. chbcPid=chanId;
  252. };
  253. //修改弹出框内 所属分类下拉框内数据
  254. function changeTreeCont() {
  255. $.get(huayi.config.callcenter_url + 'Area/GetAreaList', {
  256. "token": $.cookie("token"),
  257. // "pid": pid
  258. }, function(result) {
  259. result = $.parseJSON(result);
  260. $.fn.zTree.init($("#changeTreeDemo"), setting3, result.data); //实例化树形图
  261. });
  262. }
  263. function changeAjax(id){
  264. $.ajax({
  265. type:"get",
  266. url:huayi.config.callcenter_url+"Area/GetArea",
  267. dataType:'json',
  268. async:true,
  269. data:{
  270. id:id,
  271. token:token
  272. },
  273. success:function(data){
  274. var chanCon=data.data;
  275. $('.inps4').val(pidName);
  276. chbcPid=chanCon.F_ParentId;
  277. $('.inps5').val(chanCon.F_AreaName);
  278. $('.inps6').val(chanCon.F_Sort);
  279. chbcSort=chanCon.F_Sort;
  280. chbcName=chanCon.F_AreaName;
  281. //console.log(chbcPid)
  282. }
  283. });
  284. }
  285. //修改的保存按钮功能
  286. function changeBaoCunAjax(id,chbcPid,chbcName,chbcSort){
  287. $.ajax({
  288. type:"post",
  289. url:huayi.config.callcenter_url+"Area/AddArea",
  290. async:true,
  291. dataType:'json',
  292. data:{
  293. id:id,
  294. pid:chbcPid,
  295. name:chbcName,
  296. sort:chbcSort,
  297. token:token
  298. },
  299. success:function(data){
  300. if(data.state == "success"){
  301. layer.msg("修改成功!");
  302. tree();
  303. }
  304. }
  305. });
  306. }
  307. $('.changeCun').click(function(){
  308. if($('.inps4').val()=="" ){
  309. layer.confirm('请选择分类!', {
  310. btn: ['确定']
  311. });
  312. return;
  313. }
  314. else if($('.inps5').val()=="")
  315. {
  316. layer.confirm('所修改分类名称不允许为空!', {
  317. btn: ['确定']
  318. });
  319. return;
  320. }
  321. else {
  322. $('.changeModel').css('display', 'none');
  323. //console.log('分类id'+id +'所属分类id' + chbcPid +'分类名称'+chbcName+'排序'+chbcSort);
  324. chbcPid;
  325. chbcName=$('.inps5').val();
  326. chbcSort = $('.inps6').val();
  327. if (chbcSort == "")
  328. chbcSort = 0;
  329. changeBaoCunAjax(id,chbcPid,chbcName,chbcSort);
  330. }
  331. })