商丘12345 前端

email.js 14KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442
  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. debugger;
  73. for (var k = 0; k < result.length; k++) {
  74. /*$(document).on('click','.lookEmail_'+index+'_'+k+'',{resultData: result[k]},look);*/
  75. $('.lookEmail_' + index + '_' + k + '').on('click', { resultData: result[k] }, look);
  76. }
  77. }
  78. },
  79. onLoadError: function () { //加载失败时执行
  80. //layer.msg("加载数据失败", { time: 1500, icon: 2 });
  81. }
  82. });
  83. }
  84. var html =
  85. '<div class="treeTable emailDetail">' +
  86. '<h3 class="con_title"></h3>' +
  87. '<span class="eid" style="display:none"></span>' +
  88. '<div class="con_message">' +
  89. '<span>发件人:</span>' +
  90. '<sapn class="cjr">-</sapn>' +
  91. '<span>邮件地址:</span>' +
  92. '<sapn class="wid">-</sapn>' +
  93. '<span>日期:</span>' +
  94. '<sapn class="time">-</sapn>' +
  95. '</div>' +
  96. '<span class="contentDetails" style="display:none"></span>' +
  97. '<table class="con_content table table-striped table-hover">' +
  98. '<tr style="background-color: #fff;">' +
  99. '<td class="contentDetail" style="border-top: none;text-indent: 0em;">' +
  100. '</td>' +
  101. '</tr>' +
  102. '<tr style="background-color: #f3f3f4;">' +
  103. '<td class="content">' +
  104. '附件' +
  105. '</td>' +
  106. '</tr>' +
  107. '<tr style="background-color: #fff;">' +
  108. '<td class="contentUrl">' +
  109. '<p></p>' +
  110. '</td>' +
  111. '</tr>' +
  112. '</table>' +
  113. '<p style="margin-top: 20px;">' +
  114. '<input type="hidden" id="fileurl" />'+
  115. '<button class="btns auditing">审核邮件</button>' +
  116. '<button class="btns addEmail">添加工单</button>' +
  117. '</p>' +
  118. '</div>';
  119. var tc;
  120. //操作 添加查看详情
  121. function emailDetail(val, row, index1) {
  122. /*return '<div class="lookEmail"><a onclick="look(\''+row.E_EmailId+'\')" title="查看详情"><i class="fa fa-navicon" style="margin-right:2px;"></i>详情</a></div>'*/
  123. return '<div class="lookEmail_' + index + '_' + index1 + '"><a title="查看详情"><i class="fa fa-navicon" style="margin-right:2px;"></i>详情</a></div>'
  124. }
  125. //通过现有的接口遍历 查看详情
  126. function look(e) {
  127. var con = e.data.resultData;
  128. e.stopPropagation();
  129. e.preventDefault();
  130. if (con) {
  131. tc = layer.open({
  132. type: 1,
  133. title: '邮件详情',
  134. area: ['70%', '80%'], //宽高
  135. content: html
  136. });
  137. $('.eid').html(con.E_EmailId);
  138. $('.con_title').html(con.E_Title);
  139. $('.cjr').html(con.E_Email);
  140. $('.wid').html(con.E_Address);
  141. $('.time').html(con.E_EmailTime);
  142. $('.contentDetails').html(con.E_Content);
  143. $('.contentDetail').html(setHtmlReplace(con.E_Content));
  144. if ($('.contentDetails').html() == ' ') {
  145. $('.contentDetails').html('邮件内容为空。');
  146. }
  147. var fUrl = con.E_AttachmentsUrl;
  148. if (fUrl) {
  149. fUrl = fUrl.split(',');
  150. for (var j = 0; j < fUrl.length; j++) {
  151. fUrl[j] = fUrl[j].substring(1);
  152. var fileUrl = huayi.config.callcenter_url + fUrl[j];
  153. //$('.contentUrl').append('<p class="fieURL" onclick="downloadFile(\''+encodeURI(fileUrl)+'\')">'+fielUrl+'</p>');
  154. $('.contentUrl').append('<p class="fieURL"><a href="' + fileUrl + '" download="filename">' + fileUrl + '</a></p>');
  155. }
  156. } else {
  157. $('.contentUrl p:first-child').html('没有附件。');
  158. }
  159. $('#fileurl').val(con.E_AttachmentsUrl);
  160. //先审核,才可以添加工单
  161. if ((con.E_IsWorkOrder == 1) && (con.E_IsAudit == 1)) {
  162. $(".addEmail").attr('disabled', true);
  163. $(".auditing").attr('disabled', true);
  164. } else if ((con.E_IsWorkOrder != 1) && (con.E_IsAudit == 1)) {
  165. $(".addEmail").attr('disabled', false);
  166. $(".auditing").attr('disabled', true);
  167. } else if ((con.E_IsWorkOrder != 1) && (con.E_IsAudit != 1)) {
  168. $(".addEmail").attr('disabled', true);
  169. $(".auditing").attr('disabled', false);
  170. }
  171. }
  172. }
  173. /*
  174. function look(str){
  175. $.getJSON(huayi.config.callcenter_url + "EmailSend/GetEmailMessageList", {
  176. page: $('.page-number.active a').html(),
  177. pagesize: $('.page-size').html(),
  178. isAudit: index,
  179. token: $.cookie("token")
  180. }, function(result) {
  181. var con = result.rows;
  182. if(con.length > 0){
  183. // console.log(con);
  184. // console.log(con[0].E_EmailId);
  185. for(var i = 0; i < con.length; i++){
  186. if(str == con[i].E_EmailId){
  187. tc = layer.open({
  188. type: 1,
  189. title: '邮件详情',
  190. area: ['70%', '80%'], //宽高
  191. content: html
  192. });
  193. $('.eid').html(con[i].E_EmailId);
  194. $('.con_title').html(con[i].E_Title);
  195. $('.cjr').html(con[i].E_Email);
  196. $('.wid').html(con[i].E_Address);
  197. $('.time').html(con[i].E_EmailTime);
  198. $('.contentDetail').html(con[i].E_Content);
  199. if($('.contentDetail').html() == ' '){
  200. $('.contentDetail').html('邮件内容为空。');
  201. }
  202. var fUrl = con[i].E_AttachmentsUrl;
  203. if(fUrl){
  204. fUrl = fUrl.split(',');
  205. for(var j = 0; j < fUrl.length; j++){
  206. fUrl[j] = fUrl[j].substring(1);
  207. var fileUrl = huayi.config.callcenter_url + fUrl[j];
  208. //$('.contentUrl').append('<p class="fieURL" onclick="downloadFile(\''+encodeURI(fileUrl)+'\')">'+fielUrl+'</p>');
  209. $('.contentUrl').append('<p class="fieURL"><a href="'+fileUrl+'" download="filename">'+fileUrl+'</a></p>');
  210. }
  211. }else{
  212. $('.contentUrl p:first-child').html('没有附件。');
  213. }
  214. //先审核,才可以添加工单
  215. if((con[i].E_IsWorkOrder == 1) && (con[i].E_IsAudit == 1)){
  216. $(".addEmail").attr('disabled',true);
  217. $(".auditing").attr('disabled',true);
  218. }else if((con[i].E_IsWorkOrder != 1) && (con[i].E_IsAudit == 1)){
  219. $(".addEmail").attr('disabled',false);
  220. $(".auditing").attr('disabled',true);
  221. }else if((con[i].E_IsWorkOrder != 1) && (con[i].E_IsAudit != 1)){
  222. $(".addEmail").attr('disabled',true);
  223. $(".auditing").attr('disabled',false);
  224. }
  225. }
  226. }
  227. }
  228. })
  229. }
  230. */
  231. //通过新的接口 获取邮件信息列表
  232. //function look(str){
  233. // $.getJSON(huayi.config.callcenter_url + "EmailSend/GetEmailInfoById", {
  234. // uid: str,
  235. // token: $.cookie("token")
  236. // }, function(result) {
  237. // var con = result.data;
  238. // if(result.state.toLowerCase() == "success") {
  239. // tc = layer.open({
  240. // type: 1,
  241. // title: '邮件详情',
  242. // area: ['70%', '80%'], //宽高
  243. // content: html
  244. // });
  245. // $('.eid').html(con.E_EmailId);
  246. // $('.con_title').html(con.E_Title);
  247. // $('.cjr').html(con.E_Email);
  248. // $('.wid').html(con.E_Address);
  249. // $('.time').html(con.E_EmailTime);
  250. // $('.contentDetail').html(con.E_Content);
  251. // if($('.contentDetail').html() == ' '){
  252. // $('.contentDetail').html('邮件内容为空。');
  253. // }
  254. //
  255. // $('.contentUrl p').html(con.E_AttachmentsUrl);
  256. // if(!$('.contentUrl p').html()){
  257. // $('.contentUrl p').html('没有附件。');
  258. // }
  259. //
  260. // if(con.E_IsAudit == 1){
  261. // $('.addEmail').show(); //添加按钮
  262. // }else{
  263. // $('.auditing').show(); //审核按钮
  264. // }
  265. // }
  266. // })
  267. //}
  268. //审核
  269. $(document).on('click', '.auditing', function () {
  270. $.post(huayi.config.callcenter_url + "EmailSend/IsAudit", {
  271. E_EmailId: $('.eid').html(),
  272. E_Email: $('.wid').html(),
  273. E_Title: $('.con_title').html(),
  274. E_EmailTime: $('.time').html(),
  275. E_Content: $('.contentDetails').html(),
  276. E_AttachmentsUrl: $('#fileurl').val(),
  277. token: $.cookie("token")
  278. }, function (result) {
  279. var data = JSON.parse(result);
  280. if (data.state == "success") {
  281. tables = $('#tableEmail' + index + '');
  282. //emailTheme = $('#emailTheme_'+index+'');
  283. //start = $('#start_'+index+'').val();
  284. //auditingNameType = $('#auditingNameType_'+index+'').val();
  285. //addNameType = $('#addNameType_'+index+'').val();
  286. type = index;
  287. initTable(tables, type);
  288. $(".auditing").attr('disabled', true);
  289. $(".addEmail").attr('disabled', false);
  290. layer.msg("审核成功");
  291. }
  292. })
  293. });
  294. //添加
  295. $(document).on('click', '.addEmail', function () {
  296. $.post(huayi.config.callcenter_url + "EmailSend/AddWorkOrderByEmail", {
  297. emailid: $('.eid').html(),
  298. email: $('.wid').html(),
  299. title: $('.con_title').html(),
  300. content: $('.contentDetails').html(),
  301. token: $.cookie("token")
  302. }, function (result) {
  303. var data = JSON.parse(result);
  304. if (data.state == "success") {
  305. tables = $('#tableEmail' + index + '');
  306. //emailTheme = $('#emailTheme_'+index+'');
  307. //start = $('#start_'+index+'').val();
  308. //auditingNameType = $('#auditingNameType_'+index+'').val();
  309. //addNameType = $('#addNameType_'+index+'').val();
  310. type = index;
  311. initTable(tables, type);
  312. $(".addEmail").attr('disabled', true);
  313. layer.msg("添加成功");
  314. }
  315. })
  316. });
  317. /*搜索*/
  318. $(document).on('click', '#sc_btns_0', { indexParam: 0 }, searchEmail);
  319. $(document).on('click', '#sc_btns_1', { indexParam: 1 }, searchEmail);
  320. function searchEmail(e) {
  321. var index = e.data.indexParam;
  322. tables = $('#tableEmail' + index + '');
  323. // emailTheme = $('#emailTheme_'+index+'');
  324. // start = $('#start_'+index+'').val();
  325. // auditingNameType = $('#auditingNameType_'+index+'').val();
  326. // addNameType = $('#addNameType_'+index+'').val();
  327. type = index;
  328. initTable(tables, type);
  329. }
  330. //批量删除 先隐藏了误删
  331. /*$(document).on('click','.allDel0',{indexParam:0},dellEmail);
  332. $(document).on('click','.allDel1',{indexParam:1},dellEmail);
  333. function dellEmail(e){
  334. var indexEmail = e.data.indexParam;
  335. var delId = $.map($('#tableEmail'+indexEmail+'').bootstrapTable('getSelections'), function (row) {
  336. return row.E_EmailId;
  337. });
  338. if (delId.length <= 0) {
  339. layer.confirm('请选择一项内容删除!', {
  340. btn: ['确定']
  341. });
  342. return;
  343. } else {
  344. var laye = layer.confirm('提示:删除该条信息的同时会删除126邮件信息到垃圾箱!', {
  345. btn: ['确定', '取消'] //可以无限个按钮
  346. }, function() {
  347. $.ajax({
  348. type:"post",
  349. url:huayi.config.callcenter_url + 'EmailSend/DelEmailByID',
  350. async:true,
  351. dataType:'json',
  352. data:{
  353. token:$.cookie("token"),
  354. uid:delId
  355. },
  356. success:function(data){
  357. if(data.state.toLowerCase()=='success'){
  358. layer.msg(data.message);
  359. inittableEmail();
  360. }
  361. }
  362. });
  363. });
  364. }
  365. }
  366. */
  367. //编号
  368. function setCode(val, row, index) {
  369. return index + 1;
  370. }
  371. //审核状态
  372. function auditingType(val) {
  373. if (val == 1) {
  374. return '已审核';
  375. } else {
  376. return '未审核';
  377. }
  378. }
  379. //工单状态
  380. function addType(val) {
  381. if (val == 1) {
  382. return '已添加';
  383. } else {
  384. return '未添加';
  385. }
  386. }
  387. //下载
  388. function downloadFile(furl) {
  389. try {
  390. var elemIF = document.createElement("iframe");
  391. elemIF.src = furl;
  392. elemIF.style.display = "none";
  393. document.body.appendChild(elemIF);
  394. } catch (e) {
  395. layer.msg('下载出错');
  396. }
  397. }
  398. //字符串替换
  399. function setHtmlReplace(MsgContent) {
  400. var Htmls = [
  401. { aHtml: /\ +/g, bHtml: ' ' },
  402. { aHtml: /[ ]/g, bHtml: '&nbsp&nbsp&nbsp&nbsp&nbsp' },
  403. { aHtml: /[\r\n]/g, bHtml: '<BR>' }
  404. ];
  405. $.each(Htmls, function (index, item) {
  406. var re = new RegExp(item.aHtml, "g");
  407. MsgContent = MsgContent.replace(re, item.bHtml);
  408. });
  409. return MsgContent;
  410. }