sendsms.html 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <title></title>
  5. #parse("sys/header.html")
  6. </head>
  7. <body>
  8. <div id="rrapp" v-cloak style="padding: 5px">
  9. <Card>
  10. <i-form ref="formValidate" :model="smsLog" :rules="ruleValidate" :label-width="80">
  11. <Form-item label="发送时间" prop="stime">
  12. <Date-picker type="datetime" v-model="smsLog.stime" placeholder="发送时间,填写时已填写的时间发送,不填时为当前时间发送"
  13. format="yyyy-MM-dd HH:mm:ss" style="width: 40%;"></Date-picker>
  14. </Form-item>
  15. <Form-item label="手机号码" prop="mobile">
  16. <i-input type="textarea" v-model="smsLog.mobile" placeholder="手机号码。多个以英文逗号隔开"/>
  17. </Form-item>
  18. <Form-item label="发送内容" prop="content">
  19. <i-input type="textarea" v-model="smsLog.content" placeholder="发送内容(1-500 个汉字)UTF-8编码"/>
  20. </Form-item>
  21. <Form-item>
  22. <i-button type="primary" @click="handleSubmit('formValidate')">提交</i-button>
  23. </Form-item>
  24. </i-form>
  25. </Card>
  26. </div>
  27. <script type="text/javascript">
  28. let vm = new Vue({
  29. el: '#rrapp',
  30. data: {
  31. smsLog: {
  32. type: 'pt'
  33. },
  34. ruleValidate: {
  35. content: [
  36. {required: true, message: '发送内容不能为空', trigger: 'blur'}
  37. ],
  38. mobile: [
  39. {required: true, message: '手机号码不能为空', trigger: 'blur'}
  40. ]
  41. }
  42. },
  43. methods: {
  44. handleSubmit: function (name) {
  45. handleSubmitValidate(this, name, function () {
  46. vm.send();
  47. });
  48. },
  49. handleReset: function (name) {
  50. handleResetForm(this, name);
  51. },
  52. send: function () {
  53. let url = "../sys/smslog/sendSms";
  54. Ajax.request({
  55. url: url,
  56. params: JSON.stringify(vm.smsLog),
  57. contentType: "application/json",
  58. type: 'POST',
  59. successCallback: function () {
  60. alert('提交成功', function (index) {
  61. vm.handleReset('formValidate');
  62. });
  63. }
  64. });
  65. }
  66. }
  67. });
  68. </script>
  69. </body>
  70. </html>