orderLogs.vue 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <template>
  2. <view class="container">
  3. <u-navbar leftIconColor="#fff" titleStyle="color:#fff;fontSize:36rpx;" :autoBack="true" bgColor="#2C6FF3"
  4. :placeholder="true" title="交易日志"></u-navbar>
  5. <scroll-view scroll-y="true" scroll-with-animation="true"
  6. lower-threshold="100" @scrolltolower="loadMore">
  7. <view class="" v-for="(item,index) in logList" :key="item.id">
  8. <view class="flex">
  9. <view class="" style="min-width: 200rpx;color: gray;">{{ item.activityTime.substring(5)}}</view>
  10. <view class="">{{item.msg}}</view>
  11. </view>
  12. </view>
  13. </scroll-view>
  14. </view>
  15. </template>
  16. <script>
  17. import {
  18. byId,
  19. orderLogs,
  20. refundDetail
  21. } from "@/api/order/order.js"
  22. export default {
  23. data() {
  24. return {
  25. activityId: null,
  26. logList:[]
  27. }
  28. },
  29. onLoad(o) {
  30. this.activityId = o.id;
  31. this.queryLogs()
  32. },
  33. methods: {
  34. queryLogs(){
  35. orderLogs({
  36. activityId:this.activityId
  37. }).then(res => {
  38. this.logList = res.data;
  39. })
  40. }
  41. },
  42. }
  43. </script>
  44. <style scoped lang="scss">
  45. .container {
  46. padding: 24rpx;
  47. line-height: 50rpx;
  48. .text {
  49. color: #2C6FF3;
  50. }
  51. }
  52. </style>