虞城12345_前端

yongHuManger.js 17KB

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