remuneration/src/views/salary/comparison/index.vue

<template>
  <div class="white pa-3">
    <m-search :items="searchItems" v-model="searchValues" class="mb-3"></m-search>
    <m-table
      :items="items"
      :headers="headers"
      :loading="loading"
      :total="total"
      :page-size="pageInfo.size"
      :page-current="pageInfo.current"
      @page-change="onPageChange"
    ></m-table>
  </div>
</template>

<script>
export default {
  name: 'salary-comparison',
  data () {
    return {
      searchItems: [
        { label: '姓名', prop: 'name', type: 'input' },
        { label: '部门', prop: 'department', type: 'input' },
        { label: '岗位', prop: 'post', type: 'input' },
        { label: '月份', prop: 'month', type: 'month' }
      ],
      searchValues: {},
      headers: [
        { label: '姓名', prop: 'name' },
        { label: '部门', prop: 'department' },
        { label: '岗位', prop: 'post' },
        { label: '月份', prop: 'month' },
        { label: '操作', prop: 'action', align: 'center', width: 100 }
      ],
      items: [
      ],
      loading: false,
      total: 0,
      pageInfo: {
        current: 1,
        size: 10
      }
    }
  },
  methods: {
    async init () {

    },
    onPageChange (page) {
      this.pageInfo.current = page
      this.init()
    }
  }
}
</script>

<style lang="scss" scoped>

</style>