商丘12345 前端

email.js 13KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456
  1. var tables; //表格
  2. var emailTheme; //主题
  3. var start; //时间
  4. var auditingNameType; //审核状态0未审核,1审核
  5. var addNameType; //工单状态
  6. var index = 0;
  7. $(document).ready(function() {
  8. laydate.skin('blue');
  9. laydate({
  10. elem: '#start_0',
  11. event: 'focus'
  12. });
  13. laydate({
  14. elem: '#start_1',
  15. event: 'focus'
  16. });
  17. tables = $('#tableEmail' + index + '');
  18. // emailTheme = $('#emailTheme_'+index+'');
  19. // start = $('#start_'+index+'').val();
  20. // auditingNameType = $('#auditingNameType_'+index+'').val();
  21. // addNameType = $('#addNameType_'+index+'').val();
  22. type = index;
  23. initTable(tables, type);
  24. $('.ul_tab li').click(function() {
  25. index = $(this).index();
  26. tables = $('#tableEmail' + index + '');
  27. //emailTheme = $('#emailTheme_'+index+'');
  28. //start = $('#start_'+index+'').val();
  29. //auditingNameType = $('#auditingNameType_'+index+'').val();
  30. //addNameType = $('#addNameType_'+index+'').val();
  31. type = index;
  32. initTable(tables, type);
  33. });
  34. })
  35. function initTable(tables, type) {
  36. //先销毁表格
  37. tables.bootstrapTable('destroy');
  38. //初始化表格,动态从服务器加载数据
  39. tables.bootstrapTable({
  40. method: "get", //使用get请求到服务器获取数据
  41. url: huayi.config.callcenter_url + "EmailSend/GetEmailMessageList", //获取数据的Servlet地址
  42. contentType: "application/x-www-form-urlencoded",
  43. striped: true, //表格显示条纹
  44. pagination: true, //启动分页
  45. pageSize: 10, //每页显示的记录数
  46. pageNumber: 1, //当前第几页
  47. pageList: [10, 20, 50, 100], //记录数可选列表
  48. search: false, //是否启用查询
  49. showColumns: false, //显示下拉框勾选要显示的列
  50. showRefresh: false, //显示刷新按钮
  51. sidePagination: "server", //表示服务端请求
  52. //设置为undefined可以获取pageNumber,pageSize,searchText,sortName,sortOrder
  53. //设置为limit可以获取limit, offset, search, sort, order
  54. queryParamsType: "undefined",
  55. queryParams: function queryParams(params) { //设置查询参数
  56. var param = {
  57. page: params.pageNumber,
  58. pagesize: params.pageSize,
  59. /*: emailTheme; //主题
  60. stime: start, //时间
  61. auditingNameType: auditingNameType, //审核状态 (1已审核,0未审核)
  62. addNameType: addNameType, //工单状态(1已添加,0未添加)*/
  63. isAudit: type,
  64. token: $.cookie("token")
  65. };
  66. return param;
  67. },
  68. onLoadSuccess: function(data) { //加载成功时执行
  69. //layer.msg("加载成功");
  70. var result = data.rows;
  71. if (result) {
  72. for (var k = 0; k < result.length; k++) {
  73. /*$(document).on('click','.lookEmail_'+index+'_'+k+'',{resultData: result[k]},look);*/
  74. $('.lookEmail_' + index + '_' + k + '').on('click', {
  75. resultData: result[k]
  76. }, look);
  77. }
  78. }
  79. },
  80. onLoadError: function() { //加载失败时执行
  81. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  82. }
  83. });
  84. }
  85. var html =
  86. '<div class="treeTable emailDetail">' +
  87. '<h3 class="con_title"></h3>' +
  88. '<span class="eid" style="display:none"></span>' +
  89. '<div class="con_message">' +
  90. '<span>发件人:</span>' +
  91. '<sapn class="cjr">-</sapn>' +
  92. '<span>邮件地址:</span>' +
  93. '<sapn class="wid">-</sapn>' +
  94. '<span>日期:</span>' +
  95. '<sapn class="time">-</sapn>' +
  96. '</div>' +
  97. '<span class="contentDetails" style="display:none"></span>' +
  98. '<table class="con_content table table-striped table-hover">' +
  99. '<tr style="background-color: #fff;">' +
  100. '<td class="contentDetail" style="border-top: none;text-indent: 0em;">' +
  101. '</td>' +
  102. '</tr>' +
  103. '<tr style="background-color: #f3f3f4;">' +
  104. '<td class="content">' +
  105. '附件' +
  106. '</td>' +
  107. '</tr>' +
  108. '<tr style="background-color: #fff;">' +
  109. '<td class="contentUrl">' +
  110. '<p></p>' +
  111. '</td>' +
  112. '</tr>' +
  113. '</table>' +
  114. '<p style="margin-top: 20px;">' +
  115. '<input type="hidden" id="fileurl" />' +
  116. '<button class="btns auditing">审核邮件</button>' +
  117. '<button class="btns addEmail">添加工单</button>' +
  118. '</p>' +
  119. '</div>';
  120. var tc;
  121. //操作 添加查看详情
  122. function emailDetail(val, row, index1) {
  123. /*return '<div class="lookEmail"><a onclick="look(\''+row.E_EmailId+'\')" title="查看详情"><i class="fa fa-navicon" style="margin-right:2px;"></i>详情</a></div>'*/
  124. return '<div class="lookEmail_' + index + '_' + index1 +
  125. '"><a title="查看详情"><i class="fa fa-navicon" style="margin-right:2px;"></i>详情</a></div>'
  126. }
  127. //通过现有的接口遍历 查看详情
  128. function look(e) {
  129. var con = e.data.resultData;
  130. e.stopPropagation();
  131. e.preventDefault();
  132. if (con) {
  133. tc = layer.open({
  134. type: 1,
  135. title: '邮件详情',
  136. area: ['70%', '80%'], //宽高
  137. content: html
  138. });
  139. $('.eid').html(con.E_EmailId);
  140. $('.con_title').html(con.E_Title);
  141. $('.cjr').html(con.E_Email);
  142. $('.wid').html(con.E_Address);
  143. $('.time').html(con.E_EmailTime);
  144. $('.contentDetails').html(con.E_Content);
  145. $('.contentDetail').html(setHtmlReplace(con.E_Content));
  146. if ($('.contentDetails').html() == ' ') {
  147. $('.contentDetails').html('邮件内容为空。');
  148. }
  149. var fUrl = con.E_AttachmentsUrl;
  150. if (fUrl) {
  151. fUrl = fUrl.split(',');
  152. for (var j = 0; j < fUrl.length; j++) {
  153. fUrl[j] = fUrl[j].substring(1);
  154. var fileUrl = huayi.config.callcenter_url + fUrl[j];
  155. //$('.contentUrl').append('<p class="fieURL" onclick="downloadFile(\''+encodeURI(fileUrl)+'\')">'+fielUrl+'</p>');
  156. $('.contentUrl').append('<p class="fieURL"><a href="' + fileUrl + '" download="filename">' + fileUrl + '</a></p>');
  157. }
  158. } else {
  159. $('.contentUrl p:first-child').html('没有附件。');
  160. }
  161. $('#fileurl').val(con.E_AttachmentsUrl);
  162. //先审核,才可以添加工单
  163. if ((con.E_IsWorkOrder == 1) && (con.E_IsAudit == 1)) {
  164. $(".addEmail").attr('disabled', true);
  165. $(".auditing").attr('disabled', true);
  166. } else if ((con.E_IsWorkOrder != 1) && (con.E_IsAudit == 1)) {
  167. $(".addEmail").attr('disabled', false);
  168. $(".auditing").attr('disabled', true);
  169. } else if ((con.E_IsWorkOrder != 1) && (con.E_IsAudit != 1)) {
  170. $(".addEmail").attr('disabled', true);
  171. $(".auditing").attr('disabled', false);
  172. }
  173. }
  174. }
  175. /*
  176. function look(str){
  177. $.getJSON(huayi.config.callcenter_url + "EmailSend/GetEmailMessageList", {
  178. page: $('.page-number.active a').html(),
  179. pagesize: $('.page-size').html(),
  180. isAudit: index,
  181. token: $.cookie("token")
  182. }, function(result) {
  183. var con = result.rows;
  184. if(con.length > 0){
  185. // console.log(con);
  186. // console.log(con[0].E_EmailId);
  187. for(var i = 0; i < con.length; i++){
  188. if(str == con[i].E_EmailId){
  189. tc = layer.open({
  190. type: 1,
  191. title: '邮件详情',
  192. area: ['70%', '80%'], //宽高
  193. content: html
  194. });
  195. $('.eid').html(con[i].E_EmailId);
  196. $('.con_title').html(con[i].E_Title);
  197. $('.cjr').html(con[i].E_Email);
  198. $('.wid').html(con[i].E_Address);
  199. $('.time').html(con[i].E_EmailTime);
  200. $('.contentDetail').html(con[i].E_Content);
  201. if($('.contentDetail').html() == ' '){
  202. $('.contentDetail').html('邮件内容为空。');
  203. }
  204. var fUrl = con[i].E_AttachmentsUrl;
  205. if(fUrl){
  206. fUrl = fUrl.split(',');
  207. for(var j = 0; j < fUrl.length; j++){
  208. fUrl[j] = fUrl[j].substring(1);
  209. var fileUrl = huayi.config.callcenter_url + fUrl[j];
  210. //$('.contentUrl').append('<p class="fieURL" onclick="downloadFile(\''+encodeURI(fileUrl)+'\')">'+fielUrl+'</p>');
  211. $('.contentUrl').append('<p class="fieURL"><a href="'+fileUrl+'" download="filename">'+fileUrl+'</a></p>');
  212. }
  213. }else{
  214. $('.contentUrl p:first-child').html('没有附件。');
  215. }
  216. //先审核,才可以添加工单
  217. if((con[i].E_IsWorkOrder == 1) && (con[i].E_IsAudit == 1)){
  218. $(".addEmail").attr('disabled',true);
  219. $(".auditing").attr('disabled',true);
  220. }else if((con[i].E_IsWorkOrder != 1) && (con[i].E_IsAudit == 1)){
  221. $(".addEmail").attr('disabled',false);
  222. $(".auditing").attr('disabled',true);
  223. }else if((con[i].E_IsWorkOrder != 1) && (con[i].E_IsAudit != 1)){
  224. $(".addEmail").attr('disabled',true);
  225. $(".auditing").attr('disabled',false);
  226. }
  227. }
  228. }
  229. }
  230. })
  231. }
  232. */
  233. //通过新的接口 获取邮件信息列表
  234. //function look(str){
  235. // $.getJSON(huayi.config.callcenter_url + "EmailSend/GetEmailInfoById", {
  236. // uid: str,
  237. // token: $.cookie("token")
  238. // }, function(result) {
  239. // var con = result.data;
  240. // if(result.state.toLowerCase() == "success") {
  241. // tc = layer.open({
  242. // type: 1,
  243. // title: '邮件详情',
  244. // area: ['70%', '80%'], //宽高
  245. // content: html
  246. // });
  247. // $('.eid').html(con.E_EmailId);
  248. // $('.con_title').html(con.E_Title);
  249. // $('.cjr').html(con.E_Email);
  250. // $('.wid').html(con.E_Address);
  251. // $('.time').html(con.E_EmailTime);
  252. // $('.contentDetail').html(con.E_Content);
  253. // if($('.contentDetail').html() == ' '){
  254. // $('.contentDetail').html('邮件内容为空。');
  255. // }
  256. //
  257. // $('.contentUrl p').html(con.E_AttachmentsUrl);
  258. // if(!$('.contentUrl p').html()){
  259. // $('.contentUrl p').html('没有附件。');
  260. // }
  261. //
  262. // if(con.E_IsAudit == 1){
  263. // $('.addEmail').show(); //添加按钮
  264. // }else{
  265. // $('.auditing').show(); //审核按钮
  266. // }
  267. // }
  268. // })
  269. //}
  270. //审核
  271. $(document).on('click', '.auditing', function() {
  272. $.post(huayi.config.callcenter_url + "EmailSend/IsAudit", {
  273. E_EmailId: $('.eid').html(),
  274. E_Email: $('.wid').html(),
  275. E_Title: $('.con_title').html(),
  276. E_EmailTime: $('.time').html(),
  277. E_Content: $('.contentDetails').html(),
  278. E_AttachmentsUrl: $('#fileurl').val(),
  279. token: $.cookie("token")
  280. }, function(result) {
  281. var data = JSON.parse(result);
  282. if (data.state == "success") {
  283. tables = $('#tableEmail' + index + '');
  284. //emailTheme = $('#emailTheme_'+index+'');
  285. //start = $('#start_'+index+'').val();
  286. //auditingNameType = $('#auditingNameType_'+index+'').val();
  287. //addNameType = $('#addNameType_'+index+'').val();
  288. type = index;
  289. initTable(tables, type);
  290. $(".auditing").attr('disabled', true);
  291. $(".addEmail").attr('disabled', false);
  292. layer.msg("审核成功");
  293. }
  294. })
  295. });
  296. //添加
  297. $(document).on('click', '.addEmail', function() {
  298. $.post(huayi.config.callcenter_url + "EmailSend/AddWorkOrderByEmail", {
  299. emailid: $('.eid').html(),
  300. email: $('.wid').html(),
  301. title: $('.con_title').html(),
  302. content: $('.contentDetails').html(),
  303. filesurl: $('#fileurl').val(), // 20190422添加 fanlogfei
  304. token: $.cookie("token")
  305. }, function(result) {
  306. var data = JSON.parse(result);
  307. if (data.state == "success") {
  308. tables = $('#tableEmail' + index + '');
  309. //emailTheme = $('#emailTheme_'+index+'');
  310. //start = $('#start_'+index+'').val();
  311. //auditingNameType = $('#auditingNameType_'+index+'').val();
  312. //addNameType = $('#addNameType_'+index+'').val();
  313. type = index;
  314. initTable(tables, type);
  315. $(".addEmail").attr('disabled', true);
  316. layer.msg("添加成功");
  317. }
  318. })
  319. });
  320. /*搜索*/
  321. $(document).on('click', '#sc_btns_0', {
  322. indexParam: 0
  323. }, searchEmail);
  324. $(document).on('click', '#sc_btns_1', {
  325. indexParam: 1
  326. }, searchEmail);
  327. function searchEmail(e) {
  328. var index = e.data.indexParam;
  329. tables = $('#tableEmail' + index + '');
  330. // emailTheme = $('#emailTheme_'+index+'');
  331. // start = $('#start_'+index+'').val();
  332. // auditingNameType = $('#auditingNameType_'+index+'').val();
  333. // addNameType = $('#addNameType_'+index+'').val();
  334. type = index;
  335. initTable(tables, type);
  336. }
  337. //批量删除 先隐藏了误删
  338. /*$(document).on('click','.allDel0',{indexParam:0},dellEmail);
  339. $(document).on('click','.allDel1',{indexParam:1},dellEmail);
  340. function dellEmail(e){
  341. var indexEmail = e.data.indexParam;
  342. var delId = $.map($('#tableEmail'+indexEmail+'').bootstrapTable('getSelections'), function (row) {
  343. return row.E_EmailId;
  344. });
  345. if (delId.length <= 0) {
  346. layer.confirm('请选择一项内容删除!', {
  347. btn: ['确定']
  348. });
  349. return;
  350. } else {
  351. var laye = layer.confirm('提示:删除该条信息的同时会删除126邮件信息到垃圾箱!', {
  352. btn: ['确定', '取消'] //可以无限个按钮
  353. }, function() {
  354. $.ajax({
  355. type:"post",
  356. url:huayi.config.callcenter_url + 'EmailSend/DelEmailByID',
  357. async:true,
  358. dataType:'json',
  359. data:{
  360. token:$.cookie("token"),
  361. uid:delId
  362. },
  363. success:function(data){
  364. if(data.state.toLowerCase()=='success'){
  365. layer.msg(data.message);
  366. inittableEmail();
  367. }
  368. }
  369. });
  370. });
  371. }
  372. }
  373. */
  374. //编号
  375. function setCode(val, row, index) {
  376. return index + 1;
  377. }
  378. //审核状态
  379. function auditingType(val) {
  380. if (val == 1) {
  381. return '已审核';
  382. } else {
  383. return '未审核';
  384. }
  385. }
  386. //工单状态
  387. function addType(val) {
  388. if (val == 1) {
  389. return '已添加';
  390. } else {
  391. return '未添加';
  392. }
  393. }
  394. //下载
  395. function downloadFile(furl) {
  396. try {
  397. var elemIF = document.createElement("iframe");
  398. elemIF.src = furl;
  399. elemIF.style.display = "none";
  400. document.body.appendChild(elemIF);
  401. } catch (e) {
  402. layer.msg('下载出错');
  403. }
  404. }
  405. //字符串替换
  406. function setHtmlReplace(MsgContent) {
  407. var Htmls = [{
  408. aHtml: /\ +/g,
  409. bHtml: ' '
  410. },
  411. {
  412. aHtml: /[ ]/g,
  413. bHtml: '&nbsp&nbsp&nbsp&nbsp&nbsp'
  414. },
  415. {
  416. aHtml: /[\r\n]/g,
  417. bHtml: '<BR>'
  418. }
  419. ];
  420. $.each(Htmls, function(index, item) {
  421. var re = new RegExp(item.aHtml, "g");
  422. MsgContent = MsgContent.replace(re, item.bHtml);
  423. });
  424. return MsgContent;
  425. }