Нет описания

MessageSend.html 8.2KB

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