商丘市柘城县——前端

CaiDanGuanli.js 7.7KB

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