<template>
  <el-config-provider :locale="zhCn">
    <el-container style="height: 100vh">
      <el-aside width="200px" style="border-right: 1px solid #e6e6e6">
        <div style="padding: 16px; font-size: 16px; font-weight: 600; text-align: center">
          HPC 集群管理
        </div>
        <el-menu :router="true" :default-active="route.path">
          <el-menu-item index="/jobs">
            <el-icon><List /></el-icon>
            <span>任务列表</span>
          </el-menu-item>
          <el-menu-item index="/jobs/history">
            <el-icon><Timer /></el-icon>
            <span>任务历史</span>
          </el-menu-item>
          <el-menu-item index="/jobs/submit">
            <el-icon><CirclePlus /></el-icon>
            <span>提交任务</span>
          </el-menu-item>
        </el-menu>
      </el-aside>
      <el-main>
        <router-view />
      </el-main>
    </el-container>
  </el-config-provider>
</template>

<script setup lang="ts">
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import { List, Timer, CirclePlus } from '@element-plus/icons-vue'

const route = useRoute()

onMounted(() => {
  document.title = 'HPC 集群管理'
})
</script>
