sendEmail.jsp 4.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124
  1. <%@ page contentType="text/html;charset=UTF-8" %>
  2. <%@ include file="/webpage/include/taglib.jsp"%>
  3. <!DOCTYPE html>
  4. <html>
  5. <head>
  6. <meta charset="utf-8">
  7. <meta name="decorator" content="default"/>
  8. <!-- SUMMERNOTE -->
  9. <link href="${ctxStatic}/summernote/summernote.css" rel="stylesheet">
  10. <link href="${ctxStatic}/summernote/summernote-bs3.css" rel="stylesheet">
  11. <script src="${ctxStatic}/summernote/summernote.min.js"></script>
  12. <script src="${ctxStatic}/summernote/summernote-zh-CN.js"></script>
  13. </head>
  14. <body class="gray-bg">
  15. <div class="wrapper wrapper-content">
  16. <div class="row">
  17. <div class="col-sm-12 animated fadeInRight">
  18. <div class="mail-box-header">
  19. <div class="pull-right tooltip-demo">
  20. <button type="button" class="btn btn-white btn-sm" onclick="sendLetter()"> <i class="fa fa-pencil"></i> 发送邮件</button>
  21. </div>
  22. <h2>
  23. 写邮件
  24. </h2>
  25. </div>
  26. <div class="mail-box">
  27. <div class="mail-body">
  28. <form:form id="inputForm" modelAttribute="mailBox" action="${ctx}/tools/email/send" method="post" class="form-horizontal">
  29. <div class="form-group">
  30. <label class="col-sm-2 control-label"><font color="red">*</font>发送到:</label>
  31. <div class="col-sm-8">
  32. <input type="text" placeholder="输入多个邮件地址请用英文符号;隔开" id="emailAddress" name="emailAddress" class="form-control" value="">
  33. </div>
  34. </div>
  35. <div class="form-group">
  36. <label class="col-sm-2 control-label">主题:</label>
  37. <div class="col-sm-8">
  38. <input type="text" id="title" name="title" class="form-control" value="">
  39. </div>
  40. </div>
  41. <input type="hidden" id="content" name="content"><!-- 内容 -->
  42. </form:form>
  43. </div>
  44. <div class="mail-text h-200">
  45. <div class="summernote">
  46. </div>
  47. <div class="clearfix"></div>
  48. </div>
  49. <div class="mail-body text-right tooltip-demo">
  50. <button type="button" class="btn btn-primary btn-sm" onclick="sendLetter()"> <i class="fa fa-reply"></i> 发送</button>
  51. </div>
  52. <div class="clearfix"></div>
  53. </div>
  54. </div>
  55. </div>
  56. </div>
  57. <script>
  58. $(document).ready(function () {
  59. $('.i-checks').iCheck({
  60. checkboxClass: 'icheckbox_square-green',
  61. radioClass: 'iradio_square-green',
  62. });
  63. $('.summernote').summernote({
  64. lang: 'zh-CN'
  65. });
  66. });
  67. var edit = function () {
  68. $('.click2edit').summernote({
  69. focus: true
  70. });
  71. };
  72. var save = function () {
  73. var aHTML = $('.click2edit').code(); //save HTML If you need(aHTML: array).
  74. $('.click2edit').destroy();
  75. };
  76. function sendLetter(){
  77. if($("#emailAddress").val()==''){
  78. top.layer.alert('收件人不能为空!', {icon: 0});
  79. return;
  80. }
  81. if($("#title").val()==''){
  82. top.layer.alert('标题不能为空!', {icon: 0});
  83. return;
  84. }
  85. $("#content").val($(".note-editable").html());
  86. var index = layer.load(1, {
  87. shade: [0.3,'#fff'] //0.1透明度的白色背景
  88. });
  89. $("#inputForm").submit();
  90. }
  91. </script>
  92. </body>
  93. </html>