高新区管委会,以5.0标准版为基准,从双汇项目拷贝

MessageSend.html 8.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>短信发送</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <script src="../Script/Common/huayi.load.js"></script>
  8. <script src="../Script/Common/huayi.config.js"></script>
  9. <link href="../css/Table/table1.css" rel="stylesheet" />
  10. <link href="../css/init.css" rel="stylesheet" />
  11. <script src="../css/laydate/laydate.js"></script>
  12. <style>
  13. .Data_box {
  14. display: none;
  15. }
  16. ._table1 th {
  17. width: 30%;
  18. text-align: right;
  19. }
  20. textarea {
  21. padding-left: 5px;
  22. resize: none;
  23. font-size: 12px;
  24. width: 300px;
  25. }
  26. </style>
  27. </head>
  28. <body>
  29. <div class="wrapper wrapper-content animated fadeInRight">
  30. <div class="daoHang clearfix">
  31. <div class="dhLeft">
  32. <sapn>
  33. <i class="syIcon"></i>位置:
  34. <a href="javaScript:;" class="indexreturn">首页</a>&gt;
  35. <a href="javaScript:;">短信接收管理</a>&gt;
  36. <a href="" style="color: #000;">短信发送</a>
  37. </sapn>
  38. </div>
  39. </div>
  40. <div>
  41. <table class="_table1 table table-bordered table-hover " style="width: 100%;">
  42. <tr>
  43. <th>短信类型:</th>
  44. <td>
  45. <select name="" id="type"></select>
  46. </td>
  47. </tr>
  48. <tr>
  49. <th>发送方式:</th>
  50. <td>
  51. <label style="font-weight: normal;"><input type="radio" name="sendway" value="1" checked="checked" />立即发送</label>
  52. <label style="font-weight: normal;"><input type="radio" name="sendway" value="2" />定时发送</label>
  53. </td>
  54. </tr>
  55. <tr class="Data_box ">
  56. <th>定时发送时间:</th>
  57. <td>
  58. <input type="text" name="send" class="laydate-icon " id="Data_time" />
  59. </td>
  60. </tr>
  61. <tr>
  62. <th>接收号码:</th>
  63. <td>
  64. <textarea id="tels" name="" rows="5"></textarea>
  65. <br />
  66. <input id="btndr" type="button" class="btns" style="margin:0;" value="导入号码" />&nbsp;&nbsp;<span>多个号码用英文逗号,隔开</span>
  67. <input type="file" name="upFile" id="upFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none;">
  68. </td>
  69. </tr>
  70. <tr>
  71. <th>短信内容:</th>
  72. <td>
  73. <textarea id="cont" name="" rows="5"></textarea>
  74. </td>
  75. </tr>
  76. </table>
  77. </div>
  78. <div style="text-align: center;">
  79. <input id="save" type="button" class="btns" value="新增短信" style="width: 100px;" />
  80. </div>
  81. </div>
  82. <script>
  83. var token = $.cookie("token");
  84. $(document).ready(function () {
  85. /*日期选择*/
  86. laydate.skin('molv');
  87. /*开始日期*/
  88. laydate({
  89. elem: '#Data_time',
  90. event: 'focus',
  91. istime: true,
  92. format: 'YYYY-MM-DD hh:mm:ss',
  93. });
  94. GetDicValueList();
  95. $("input[name=sendway]").change(function () {
  96. if ($(this).val() == '1') {
  97. $(".Data_box").hide();
  98. }
  99. else {
  100. $(".Data_box").show();
  101. }
  102. })
  103. $("#btndr").click(function () {
  104. $("#upFile").trigger("click");
  105. })
  106. $("#upFile").change(function () {
  107. upload();
  108. })
  109. $("#save").click(function () {
  110. if (!$("#type").val()) {
  111. layer.confirm('请选择短信类型', {
  112. btn: ['确定'] //按钮
  113. });
  114. return;
  115. }
  116. var val = $("input[name='sendway']:checked").val();
  117. if (!val) {
  118. layer.confirm('请选择发送方式', {
  119. btn: ['确定'] //按钮
  120. });
  121. return;
  122. }
  123. else {
  124. if (val == '2' && !$("#Data_time").val()) {
  125. layer.confirm('请选择定时发送时间', {
  126. btn: ['确定'] //按钮
  127. });
  128. return;
  129. }
  130. }
  131. if (!$("#tels").val()) {
  132. layer.confirm('请输入接收号码', {
  133. btn: ['确定'] //按钮
  134. });
  135. return;
  136. }
  137. if (!$("#cont").val()) {
  138. layer.confirm('请输入短信内容', {
  139. btn: ['确定'] //按钮
  140. });
  141. return;
  142. }
  143. $.post(huayi.config.callcenter_url + "SMSZXZB/AddSend",
  144. {
  145. type: $("#type").val(),
  146. sendway: val,
  147. dssj: $("#Data_time").val(),
  148. tel: $("#tels").val(),
  149. cont: $("#cont").val(),
  150. token: $.cookie("token")
  151. }, function (result) {
  152. result = JSON.parse(result);
  153. if (result.state.toLowerCase() == "success") {
  154. layer.msg("新增成功");
  155. layer.close(tc); //关闭弹层
  156. }
  157. })
  158. })
  159. });
  160. //上传文件
  161. function upload() {
  162. if (document.getElementById("upFile").files.length > 0) {
  163. var formData = new FormData();
  164. formData.append("upFile", document.getElementById("upFile").files[0]);
  165. formData.append("token", $.cookie("token"));
  166. $.ajax({
  167. url: huayi.config.callcenter_url + "SMSZXZB/ImportSend",
  168. type: "POST",
  169. data: formData,
  170. /**
  171. *必须false才会自动加上正确的Content-Type
  172. */
  173. contentType: false,
  174. /**
  175. * 必须false才会避开jQuery对 formdata 的默认处理
  176. * XMLHttpRequest会对 formdata 进行正确的处理
  177. */
  178. processData: false,
  179. success: function (result) {
  180. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  181. $("#upFile").change(function () {
  182. upload();
  183. });
  184. var r = $.parseJSON(result);
  185. if (r.state.toLowerCase() == "success") {
  186. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  187. var tel = $("#tels").val();
  188. if (tel) {
  189. if (tel.substr(huayi.config.callcenter_url.length - 1, 1) == ',') {
  190. $("#tels").val(tel + r.data);
  191. }
  192. else {
  193. $("#tels").val(tel + ',' + r.data);
  194. }
  195. }
  196. else {
  197. $("#tels").val(r.data);
  198. }
  199. layer.msg("导入成功");
  200. }
  201. }
  202. });
  203. } else {
  204. layer.confirm('请上传文件!', {
  205. btn: ['确定']
  206. });
  207. }
  208. }
  209. //短信类型
  210. function GetDicValueList() {
  211. $("#type").empty();
  212. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", { token: $.cookie("token"), Id: "DXLX" }, function (data) {
  213. $(data.rows).each(function (i, n) {
  214. $("#type").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  215. })
  216. })
  217. }
  218. </script>
  219. </body>
  220. </html>