Sin descripción

adminManage.js 18KB

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