12345市长热线标准版-前端

jueSeQuanXian.js 6.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. var token = $.cookie("token");
  2. var table = $('#table1');
  3. var code;
  4. var jsname = $('.searJsz').val();
  5. //搜索功能
  6. $('.search').click(function() {
  7. jsname = $('.searJsz').val()
  8. console.log(jsname);
  9. initTable(token, jsname)
  10. })
  11. //========================添加功能开始=========================
  12. $('.add').click(function() {
  13. $('.addModel').css('display', 'block');
  14. })
  15. //关闭按钮
  16. $('.addBtr').click(function() {
  17. $('.addModel').css('display', 'none');
  18. })
  19. //保存按钮
  20. $('.addCun').click(function() {
  21. if($('.add_jsz').val() == '') {
  22. $('.addJsz_kong').css('display', 'inline-block')
  23. } else {
  24. $('.addModel').css('display', 'none');
  25. ad();
  26. }
  27. })
  28. function ad() {
  29. $.post(huayi.config.callcenter_url + "RoleInfo/AddRole", {
  30. token: token,
  31. rolename: $('.add_jsz').val(), //角色名称
  32. roleremark: $('.add_bz').val() //备注
  33. }, function (data) {
  34. if (data.state.toLowerCase() == 'success') {
  35. layer.msg("添加成功!");
  36. table.bootstrapTable('refresh');
  37. }
  38. });
  39. }
  40. //*************************添加功能结束=========================
  41. //========================修改功能开始=========================
  42. $('.change').click(function() {
  43. if(jsid) {
  44. $('.changeModel').css('display', 'block');
  45. cg(jsid)
  46. } else {
  47. layer.confirm('请选择修改行!', {
  48. btn: ['确定']
  49. });
  50. return;
  51. }
  52. })
  53. //关闭按钮
  54. $('.changeBtr').click(function() {
  55. $('.changeModel').css('display', 'none');
  56. })
  57. //保存按钮
  58. $('.changeCun').click(function() {
  59. if($('.change_jsz').val() == '') {
  60. $('.change_kong').css('display', 'inline-block')
  61. } else {
  62. $('.changeModel').css('display', 'none');
  63. cc(jsid);
  64. }
  65. })
  66. function cg(jsid) {
  67. $.getJSON(huayi.config.callcenter_url + "RoleInfo/GetRole", { token: token, roleid: jsid }, function (data) {
  68. var con = data.data;
  69. if (data.state.toLowerCase() == 'success') {
  70. $('.change_jsz').val(con.F_RoleName);
  71. $('.change_bz').val(con.F_Remark);
  72. }
  73. });
  74. }
  75. function cc(jsid) {
  76. $.post(huayi.config.callcenter_url + "RoleInfo/EditRole", {
  77. token: token,
  78. roleid: jsid, //角色id
  79. rolename: $('.change_jsz').val(), //角色名称
  80. roleremark: $('.change_bz').val() //备注
  81. }, function (data) {
  82. data = JSON.parse(data);
  83. if (data.state.toLowerCase() == 'success') {
  84. layer.msg("修改成功!");
  85. table.bootstrapTable('refresh');
  86. }
  87. });
  88. }
  89. //*************************修改功能结束=========================
  90. //========================删除功能开始=========================
  91. $('.del').click(function() {
  92. if(jsid) {
  93. $('.delModel').css('display', 'block');
  94. } else {
  95. layer.confirm('请选择要删除的行!', {
  96. btn: ['确定']
  97. });
  98. return;
  99. }
  100. })
  101. //关闭按钮
  102. $('.delBtr').click(function() {
  103. $('.delModel').css('display', 'none');
  104. })
  105. //取消按钮
  106. $('.return').click(function() {
  107. $('.delModel').css('display', 'none');
  108. })
  109. //确定按钮
  110. $('.sure').click(function() {
  111. $('.delModel').css('display', 'none');
  112. del(jsid);
  113. })
  114. function del(jsid) {
  115. $.post(huayi.config.callcenter_url + "RoleInfo/DelRole", { token: token, id: jsid }, function (data) {
  116. data = JSON.parse(data);
  117. if (data.state.toLowerCase() == 'success') {
  118. layer.msg("删除成功!");
  119. table.bootstrapTable('refresh');
  120. }
  121. });
  122. }
  123. //*************************删除功能结束=========================
  124. //右边树形结构
  125. tree(jsid);
  126. function tree(jsid) {
  127. $.getJSON(huayi.config.callcenter_url + "RoleFunction/GetRoleFunction", {
  128. "token": $.cookie("token"),
  129. "RoleID": jsid
  130. }, function(result) {
  131. $(result.data).each(function(i, n) {
  132. if(n.ischecked == true) {
  133. n.checked = "true";
  134. }
  135. })
  136. $.fn.zTree.init($("#treeDemo"), setting1, result.data); //实例化树形图
  137. });
  138. }
  139. var setting1 = {
  140. check: {
  141. enable: true,
  142. // chkboxType: {"Y":"", "N":""},
  143. },
  144. data: {
  145. simpleData: {
  146. enable: true,
  147. idKey: "id",
  148. pIdKey: "pid",
  149. rootPId: 0
  150. }
  151. },
  152. callback: {
  153. onCheck: zTreeOnClick
  154. }
  155. };
  156. function zTreeOnClick(event, treeId, treeNode) {
  157. var name = treeNode.name;
  158. };
  159. //保存权限
  160. function pro(app, jsid) {
  161. $.post(huayi.config.callcenter_url + "RoleFunction/SaveRoleFunction", {
  162. token: token,
  163. RoleID: jsid, //角色id
  164. functionIds: app
  165. }, function (data) {
  166. data = JSON.parse(data);
  167. if (data.state.toLowerCase() == 'success') {
  168. layer.confirm('保存权限成功!', {
  169. btn: ['确定']
  170. });
  171. return;
  172. }
  173. });
  174. }
  175. $('.protect').click(function() {
  176. var app = [];
  177. var ztree = $.fn.zTree.getZTreeObj("treeDemo").getCheckedNodes(true);
  178. if (ztree.length > 0) {
  179. $.each(ztree, function (i, n) {
  180. app.push(n.id);
  181. });
  182. pro(app, jsid);
  183. }
  184. else {
  185. layer.confirm('请选择权限!', {
  186. btn: ['确定']
  187. });
  188. }
  189. })
  190. //左边表格
  191. initTable(token, jsname);
  192. function initTable(token, jsname) {
  193. //先销毁表格
  194. table.bootstrapTable('destroy');
  195. //初始化表格,动态从服务器加载数据
  196. table.bootstrapTable({
  197. method: "get", //使用get请求到服务器获取数据
  198. url: huayi.config.callcenter_url+"RoleInfo/GetRoleList", //获取数据的Servlet地址
  199. // url: "jueSeQuanXian.json", //获取数据的Servlet地址
  200. contentType: "application/x-www-form-urlencoded",striped: true, //表格显示条纹
  201. pagination: true, //启动分页
  202. pageSize: 10, //每页显示的记录数
  203. pageNumber: 1, //当前第几页
  204. pageList: [10, 20, 50, 100], //记录数可选列表
  205. search: false, //是否启用查询
  206. showColumns: false, //显示下拉框勾选要显示的列
  207. showRefresh: false, //显示刷新按钮
  208. sidePagination: "server", //表示服务端请求
  209. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  210. //设置为limit可以获取limit, offset, search, sort, order
  211. queryParamsType: "undefined",
  212. queryParams: function queryParams(params) { //设置查询参数
  213. var param = {
  214. pageindex: params.pageNumber,
  215. pagesize: params.pageSize,
  216. token: token,
  217. name: jsname //角色名称
  218. };
  219. return param;
  220. },
  221. onLoadSuccess: function() { //加载成功时执行
  222. //layer.msg("加载成功");
  223. },
  224. onLoadError: function() { //加载失败时执行
  225. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  226. }
  227. });
  228. }
  229. /*选中行添加背景颜色*/
  230. var jsid;
  231. table.on("click-row.bs.table", function(e, row, ele) {
  232. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  233. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  234. jsid = row.F_RoleId;
  235. tree(jsid);
  236. });
  237. function setCode(val, row, index) {
  238. return index + 1;
  239. }