<template>
  <div class="mainContainer">
    <div class="mainTableTools">
      <el-row :gutter="20">
        <el-col :span="5">
          <div class="mainTableTagbox">
            <el-tag>开发者会员总数：<b>{{total}}</b></el-tag>
          </div>
        </el-col>
      </el-row>
    </div>
    <el-table :data="tableData" border>
      <el-table-column prop="uid" label="用户">
        <template slot-scope="scope">
          <span class="lblue point">
            <a target="_blank" :href="scope.row.host+'/rooter/user/'+scope.row.uid">{{scope.row.nickname}}</a>
          </span>
        </template>
      </el-table-column>
      <el-table-column prop="occupation_name" label="职业方向"></el-table-column>n>
      <el-table-column prop="end_time" label="到期时间"></el-table-column>
      <el-table-column prop="count_total" label="累计派单数"></el-table-column>
      <el-table-column prop="count_month" label="本月派单数"></el-table-column>
      
    </el-table>

    <div class="mainPageBox">
      <el-pagination
        @current-change="changePagination"
        :page-size="20"
        :total="Number(total)"
        layout="total, prev, pager, next"
        background
      ></el-pagination>
    </div>

  </div>
</template>

<script>

  export default {
    data() {
      return {
        page: 1,
        page_size: 20,
        total: 0,
        tableData: []
      }
    },
    computed: {
      
    },
    mounted() {
      this.getList();
    },
    methods: {
      async getList() {
        const data = {
          page: this.page,
          page_size: this.page_size,
          type: this.selectedType
        };
        let res = await this.$post("/api/admin/vip/getVipsInfo", data);
        if (res && res.status === 1) {
          this.tableData = res.data.list;
          this.total = res.data.total;
        }
      },

      changePagination(val) {
        this.page = val;
        this.getList();
      },

    }
  };
</script>