<template>
  <div id="achieve">
    <el-row>
      <el-col :span="24">
        <van-tabs v-model="active">
          <van-tab title="平时成绩">
            <peaceAchieve v-on="$listeners" :peaceAchieveList="peaceAchieveList" :showPicker="showPicker" :peaceScore="peaceScore"></peaceAchieve>
          </van-tab>
          <van-tab title="作业成绩">
            <homeworkAchiece
              v-on="$listeners"
              :lesslist="lesslist"
              :lesson="lesson"
              :achieveList="achieveList"
              :deptList="deptList"
              :show="show"
              :form="form"
              :names="names"
              :score="score"
            ></homeworkAchiece>
          </van-tab>
        </van-tabs>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import peaceAchieve from '@/layout/class/achieveList/peaceAchieve.vue';
import homeworkAchiece from '@/layout/class/achieveList/homeworkAchiece.vue';
export default {
  name: 'achieve',
  props: {
    peaceAchieveList: null, //平时成绩
    showPicker: null, //平時成绩显示
    peaceScore: null, //平时成绩分数
    achieveList: null, //作业成绩
    show: null, //显示弹框
    form: null, //修改form
    deptList: null,
    lesson: null,
    lesslist: null,
    names: null,
    score: null,
  },
  components: {
    peaceAchieve, //平時成績
    homeworkAchiece, //作业成绩
  },
  data: () => ({
    active: 0,
  }),
  created() {},
  computed: {},
  methods: {},
};
</script>

<style lang="less" scoped>
/deep/.van-tabs__line {
  width: 50% !important;
  background-color: #405ffe;
}
/deep/.van-tab--active {
  color: #405ffe;
}
</style>
