<template>
  <div class="studentDetails">
    <el-tabs v-model="tabType" @tab-click="handleClick">
      <el-tab-pane label="学员详情" name="1">
        <div style="margin-bottom: 10px">
          <!-- 搜索框 -->
          <el-input
            style="width: 230px; margin-right: 10px"
            size="small"
            v-model="form.templateName"
            placeholder="姓名/身份证号"
          ></el-input>
          <el-button size="small" type="primary" @click="search(form.goodsId)"
            >查询</el-button
          >
          <el-button size="small">重置</el-button>
        </div>
        <table-list
          :tableSets="tableSet1"
          :tableData="tableData1"
          :navText="dialogNavText"
        >
        </table-list>
        <pagination
          :total="total"
          :pageSize.sync="formData.pageSize"
          :currentPage.sync="formData.pageNum"
          @search="search"
        />
      </el-tab-pane>
      <el-tab-pane label="操作历史" name="2">
        <table-list
          :tableSets="tableSet2"
          :tableData="tableData2"
          :navText="dialogNavText"
        >
        </table-list>
        <pagination
          :total="total"
          :pageSize.sync="formData.pageSize"
          :currentPage.sync="formData.pageNum"
          @search="search"
        />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import tableList from "@/components/tableList";
import pagination from "@/components/pagination";
export default {
  name: "SaasMasterPlatformStudentDetails",

  data() {
    return {
      form: {},
      tableSet1: [
        {
          label: "姓名",
          prop: "educationName",
          hidden: true,
        },
        {
          label: "身份证号",
          prop: "businessName",
          hidden: true,
        },
        {
          label: "手机号",
          prop: "name",
          hidden: true,
        },
        {
          label: "课程",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "专业",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "业务",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "原价(元)",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "单价(元)",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "学习状态",
          prop: "specNumber",
          hidden: true,
        },
      ],
      tableData1: [],
      tableSet2: [
        {
          label: "时间",
          prop: "educationName",
          hidden: true,
        },
        {
          label: "操作者",
          prop: "businessName",
          hidden: true,
        },
        {
          label: "动作",
          prop: "name",
          hidden: true,
        },
        {
          label: "字段",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "操作前",
          prop: "specNumber",
          hidden: true,
        },
        {
          label: "操作后",
          prop: "specNumber",
          hidden: true,
        },
      ],
      tableData2: [],
      dialogNavText: {
        index: 0,
        num: true,
        border: true,
        choice: false,
        choiceRadio: false,
        radioKey: "specTemplateId",
        radioFixed: false,
        addHide: !false,
        tableHide: true,
        dontNum: false,
        headShow: false,
        backFatherBtn: {
          status: false,
          title: "未定义",
        },
      },
      formData: {
        pageSize: 10,
        pageNum: 1,
      },
      total: 0,
      tabType: "1",
    };
  },

  mounted() {},

  methods: {
    search() {},
    handleClick(tab) {
      console.log(tab);
    },
  },
  components: {
    tableList,
    pagination,
  },
};
</script>

<style lang="scss" scoped>
.studentDetails {
  margin-top: 10px;
  #tableList {
    padding: 0;
  }
}
</style>
