<template>
  <div class="app-container">
    <el-tabs v-model="activeName">
      <el-tab-pane label="基础配置" name="first">
        <base-config />
      </el-tab-pane>
      <el-tab-pane label="费用配置" name="second">
        <cost-config />
      </el-tab-pane>
      <el-tab-pane label="收款账号配置" name="third">
        <account-config />
      </el-tab-pane>
      <el-tab-pane label="段位考试年限配置" name="fourth">
        <duan />
      </el-tab-pane>
      <el-tab-pane label="越段配置" name="fifth">
        <yue-duan />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script setup name="Config">

import { ref } from 'vue'
import BaseConfig from './components/base'
import CostConfig from './components/cost'
import AccountConfig from './components/account'
import Duan from './components/duan'
import YueDuan from './components/yueDuan'

const activeName = ref('first')

</script>