Geen omschrijving

yongHuManger.js 20KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651
  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. if($.cookie("code")!="WLDW"){
  414. var html =
  415. "<li data-id=" +
  416. con[i].F_RoleId +
  417. ">" +
  418. con[i].F_RoleName +
  419. "</li>";
  420. $(html).appendTo(".xlAdd_one ul");
  421. $(html).appendTo(".xlChan_four ul");
  422. }else{
  423. if(con[i].F_RoleName=="三级网络单位"){
  424. var html = "<li data-id=" + con[i].F_RoleId + ">" + con[i].F_RoleName + "</li>";
  425. $(html).appendTo(".xlAdd_one ul");
  426. $(html).appendTo(".xlChan_four ul");
  427. }
  428. }
  429. }
  430. }
  431. );
  432. }
  433. //保存所调方法
  434. function addCun() {
  435. $.post(
  436. huayi.config.callcenter_url + "UserAccount/AddUsers",
  437. {
  438. token: $.cookie("token"),
  439. usercode: $(".add_ygCode").val(),
  440. username: $(".add_ygName").val(),
  441. password: $.md5($(".add_pwd").val()),
  442. deptid: $(".add_did").val(),
  443. roleid: $(".add_roleid").val(),
  444. isseat: $('.addhwb input[name="huwu"]:checked ').val(),
  445. searright: $('.addzxqx input[name="zxqx"]:checked ').val(),
  446. sex: $('.addSex input[name="sex"]:checked ').val(),
  447. mobile: $(".add_mobile").val(),
  448. telphone: $(".add_telphone").val(),
  449. birth: $(".add_birth").val(),
  450. remark: $(".add_remark").val(),
  451. },
  452. function (data) {
  453. data = JSON.parse(data);
  454. if (data.state.toLowerCase() == "success") {
  455. $(".add_ygCode").val("");
  456. $(".add_ygName").val("");
  457. $(".add_pwd").val("");
  458. $(".add_pwd2").val("");
  459. $(".add_did").val("");
  460. $(".add_roleid").val("");
  461. $(".add_mobile").val("");
  462. $(".add_telphone").val("");
  463. $(".add_birth").val("");
  464. $(".add_remark").val("");
  465. $(".inps1").val("");
  466. $(".inps2").val("");
  467. $(".addhwb input").removeAttr("checked");
  468. $(".addzxqx input").removeAttr("checked");
  469. $(".addSex input").removeAttr("checked");
  470. layer.msg("添加成功!");
  471. table.bootstrapTable("refresh");
  472. $(".addModel").css("display", "none");
  473. }
  474. }
  475. );
  476. }
  477. //获取用户信息
  478. function getYG() {
  479. $.getJSON(
  480. huayi.config.callcenter_url + "UserAccount/GetUser",
  481. { token: token, usercode: usercode, userid: userid },
  482. function (data) {
  483. if (data.state.toLowerCase() == "success") {
  484. var ygcon = data.data;
  485. $(".change_id").val(ygcon.F_UserId); //员工ID
  486. $(".change_ygCode").val(ygcon.F_UserCode); //员工工号
  487. $(".change_pwd").val(ygcon.F_Password); //员工密码
  488. $(".change_ygName").val(ygcon.F_UserName); //员工姓名
  489. //$('.change_ygCode').val(ygcon.F_WorkNumber); //员工工号
  490. $(".xlChan_four ul li").each(function (i, n) {
  491. if ($(n).attr("data-id") == ygcon.F_RoleId) {
  492. $(".inps4").val($(n).text()); //所属角色
  493. }
  494. });
  495. $(".change_roleid").val(ygcon.F_RoleId);
  496. $(".inps5").val(ygcon.depname); //所属部门
  497. $(".change_did").val(ygcon.F_DeptId);
  498. $(
  499. '.change_hwb input[name="huwu"][value="' +
  500. ygcon.F_SeatFlag +
  501. '"]'
  502. ).prop("checked", "checked"); //话务标志
  503. $(
  504. '.change_zxqx input[name="zxqx"][value="' +
  505. ygcon.F_SeatRight +
  506. '"]'
  507. ).prop("checked", "checked"); //坐席权限
  508. $(
  509. '.changeSex input[name="sex"][value="' +
  510. ygcon.F_SexFlag +
  511. '"]'
  512. ).prop("checked", "checked"); //性别
  513. if (ygcon.F_Birthday && ygcon.F_Birthday != "0001-01-01") {
  514. $("#chan_ygbirth").val(ygcon.F_Birthday); //生日
  515. }
  516. $(".change_telphone").val(ygcon.F_Telephone); //电话
  517. $(".change_mobile").val(ygcon.F_Mobile); //手机
  518. $(".change_remark").val(ygcon.F_Remark); //备注
  519. }
  520. }
  521. );
  522. }
  523. //重设密码
  524. function cs(ygbh) {
  525. $.post(
  526. huayi.config.callcenter_url + "UserAccount/ResetPwd",
  527. { token: token, usercode: ygbh, pwd: $.md5($(".again_pwd").val()) },
  528. function (data) {
  529. data = JSON.parse(data);
  530. if (data.state.toLowerCase() == "success") {
  531. layer.msg("重设密码成功!");
  532. initTable();
  533. }
  534. }
  535. );
  536. }
  537. function bu(state) {
  538. $.post(
  539. huayi.config.callcenter_url + "UserAccount/DelUsers",
  540. { token: token, ids: userid, state: state },
  541. function (data) {
  542. data = JSON.parse(data);
  543. if (data.state.toLowerCase() == "success") {
  544. initTable();
  545. $(".banModel").css("display", "none");
  546. $(".useModel").css("display", "none");
  547. }
  548. }
  549. );
  550. }
  551. //右边表格
  552. function initTable() {
  553. //先销毁表格
  554. table.bootstrapTable("destroy");
  555. //初始化表格,动态从服务器加载数据
  556. table.bootstrapTable({
  557. method: "get",
  558. //使用get请求到服务器获取数据
  559. url: huayi.config.callcenter_url + "UserAccount/GetList",
  560. //获取数据的Servlet地址
  561. striped: true,
  562. //表格显示条纹
  563. pagination: true,
  564. //启动分页
  565. pageSize: 10,
  566. //每页显示的记录数
  567. pageNumber: 1,
  568. //当前第几页
  569. pageList: [10, 20, 50, 100],
  570. //记录数可选列表
  571. search: false,
  572. //是否启用查询
  573. showColumns: false,
  574. //显示下拉框勾选要显示的列
  575. showRefresh: false,
  576. //显示刷新按钮
  577. sidePagination: "server",
  578. //表示服务端请求
  579. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  580. //设置为limit可以获取limit, offset, search, sort, order
  581. queryParamsType: "undefined",
  582. queryParams: function queryParams(params) {
  583. //设置查询参数
  584. var param = {
  585. page: params.pageNumber,
  586. pagesize: params.pageSize,
  587. token: $.cookie("token"),
  588. id: deid,
  589. key: $(".searCon").val(),
  590. };
  591. return param;
  592. },
  593. onLoadSuccess: function () {
  594. //加载成功时执行
  595. //layer.msg("加载成功");
  596. },
  597. onLoadError: function () {
  598. //加载失败时执行
  599. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  600. },
  601. });
  602. }
  603. /*选中行添加背景颜色*/
  604. function setCode(val, row, index) {
  605. return index + 1;
  606. }
  607. function setYongState(val) {
  608. var str = "";
  609. switch (val + "") {
  610. case "0":
  611. str = "正常";
  612. break;
  613. case "1":
  614. str = "禁用";
  615. break;
  616. }
  617. return str;
  618. }