Нет описания

yongHuManger.js 20KB

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