From d41f3214ec2cded95ca6d378c1c96b9d442b4bde Mon Sep 17 00:00:00 2001
From: wangdan-fit2cloud <dan.wang@fit2cloud.com>
Date: Thu, 26 Oct 2023 19:02:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=9B=E5=BB=BA=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=9B=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/top-bar/top-menu/MenuItem.vue  |  5 ++++-
 ui/src/router/modules/dataset.ts              |  7 +++++++
 ui/src/views/dataset/CreateDataset.vue        | 21 +++++++++++++++++++
 ui/src/views/dataset/index.vue                |  4 +++-
 4 files changed, 35 insertions(+), 2 deletions(-)
 create mode 100644 ui/src/views/dataset/CreateDataset.vue

diff --git a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
index 17f568352..4efd4f565 100644
--- a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
+++ b/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>
diff --git a/ui/src/router/modules/dataset.ts b/ui/src/router/modules/dataset.ts
index e0813ea87..071e4d854 100644
--- a/ui/src/router/modules/dataset.ts
+++ b/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',
diff --git a/ui/src/views/dataset/CreateDataset.vue b/ui/src/views/dataset/CreateDataset.vue
new file mode 100644
index 000000000..82884bc2c
--- /dev/null
+++ b/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>
diff --git a/ui/src/views/dataset/index.vue b/ui/src/views/dataset/index.vue
index 487fc27db..4546c71bb 100644
--- a/ui/src/views/dataset/index.vue
+++ b/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('')