Sin descripción

CaiDanGuanli.js 6.5KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260
  1. var tree;
  2. var node;
  3. var table = $("#table1");
  4. $(document).ready(function() {
  5. bindtree();
  6. initTable(-1);
  7. $(".add").click(function() {
  8. $(".parent").hide();
  9. $(".addModel").css('display', 'block');
  10. cleanText();
  11. $(".pid").val(-1);
  12. $(".btl").text('添加菜单信息');
  13. })
  14. $(".addcd").click(function() {
  15. cleanText();
  16. $(".btl").text('添加菜单信息');
  17. $(".pid").val('')
  18. var nodes = tree.getSelectedNodes();
  19. if(nodes.length != 1) {
  20. layer.confirm('请选择一条记录!', {
  21. btn: ['确定']
  22. });
  23. return;
  24. } else {
  25. node = nodes[0];
  26. // if(node.level == 1) {
  27. // layer.confirm('不能新增菜单!', {
  28. // btn: ['确定']
  29. // });
  30. // return;
  31. // } else {
  32. $(".parent").show();
  33. $('.addModel').css('display', 'block');
  34. $("input[type='text']").val("");
  35. $("input[type='hidden']").val("");
  36. $(".pid").val(node.F_FunctionId);
  37. $(".pname").val(node.F_FunctionName);
  38. // }
  39. }
  40. })
  41. $(".change").click(function() {
  42. $(".btl").text('修改菜单信息');
  43. $(".parent").hide();
  44. $("input[type='text']").val("");
  45. $("input[type='hidden']").val("");
  46. var nodes = tree.getSelectedNodes();
  47. if(nodes.length != 1) {
  48. layer.confirm('请选择一条记录!', {
  49. btn: ['确定']
  50. });
  51. return;
  52. } else {
  53. node = nodes[0];
  54. $(".id").val(node.F_FunctionId);
  55. $(".pid").val(-1);
  56. if(node.level >= 1) {
  57. var pnode = node.getParentNode();
  58. $(".pid").val(pnode.F_FunctionId);
  59. $(".pname").val(pnode.F_FunctionName);
  60. $(".parent").show();
  61. }
  62. $.getJSON(huayi.config.callcenter_url + "Function/GetFunction", {
  63. id: node.F_FunctionId,
  64. "token": $.cookie("token"),
  65. }, function(result) {
  66. if(result.state.toLowerCase() == "success") {
  67. $(".id").val(result.data.F_FunctionId);
  68. $(".name").val(result.data.F_FunctionName);
  69. $(".code").val(result.data.F_FunctionCode);
  70. $(".sort").val(result.data.F_Sort);
  71. $(".url").val(result.data.F_OptUrl);
  72. $(".img").val(result.data.F_ImgUrl);
  73. $(".remark").val(result.data.F_Remark);
  74. $('input[name="state"]').removeAttr("checked");
  75. $("input[name='state'][value='" + result.data.F_State + "']").prop("checked", "checked");
  76. $(".addModel").show();
  77. }
  78. });
  79. }
  80. })
  81. $(".save").click(function() {
  82. $.post(huayi.config.callcenter_url + "Function/AddFunction", {
  83. pid: $(".pid").val(),
  84. id: $(".id").val(),
  85. name: $(".name").val(),
  86. sort: $(".sort").val(),
  87. url: $(".url").val(),
  88. img: $(".img").val(),
  89. code: $(".code").val(),
  90. remark: $(".remark").val(),
  91. state: $('input[name="state"]:checked').val(),
  92. "token": $.cookie("token")
  93. }, function(result) {
  94. result = JSON.parse(result);
  95. if(result.state.toLowerCase() == "success") {
  96. layer.msg(result.message);
  97. $('.addModel').css('display', 'none');
  98. bindtree();
  99. cleanText();
  100. }
  101. })
  102. })
  103. $(".del").click(function() {
  104. var nodes = tree.getSelectedNodes();
  105. if(nodes.length != 1) {
  106. layer.confirm('请选择一条记录!', {
  107. btn: ['确定']
  108. });
  109. return;
  110. } else {
  111. node = nodes[0];
  112. $('.delModel').css('display', 'block');
  113. $('.delName').html(node.F_FunctionName);
  114. }
  115. })
  116. //关闭按钮
  117. $('.addBtr').click(function() {
  118. $('.addModel').css('display', 'none');
  119. })
  120. //关闭按钮
  121. $('.delBtr').click(function() {
  122. $('.delModel').css('display', 'none');
  123. })
  124. //取消按钮
  125. $('.return').click(function() {
  126. $('.delModel').css('display', 'none');
  127. })
  128. //确定删除按钮
  129. $('.sure').click(function() {
  130. var ids = [];
  131. ids.push(node.F_FunctionId);
  132. $.post(huayi.config.callcenter_url + "Function/DelFunction", {
  133. ids: ids,
  134. "token": $.cookie("token")
  135. }, function(result) {
  136. result = JSON.parse(result);
  137. if(result.state.toLowerCase() == "success") {
  138. layer.msg(result.message);
  139. $('.delModel').css('display', 'none');
  140. bindtree();
  141. initTable();
  142. cleanText();
  143. }
  144. })
  145. })
  146. })
  147. ///树形图构建
  148. function bindtree() {
  149. $.getJSON(huayi.config.callcenter_url + "Function/GetAllList", {
  150. "token": $.cookie("token"),
  151. }, function(result) {
  152. if(result.state.toLowerCase() == "success") {
  153. tree = $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
  154. }
  155. });
  156. }
  157. var setting1 = {
  158. data: {
  159. key: {
  160. name: "F_FunctionName"
  161. },
  162. simpleData: {
  163. enable: true,
  164. idKey: "F_FunctionId",
  165. pIdKey: "F_ParentId",
  166. rootPId: -1
  167. }
  168. },
  169. callback: {
  170. onClick: zTreeOnClick
  171. }
  172. };
  173. function zTreeOnClick(event, treeId, treeNode) {
  174. initTable(treeNode.F_FunctionId);
  175. };
  176. //右边表格
  177. function initTable(id) {
  178. //先销毁表格
  179. table.bootstrapTable('destroy');
  180. //初始化表格,动态从服务器加载数据
  181. table.bootstrapTable({
  182. method: "get", //使用get请求到服务器获取数据
  183. url: huayi.config.callcenter_url + "Function/GetList", //获取数据的Servlet地址
  184. contentType: "application/x-www-form-urlencoded",
  185. striped: true, //表格显示条纹
  186. pagination: true, //启动分页
  187. pageSize: 10, //每页显示的记录数
  188. pageNumber: 1, //当前第几页
  189. pageList: [10, 20, 50, 100], //记录数可选列表
  190. search: false, //是否启用查询
  191. showColumns: false, //显示下拉框勾选要显示的列
  192. showRefresh: false, //显示刷新按钮
  193. sidePagination: "server", //表示服务端请求
  194. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  195. //设置为limit可以获取limit, offset, search, sort, order
  196. queryParamsType: "undefined",
  197. queryParams: function queryParams(params) { //设置查询参数
  198. var param = {
  199. page: params.pageNumber,
  200. pagesize: params.pageSize,
  201. token: $.cookie("token"),
  202. pid: id,
  203. };
  204. return param;
  205. },
  206. onLoadSuccess: function(data) { //加载成功时执行
  207. //layer.msg("加载成功");
  208. },
  209. onLoadError: function() { //加载失败时执行
  210. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  211. }
  212. });
  213. }
  214. //编号
  215. function setCode(val, row, index) {
  216. //return index + 1;
  217. var page = table.bootstrapTable("getPageCode");
  218. return page.pageSize * (page.pageNumber - 1) + index + 1;
  219. }
  220. //状态{
  221. function States(val) {
  222. var str = '';
  223. switch(val + '') {
  224. case '0':
  225. str = "未启用";
  226. break;
  227. case '1':
  228. str = "启用";
  229. break;
  230. }
  231. return str;
  232. }
  233. //跳转
  234. document.onkeydown = function(e) {
  235. var theEvent = window.event || e;
  236. var code = theEvent.keyCode || theEvent.which;
  237. if(code == 13) {
  238. $('#table1').bootstrapTable('selectPage', $(".JumpPage").val());
  239. }
  240. }
  241. function cleanText() {
  242. $(".name").val('');
  243. $(".code").val('');
  244. $(".sort").val('');
  245. $(".url").val('');
  246. $(".img").val('');
  247. $(".remark").val('');
  248. $(".pid").val('');
  249. $(".id").val('');
  250. }