商丘12345 前端

jueSeQuanXian.js 7.5KB

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