Нет описания

yongHuManger.js 21KB

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