check-uniapp/pages/index/index.vue

<template>
  <view class="">
    <!-- :finished="finished" -->
    <van-list
      v-model="loading"
      :immediate-check="false"
      :error.sync="error"
      error-text="请求失败，点击重新加载"
      finished-text="没有更多了~"
      @load="getList"
    >
      <div border class="list-item" v-for="(item, key) in pcsjList" :key="key">
        <div>{{ item.name }}</div>
        <div class="nameTitle">{{ item.xmmc }}</div>
        <div>下发时间：{{ item.jsdw }}</div>
        <div>结束时间：{{ item.jsdw }}</div>
        <div>核查图斑：{{ item.spotsnumber }}个</div>
        <div>核查人员：{{ item.jsdw }}</div>
      </div>
    </van-list>
  </view>
</template>
<script>
import { listPcsj } from "@/api/apis.js";
export default {
  name: "list",
  components: {},
  data() {
    return {
      queryParams: {},
      loading: false,
      pcsjList: [{ name: "sjcdsicjdifc" }, {}],
      total: 0,
    };
  },
  mounted() {
    this.getList();
  },

  unmounted() {},
  methods: {
    getList() {
      this.loading = true;
      console.log("ss1ss", listPcsj(this.queryParams));
      listPcsj(this.queryParams).then((res) => {
        console.log(res, "00s00s");
        this.pcsjList = res.rows;
        this.total = res.total;
        this.loading = false;
      });
    },
  },
};
</script>
<style scoped>
</style>