<template>
  <el-card>
    <div class="actions">
      <el-button v-for="item in actions" :key="item.path" type="primary" plain @click="go(item.path)">
        {{ item.label }}
      </el-button>
    </div>
  </el-card>
</template>

<script setup lang="ts">
import { useRouter } from "vue-router";

const router = useRouter();

const actions = [
  { label: "任务", path: "/study/tasks" },
  { label: "受试者", path: "/study/subjects" },
  { label: "AE", path: "/study/aes" },
  { label: "数据问题", path: "/study/data-queries" },
  { label: "药品", path: "/study/imp/inventory" },
  { label: "费用", path: "/study/finance" },
  { label: "FAQ", path: "/study/faq" },
];

const go = (path: string) => router.push(path);
</script>

<style scoped>
.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
</style>
