certificationResultPage.vue 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <template>
  2. <view class="renzheng_body">
  3. <view class="renzheng" v-if="approvalStatus==0">
  4. <text class="renzheng_title">认证审核中…</text>
  5. <view class="btn_back" @click="toHome">
  6. 任务大厅
  7. </view>
  8. <image class="renzheng_img" src="../../static/icons/icon_renzhenging.png" mode=""></image>
  9. </view>
  10. <view class="renzheng" v-if="approvalStatus==1">
  11. <text class="renzheng_title">审核已通过!</text>
  12. <text class="renzheng_desc">可以点击下方“任务大厅”开始做任务啦</text>
  13. <view class="btn_back" @click="toHome">
  14. 任务大厅
  15. </view>
  16. <image class="renzheng_img" src="../../static/icons/icon_renzheng_pass.png" mode=""></image>
  17. </view>
  18. </view>
  19. </template>
  20. <script>
  21. let app = getApp();
  22. export default {
  23. data() {
  24. return {
  25. approvalStatus:-1
  26. };
  27. },
  28. created() {
  29. this.getCertificationResult();
  30. },
  31. methods:{
  32. async getCertificationResult(){
  33. let ret = await this.$myRequest({
  34. url: "/user/regist/get",
  35. data: {
  36. "userId": app.globalData.userId,
  37. },
  38. method:"GET"
  39. })
  40. if (ret.data.success) {
  41. this.approvalStatus = ret.data.single.approvalStatus;//:0待审核1通过2拒绝
  42. }
  43. },
  44. toHome(){
  45. uni.reLaunch({
  46. url:'../homePage/homePage'
  47. })
  48. }
  49. }
  50. }
  51. </script>
  52. <style lang="scss">
  53. .renzheng_body{
  54. .renzheng{
  55. display: flex;
  56. flex-direction: column;
  57. justify-content: center;
  58. align-items: center;
  59. margin-top: 240rpx;
  60. .renzheng_title{
  61. font-size: 40rpx;
  62. font-family: Verdana, Verdana-Bold;
  63. font-weight: 700;
  64. text-align: center;
  65. color: #333333;
  66. }
  67. .renzheng_desc{
  68. font-size: 32rpx;
  69. font-family: Verdana, Verdana-Regular;
  70. font-weight: 400;
  71. text-align: center;
  72. color: #6a6a6a;
  73. margin-top: 40rpx;
  74. }
  75. .btn_back{
  76. width: 410rpx;
  77. height: 80rpx;
  78. margin-top: 96rpx;
  79. line-height: 80rpx;
  80. background: #f07423;
  81. font-size: 28rpx;
  82. font-family: Verdana, Verdana-Bold;
  83. font-weight: 700;
  84. text-align: center;
  85. color: #ffffff;
  86. border-radius: 40rpx;
  87. box-shadow: 0rpx 2rpx 12rpx 0rpx rgba(240,116,35,0.37);
  88. }
  89. .renzheng_img{
  90. width: 622rpx;
  91. height: 302rpx;
  92. margin-top: 117rpx;
  93. }
  94. }
  95. }
  96. </style>