stepLast.vue 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <template>
  2. <div class="f-main">
  3. <div class="content-top">
  4. <p>密码重置</p>
  5. </div>
  6. <template v-if="stepLast === 'new'">
  7. <div class="page-part page-last">
  8. <h4><img src="/images/all/pass.png"><span>重置成功</span></h4>
  9. <p>请妥善保管好自己的密码,保障自身的利益</p>
  10. </div>
  11. <div class="page-part">
  12. <mt-button size="large" type="primary" @click="sureAccount()">完 成</mt-button>
  13. </div>
  14. </template>
  15. <template v-if="stepLast === 'appeal'">
  16. <div class="page-part page-last">
  17. <h4><img src="/images/all/pass.png"><span>申诉已提交</span></h4>
  18. <p>申诉内容已提交,请耐心等待审核</p>
  19. </div>
  20. <div class="page-part">
  21. <mt-button size="large" type="primary" @click="sureAccount()">确 认</mt-button>
  22. </div>
  23. </template>
  24. </div>
  25. </template>
  26. <script>
  27. export default {
  28. name: 'step-last',
  29. props: ['stepLast'],
  30. data () {
  31. return {
  32. valid: {
  33. mobile: '',
  34. captcha: ''
  35. }
  36. }
  37. },
  38. methods: {
  39. sureAccount () {
  40. if (this.$route.query.returnURL) {
  41. window.location.href = decodeURIComponent(this.$route.query.returnURL)
  42. } else {
  43. this.$router.push('/')
  44. }
  45. }
  46. }
  47. }
  48. </script>