authrz.vue 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128
  1. <template>
  2. <view class="content">
  3. <view class="">
  4. <view class="" style="padding: 50rpx 30rpx;font-size: 50rpx;">
  5. 實名認證
  6. </view>
  7. <view class=""
  8. style="width: 720rpx;height: 80rpx;background-color: #fff;margin: auto;line-height: 80rpx;padding:0 10rpx;border-radius: 20rpx;font-size: 26rpx;">
  9. 完成實名認證後能夠獲得相應的權益
  10. </view>
  11. <view class=""
  12. style="width: 720rpx;height: 80rpx;background-color: #fff;margin: auto;line-height: 80rpx;padding:0 10rpx;border-radius: 20rpx;font-size: 26rpx;">
  13. 高級實名
  14. </view>
  15. </view>
  16. <view class="up-wrap">
  17. <view class="up-tit">
  18. 上傳身份證正面
  19. </view>
  20. <view class="up-img" @click="upcardzm()">
  21. <image src="" mode="heightFix" v-if="cardzm"></image>
  22. <image src="../../static/img/flower.png" mode="heightFix" v-else></image>
  23. </view>
  24. <view class="up-tit">
  25. 上傳身份證背面
  26. </view>
  27. <view class="up-img" @click="upcardzm()">
  28. <image src="" mode="heightFix" v-if="cardfm"></image>
  29. <image src="../../static/img/flower.png" mode="heightFix" v-else></image>
  30. </view>
  31. <view class="up-btn" @click="upauthrz()">
  32. 高級提交
  33. </view>
  34. </view>
  35. </view>
  36. </template>
  37. <script>
  38. import {
  39. upauthrz,
  40. upimg
  41. } from '@/api/login.js'
  42. // import { } from '@/api/wallet.js'
  43. export default {
  44. data() {
  45. return {
  46. cardzm: '',
  47. cardfm: ''
  48. }
  49. },
  50. onLoad() {
  51. },
  52. onShow() {
  53. },
  54. onReachBottom() {
  55. },
  56. onReady() {
  57. },
  58. methods: {
  59. upcardzm() {
  60. },
  61. upcardfm() {
  62. },
  63. upauthrz() {
  64. let obj = this
  65. if(obj.cardzm == '') {
  66. return obj.$api.msg('請上傳身份證正面')
  67. }
  68. if(obj.cardfm == '') {
  69. return obj.$api.msg('請上傳身份證反面')
  70. }
  71. upauthrz({
  72. cardzm: obj.cardzm,
  73. cardfm: obj.cardfm
  74. }).then(res => {
  75. uni.showToast({
  76. title: '提交成功',
  77. duration: 2000,
  78. position: 'top'
  79. });
  80. })
  81. }
  82. }
  83. }
  84. </script>
  85. <style lang="scss">
  86. .up-wrap {
  87. width: 720rpx;
  88. height: 860rpx;
  89. border-radius: 20rpx;
  90. background-color: #fff;
  91. margin: 30rpx auto;
  92. padding: 20rpx;
  93. font-size: 32rpx;
  94. .up-tit {
  95. height: 80rpx;
  96. line-height: 80rpx;
  97. }
  98. .up-img {
  99. height: 240rpx;
  100. margin-top: 20rpx ;
  101. image {
  102. height: 200rpx;
  103. display: block;
  104. margin: auto;
  105. }
  106. }
  107. .up-btn {
  108. margin: 20rpx auto 0;
  109. width: 680rpx;
  110. height: 80rpx;
  111. line-height: 80rpx;
  112. text-align: center;
  113. color: #000;
  114. font-size: 28rpx;
  115. background:linear-gradient(to left,#eeb80d,#ffe35b);
  116. border-radius: 20rpx;
  117. }
  118. }
  119. </style>