verify_activity.html 2.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. {extend name="public/container" /}
  2. {block name="title"}报名核销{/block}
  3. {block name="content"}
  4. <div v-cloak id="app" class="verify-activity">
  5. <div class="one">
  6. <div><span v-if="isWeChat">扫码或</span>输入核销码核销</div>
  7. </div>
  8. <div class="two">
  9. <form @submit.prevent="verify">
  10. <div>
  11. <input v-model.trim="code" type="text" placeholder="输入核销码">
  12. <i v-if="isWeChat" class="iconfont iconsaoma" @click="scanQRCode"></i>
  13. </div>
  14. <input type="submit" value="立即核销">
  15. </form>
  16. </div>
  17. </div>
  18. {/block}
  19. {block name="foot"}
  20. <script>
  21. require(['vue', 'store'], function (Vue, store) {
  22. var isWeChat = '{$isWechat}';
  23. new Vue({
  24. el: '#app',
  25. data: {
  26. isWeChat: isWeChat,
  27. code: '',
  28. mapleApi: null
  29. },
  30. created: function () {
  31. if (this.isWeChat) {
  32. this.mapleApi = mapleWx($jssdk());
  33. }
  34. },
  35. methods: {
  36. scanQRCode: function () {
  37. this.mapleApi.scanQRCode();
  38. },
  39. verify: function () {
  40. if (this.code) {
  41. store.baseGet($h.U({
  42. c: 'activity',
  43. a: 'getWriteOffCode',
  44. q: {
  45. code: this.code
  46. }
  47. }), function (res) {
  48. window.location.assign($h.U({
  49. c: 'my',
  50. a: 'sign_order',
  51. q: {
  52. order_id: res.data.data.order_id,
  53. type: 2
  54. }
  55. }));
  56. });
  57. } else {
  58. $h.pushMsg('请' + (this.isWeChat ? '扫码或' : '') + '输入核销码核销');
  59. }
  60. }
  61. }
  62. });
  63. });
  64. </script>
  65. {/block}