email.jsp 6.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142
  1. <%@ page language="java" contentType="text/html; charset=UTF-8"
  2. pageEncoding="UTF-8"%>
  3. <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
  4. <%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme() + "://"
  8. + request.getServerName() + ":" + request.getServerPort()
  9. + path + "/";
  10. %>
  11. <!DOCTYPE html>
  12. <html lang="en">
  13. <head>
  14. <base href="<%=basePath%>">
  15. <!-- jsp文件头和头部 -->
  16. <%@ include file="../index/top.jsp"%>
  17. <style type="text/css">
  18. #dialog-add,#dialog-message,#dialog-comment{width:100%; height:100%; position:fixed; top:0px; z-index:99999999; display:none;}
  19. .commitopacity{position:absolute; width:100%; height:10000px; background:#7f7f7f; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; top:0px; z-index:99999;}
  20. .commitbox{width:100%; margin:0px auto; position:absolute; top:120px; z-index:99999;}
  21. .commitbox_inner{width:96%; height:255px; margin:6px auto; background:#efefef; border-radius:5px;}
  22. .commitbox_top{width:100%; height:253px; margin-bottom:10px; padding-top:10px; background:#FFF; border-radius:5px; box-shadow:1px 1px 3px #e8e8e8;}
  23. .commitbox_top textarea{width:95%; height:195px; display:block; margin:0px auto; border:0px;}
  24. .commitbox_cen{width:95%; height:40px; padding-top:10px;}
  25. .commitbox_cen div.left{float:left;background-size:15px; background-position:0px 3px; padding-left:18px; color:#f77500; font-size:16px; line-height:27px;}
  26. .commitbox_cen div.left img{width:30px;}
  27. .commitbox_cen div.right{float:right; margin-top:7px;}
  28. .commitbox_cen div.right span{cursor:pointer;}
  29. .commitbox_cen div.right span.save{border:solid 1px #c7c7c7; background:#6FB3E0; border-radius:3px; color:#FFF; padding:5px 10px;}
  30. .commitbox_cen div.right span.quxiao{border:solid 1px #f77400; background:#f77400; border-radius:3px; color:#FFF; padding:4px 9px;}
  31. </style>
  32. </head>
  33. <body>
  34. <!-- 编辑邮箱 -->
  35. <div id="dialog-add">
  36. <div class="commitopacity"></div>
  37. <div class="commitbox">
  38. <div class="commitbox_inner">
  39. <div class="commitbox_top">
  40. <textarea name="EMAILs" id="EMAILs" placeholder="请选输入对方邮箱,多个请用(;)分号隔开" title="请选输入对方邮箱,多个请用(;)分号隔开"></textarea>
  41. <div class="commitbox_cen">
  42. <div class="left" id="cityname"></div>
  43. <div class="right"><span class="save" onClick="saveEmail()">保存</span>&nbsp;&nbsp;<span class="quxiao" onClick="cancel_pl()">取消</span></div>
  44. </div>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. <!-- /section:basics/navbar.layout -->
  50. <div class="main-container" id="main-container">
  51. <!-- /section:basics/sidebar -->
  52. <div class="main-content">
  53. <div class="main-content-inner">
  54. <div class="page-content">
  55. <div class="row">
  56. <div class="col-xs-12">
  57. <div class="span12">
  58. <div class="widget-box">
  59. <div class="widget-header widget-header-blue widget-header-flat wi1dget-header-large">
  60. <h4 class="lighter">发送邮件</h4>
  61. </div>
  62. <div class="widget-body">
  63. <div class="widget-main">
  64. <div class="step-content row-fluid position-relative">
  65. <div id="zhongxin">
  66. <textarea name="CONTENT" id="CONTENT" style="display:none" ></textarea>
  67. <input type="hidden" name="TYPE" id="TYPE" value="1"/>
  68. <input type="hidden" name="isAll" id="isAll" value="no"/>
  69. <table style="width:100%;" id="xtable">
  70. <tr>
  71. <td style="margin-top:0px;">
  72. <div style="float: left;width:88%"><textarea name="EMAIL" id="EMAIL" rows="1" cols="50" style="width:100%;height:35px;" placeholder="请选输入对方邮箱,多个请用(;)分号隔开" title="请选输入对方邮箱,多个请用(;)分号隔开"></textarea></div>
  73. <div style="float: right;width:10%;"><a class='btn btn-mini btn-info' title="编辑邮箱" onclick="dialog_open();"><i class='ace-icon fa fa-pencil-square-o bigger-120'></i></a></div>
  74. </td>
  75. </tr>
  76. <tr>
  77. <td>
  78. <input type="text" name="TITLE" id="TITLE" value="" placeholder="请选输入邮件标题" style="width:95%"/>
  79. </td>
  80. </tr>
  81. <tr>
  82. <td id="nr" style="padding-top: 5px;">
  83. <script id="editor" type="text/plain" style="width:96%;height:259px;"></script>
  84. </td>
  85. </tr>
  86. <tr>
  87. <td style="text-align: center;padding-top: 5px;">
  88. <a class="btn btn-mini btn-primary" onclick="sendEm();">发送</a>
  89. <label style="float:left;padding-left: 32px;"><input name="form-field-radio" id="form-field-radio1" onclick="setType('1');" checked="checked" type="radio" value="icon-edit" class="ace"><span class="lbl">纯文本</span></label>
  90. <label style="float:left;padding-left: 5px;"><input name="form-field-radio" id="form-field-radio2" onclick="setType('2');" type="radio" value="icon-edit" class="ace" /><span class="lbl">带标签</span></label>
  91. <label style="float:left;padding-left: 15px;"><input name="form-field-checkbox" type="checkbox" id="allusers" onclick="isAll();" class="ace" /><span class="lbl">全体用户</span></label>
  92. </td>
  93. </tr>
  94. </table>
  95. </div>
  96. <div id="zhongxin2" class="center" style="display:none"><br/><img src="static/images/jzx.gif" id='msg' /><br/><h4 class="lighter block green" id='msg'>正在发送...</h4><strong id="second_shows" class="red">6秒</strong>后关闭</div>
  97. </div>
  98. </div><!--/widget-main-->
  99. </div><!--/widget-body-->
  100. </div>
  101. </div>
  102. </div>
  103. <!-- /.col -->
  104. </div>
  105. <!-- /.row -->
  106. </div>
  107. <!-- /.page-content -->
  108. </div>
  109. </div>
  110. <!-- /.main-content -->
  111. <!-- 返回顶部 -->
  112. <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
  113. <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
  114. </a>
  115. </div>
  116. <!-- /.main-container -->
  117. <!-- basic scripts -->
  118. <!-- 页面底部js¨ -->
  119. <%@ include file="../index/foot.jsp"%>
  120. <!-- ace scripts -->
  121. <script src="static/ace/js/ace/ace.js"></script>
  122. <!-- 编辑框-->
  123. <script type="text/javascript" charset="utf-8">window.UEDITOR_HOME_URL = "<%=path%>/plugins/ueditor/";</script>
  124. <script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.config.js"></script>
  125. <script type="text/javascript" charset="utf-8" src="plugins/ueditor/ueditor.all.js"></script>
  126. <!-- 编辑框-->
  127. <!--提示框-->
  128. <script type="text/javascript" src="static/js/jquery.tips.js"></script>
  129. <!--引入属于此页面的js -->
  130. <script type="text/javascript" src="static/js/myjs/toolEmail.js"></script>
  131. <script type="text/javascript">
  132. $(top.hangge());
  133. </script>
  134. </body>
  135. </html>