menberDetail.vue 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183
  1. <template>
  2. <view class="content">
  3. <view class="mar-24">
  4. <view class="box-pack-between list flex-y-center br">
  5. <text class="ft32">用户ID</text>
  6. <view class="flex-grow-1 tr ft28">{{user_info.id}}</view>
  7. </view>
  8. <view class="box-pack-between list flex-y-center">
  9. <text class="ft32">头像</text>
  10. <view class="flex-grow-1 tr ft28">{{user_info.nickname}}</view>
  11. </view>
  12. </view>
  13. <view class="mar-24">
  14. <view class="box-pack-between list flex-y-center br">
  15. <text class="ft32">昵称</text>
  16. <view class="flex-grow-1 tr ft28 colFE">{{user_info.chengben}}</view>
  17. </view>
  18. <view class="box-pack-between list flex-y-center br" v-if="user_info.chengben<=0">
  19. <text class="ft32">所属平台</text>
  20. <view class="flex-grow-1 tr ft28 colFE">{{user_info.xnb}}</view>
  21. </view>
  22. <view class="box-pack-between list flex-y-center br" v-else>
  23. <text class="ft32">绑定手机号</text>
  24. <view class="flex-grow-1 tr ft28 colFE">{{user_info.rmb}}</view>
  25. </view>
  26. <view class="box-pack-between list flex-y-center br">
  27. <text class="ft32">加入时间</text>
  28. <view class="flex-grow-1 tr ft28 colFE">{{user_info.number}}</view>
  29. </view>
  30. <view class="box-pack-between list flex-y-center br">
  31. <text class="ft32">身份</text>
  32. <view class="flex-grow-1 tr ft28 colFE">{{user_info.shengyu}}</view>
  33. </view>
  34. </view>
  35. <view class="mar-24">
  36. <view class="box-pack-between list flex-y-center br">
  37. <text class="ft32">当前积分</text>
  38. <view class="flex-grow-1 tr ft28">{{user_info.create_time}}</view>
  39. </view>
  40. <view class="box-pack-between list br" style="height:auto;padding: 40rpx 30rpx;">
  41. <text class="ft32" style="min-width: 150rpx;">当前余额</text>
  42. <view class="flex-grow-1 tr ft28 word">{{user_info.desc}}</view>
  43. </view>
  44. </view>
  45. <view class="bottom-bar flex-center" style="position: relative;">
  46. <button formType="submit" class="flex-center ft28">删除</button>
  47. </view>
  48. </view>
  49. </template>
  50. <script>
  51. export default {
  52. data() {
  53. return {
  54. user_info: {},
  55. $test: this.$test.$test,
  56. }
  57. },
  58. onLoad(e) {
  59. this.request({
  60. url: "daili/chongzhi_detail",
  61. data: {
  62. token: uni.getStorageSync("token"),
  63. id: e.id,
  64. },
  65. is_agent: "agent",
  66. }).then(res => {
  67. console.log(res, "res")
  68. if (res.code === '200') {
  69. this.user_info = res.data;
  70. }
  71. });
  72. },
  73. methods: {
  74. }
  75. }
  76. </script>
  77. <style lang="scss">
  78. page {
  79. background: #FAFAFA;
  80. }
  81. .add-agent {
  82. width: 100%;
  83. height: 208rpx;
  84. }
  85. .mar-24 {
  86. margin-top: 24rpx;
  87. }
  88. .list {
  89. height: 100rpx;
  90. padding: 0 30rpx;
  91. background: #fff;
  92. }
  93. .list .ft32 {
  94. color: #999999;
  95. }
  96. .bottom-bar {
  97. width: 100%;
  98. z-index: 1000;
  99. background: #FFFFFF;
  100. padding: 30rpx 0;
  101. position: fixed;
  102. bottom: 0;
  103. }
  104. .bottom-bar button {
  105. text-align: center;
  106. width: 690rpx;
  107. height: 90rpx;
  108. background: linear-gradient(132deg, #3387FF 0%, #3387FF 100%);
  109. box-shadow: 0px 2rpx 12rpx #3387FF;
  110. opacity: 1;
  111. border-radius: 45px;
  112. color: #fff;
  113. }
  114. .liststatus {
  115. background: #fff;
  116. padding: 26rpx 30rpx;
  117. margin-top: 20rpx;
  118. }
  119. .list-bt {
  120. margin-top: 26rpx;
  121. }
  122. .Under {
  123. color: #FFBB33;
  124. }
  125. .coll {
  126. color: #000;
  127. }
  128. .colFE {
  129. color: #FFBB33;
  130. }
  131. .tr {
  132. text-align: right;
  133. }
  134. .bottom-bar {
  135. width: 100%;
  136. padding: 30rpx 0;
  137. position: fixed;
  138. bottom: 20rpx;
  139. }
  140. .bottom-bar button {
  141. text-align: center;
  142. width: 690rpx;
  143. height: 90rpx;
  144. background: linear-gradient(132deg, rgb(64, 158, 255) 0%, rgb(64, 158, 255) 100%);
  145. box-shadow: 0px 2rpx 12rpx rgb(64, 158, 255);
  146. opacity: 1;
  147. color: #fff;
  148. }
  149. </style>