<template>
  <div id="app">
    <el-container>
      <el-header>任务管理系统</el-header>
      <el-main>
        <el-tabs v-model="activeTab">
          <el-tab-pane label="任务管理" name="tasks">
            <task-management></task-management>
          </el-tab-pane>
          <el-tab-pane label="执行历史" name="history">
            <task-history-list></task-history-list>
          </el-tab-pane>
        </el-tabs>
      </el-main>
    </el-container>
  </div>
</template>

<script>
import TaskManagement from './components/TaskManagement.vue';
import TaskHistoryList from './components/TaskHistory.vue';

export default {
  components: {
    TaskManagement,
    TaskHistoryList
  }
};
</script>