12345市长热线标准版-前端

yongHuManger.js 15KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492
  1. var token = $.cookie("token");
  2. var keyWord ; //关键字
  3. var tree; //部门树
  4. var table = $('#table1'); //右边表格
  5. var userid;
  6. var usercode;
  7. var username;
  8. $(document).ready(function () {
  9. bindtree();
  10. initTable();
  11. bindrole();
  12. //搜索按钮
  13. $('.searchGo').click(function () {
  14. initTable();
  15. })
  16. //===============添加功能开始=============================
  17. laydate.skin('molv');
  18. //用户生日
  19. laydate({
  20. elem: '#ygbirth',
  21. event: 'focus',
  22. istoday: true,
  23. format: 'YYYY-MM-DD',
  24. // 分隔符可以任意定义,该例子表示只显示年月
  25. });
  26. //下拉
  27. $('.inps').focus(function () {
  28. $(this).siblings('.addTree').css('display', 'block');
  29. })
  30. $('.xl').click(function () {
  31. var xl = $(this).siblings('.addTree');
  32. if (xl.css('display') == 'block') {
  33. xl.css('display', 'none')
  34. } else {
  35. xl.css('display', 'block')
  36. }
  37. })
  38. $('.addTree').mouseleave(function () {
  39. $(this).css('display', 'none')
  40. })
  41. //添加按钮
  42. $('.add').click(function () {
  43. $('.addModel').css('display', 'block');
  44. })
  45. $('.addBtr').click(function () {
  46. $('.addModel').css('display', 'none');
  47. })
  48. //保存添加按钮
  49. $('.addCun').click(function () {
  50. if ($('.add_ygName').val() == '' || $('.add_ygCode').val() == '' || $('.add_pwd').val() == '' || $('.inps1').val() == '' || $('.inps2').val() == '') {
  51. layer.confirm('标红内容不允许为空!', {
  52. btn: ['确定']
  53. });
  54. return;
  55. } else if ($('.add_pwd').val() !== $('.add_pwd2').val()) {
  56. layer.confirm('密码输入不一致!', {
  57. btn: ['确定']
  58. });
  59. return;
  60. } else {
  61. addCun();
  62. }
  63. })
  64. //所属角色列表
  65. $('.xlAdd_one ul').on('click', 'li', function () {
  66. $('.inps1').val($(this).html());
  67. $(".add_roleid").val($(this).attr('data-id'));
  68. $(this).parent().parent().css('display', 'none');
  69. })
  70. //***********************添加功能结束=============================
  71. //=======================修改功能开始==============================
  72. laydate.skin('molv');
  73. //用户生日
  74. laydate({
  75. elem: '#chan_ygbirth',
  76. event: 'focus',
  77. istoday: true,
  78. format: 'YYYY-MM-DD',
  79. // 分隔符可以任意定义,该例子表示只显示年月
  80. });
  81. $('.change').click(function () {
  82. if (userid) {
  83. $('.changeModel').css('display', 'block');
  84. getYG();
  85. } else {
  86. layer.confirm('请选择要修改的行!', {
  87. btn: ['确定']
  88. });
  89. return;
  90. }
  91. })
  92. //所属角色列表
  93. $('.xlChan_four ul').on('click', 'li', function () {
  94. $('.inps4').val($(this).html());
  95. $(".change_roleid").val($(this).attr("data-id"));
  96. $(this).parent().parent().css('display', 'none');
  97. })
  98. //关闭按钮
  99. $('.changeBtr').click(function () {
  100. $('.changeModel').css('display', 'none');
  101. })
  102. //保存按钮
  103. $('.changeCun').click(function () {
  104. $.post(huayi.config.callcenter_url + "UserAccount/EditUsers", {
  105. token: token,
  106. userid: $(".change_id").val(),
  107. usercode: $('.change_ygCode').val(),
  108. username: $('.change_ygName').val(),
  109. password: $(".change_pwd").val(),
  110. worknumber: $('.change_ygCode').val(),
  111. deptid: $(".change_did").val(),
  112. roleid: $(".change_roleid").val(),
  113. isseat: $('.change_hwb input[name="huwu"]:checked ').val(),
  114. searright: $('.change_zxqx input[name="zxqx"]:checked ').val(),
  115. sex: $('.changeSex input[name="sex"]:checked ').val(),
  116. mobile: $('.change_mobile').val(),
  117. telphone: $('.change_telphone').val(),
  118. birth: $('#chan_ygbirth').val(),
  119. remark: $('.change_remark').val()
  120. }, function (data) {
  121. data = JSON.parse(data);
  122. if (data.state.toLowerCase() == "success") {
  123. layer.msg("修改成功!");
  124. $(".change_id").val("");
  125. $(".change_ygCode").val("");
  126. $(".change_ygName").val("");
  127. $(".change_pwd").val("");
  128. $(".change_did").val("");
  129. $(".change_roleid").val("");
  130. $(".change_mobile").val("");
  131. $(".change_telphone").val("");
  132. $("#chan_ygbirth").val("");
  133. $(".change_remark").val("");
  134. initTable();
  135. $('.changeModel').css('display', 'none');
  136. }
  137. });
  138. })
  139. //***********************修改功能结束==============================
  140. //=======================重设功能开始==============================
  141. $('.again').click(function () {
  142. if (usercode) {
  143. $('.againModel').css('display', 'block');
  144. $('.again_ygName').val(username);
  145. $('.again_ygCode').val(usercode);
  146. $('.again_pwd').val("");
  147. $('.again_pwd2').val("");
  148. } else {
  149. layer.confirm('请选择要重设密码的用户!', {
  150. btn: ['确定']
  151. });
  152. return;
  153. }
  154. })
  155. //关闭按钮
  156. $('.agBtr').click(function () {
  157. $('.againModel').css('display', 'none');
  158. })
  159. //确定按钮
  160. $('.again_Cun').click(function () {
  161. if ($('.again_pwd').val() !== $('.again_pwd2').val()) {
  162. layer.confirm('密码不一致,请重新输入!', {
  163. btn: ['确定']
  164. });
  165. return;
  166. $('.again_pwd2').val('');
  167. } else {
  168. $('.againModel').css('display', 'none');
  169. cs(usercode); //重设密码
  170. }
  171. })
  172. //***********************重设功能结束==============================
  173. //=======================禁用功能开始==============================
  174. $('.ban').click(function () {
  175. if (userid) {
  176. $('.banModel').css('display', 'block');
  177. } else {
  178. layer.confirm('请选择行!', {
  179. btn: ['确定']
  180. });
  181. return;
  182. }
  183. })
  184. //关闭按钮
  185. $('.banBtr').click(function () {
  186. $('.banModel').css('display', 'none');
  187. })
  188. //取消按钮
  189. $('.banReturn').click(function () {
  190. $('.banModel').css('display', 'none');
  191. })
  192. //确定按钮
  193. $('.banSure').click(function () {
  194. bu(1);
  195. })
  196. //***********************禁用功能结束==============================
  197. //=======================启用功能开始==============================
  198. $('.using').click(function () {
  199. if (userid) {
  200. $('.useModel').css('display', 'block');
  201. } else {
  202. layer.confirm('请选择行!', {
  203. btn: ['确定']
  204. });
  205. return;
  206. }
  207. })
  208. //关闭按钮
  209. $('.useBtr').click(function () {
  210. $('.useModel').css('display', 'none');
  211. })
  212. //取消按钮
  213. $('.useReturn').click(function () {
  214. $('.useModel').css('display', 'none');
  215. })
  216. //确定按钮
  217. $('.useSure').click(function () {
  218. bu(0);
  219. })
  220. //***********************启用功能结束==============================
  221. table.on("click-row.bs.table", function (e, row, ele) {
  222. $('.success').removeClass('success'); //去除之前选中的行的,选中样式
  223. $(ele).addClass('success'); //添加当前选中的 success样式用于区别
  224. userid = row.F_UserId;
  225. usercode = row.F_UserCode;
  226. username = row.F_UserName;
  227. });
  228. })
  229. function bindtree() {
  230. $.getJSON(huayi.config.callcenter_url + "Department/GetDeptZTreeList", { "token": $.cookie("token") }, function (result) {
  231. if (result.state.toLowerCase() == "success") {
  232. tree = $.fn.zTree.init($("#treeDemo"), setting1, result.data);
  233. $.fn.zTree.init($("#xlAdd_depTree"), setting2, result.data);
  234. $.fn.zTree.init($("#xlChan_depTree"), setting3, result.data);
  235. }
  236. })
  237. }
  238. //获取所属部门
  239. var setting1 = {
  240. data: {},
  241. callback: {
  242. onClick: zTreeOnClick
  243. }
  244. };
  245. function zTreeOnClick(event, treeId, treeNode) {
  246. if (treeNode.level == 2) {
  247. keyWord = $('.searCon').val();
  248. initTable(token, treeNode.id, keyWord);
  249. }
  250. };
  251. //获取所属部门
  252. var setting2 = {
  253. data: {},
  254. callback: {
  255. onClick: ztreeDep
  256. }
  257. };
  258. function ztreeDep(event, treeId, treeNode) {
  259. if (treeNode.level == 2) {
  260. $('.inps2').val(treeNode.name);
  261. $('.add_did').val(treeNode.id);
  262. }
  263. };
  264. //获取所属部门
  265. var setting3 = {
  266. data: {},
  267. callback: {
  268. onClick: chanaDep
  269. }
  270. };
  271. function chanaDep(event, treeId, treeNode) {
  272. if (treeNode.level == 2) {
  273. $('.inps5').val(treeNode.name);
  274. $('.change_did').val(treeNode.id);
  275. }
  276. };
  277. function bindrole() {
  278. $('.xlAdd_one ul').html('');
  279. $('.xlChan_four ul').html('');
  280. $.getJSON(huayi.config.callcenter_url + "RoleInfo/GetRoleList", { token: token }, function (data) {
  281. var con = data.rows;
  282. for (var i = 0; i < con.length; i++) {
  283. var html = '<li data-id=' + con[i].F_RoleId + '>' + con[i].F_RoleName + '</li>';
  284. $(html).appendTo('.xlAdd_one ul');
  285. $(html).appendTo('.xlChan_four ul');
  286. }
  287. });
  288. }
  289. //保存所调方法
  290. function addCun() {
  291. $.post(huayi.config.callcenter_url + "UserAccount/AddUsers", {
  292. token: $.cookie("token"),
  293. usercode: $('.add_ygCode').val(),
  294. username: $('.add_ygName').val(),
  295. password: $.md5($('.add_pwd').val()),
  296. deptid: $(".add_did").val(),
  297. roleid: $(".add_roleid").val(),
  298. isseat: $('.addhwb input[name="huwu"]:checked ').val(),
  299. searright: $('.addzxqx input[name="zxqx"]:checked ').val(),
  300. sex: $('.addSex input[name="sex"]:checked ').val(),
  301. mobile: $('.add_mobile').val(),
  302. telphone: $('.add_telphone').val(),
  303. birth: $('.add_birth').val(),
  304. remark: $('.add_remark').val()
  305. }, function (data) {
  306. data = JSON.parse(data);
  307. if (data.state.toLowerCase() == "success") {
  308. $('.add_ygCode').val("");
  309. $('.add_ygName').val("");
  310. $('.add_pwd').val("");
  311. $('.add_did').val("");
  312. $('.add_roleid').val("");
  313. $('.add_mobile').val("");
  314. $('.add_telphone').val("");
  315. $('.add_birth').val("");
  316. $('.add_remark').val("");
  317. layer.msg("添加成功!");
  318. table.bootstrapTable('refresh');
  319. $('.addModel').css('display', 'none');
  320. }
  321. });
  322. }
  323. //获取用户信息
  324. function getYG() {
  325. $.getJSON(huayi.config.callcenter_url + "UserAccount/GetUser", { token: token, usercode: usercode, userid: userid }, function (data) {
  326. if (data.state.toLowerCase() == "success") {
  327. var ygcon = data.data;
  328. $(".change_id").val(ygcon.F_UserId);//员工ID
  329. $(".change_ygCode").val(ygcon.F_UserCode);//员工工号
  330. $(".change_pwd").val(ygcon.F_Password);//员工密码
  331. $('.change_ygName').val(ygcon.F_UserName); //员工姓名
  332. //$('.change_ygCode').val(ygcon.F_WorkNumber); //员工工号
  333. $('.xlChan_four ul li').each(function(i, n) {
  334. if ($(n).attr("data-id") == ygcon.F_RoleId) {
  335. $('.inps4').val($(n).text()); //所属角色
  336. }
  337. })
  338. $('.change_roleid').val(ygcon.F_RoleId);
  339. $('.inps5').val(ygcon.depname); //所属部门
  340. $('.change_did').val(ygcon.F_DeptId);
  341. $('.change_hwb input[name="huwu"][value="' + ygcon.F_SeatFlag + '"]').prop("checked", "checked"); //话务标志
  342. $('.change_zxqx input[name="zxqx"][value="' + ygcon.F_SeatRight + '"]').prop("checked", "checked"); //坐席权限
  343. $('.changeSex input[name="sex"][value="' + ygcon.F_SexFlag + '"]').prop("checked", "checked"); //性别
  344. if (ygcon.F_Birthday && ygcon.F_Birthday!='0001-01-01') {
  345. $('#chan_ygbirth').val(ygcon.F_Birthday); //生日
  346. }
  347. $('.change_telphone').val(ygcon.F_Telephone); //电话
  348. $('.change_mobile').val(ygcon.F_Mobile); //手机
  349. $('.change_remark').val(ygcon.F_Remark); //备注
  350. }
  351. });
  352. }
  353. //重设密码
  354. function cs(ygbh) {
  355. $.post(huayi.config.callcenter_url + "UserAccount/ResetPwd", { token: token, usercode: ygbh, pwd: $.md5($('.again_pwd').val()) }, function (data) {
  356. data = JSON.parse(data);
  357. if (data.state.toLowerCase() == "success") {
  358. layer.msg("重设密码成功!");
  359. initTable();
  360. }
  361. });
  362. }
  363. function bu(state) {
  364. $.post(huayi.config.callcenter_url + "UserAccount/DelUsers", { token: token, ids: userid, state: state }, function (data) {
  365. data = JSON.parse(data);
  366. if (data.state.toLowerCase() == "success") {
  367. initTable();
  368. $('.banModel').css('display', 'none');
  369. $('.useModel').css('display', 'none');
  370. }
  371. });
  372. }
  373. //右边表格
  374. function initTable() {
  375. var id = 0;
  376. if (tree) {
  377. var nodes = tree.getSelectedNodes();
  378. if (nodes.length > 0) {
  379. id = nodes[0].id;
  380. }
  381. }
  382. //先销毁表格
  383. table.bootstrapTable('destroy');
  384. //初始化表格,动态从服务器加载数据
  385. table.bootstrapTable({
  386. method: "get",
  387. //使用get请求到服务器获取数据
  388. url: huayi.config.callcenter_url + "UserAccount/GetList",
  389. //获取数据的Servlet地址
  390. striped: true,
  391. //表格显示条纹
  392. pagination: true,
  393. //启动分页
  394. pageSize: 10,
  395. //每页显示的记录数
  396. pageNumber: 1,
  397. //当前第几页
  398. pageList: [10, 20, 50, 100],
  399. //记录数可选列表
  400. search: false,
  401. //是否启用查询
  402. showColumns: false,
  403. //显示下拉框勾选要显示的列
  404. showRefresh: false,
  405. //显示刷新按钮
  406. sidePagination: "server",
  407. //表示服务端请求
  408. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  409. //设置为limit可以获取limit, offset, search, sort, order
  410. queryParamsType: "undefined",
  411. queryParams: function queryParams(params) { //设置查询参数
  412. var param = {
  413. page: params.pageNumber,
  414. pagesize: params.pageSize,
  415. token: token,
  416. id: id,
  417. key: $('.searCon').val()
  418. };
  419. return param;
  420. },
  421. onLoadSuccess: function() { //加载成功时执行
  422. //layer.msg("加载成功");
  423. },
  424. onLoadError: function() { //加载失败时执行
  425. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  426. }
  427. });
  428. }
  429. /*选中行添加背景颜色*/
  430. function setCode(val, row, index) {
  431. return index + 1;
  432. }
  433. function setYongState(val) {
  434. var str = '';
  435. switch (val + '') {
  436. case '0':
  437. str = "正常";
  438. break;
  439. case '1':
  440. str = "禁用";
  441. break;
  442. }
  443. return str;
  444. }
  445. //跳转
  446. document.onkeydown = function(e) {
  447. var theEvent = window.event || e;
  448. var code = theEvent.keyCode || theEvent.which;
  449. if(code == 13) {
  450. $('#table1').bootstrapTable('selectPage', $(".JumpPage").val());
  451. }
  452. }