12345市长热线标准版-前端

jueSeQuanXian.js 6.7KB

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