郑州颐和随访系统UI

MessageSend.html 6.5KB

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. <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. </style>
  26. </head>
  27. <body>
  28. <div class="wrapper wrapper-content animated fadeInRight">
  29. <div class="daoHang clearfix">
  30. <div class="dhLeft">
  31. <sapn>
  32. <i class="syIcon"></i>位置:
  33. <a href="javaScript:;" class="indexreturn">首页</a>&gt;
  34. <a href="javaScript:;">短信管理</a>&gt;
  35. <a href="" style="color: #000;">发送管理</a>
  36. </sapn>
  37. </div>
  38. </div>
  39. <div>
  40. <table class="_table1 table table-bordered table-hover " style="width: 100%;">
  41. <tr>
  42. <th>短信类型:</th>
  43. <td>
  44. <select name="" id="tiyet">
  45. <option value="">--请选择--</option>
  46. </select>
  47. </td>
  48. </tr>
  49. <tr>
  50. <th>发送方式:</th>
  51. <td id="order_isover">
  52. <label style="font-weight: normal;"><input type="radio" name="sendway" value="0" checked="checked" />立即发送</label>
  53. <label style="font-weight: normal;"><input type="radio" name="sendway" value="1" />定时发送</label>
  54. </td>
  55. </tr>
  56. <tr class="Data_box ">
  57. <th>定时发送时间:</th>
  58. <td>
  59. <input type="text" name="send" class="laydate-icon " id="Data_time" placeholder="请选择时间" />
  60. </td>
  61. </tr>
  62. <tr>
  63. <th>接收号码:</th>
  64. <td>
  65. <textarea id="tels" name="" rows="5"></textarea>
  66. <br />
  67. <input id="btndr" type="button" class="btns" style="margin:0;" value="导入号码" />&nbsp;&nbsp;<span>多个号码用英文逗号,隔开</span>&nbsp;&nbsp;
  68. <a href="drmb/导入号码模板.xlsx" download="导入号码模板.xlsx" title="点击下载导入模板">导入模板</a>
  69. <input type="file" name="upFile" id="upFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none;">
  70. </td>
  71. </tr>
  72. <tr>
  73. <th>短信内容:</th>
  74. <td>
  75. <textarea id="cont" name="" rows="5"></textarea>
  76. <input type="hidden" id="Mbidte">
  77. </td>
  78. </tr>
  79. </table>
  80. </div>
  81. <div style="text-align: center;">
  82. <input id="save" type="button" class="btns" value="发送短信" style="width: 100px;" />
  83. </div>
  84. </div>
  85. <script src="../js/laydate/laydate.js"></script>
  86. <script>
  87. var token = $.cookie("token");
  88. $(document).ready(function() {
  89. /*日期选择*/
  90. // laydate.skin('molv');
  91. /*开始日期*/
  92. laydate.render({
  93. elem: '#Data_time',
  94. type: 'datetime',
  95. theme: '#1ab394',
  96. // format: 'YYYY-MM-DD hh:mm:ss',
  97. });
  98. GetDicValueList();
  99. $("input[name=sendway]").change(function() {
  100. if($(this).val() == '0') {
  101. $(".Data_box").hide();
  102. } else {
  103. $(".Data_box").show();
  104. }
  105. })
  106. $("#btndr").click(function() {
  107. $("#upFile").trigger("click");
  108. })
  109. $("#upFile").change(function() {
  110. upload();
  111. })
  112. $("#save").click(function() {
  113. $.post(huayi.config.callcenter_url + "SMS/SendSMS", {
  114. sendWay: $('#order_isover').find('input[type="radio"]:checked').val(),
  115. sendTime: $("#Data_time").val(),
  116. mobile: $("#tels").val(),
  117. content: $("#cont").val(),
  118. MBID: $("#Mbidte").val(),
  119. token: $.cookie("token")
  120. }, function(result) {
  121. layer.msg(result);
  122. clean()
  123. })
  124. })
  125. });
  126. function clean() {
  127. $("input[name='sendway'][value='0']").prop("checked", true) //=(0转办1直办)
  128. $('#tiyet').val('');
  129. $('#Data_time').val('');
  130. $('#tels').val('');
  131. $("#cont").val('');
  132. }
  133. $('#tiyet').blur(function() {
  134. $.getJSON(huayi.config.callcenter_url + "SMS/GetContentTemp", {
  135. // id: ids, //id
  136. name: $('#tiyet').val(),
  137. token: $.cookie("token")
  138. }, function(data) {
  139. if(data.state.toLowerCase() == "success") {
  140. data = data.data;
  141. if(data) {
  142. $("#cont").val(data.Detail);
  143. $("#Mbidte").val(data.ID);
  144. } else {
  145. $('#salesman').val('');
  146. $('#telephone').val('');
  147. $('#chdaqu').find("option:selected").attr("selected", false);
  148. // $("#chdaqu").val('');
  149. $("#chfen").val('');
  150. $('#manage').val('');
  151. }
  152. }
  153. });
  154. });
  155. //上传文件
  156. function upload() {
  157. if(document.getElementById("upFile").files.length > 0) {
  158. var formData = new FormData();
  159. formData.append("upFile", document.getElementById("upFile").files[0]);
  160. formData.append("token", $.cookie("token"));
  161. $.ajax({
  162. url: huayi.config.callcenter_url + "SMS/ImportSend",
  163. type: "POST",
  164. data: formData,
  165. /**
  166. *必须false才会自动加上正确的Content-Type
  167. */
  168. contentType: false,
  169. /**
  170. * 必须false才会避开jQuery对 formdata 的默认处理
  171. * XMLHttpRequest会对 formdata 进行正确的处理
  172. */
  173. processData: false,
  174. success: function(result) {
  175. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  176. $("#upFile").change(function() {
  177. upload();
  178. });
  179. var r = $.parseJSON(result);
  180. if(r.state.toLowerCase() == "success") {
  181. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  182. var tel = $("#tels").val();
  183. if(tel) {
  184. if(tel.substr(huayi.config.callcenter_url.length - 1, 1) == ',') {
  185. $("#tels").val(tel + r.data);
  186. } else {
  187. $("#tels").val(tel + ',' + r.data);
  188. }
  189. } else {
  190. $("#tels").val(r.data);
  191. }
  192. layer.msg("导入成功");
  193. }
  194. }
  195. });
  196. } else {
  197. layer.confirm('请上传文件!', {
  198. btn: ['确定']
  199. });
  200. }
  201. }
  202. //短信类型
  203. function GetDicValueList() {
  204. // $("#tiyet").empty();
  205. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", {
  206. token: $.cookie("token"),
  207. Id: "DXLX"
  208. }, function(data) {
  209. $(data.rows).each(function(i, n) {
  210. $("#tiyet").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  211. })
  212. })
  213. }
  214. </script>
  215. </body>
  216. </html>