<template>
  <div class="container">
    <!-- <vab-query-form>
      <vab-query-form-right-panel :span="24">
        <el-form :inline="true" class="docTime" :model="queryForm" @submit.native.prevent>
          <el-form-item>
            <el-select v-model.trim="queryForm.status" placeholder="状态" clearable>
              <el-option label="已领取" value="1"></el-option>
              <el-option label="已核销" value="2"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-select v-model.trim="queryForm.name" placeholder="优惠券名称" clearable>
              <el-option label="优惠券一" value="1"></el-option>
              <el-option label="优惠券二" value="2"></el-option>
              <el-option label="优惠券三" value="3"></el-option>
            </el-select>
          </el-form-item>
          <el-form-item>
            <el-button icon="el-icon-search" type="primary" @click="queryData">查询</el-button>
          </el-form-item>
        </el-form>
      </vab-query-form-right-panel>
    </vab-query-form> -->
    <el-table class="custom-table" highlight-current-row border v-loading="listLoading" :data="list" max-height="508px" :element-loading-text="elementLoadingText" @row-dblclick="handleGot">
      <template slot="empty"></template>
      <el-table-column show-overflow-tooltip align="center" min-width="100" prop="share" label="分享人"></el-table-column>
      <el-table-column show-overflow-tooltip align="center" min-width="100" prop="got" label="领取人"></el-table-column>
      <el-table-column show-overflow-tooltip align="center" min-width="100" prop="status" label="状态">
        <template #default="{ row, $index }">
          <el-tag type="primary" v-if="row.status == 1">未核销</el-tag>
          <el-tag type="danger" v-if="row.status == 2">已核销</el-tag>
        </template>
      </el-table-column>
    </el-table>
    <el-pagination background :current-page="queryForm.pageNum" :page-size="queryForm.pageSize" :layout="layout" :total="total" @size-change="handleSizeChange" @current-change="handleCurrentChange"></el-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      list: [
        { share: '张三', got: '李四', status: '1' },
        { share: '王五', got: '赵六', status: '2' },
      ],
      listLoading: false,
      elementLoadingText: '正在加载...',
      queryForm: {
        pageNu: 1,
        pageSize: 10,
      },
      total: 2,
      layout: 'total, sizes, prev, pager, next, jumper',
    }
  },
  methods: {
    // 分页-一页多少条
    handleSizeChange(val) {
      this.queryForm.pageSize = val
      // this.fetchData()
    },
    // 分页-第几页
    handleCurrentChange(val) {
      this.queryForm.pageNum = val
      // this.fetchData()
    },
    // 查询
    queryData() {
      this.queryForm.pageNum = 1
      this.fetchData()
    },
    // 查询领取消费记录
    fetchData() { },
    // 分享人下的领取人
    handleGot() {
      console.log(123)
      this.$router.push('/active/got')
    },
  },
}
</script>

<style></style>
