<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>
        <SalaryBase 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";

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

  },
  methods: {
    handleTabChange(){

    }
  }
}
</script>
