H5_module/promote/service/service.vue

<template>
<view>
<!--promote/balance/balance.wxml-->
<view class="list" v-if="pageList.length > 0">
	<block v-for="(item, index) in pageList" :key="index">
		<view class="li dflex">
			<view class="flex">
				<view class="name">
					<text>订单:</text>
					{{item.orderId}}
				</view>
				<view class="dblock">
					<text class="moneygray">{{item.nickName}}</text>
					<text class="moneygray" v-if="item.orderMoney">   ￥{{item.orderMoney}}</text>
					<text class="moneyred" v-if="item.state==1">   待结算</text>
					<text class="moneygray" v-else-if="item.state==2">   已结算</text>
					<text class="moneygray" v-else>   已取消</text>
				</view>
			</view>
			<view class="money">￥<text>{{item.serviceShopMoney}}</text>
				<view>
					<text class="time" v-if="item.createDate">{{item.createDate}}</text>
				</view>

			</view>
		</view>
	</block>
</view>
<view class="nodata" v-if="pageList.length < 1">
	<image :src="picUrlss+'empty_dd.png'"></image>
	<text>暂无业绩订单</text>
</view>
</view>
</template>

<script>
// promote/balance/balance.js
const app = getApp();
const req = require("../../utils/request.js");

export default {
  data() {
    return {
		picUrlss: req.public.picUrls,
      pageList: [],
      form: {
        page: 1,
        limit: 12
      },
      isLoad: true
    };
  },

  components: {},
  props: {},

  onLoad(options) {
    this.getData();
  },

  onReachBottom: function () {
    if (this.hasmore) return false;
    this.form.page++;
    this.getData();
  },
  methods: {
    getData() {
      if (!this.isLoad) return false;
      this.isLoad = false;
      let that = this;
      req.getRequest('/api/shopServiceFee/list', that.form, data => {
        // console.log(data);
        if (data && data.length >= 10) that.isLoad = true;
        if (that.form.page > 1) data = that.pageList.concat(data);
        that.setData({
          pageList: data.list
        });
      });
    }

  }
};
</script>
<style>
@import "./service.css";
</style>