web-test/src/views/personnel/list.vue

<template>
  <div id="policy">
    <rencailist-detail
      @handleCurrentChange="handleCurrentChange"
      :contentList="contentList"
      :total="total"
      :columnName="columnName"
      @fetch="fetchInfo"
      :display="display"
      :policyInfo="policyInfo"
    ></rencailist-detail>
  </div>
</template>

<script>
import rencailistDetail from '@/components/personnel/rencailistDetail.vue';
import { createNamespacedHelpers, mapGetters, mapState } from 'vuex';
import _ from 'loadsh';
const { mapActions: talentExperts } = createNamespacedHelpers('talentExperts');

export default {
  name: 'policy',
  props: {},
  components: {
    rencailistDetail,
  },
  data: () => ({
    policyInfo: {},
    display: 'list',
    columnName: '',
    contentList: [],
    total: 1,
    skip: '',
    tableData: {},
  }),
  async created() {
    this.search();
  },
  computed: {
    ...mapState(['user']),
  },
  methods: {
    ...talentExperts({ list: 'query', fetch: 'fetch' }),

    async search({ skip = 0, limit = 10 } = {}) {
      skip = this.skip;
      const res = await this.list({ skip, limit });
      console.log(res.data);
      console.log(res.data);
      for (const val of res.data) {
        if (val.totaltype == 0) {
        }
      }
      this.$set(this, `contentList`, res.data);
      this.$set(this, `total`, res.total);
    },

    async fetchInfo(id) {
      this.$router.push({ path: '/personnel/rencai', query: { id: id } });
    },
    async handleCurrentChange({ skip, limit, currentPage }) {
      this.$set(this, `skip`, skip);
      this.search();
    },
  },
};
</script>

<style lang="scss" scoped></style>