feat: 创建数据集

ui/src/layout/components/top-bar/top-menu/MenuItem.vue

@@ -20,7 +20,10 @@ const props = defineProps<{
 }>()
 
 const isActive = computed(() => {
-  return route.name == props.menu.name && route.path == props.menu.path
+  return (
+    (route.name == props.menu.name && route.path == props.menu.path) ||
+    route?.meta?.activeMenu == props.menu.path
+  )
 })
 </script>
 <style lang="scss" scoped>

ui/src/router/modules/dataset.ts

@@ -10,6 +10,13 @@ const datasetRouter = {
       name: 'dataset',
       component: () => import('@/views/dataset/index.vue')
     },
+    {
+      path: '/dataset/create',
+      name: 'CreateDataset',
+      meta: { activeMenu: '/dataset' },
+      component: () => import('@/views/dataset/CreateDataset.vue'),
+      hidden: true
+    },
     {
       path: '/dataset/doc',
       name: 'DatasetDoc',

ui/src/views/dataset/CreateDataset.vue

@@ -0,0 +1,21 @@
+<template>
+  <LayoutContent header="创建数据集">
+    <el-steps :active="active" finish-status="success">
+      <el-step title="步骤 1"></el-step>
+      <el-step title="步骤 2"></el-step>
+      <el-step title="步骤 3"></el-step>
+    </el-steps>
+
+    <el-button style="margin-top: 12px" @click="next">下一步</el-button>
+  </LayoutContent>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const active = ref(0)
+
+const next = () => {
+  if (active.value++ > 2) active.value = 0
+}
+</script>
+<style lang="scss" scoped></style>

ui/src/views/dataset/index.vue

@@ -16,7 +16,7 @@
           :infinite-scroll-disabled="disabledScroll"
         >
           <el-col :xs="24" :sm="12" :md="6" :lg="5" :xl="4" class="mt-10">
-            <CardAdd title="创建数据集" />
+            <CardAdd title="创建数据集" @click="router.push({ path: '/dataset/create' })" />
           </el-col>
           <el-col
             :xs="24"
@@ -55,6 +55,8 @@ import { ref, onMounted } from 'vue'
 import datasetApi from '@/api/dataset'
 import type { datasetListRequest } from '@/api/type/dataset'
 import { MsgSuccess, MsgConfirm } from '@/utils/message'
+import { useRouter } from 'vue-router';
+const router = useRouter();
 
 const loading = ref(false)
 const filterText = ref('')