<template>
  <!-- 弹窗,修改 -->
  <el-dialog title="拼团人员" :visible.sync="dialogTableVisible" width="1000px">
    <el-table :data="dataList" border>
      <el-table-column
        property="nickname"
        label="人员"
        width="150"
      ></el-table-column>
      <el-table-column
        property="orderCode"
        label="订单编号"
        width="200"
      ></el-table-column>
      <el-table-column property="leader" label="身份">
        <template slot-scope="scope">
          <el-tag v-if="scope.row.leader">团长</el-tag>
          <el-tag type="success" v-else>团员</el-tag>
        </template>
      </el-table-column>
      <el-table-column
        property="createTime"
        label="下单时间"
      ></el-table-column>
    </el-table>
    <pagination
      v-show="total > 10"
      :total="total"
      :page.sync="queryParams.pageNum"
      :limit.sync="queryParams.pageSize"
      @pagination="getList"
    />
  </el-dialog>
</template>
<script>
import getListApi from "@/mixins/getListApi";
import { groupBuyTeamMemberPage_api } from "@/api/marketing/groupBooking.js";
export default {
  mixins: [getListApi],
  data() {
    return {
      listURL: groupBuyTeamMemberPage_api,
      initializationShow: false,
      dialogTableVisible: false,
    };
  },
  methods: {
    init(teamId) {
      this.dialogTableVisible = true;
      this.queryParams.teamId = teamId;
      this.handleQuery();
    },
  },
};
</script>