12345市长热线标准版-前端

yongHuManger.js 16KB

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