郑州颐和随访系统UI

MessageSend.html 10KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262
  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. <option value="来院方式">来院方式</option>
  47. <option value="预约挂号">预约挂号</option>
  48. <option value="再次提醒">再次提醒</option>
  49. <option value="医院相关介绍">医院相关介绍</option>
  50. <option value="专家坐诊时间">专家坐诊时间</option>
  51. </select>
  52. </td>
  53. </tr>
  54. <tr>
  55. <th>发送方式:</th>
  56. <td id="order_isover">
  57. <label style="font-weight: normal;"><input type="radio" name="sendway" value="0" checked="checked" />立即发送</label>
  58. <label style="font-weight: normal;"><input type="radio" name="sendway" value="1" />定时发送</label>
  59. </td>
  60. </tr>
  61. <tr class="Data_box ">
  62. <th>定时发送时间:</th>
  63. <td>
  64. <input type="text" name="send" class="laydate-icon " id="Data_time" placeholder="请选择时间"/>
  65. </td>
  66. </tr>
  67. <tr>
  68. <th>接收号码:</th>
  69. <td>
  70. <textarea id="tels" name="" rows="5"></textarea>
  71. <br />
  72. <input id="btndr" type="button" class="btns" style="margin:0;" value="导入号码" />&nbsp;&nbsp;<span>多个号码用英文逗号,隔开</span>&nbsp;&nbsp;<a href="drmb/导入号码模板.xlsx" download="导入号码模板.xlsx" title="点击下载导入模板">导入模板</a>
  73. <input type="file" name="upFile" id="upFile" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel" style="display: none;">
  74. </td>
  75. </tr>
  76. <tr>
  77. <th>短信内容:</th>
  78. <td>
  79. <textarea id="cont" name="" rows="5"></textarea>
  80. <input type="hidden" id="Mbidte">
  81. </td>
  82. </tr>
  83. </table>
  84. </div>
  85. <div style="text-align: center;">
  86. <input id="save" type="button" class="btns" value="发送短信" style="width: 100px;" />
  87. </div>
  88. </div>
  89. <script src="../js/laydate/laydate.js"></script>
  90. <script>
  91. var token = $.cookie("token");
  92. $(document).ready(function () {
  93. /*日期选择*/
  94. // laydate.skin('molv');
  95. /*开始日期*/
  96. laydate.render({
  97. elem: '#Data_time',
  98. type: 'datetime',
  99. theme: '#1ab394',
  100. // format: 'YYYY-MM-DD hh:mm:ss',
  101. });
  102. GetDicValueList();
  103. $("input[name=sendway]").change(function () {
  104. if ($(this).val() == '0') {
  105. $(".Data_box").hide();
  106. }
  107. else {
  108. $(".Data_box").show();
  109. }
  110. })
  111. $("#btndr").click(function () {
  112. $("#upFile").trigger("click");
  113. })
  114. $("#upFile").change(function () {
  115. upload();
  116. })
  117. $("#save").click(function () {
  118. // if (!$("#type").val()) {
  119. // layer.confirm('请选择短信类型', {
  120. // btn: ['确定'] //按钮
  121. // });
  122. // return;
  123. // }
  124. // var val = $("input[name='sendway']:checked").val();
  125. // if (!val) {
  126. // layer.confirm('请选择发送方式', {
  127. // btn: ['确定'] //按钮
  128. // });
  129. // return;
  130. // }
  131. // else {
  132. // if (val == '2' && !$("#Data_time").val()) {
  133. // layer.confirm('请选择定时发送时间', {
  134. // btn: ['确定'] //按钮
  135. // });
  136. // return;
  137. // }
  138. // }
  139. // if (!$("#tels").val()) {
  140. // layer.confirm('请输入接收号码', {
  141. // btn: ['确定'] //按钮
  142. // });
  143. // return;
  144. // }
  145. // if (!$("#cont").val()) {
  146. // layer.confirm('请输入短信内容', {
  147. // btn: ['确定'] //按钮
  148. // });
  149. // return;
  150. // }
  151. $.post(huayi.config.callcenter_url + "SMS/SendSMS",
  152. {
  153. // type: $("#type").val(),
  154. sendWay:$('#order_isover').find('input[type="radio"]:checked').val(),
  155. // sendway: val,
  156. sendTime: $("#Data_time").val(),
  157. mobile: $("#tels").val(),
  158. content: $("#cont").val(),
  159. MBID:$("#Mbidte").val(),
  160. token: $.cookie("token")
  161. }, function (result) {
  162. result = JSON.parse(result);
  163. if (result.state.toLowerCase() == "success") {
  164. layer.msg("发送成功");
  165. layer.close(tc); //关闭弹层
  166. }
  167. })
  168. })
  169. });
  170. $('#tiyet').blur(function () {
  171. $.getJSON(huayi.config.callcenter_url + "SMS/GetContentTemp", {
  172. // id: ids, //id
  173. name:$('#tiyet').val(),
  174. token: $.cookie("token")
  175. }, function(data) {
  176. if (data.state.toLowerCase() == "success") {
  177. data = data.data;
  178. if (data) {
  179. $("#cont").val(data.Detail);
  180. $("#Mbidte").val(data.ID);
  181. }else{
  182. $('#salesman').val('');
  183. $('#telephone').val('');
  184. $('#chdaqu').find("option:selected").attr("selected", false);
  185. // $("#chdaqu").val('');
  186. $("#chfen").val('');
  187. $('#manage').val('');
  188. }
  189. }
  190. // alert(111111111111111);
  191. });
  192. });
  193. //上传文件
  194. function upload() {
  195. if (document.getElementById("upFile").files.length > 0) {
  196. var formData = new FormData();
  197. formData.append("upFile", document.getElementById("upFile").files[0]);
  198. formData.append("token", $.cookie("token"));
  199. $.ajax({
  200. url: huayi.config.callcenter_url + "SMS/ImportSend",
  201. type: "POST",
  202. data: formData,
  203. /**
  204. *必须false才会自动加上正确的Content-Type
  205. */
  206. contentType: false,
  207. /**
  208. * 必须false才会避开jQuery对 formdata 的默认处理
  209. * XMLHttpRequest会对 formdata 进行正确的处理
  210. */
  211. processData: false,
  212. success: function (result) {
  213. document.getElementById("upFile").outerHTML = document.getElementById("upFile").outerHTML;
  214. $("#upFile").change(function () {
  215. upload();
  216. });
  217. var r = $.parseJSON(result);
  218. if (r.state.toLowerCase() == "success") {
  219. $(".yhtx").attr("src", huayi.config.callcenter_url.substr(0, huayi.config.callcenter_url.length - 1) + r.data);
  220. var tel = $("#tels").val();
  221. if (tel) {
  222. if (tel.substr(huayi.config.callcenter_url.length - 1, 1) == ',') {
  223. $("#tels").val(tel + r.data);
  224. }
  225. else {
  226. $("#tels").val(tel + ',' + r.data);
  227. }
  228. }
  229. else {
  230. $("#tels").val(r.data);
  231. }
  232. layer.msg("导入成功");
  233. }
  234. }
  235. });
  236. } else {
  237. layer.confirm('请上传文件!', {
  238. btn: ['确定']
  239. });
  240. }
  241. }
  242. //短信类型
  243. function GetDicValueList() {
  244. $("#type").empty();
  245. $.getJSON(huayi.config.callcenter_url + "Dictionary/GetDicValueList", { token: $.cookie("token"), Id: "DXLX" }, function (data) {
  246. $(data.rows).each(function (i, n) {
  247. $("#type").append('<option value="' + n.F_DictionaryValueId + '">' + n.F_Name + '</option>');
  248. })
  249. })
  250. }
  251. </script>
  252. </body>
  253. </html>