<template>
  <div class="main-box">
    <div class="card table-main">
      <el-tabs tab-position="left" class="demo-tabs" style="height: 100%">
        <el-tab-pane label="基本配置">
          <configuration-basic></configuration-basic>
        </el-tab-pane>
        <el-tab-pane label="数据自动分发">
          <distribution-automatic></distribution-automatic>
        </el-tab-pane>
        <el-tab-pane label="北斗服务配置">
          <service-beidou></service-beidou>
        </el-tab-pane>
        <el-tab-pane label="授时服务配置">
         <configuration-authorization></configuration-authorization>
        </el-tab-pane>
        <el-tab-pane label="全局配置">
          <configuration-global></configuration-global>
        </el-tab-pane>
      </el-tabs>
    </div>
  </div>
</template>

<script setup lang="tsx">
import ConfigurationBasic from "./components/configurationBasic.vue"
import ConfigurationAuthorization from "./components/configurationAuthorization.vue";
import ServiceBeidou from "./components/serviceBeidou.vue";
import DistributionAutomatic from "./components/distributionAutomatic.vue";
import ConfigurationGlobal from "./components/configurationGlobal.vue";
import { onMounted, reactive, ref } from "vue";
onMounted(() => {

});
</script>
