<template>
  <div>
    <div class="mb20">
      <span class="tabs-item" @click="type = 0" :class="{'bg-primary':type == 0}">我的收藏</span>
      <span class="tabs-item" @click="type = 1" :class="{'bg-primary':type == 1}">我的自选</span>
      <span class="tabs-item" @click="type = 2" :class="{'bg-primary':type == 2}">我的测评选科</span>
    </div>
    <mx-table :propDefines="propDefine" :rows="rows"></mx-table>
  </div>
</template>

<script>
export default {
  props: {
    type: {
      type:Number,
      default: 0
    }
  },
  data() {
    return {
      dataList: [],
      rows:[],
      propDefine: {
        year:{
          label:'所属年份'
        },
        schoolName:{
          label:'学校名称'
        },
        major:{
          label:'专业(类)名称'
        },
        majorRemark:{
          label:'专业备注'
        },
        majorLevel:{
          label:'专业层次'
        },
        course0:{
          label:'首选科目范围'
        },
        course1:{
          label:'再选科目范围'
        },
        data:{
          label:'历年录取数据'
        },
        collect:{
          label:'收藏'
        },
        majorCollect:{
          label:'选科收藏'
        }
      }

    };
  },
  created() {
  },
  methods: {
    handleClick() {

    }
  },
};
</script>

<style lang="scss" scoped>
.tabs-item{
  cursor: pointer;
  padding: 0 33px;
  border: 1px solid #f2f2f2;
  display: inline-block;
  line-height: 40px;
&:hover{
   color:#47C6A2;
 }
&.bg-primary{
   background: #47C6A2 ;
   color: white;
   border-color:#47C6A2 ;
 }
}
.tabs-min-height{
  min-height: calc(100vh - 124px - 58px);
}
</style>
