web-store-retail-h5/pages/pickupList/index.vue

<template>
  <view>
    <view class="pickList">
      <view class="pick" v-for="item in dataList">
        <view class="pick-content">
          <!-- <view class="pick-flex">
						<view class="size">{{'提货卡来源'}}</view>
						<view class="right">{{item.pickTypeVal}}</view>
					</view> -->
          <view class="pick-flex">
            <view class="size">{{ '提货数量' }}</view>
            <view class="right">{{ item.pickQuantity }}</view>
          </view>
          <view class="pick-flex">
            <view class="size">{{ '订单编号' }}</view>
            <view class="right">{{ item.pickOrder }}</view>
          </view>
          <view class="lines"> </view>
          <view class="time-right">{{ item.pickTime }}</view>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
import * as apis from '@/config/index.js'
export default {
  data() {
    return {
      query: {
        pageNum: 1,
        pageSize: 50,
      },
      dataList: [],
    }
  },
  mounted() {
    this.getUserPickUpList()
  },
  methods: {
    getUserPickUpList() {
      apis.pickLogList(this.query).then(res => {
        if (res.total > 0) {
          this.dataList.push(...res.rows)
        }
      })
    },
  },
  onReachBottom() {
    this.query.pageNum += 1
    this.getUserPickUpList()
  },
}
</script>

<style>
.time-right {
  text-align: right;
  margin: 20rpx 0 0 0;
  color: #999;
  font-size: 24rpx;
}
.lines {
  height: 1rpx;
  background: #eeeeee;
}
.pick-flex {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rpx;
}
page {
  background-color: #f2f2f2;
}
.pickList {
  margin-top: 10rpx;
}
.pick {
  background-color: #fff;
  margin-bottom: 30rpx;
  /* height: 300rpx; */
  padding: 30rpx 30rpx 20rpx 30rpx;
}
.size {
  font-size: 26rpx;
  color: #999;
}
.right {
  color: #333;
  font-size: 24rpx;
}
</style>