暫無描述

yongHuManger.js 20KB

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