receive-stat.vue 1.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960
  1. <template>
  2. <view class="common-page" style="padding:0">
  3. <PageScroll requestStr="/app/stock/godownSignStat" @updateList="updateList" ref="scrollRef">
  4. <u-sticky :customNavHeight="0">
  5. <view class="search-area flex-a">
  6. <view class="text-item flex-1">月份</view>
  7. <view class="text-item flex-1">收货单量</view>
  8. <view class="text-item flex-1">收货仓库</view>
  9. </view>
  10. </u-sticky>
  11. <view class="list-con">
  12. <view v-for="(item, index) in dataList" :key="index" class="flex-a">
  13. <view class="text-item flex-1">{{ item.statDate }}</view>
  14. <view class="text-item flex-1">{{ item.num }}</view>
  15. <view class="text-item flex-1">{{ item.godownName }}</view>
  16. </view>
  17. </view>
  18. </PageScroll>
  19. </view>
  20. </template>
  21. <script setup>
  22. import PageScroll from '@/components/pageScroll/index.vue'
  23. import { ref } from 'vue';
  24. const scrollRef = ref(null)
  25. const refreshList = () => {
  26. scrollRef.value?.resetUpScroll()
  27. }
  28. let dataList = ref([])
  29. const updateList = (data) => {
  30. dataList.value = data || []
  31. }
  32. </script>
  33. <style lang="scss">
  34. .search-area {
  35. padding: 10rpx 0;
  36. background-color: #ffffff;
  37. z-index: 9;
  38. }
  39. .common-page{
  40. min-height: 100vh;
  41. background-color: #f5f5f5;
  42. }
  43. .text-item {
  44. text-align: center;
  45. font-size: 28rpx;
  46. line-height: 60rpx;
  47. }
  48. .list-con {
  49. padding-top: 10rpx;
  50. .flex-a {
  51. border-bottom: 1rpx solid #f5f5f5;
  52. }
  53. }
  54. </style>