history.vue 1.9 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495
  1. <template>
  2. <view class="content">
  3. <view class="hg24px"></view>
  4. <no-none v-if='list.length<=0'></no-none>
  5. <block v-else>
  6. <view class="flex-y-center box-pack-between item" v-for='(item,index) of list' :key='index'>
  7. <view class="flex-grow-1 flex-y-center">
  8. <image style="margin-right:20rpx" class="wxtype" :src="item.cash_type==2?'../../static/images/ali.png':item.cash_type==3?'../../static/images/black.png':'../../static/images/wx.png'"></image>
  9. <view class="pay_type">
  10. <text>提现到 {{item.cash_type==1?"微信":item.cash_type==2?"支付宝":"银行卡"}} </text>
  11. <view class="time">{{item.create_time}}</view>
  12. </view>
  13. </view>
  14. <view class="flex-grow-0 price">
  15. <view class="flex-y-center flex-x-center">¥{{item.cash_money}}</view>
  16. </view>
  17. </view>
  18. <view class="no-more">
  19. ---没有更多数据了---
  20. </view>
  21. </block>
  22. </view>
  23. </template>
  24. <script>
  25. export default {
  26. data() {
  27. return {
  28. list: [],
  29. page: 1,
  30. }
  31. },
  32. onLoad(e) {
  33. this.http();
  34. },
  35. onShareAppMessage(e) {
  36. },
  37. onReachBottom(e) {
  38. this.http()
  39. },
  40. methods: {
  41. http() {
  42. this.request({
  43. url: "Advertiser/history",
  44. data: {
  45. token: uni.getStorageSync("token"),
  46. page: this.page,
  47. }
  48. }).then(res => {
  49. console.log(res, "res")
  50. if (res.code === '200') {
  51. this.list = this.list.concat(res.data);
  52. this.page = this.page + 1;
  53. }
  54. });
  55. }
  56. }
  57. }
  58. </script>
  59. <style>
  60. @import url("@/static/css/header.css");
  61. .item {
  62. width: 100%;
  63. height: 120rpx;
  64. padding: 24rpx 30rpx;
  65. background: rgba(255, 255, 255, 1);
  66. border-bottom: 1rpx solid #F1F1F1;
  67. }
  68. .wxtype {
  69. width: 36rpx;
  70. height: 36rpx;
  71. }
  72. .pay_type {
  73. font-size: 28rpx;
  74. font-weight: 400;
  75. color: rgba(102, 102, 102, 1);
  76. padding-bottom: 6rpx;
  77. }
  78. .price {
  79. font-size: 32rpx;
  80. font-weight: 500;
  81. color: rgba(51, 51, 51, 1);
  82. }
  83. .no-more{
  84. text-align: center;
  85. color: #999;
  86. margin: 30rpx 0;
  87. }
  88. </style>