开封利通水务前端

index.js 23KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798
  1. var isFirstShowTopMsg = true;
  2. $(document).ready(function() {
  3. if (/mobile/i.test(navigator.userAgent) || /android/i.test(navigator.userAgent)) {
  4. $(".title-box").hide();
  5. }
  6. if ($.cookie("token") == null) {
  7. window.location.href = "login.html";
  8. }
  9. obj.AgentExten = $.cookie("extno");
  10. if (obj.AgentExten == undefined) {
  11. $(".Gnumbox").hide();
  12. }
  13. $(".Gnum").text(obj.AgentExten);
  14. // 获取顶部获取消息
  15. getTopMsgs();
  16. setInterval(function() {
  17. getTopMsgs();
  18. }, huayi.config.topMsgTime);
  19. $.getJSON(huayi.config.callcenter_url + 'UserAccount/GetNowUser', {
  20. "token": $.cookie("token")
  21. }, function(result) {
  22. if (result.state.toLowerCase() == "success") {
  23. // console.log(result);
  24. // $.cookie("userType", result.data.usertype, {
  25. // expires: 7
  26. // });
  27. $.cookie("userRoleId", result.data.role.F_RoleId, {
  28. expires: 7
  29. });
  30. $.cookie("userRoleCode", result.data.role.F_RoleCode, {
  31. expires: 7
  32. });
  33. $(".username").text(result.data.user.F_UserName);
  34. $('.user_code').text(result.data.user.F_UserCode);
  35. localStorage.setItem('F_UserCode', result.data.user.F_UserCode)
  36. $('.group').text(result.data.user.F_SeartGroup);
  37. if (result.data.role) {
  38. // console.log(result.data);
  39. $(".rolename").text(result.data.role.F_RoleName);
  40. }
  41. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + result.data
  42. .user.F_See);
  43. obj.AgentGroup = result.data.user.F_SeartGroupID;
  44. obj.AgentID = result.data.user.F_UserCode;
  45. //obj.AgentExten = result.data.user.F_WorkNumber;
  46. if (result.data.user.F_SeatFlag) {
  47. Connect();
  48. $("#top-search").show();
  49. $(".phoneBZ").show();
  50. $(".zts").show();
  51. }
  52. }
  53. })
  54. //分机号
  55. //话务相关
  56. $("#top-search li").click(function() {
  57. if ($(this).find("i").hasClass("active")) {
  58. if (obj.AgentID) {
  59. var fun = $(this).attr("datafun");
  60. obj.Type = fun;
  61. switch (fun) {
  62. case "Login":
  63. // obj.AgentGroup = "364";
  64. obj.AgentType = "0";
  65. Send();
  66. break; //签入
  67. case "MakeCall":
  68. obj.Type = "SayFree";
  69. Send(); //备注:用户要求外呼立刻置闲
  70. $(".hidCallID").val("");
  71. $("#hidwhtype").val(fun);
  72. whtp();
  73. //obj.DestinationNumber = "1012";
  74. break; //外呼
  75. case "Meeting":
  76. $("#hidwhtype").val(fun);
  77. whtp();
  78. //obj.DestinationNumber = "1012";
  79. break; //多方通话
  80. case "Transfer":
  81. $("#hidwhtype").val(fun);
  82. whtp();
  83. //obj.DestinationNumber = "1012";
  84. break; //转移
  85. default:
  86. Send();
  87. break;
  88. }
  89. }
  90. }
  91. });
  92. //关闭外呼弹屏
  93. $(".closes").click(function() {
  94. $(".WH").removeClass("fadeInDown").addClass("fadeOutUp");
  95. $(".WH").addClass("hidens");
  96. })
  97. $(".J_menuTabs").on("click" ,'.fa',function(){
  98. $(".SayBusy").addClass("active");
  99. $(".SayFree").removeClass("active");
  100. $(".zxzt").removeClass("br").removeClass("by").addClass("bl");
  101. $(".hwzt").text('空闲');
  102. obj.Type = "SayFree";
  103. Send();
  104. });
  105. //键盘事件外呼
  106. document.onkeydown = function(e) {
  107. var theEvent = window.event || e;
  108. var code = theEvent.keyCode || theEvent.which;
  109. if (code == 13) {
  110. $(".CallOut").click();
  111. }
  112. }
  113. //外呼呼出
  114. $(".CallOut").click(function(event) {
  115. event.stopPropagation();
  116. if ($("#Result").val()) {
  117. $.ajax({
  118. type: "get",
  119. url: huayi.config.callcenter_url + "CallOutOpt/GetCallOutprefix",
  120. async: true,
  121. dataType: 'json',
  122. data: {
  123. token: $.cookie("token"),
  124. phone: $("#Result").val()
  125. },
  126. success: function(result) {
  127. // result = $.parseJSON(result);
  128. if (result.state.toLowerCase() == "success") {
  129. var guid = uuid();
  130. obj.Type = $("#hidwhtype").val();
  131. obj.DestinationNumber = result.data.phone;
  132. obj.Header = result.data.fix;
  133. top.obj.TaskType = "0"; //0:拨号外呼;1:95005回访外呼;2:电销回访外呼
  134. top.obj.TaskPhoneID = ""; //回访的电话ID
  135. top.obj.TaskID = guid; //回访记录编号
  136. Send();
  137. $('#Result').val('');
  138. $(".WH").addClass("hidens");
  139. }
  140. }
  141. });
  142. // obj.Type = $("#hidwhtype").val();
  143. // obj.DestinationNumber = $("#Result").val();
  144. // Send();
  145. }
  146. })
  147. //外呼弹屏数字键盘样式
  148. $(".Num_ul div").mousedown(function() {
  149. $(this).addClass("actives");
  150. $(".img").removeClass("hidens");
  151. }).mouseup(function() {
  152. $(this).removeClass("actives");
  153. })
  154. //外呼弹屏数字键盘号码输入
  155. $(".Num_ul li div").click(function() {
  156. var rt = $("#Result").val() + "";
  157. if (rt.length < 18) {
  158. rt = rt + $(this).find("a").text();
  159. $("#Result").val(rt);
  160. }
  161. });
  162. //外呼弹屏数字键盘号码截取
  163. $(".img").click(function() {
  164. var Result = $("#Result").val() + "";
  165. Result = Result.substr(0, Result.length - 1);
  166. $("#Result").val(Result);
  167. if (Result.length == 0) {
  168. $(".img").addClass("hidens");
  169. }
  170. })
  171. //外呼电话列表
  172. $(".bg_title li").click(function() {
  173. $(this).addClass("lactive").siblings().removeClass("lactive");
  174. loadWH();
  175. })
  176. $(".ty").click(function() {
  177. loadWH();
  178. });
  179. //加载左侧导航菜单
  180. loadMenu();
  181. workcount();
  182. setInterval(function() {
  183. workcount();
  184. $.cookie("token", $.cookie("token"), {expires: 7});
  185. }, huayi.config.menuworktime);
  186. //修改密码开始
  187. $('.shezhi').click(function() {
  188. Dialog('dialogDrag', 'dialogMove');
  189. showDialog();
  190. //侦听浏览器窗口大小变化
  191. window.onresize = function() {
  192. if ($('#dialogMove').is(':visible')) {
  193. showDialog();
  194. }
  195. }
  196. $.ajax({
  197. type: "get",
  198. url: huayi.config.callcenter_url + "UserAccount/GetNowUser",
  199. async: true,
  200. dataType: 'json',
  201. data: {
  202. token: $.cookie("token")
  203. },
  204. success: function(result) {
  205. if (result.state.toLowerCase() == "success") {
  206. var con = result.data.user;
  207. // console.log(con)
  208. $('.mgh').val(con.F_UserId);
  209. $('.mn').val(con.F_UserName);
  210. $('.mobile').val(con.F_Mobile);
  211. $('.fenji').val($.cookie("extno"));
  212. //$('.wxno').val(con.F_WXNo);
  213. // $('.spwd').val(con.F_Password);
  214. }
  215. }
  216. });
  217. })
  218. //tab切换
  219. $('.perTab li').click(function() {
  220. $(this).addClass('sel').siblings().removeClass('sel');
  221. var index = $(this).index();
  222. $('.perTab_con').children('div').eq(index).show().siblings().hide();
  223. })
  224. //编辑个人资料
  225. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  226. $('.grbj').click(function() {
  227. $('.grzl tbody>tr>td input.zhidu').attr('readonly', false);
  228. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "1px solid #b3b3b3");
  229. $('.grbtn').attr('disabled', false);
  230. })
  231. //取消编辑
  232. $('.grqx').click(function() {
  233. $('.grzl tbody>tr>td input.zhidu').attr('readonly', true);
  234. $('.grzl tbody>tr>td input.zhidu').css('border-bottom', "none");
  235. $('.grbtn').attr('disabled', true);
  236. })
  237. //关闭按钮
  238. $('.ptr').click(function() {
  239. hideDialog();
  240. })
  241. $('.grbtn').click(function() {
  242. var gh = $('.mgh').val();
  243. var xm = $('.mn').val();
  244. var ymm = $('.spwd').val();
  245. var xmm = $('.npwd').val();
  246. var qmm = $('.epwd').val();
  247. if (xmm !== qmm) {
  248. $('.wrong').show();
  249. $('.npwd').val('')
  250. $('.epwd').val('')
  251. } else if (xmm == '') {
  252. layer.msg("密码不允许为空!");
  253. } else {
  254. $('.wrong').hide();
  255. $('.grzl tbody>tr>td input').attr('readonly', true);
  256. $('.grzl tbody>tr>td input').css('border-bottom', "none");
  257. $.ajax({
  258. type: "post",
  259. url: huayi.config.callcenter_url + "UserAccount/UpdatePwd",
  260. async: true,
  261. dataType: 'json',
  262. data: {
  263. token: $.cookie("token"),
  264. usercode: gh,
  265. pwd: xmm,
  266. oldpwd: ymm,
  267. mobile: $('.mobile').val()
  268. },
  269. success: function(result) {
  270. // result = $.parseJSON(result);
  271. if (result.state.toLowerCase() == "success") {
  272. layer.msg("修改成功!");
  273. }
  274. }
  275. });
  276. }
  277. })
  278. //图片裁剪
  279. var o = $(".image-crop > img");
  280. $(o).cropper({
  281. aspectRatio: 1 / 1,
  282. resizable: false,
  283. dragCrop: false,
  284. preview: ".img-preview",
  285. done: function() {}
  286. });
  287. var r = $("#inputImage");
  288. if (window.FileReader) {
  289. r.change(function() {
  290. var e, i = new FileReader,
  291. t = this.files;
  292. if (t.length && (e = t[0], /^image\/\w+$/.test(e.type))) {
  293. i.readAsDataURL(e);
  294. i.onload = function() {
  295. r.val("");
  296. o.cropper("reset", !0).cropper("replace", this.result);
  297. }
  298. } else {
  299. alert("请选择图片文件");
  300. }
  301. });
  302. $("#setDrag").click(function() {
  303. o.cropper("setDragMode", "crop");
  304. var img = o.cropper("getDataURL");
  305. $.post(huayi.config.callcenter_url + "Index/UploadTX64", {
  306. dataurl: encodeURIComponent(img),
  307. "token": $.cookie("token")
  308. }, function(result) {
  309. result = $.parseJSON(result);
  310. if (result.state.toLowerCase() == "success") {
  311. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) +
  312. result.data);
  313. layer.msg("上传成功");
  314. hideDialog();
  315. }
  316. })
  317. });
  318. $("#zoomIn").click(function() {
  319. o.cropper("zoom", .1)
  320. });
  321. $("#zoomOut").click(function() {
  322. o.cropper("zoom", -.1)
  323. });
  324. $("#rotateLeft").click(function() {
  325. o.cropper("rotate", 45)
  326. });
  327. $("#rotateRight").click(function() {
  328. o.cropper("rotate", -45)
  329. });
  330. } else {
  331. r.addClass("hide");
  332. }
  333. })
  334. //菜单数字
  335. function workcount() {
  336. $.getJSON(huayi.config.callcenter_url + 'Index/GetWorkOrderCount', {
  337. "token": $.cookie("token")
  338. }, function(result) {
  339. if (result.state.toLowerCase() == "success") {
  340. $(".dpd").text(result.data.dpd); //待指派
  341. $(".yzp").text(result.data.yzp); //已指派
  342. $(".djd").text(result.data.djd); //待接单
  343. $(".dcl").text(result.data.dcl); //待处理
  344. $(".ycl").text(result.data.ycl); //已处理
  345. $(".wyc").text(result.data.wyc); //已参与
  346. $(".cq").text(result.data.cq); //超期工单
  347. $(".wx").text(result.data.wx); //微信工单
  348. $(".dhf").text(result.data.dhf); //待回访
  349. $(".yhf").text(result.data.yhf); //已回访
  350. //"dpd":2,"djd":0,"dcl":0,"ycl":2,"wyc":6,"cq":0
  351. }
  352. })
  353. }
  354. //上传头像
  355. function uploadtx() {
  356. if (document.getElementById("upFile").files.length > 0) {
  357. var formData = new FormData();
  358. formData.append("upFile", document.getElementById("upFile").files[0]);
  359. formData.append("token", $.cookie("token"));
  360. $.ajax({
  361. url: huayi.config.callcenter_url + "Index/UploadTX",
  362. type: "POST",
  363. data: formData,
  364. /**
  365. *必须false才会自动加上正确的Content-Type
  366. */
  367. contentType: false,
  368. /**
  369. * 必须false才会避开jQuery对 formdata 的默认处理
  370. * XMLHttpRequest会对 formdata 进行正确的处理
  371. */
  372. processData: false,
  373. success: function(result) {
  374. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  375. $("#upFile").change(function() {
  376. uploadtx();
  377. });
  378. var r = $.parseJSON(result);
  379. if (r.state.toLowerCase() == "success") {
  380. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  381. layer.msg("上传成功");
  382. }
  383. }
  384. });
  385. } else {
  386. layer.confirm('请上传文件!', {
  387. btn: ['确定']
  388. });
  389. }
  390. }
  391. //格式化呼叫状态
  392. function GetCallState(val) {
  393. if (val == '1') {
  394. return '已接通';
  395. } else {
  396. return '未接通';
  397. }
  398. }
  399. //外呼弹屏
  400. function whtp() {
  401. $("#Result").val("");
  402. if ($(".WH").hasClass("fadeOutUp")) {
  403. $(".WH").removeClass("fadeOutUp").addClass("fadeInDown");
  404. }
  405. $(".WH").removeClass("hidens");
  406. $('.first').removeClass('first');
  407. $('.WH').addClass('first');
  408. loadWH();
  409. }
  410. //加载外呼电话列表
  411. function loadWH() {
  412. $(".phonediv").hide();
  413. var n = $(".bg_title .lactive").attr("itemid");
  414. switch (n) {
  415. case '0':
  416. var obj = $(".phonediv").eq(0);
  417. obj.show();
  418. //先销毁表格
  419. var table = obj.find(".phonelist");
  420. table.bootstrapTable('destroy');
  421. //初始化表格,动态从服务器加载数据
  422. table.bootstrapTable({
  423. method: "get", //使用get请求到服务器获取数据
  424. url: huayi.config.callcenter_url + "CallOutScreen/GetPhoneList", //获取数据的Servlet地址
  425. contentType: 'application/x-www-form-urlencoded',
  426. striped: true, //表格显示条纹
  427. pagination: true, //启动分页
  428. pageSize: 10, //每页显示的记录数
  429. pageNumber: 1, //当前第几页
  430. pageList: [10, 20, 50, 100], //记录数可选列表
  431. search: false, //是否启用查询
  432. showColumns: false, //显示下拉框勾选要显示的列
  433. showRefresh: false, //显示刷新按钮
  434. sidePagination: "server", //表示服务端请求
  435. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  436. //设置为limit可以获取limit, offset, search, sort, order
  437. queryParamsType: "undefined",
  438. queryParams: function queryParams(params) { //设置查询参数
  439. var param = {
  440. page: params.pageNumber,
  441. pagesize: params.pageSize,
  442. tel: $("#lastphone").val(),
  443. token: $.cookie("token")
  444. };
  445. return param;
  446. },
  447. onLoadSuccess: function() { //加载成功时执行
  448. //layer.msg("加载成功");
  449. },
  450. onLoadError: function() { //加载失败时执行
  451. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  452. }
  453. });
  454. break;
  455. case '1':
  456. var obj = $(".phonediv").eq(1);
  457. obj.show();
  458. getDepts(); //获取部门下拉
  459. var table = obj.find(".phonelist");
  460. table.bootstrapTable('destroy');
  461. //初始化表格,动态从服务器加载数据
  462. table.bootstrapTable({
  463. method: "get", //使用get请求到服务器获取数据
  464. url: huayi.config.callcenter_url + "CallOutScreen/GetUserList", //获取数据的Servlet地址
  465. contentType: 'application/x-www-form-urlencoded',
  466. striped: true, //表格显示条纹
  467. pagination: true, //启动分页
  468. pageSize: 10, //每页显示的记录数
  469. pageNumber: 1, //当前第几页
  470. pageList: [10, 20, 50, 100], //记录数可选列表
  471. search: false, //是否启用查询
  472. showColumns: false, //显示下拉框勾选要显示的列
  473. showRefresh: false, //显示刷新按钮
  474. sidePagination: "server", //表示服务端请求
  475. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  476. //设置为limit可以获取limit, offset, search, sort, order
  477. queryParamsType: "undefined",
  478. queryParams: function queryParams(params) { //设置查询参数
  479. var param = {
  480. page: params.pageNumber,
  481. pagesize: params.pageSize,
  482. zxzid: $('#s_department').val(),
  483. tel: $("#gsphone").val(),
  484. name: $("#gsname").val(),
  485. token: $.cookie("token")
  486. };
  487. return param;
  488. },
  489. onLoadSuccess: function() { //加载成功时执行
  490. //layer.msg("加载成功");
  491. },
  492. onLoadError: function() { //加载失败时执行
  493. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  494. }
  495. });
  496. break;
  497. case '2':
  498. var obj = $(".phonediv").eq(2);
  499. obj.show();
  500. var table = obj.find(".phonelist");
  501. table.bootstrapTable('destroy');
  502. //初始化表格,动态从服务器加载数据
  503. table.bootstrapTable({
  504. method: "get", //使用get请求到服务器获取数据
  505. url: huayi.config.callcenter_url + "CallOutScreen/GetCustomerList", //获取数据的Servlet地址
  506. contentType: 'application/x-www-form-urlencoded',
  507. striped: true, //表格显示条纹
  508. pagination: true, //启动分页
  509. pageSize: 10, //每页显示的记录数
  510. pageNumber: 1, //当前第几页
  511. pageList: [10, 20, 50, 100], //记录数可选列表
  512. search: false, //是否启用查询
  513. showColumns: false, //显示下拉框勾选要显示的列
  514. showRefresh: false, //显示刷新按钮
  515. sidePagination: "server", //表示服务端请求
  516. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  517. //设置为limit可以获取limit, offset, search, sort, order
  518. queryParamsType: "undefined",
  519. queryParams: function queryParams(params) { //设置查询参数
  520. var param = {
  521. page: params.pageNumber,
  522. pagesize: params.pageSize,
  523. tel: $("#khphone").val(),
  524. name: $("#khname").val(),
  525. token: $.cookie("token")
  526. };
  527. return param;
  528. },
  529. onLoadSuccess: function() { //加载成功时执行
  530. //layer.msg("加载成功");
  531. },
  532. onLoadError: function() { //加载失败时执行
  533. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  534. }
  535. });
  536. break;
  537. }
  538. }
  539. //格式化最近电话处理方式
  540. function formatterDealType(val, row) {
  541. //处理方式0:IVR处理1骚扰电话2自助服务3转值班电话4留言5呼损6人工处理
  542. var str = '-';
  543. switch (val) {
  544. case 0:
  545. str = 'IVR处理';
  546. break;
  547. case 1:
  548. str = '骚扰电话';
  549. break;
  550. case 2:
  551. str = '自助服务';
  552. break;
  553. case 3:
  554. str = '转值班电话';
  555. break;
  556. case 4:
  557. str = '留言';
  558. break;
  559. case 5:
  560. str = '呼损';
  561. break;
  562. case 6:
  563. str = '人工处理';
  564. break;
  565. }
  566. return str;
  567. }
  568. //获取外呼公司电话下 部门下拉
  569. function getDepts() {
  570. $.getJSON(huayi.config.callcenter_url + "SeatGroup/GetList", {
  571. token: $.cookie("token"),
  572. }, function(data) {
  573. if (data.rows && data.rows.length > 0) {
  574. $('#s_department').html('');
  575. $('#s_department').append('<option value="">请选择</option>');
  576. $.each(data.rows, function(i, v) {
  577. $('<option value="' + v.F_ZXZID + '">' + v.F_ZXZName + '</option>').appendTo($('#s_department'));
  578. });
  579. }
  580. });
  581. }
  582. //格式化 电话号码 分机号
  583. function view(val) {
  584. var str = '';
  585. if (val) {
  586. str = '<a onclick="call(\'' + val + '\')">' + val + '</a>';
  587. }
  588. return str;
  589. }
  590. function call(val) {
  591. $("#Result").val(val);
  592. $(".img").removeClass("hidens");
  593. }
  594. function logout() {
  595. if (!$('.Logout').hasClass('active')) {
  596. $.ajax({
  597. url: huayi.config.callcenter_url + "Login/Logout",
  598. data: {
  599. token: $.cookie("token")
  600. },
  601. dataType: "json",
  602. success: function(res) {
  603. if (res.state) {
  604. location.href = "./login.html";
  605. }
  606. }
  607. });
  608. } else {
  609. layer.msg("退出失败!");
  610. }
  611. }
  612. //加载左侧导航菜单
  613. function loadMenu() {
  614. $.ajaxSettings.async = false;
  615. $.getJSON(huayi.config.callcenter_url + 'Index/GetMenu', {
  616. "token": $.cookie("token")
  617. }, function(result) {
  618. $.ajaxSettings.async = true;
  619. if (result.state.toLowerCase() == "success") {
  620. var data = result.data;
  621. var _html = "";
  622. $.each(data, function(i) {
  623. var row = data[i];
  624. if (row.F_ParentID == "0") {
  625. _html += '<li>';
  626. _html += '<a class="Click"data-id="Menu_' + row.F_ModuleId + '" href="' + row.F_OptUrl +
  627. '"><i class="fa iconfont">' + row.F_ImgUrl + '</i><span class="nav-label">' + row.F_ModuleName +
  628. '</span><span class="fa arrow"></span></a>';
  629. var childNodes = row.ChildNodes; //二级
  630. if (childNodes.length > 0) {
  631. _html += '<ul class="nav nav-second-level">';
  632. $.each(childNodes, function(i) {
  633. var subrow = childNodes[i];
  634. var childNodsThird = subrow.ChildNodes; //三级
  635. if (childNodsThird.length > 0) {
  636. _html += '<li>';
  637. _html += '<a href="' + subrow.F_OptUrl + '">';
  638. _html += '<span class="nav-label">' + subrow.F_ModuleName + '</span>';
  639. _html += '<span class="fa arrow"></span>';
  640. _html += '</a>';
  641. _html += '<ul class="nav nav-third-level">';
  642. $.each(childNodsThird, function(i) {
  643. var subrowThird = childNodsThird[i];
  644. _html += '<li>';
  645. _html += '<a class="J_menuItem" data-id="Menu_' + subrowThird.F_ModuleId + '" href="' + subrowThird.F_OptUrl +
  646. '" >' + subrowThird.F_ModuleName + '</a>';
  647. _html += '</li>';
  648. });
  649. _html += '</ul>';
  650. } else {
  651. _html += '<li>';
  652. _html += '<a class="J_menuItem" data-id="Menu_' + subrow.F_ModuleId + '" href="' + subrow.F_OptUrl +
  653. '" >' + subrow.F_ModuleName + '</a>';
  654. if (subrow.F_Button != '') {
  655. _html += '<span class="' + subrow.F_Button + '"></span>';
  656. }
  657. _html += '</li>';
  658. }
  659. });
  660. _html += '</ul>';
  661. }
  662. _html += '</li>';
  663. }
  664. });
  665. // $("#sidebar-nav ul").prepend(_html);
  666. $(_html).appendTo("#side-menu");
  667. //绑定点击事件 添加点击的样式
  668. $('#side-menu').find('.J_menuItem').on('click', function() {
  669. $(this).parent().addClass('sub_active').siblings().removeClass('sub_active');
  670. });
  671. } else {
  672. window.location.href = "/login.html";
  673. }
  674. })
  675. }
  676. //跳转
  677. function Jumps() {
  678. //window.parent.frames[ "iframe0"].location.reload();
  679. $("iframe:visible")[0].src = "widgets.html"
  680. $(".J_menuTab").eq(0).addClass("active").text('首页');
  681. $(".J_menuTab").eq(0).attr("data-id", 'widgets.html');
  682. $(".J_mainContent .J_iframe0").attr("data-id", "widgets.html");
  683. }
  684. // 顶部消息
  685. function showTopMsgs() {
  686. $('#top_notices_lists').toggle();
  687. // if ($('#top_notices_lists').is(':visible')) {
  688. // $('#top_notices_lists').hide();
  689. // } else {
  690. // $('#top_notices_lists').show();
  691. // }
  692. }
  693. // 获取顶部消息(只展示未读消息 0未读 1已读)
  694. function getTopMsgs() {
  695. $.getJSON(huayi.config.callcenter_url + 'Msg/GetServerMsg', {
  696. token: $.cookie("token")
  697. }, function(result) {
  698. if(result.state.toLowerCase() === 'success'){
  699. $('#top_notices_lists').empty();
  700. result = result.data;
  701. var str = '';
  702. if (result && result.length) {
  703. if(isFirstShowTopMsg){
  704. $('#top_notices_lists').show();
  705. isFirstShowTopMsg = false;
  706. }
  707. $('#top_notices_num').text(result.length);
  708. for (var i = 0; i < result.length; i++) {
  709. str += '<li class="top_notices_item">' +
  710. '<span class="top_notices_con">'+ result[i].Detail +'</span>' +
  711. '<button type="button" class="btn btn-primary btn-sm" onclick="signRead('+ result[i].ID +', event)">未读</button>' +
  712. '</li>' +
  713. '<li class="divider"></li>';
  714. }
  715. } else {
  716. str = '<li class="top_notices_item">' +
  717. '<span class="top_notices_con">暂无消息!</span>' +
  718. '</li>';
  719. $('#top_notices_num').text(0);
  720. }
  721. $('#top_notices_lists').append(str);
  722. $('#top_notices_lists').find('.divider:last').remove();
  723. }
  724. });
  725. }
  726. // 标记消息状态
  727. function signRead(signid, e) {
  728. e.stopPropagation();
  729. layer.confirm('确认已读后该条消息将不再提示,请慎重', {
  730. icon: 7,
  731. btn: ['确认', '取消'] //按钮
  732. }, function(index) {
  733. $.ajax({
  734. type: "get",
  735. url: huayi.config.callcenter_url + "Msg/UpdateState",
  736. dataType: 'json',
  737. async: true,
  738. data: {
  739. ids: signid,
  740. state: 1, //状态,0未读 1已读
  741. token: $.cookie("token")
  742. },
  743. success: function(data) {
  744. if (data.state.toLowerCase() === "success") {
  745. // 更新顶部消息内容和数量
  746. getTopMsgs();
  747. $('#top_notices_lists').hide();
  748. layer.close(index);
  749. }
  750. }
  751. });
  752. });
  753. }
  754. $(document).click(function(e) {
  755. if($(e.target).is($('.top_notices_lists')) || $(e.target).is($('.top_notices_item')) || $(e.target).is($('.top_notices_con')) || $(e.target).is($('.divider'))) {
  756. $('#top_notices_lists').show();
  757. }
  758. })