send.php 6.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116
  1. <div class="row-content am-cf">
  2. <div class="row">
  3. <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
  4. <div id="app" class="widget am-cf">
  5. <form id="my-form" class="am-form tpl-form-line-form" method="post">
  6. <div class="widget-body">
  7. <fieldset>
  8. <div class="widget-head am-cf">
  9. <div class="widget-title am-fl">发送推送消息</div>
  10. </div>
  11. <div class="tips am-margin-bottom am-u-sm-12">
  12. <div class="pre">
  13. <p>
  14. 注:模板消息只能发送给活跃用户,<a href="<?= url('market.push/user') ?>" target="_blank">查看活跃用户列表</a>,建议每次发送不超过10人。
  15. </p>
  16. <p>注:根据腾讯官方规定,滥用模板消息接口有被封号的风险,请谨慎使用!</p>
  17. </div>
  18. </div>
  19. <div class="am-form-group">
  20. <label class="am-u-sm-3 am-u-lg-3 am-form-label form-require">用户ID </label>
  21. <div class="am-u-sm-8 am-u-end">
  22. <input type="text" class="tpl-form-input" name="send[user_id]"
  23. value="" placeholder="请输入用户ID" required>
  24. <small>如需发送多个用户,请使用英文逗号 <code>,</code> 隔开;例如:10001,10002</small>
  25. </div>
  26. </div>
  27. <div class="am-form-group">
  28. <label class="am-u-sm-3 am-u-lg-3 am-form-label form-require">
  29. 模板消息ID <span class="tpl-form-line-small-title">Template ID</span>
  30. </label>
  31. <div class="am-u-sm-8 am-u-end">
  32. <input type="text" class="tpl-form-input" name="send[template_id]"
  33. value="" placeholder="请输入模板消息ID" required>
  34. <small class="am-margin-left-xs">
  35. <a href="<?= url('store/setting.help/tplmsg') ?>"
  36. target="_blank">如何获取模板消息ID?</a>
  37. </small>
  38. </div>
  39. </div>
  40. <div class="am-form-group am-padding-top">
  41. <label class="am-u-sm-3 am-u-lg-3 am-form-label"> 模板内容1 </label>
  42. <div class="am-u-sm-8 am-u-end">
  43. <input type="text" class="tpl-form-input" name="send[content][]"
  44. value="" placeholder="请输入模板消息第1行的内容" required>
  45. </div>
  46. </div>
  47. <?php $limit = !!$request->param('more') ? 10 : 5; ?>
  48. <?php for ($i = 2; $i <= $limit; $i++): ?>
  49. <div class="am-form-group">
  50. <label class="am-u-sm-3 am-u-lg-3 am-form-label"> 模板内容<?= $i ?> </label>
  51. <div class="am-u-sm-8 am-u-end">
  52. <input type="text" class="tpl-form-input" name="send[content][]"
  53. value="" placeholder="请输入模板消息第<?= $i ?>行的内容(没有则不填)">
  54. </div>
  55. </div>
  56. <?php endfor; ?>
  57. <div class="am-form-group am-padding-top">
  58. <label class="am-u-sm-3 am-u-lg-3 am-form-label form-require"> 跳转的页面</label>
  59. <div class="am-u-sm-8 am-u-end">
  60. <input type="text" class="tpl-form-input" name="send[page]"
  61. value="pages/index/index" placeholder="请输入小程序页面地址" required>
  62. <small class="am-margin-left-xs">
  63. <span>用户点击消息进入的<a href="<?= url('store/wxapp.page/links') ?>" target="_blank">小程序页面</a>,例如:<code>pages/index/index</code></span>
  64. </small>
  65. </div>
  66. </div>
  67. <div class="am-form-group">
  68. <div class="am-u-sm-9 am-u-sm-push-3 am-margin-top-lg">
  69. <button type="submit" class="j-submit am-btn am-btn-secondary">提交
  70. </button>
  71. </div>
  72. </div>
  73. </fieldset>
  74. </div>
  75. </form>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. <script>
  81. $(function () {
  82. /**
  83. * 表单验证提交
  84. * @type {*}
  85. */
  86. $('#my-form').superForm({
  87. success: function (result) {
  88. var content = '';
  89. result.data['stateSet'].forEach(function (value) {
  90. content += '<p>' + value + '</p>';
  91. });
  92. $.showModal({
  93. title: '发送状态'
  94. , closeBtn: 0
  95. , area: '440px'
  96. , btn: ['确定']
  97. , btnAlign: 'c'
  98. , content: '<div class="am-padding x-f-13">' + content + '</div>'
  99. , yes: function () {
  100. // window.location.reload();
  101. return true;
  102. }
  103. });
  104. }
  105. });
  106. });
  107. </script>