商丘宁陵县12345_前端

yongHuManger.js 18KB

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