check-record.vue 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. <template>
  2. <view class="common-page" style="padding:0">
  3. <PageScroll requestStr="/team/token/shop/invite/page" @updateList="updateList" ref="scrollRef"
  4. :otherParams="otherParams">
  5. <u-sticky :customNavHeight="0">
  6. <view class="search-area flex-a">
  7. <view class="text-item flex-1">核单时间</view>
  8. <view class="text-item flex-1">核单数量</view>
  9. <view class="text-item flex-1">核单本数</view>
  10. <view class="text-item flex-1">预估金额</view>
  11. </view>
  12. </u-sticky>
  13. <view class="list-con">
  14. <view v-for="(item,index) in dataList" :key="index" class="flex-a">
  15. <view class="text-item flex-1">{{item.date}}</view>
  16. <view class="text-item flex-1">{{item.orderNum}}</view>
  17. <view class="text-item flex-1">{{item.auditNum}}</view>
  18. <view class="text-item flex-1">{{item.trueNum}}</view>
  19. </view>
  20. </view>
  21. </PageScroll>
  22. </view>
  23. </template>
  24. <script setup>
  25. import {
  26. reactive
  27. } from 'vue';
  28. import PageScroll from '@/components/pageScroll/index.vue'
  29. import {
  30. ref
  31. } from 'vue';
  32. import {
  33. onLoad
  34. } from '@dcloudio/uni-app'
  35. const otherParams = ref({
  36. sender: '',
  37. })
  38. const scrollRef = ref(null)
  39. const refreshList = () => {
  40. scrollRef.value?.resetUpScroll()
  41. }
  42. let dataList = ref([{
  43. date: '2024-10-24',
  44. orderNum: 423,
  45. auditNum: 293,
  46. trueNum: 323
  47. }, {
  48. date: '2024-10-24',
  49. orderNum: 423,
  50. auditNum: 293,
  51. trueNum: 323
  52. }, {
  53. date: '2024-10-24',
  54. orderNum: 423,
  55. auditNum: 293,
  56. trueNum: 323
  57. }])
  58. const updateList = (data) => {
  59. dataList.value = data
  60. }
  61. </script>
  62. <style lang="scss">
  63. .search-area {
  64. padding: 24rpx;
  65. background-color: #ffffff;
  66. z-index: 9;
  67. }
  68. </style>