<template>
  <div class="app-container">
    <el-tabs v-model="activeTab" tab-position="top" @tab-click="handleTabChange">
      <el-tab-pane name="salaryBase" label="课时提成设置">
        <span slot="label" style="font-size: 16px;"><i class="el-icon-s-order" /> 课时提成设置</span>
        <CalTime ref="salaryBase" />
      </el-tab-pane>
      <el-tab-pane name="staffSalary" label="销售提成设置">
        <span slot="label" style="font-size: 16px;"><i class="el-icon-s-promotion" /> 销售提成设置</span>
        <StaffSalary ref="staffSalary" />
      </el-tab-pane>
    </el-tabs>
  </div>

</template>

<script>

import SalaryBase from "@/views/school/salary/comps/SalaryBase.vue";
import StaffSalary from "@/views/school/salary/comps/StaffSalary.vue";
import CalTime from "@/views/school/salary/comps/CalTime.vue";

export default {
  name: 'Salary',
  components: {CalTime, StaffSalary, SalaryBase},
  data(){
    return{
      activeTab: 'salaryBase'
    }
  },
  created() {

  },
  methods: {
    handleTabChange(){

    }
  }
}
</script>
