商丘12345 前端

yongHuManger.js 18KB

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