|
|
@@ -1,131 +1,94 @@
|
|
|
<template>
|
|
|
- <div class="min-h-screen bg-[#1A103C] text-white flex">
|
|
|
+ <div class="min-h-screen flex bg-gradient-to-br from-white to-purple-600 text-gray-800">
|
|
|
<!-- Sidebar -->
|
|
|
- <nav class="w-64 bg-[#231849] p-4 space-y-4">
|
|
|
- <div class="flex items-center gap-2 mb-8">
|
|
|
- <div class="w-8 h-8 bg-purple-600 rounded-lg"></div>
|
|
|
- <h1 class="text-xl font-semibold">GEN <span class="text-purple-500">LTEX</span></h1>
|
|
|
- </div>
|
|
|
+ <nav class="w-64 bg-[#08002E] p-4 space-y-4">
|
|
|
+<div class="flex items-center gap-2 mb-8">
|
|
|
+ <h1 class="text-xl font-semibold bg-gradient-to-r from-purple-600 to-violet-400 bg-clip-text text-transparent">首页</h1>
|
|
|
+</div>
|
|
|
|
|
|
<!-- Navigation Items -->
|
|
|
<div class="space-y-2">
|
|
|
- <a href="#" class="flex items-center gap-3 p-3 rounded-lg bg-[#2A1F53] text-white/90 hover:bg-[#2A1F53]/80">
|
|
|
- <HomeIcon class="w-5 h-5" />
|
|
|
- <span>Home</span>
|
|
|
- </a>
|
|
|
+<a href="#/portal" class="flex items-center gap-3 p-3 rounded-lg text-white hover:bg-[#2A1F53]/80">
|
|
|
+ <HomeIcon class="w-5 h-5" />
|
|
|
+ <span>首页</span>
|
|
|
+</a>
|
|
|
|
|
|
- <div class="mt-8 mb-4 text-xs text-white/50 px-3">MANAGER YOUR CONTEXT</div>
|
|
|
+ <!-- Remove this section -->
|
|
|
|
|
|
- <template v-for="item in navItems" :key="item.name">
|
|
|
- <a href="#" class="flex items-center gap-3 p-3 rounded-lg text-white/70 hover:bg-[#2A1F53]/80">
|
|
|
- <component :is="item.icon" class="w-5 h-5" />
|
|
|
- <span>{{ item.name }}</span>
|
|
|
- <span v-if="item.badge" class="ml-auto bg-purple-500 text-white text-xs px-2 py-0.5 rounded-full">
|
|
|
- {{ item.badge }}
|
|
|
- </span>
|
|
|
- </a>
|
|
|
- </template>
|
|
|
+<a href="#/project-management" class="flex items-center gap-3 p-3 rounded-lg text-white hover:bg-[#2A1F53]/80">
|
|
|
+ <BriefcaseIcon class="w-5 h-5" />
|
|
|
+ <span>项目管理</span>
|
|
|
+</a>
|
|
|
+<a href="#/data-analysis" class="flex items-center gap-3 p-3 rounded-lg text-white hover:bg-[#2A1F53]/80">
|
|
|
+ <ActivityIcon class="w-5 h-5" />
|
|
|
+ <span>数据分析</span>
|
|
|
+</a>
|
|
|
</div>
|
|
|
|
|
|
<!-- User Profile -->
|
|
|
- <div class="absolute bottom-4 flex items-center gap-3 p-3 text-white/70">
|
|
|
- <div class="w-8 h-8 bg-gray-600 rounded-full"></div>
|
|
|
- <div>
|
|
|
- <div class="text-sm">zbytest003</div>
|
|
|
- <div class="text-xs text-white/50">platform admin</div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- Remove user profile section -->
|
|
|
</nav>
|
|
|
|
|
|
<!-- Main Content -->
|
|
|
- <main class="flex-1 p-6 space-y-6">
|
|
|
+ <main class="flex-1 p-6 space-y-6 bg-gradient-to-br from-white to-purple-600">
|
|
|
<!-- Hero Section -->
|
|
|
- <section class="p-8 rounded-2xl bg-[#231849]">
|
|
|
- <h1 class="text-4xl font-bold mb-4">
|
|
|
- <span class="text-purple-500">Empowering</span><br />
|
|
|
- Your Future with<br />
|
|
|
- GenAI Solutions<br />
|
|
|
- for <span class="text-purple-500">TDLC</span>
|
|
|
- </h1>
|
|
|
- <p class="text-white/70 max-w-md">
|
|
|
- Explore Our Innovative Features and Unlock the Full Potential of GenAI for Your Project's Success
|
|
|
- </p>
|
|
|
- </section>
|
|
|
+<!-- Remove hero section -->
|
|
|
|
|
|
<!-- Cards Grid -->
|
|
|
- <div class="grid md:grid-cols-2 gap-6">
|
|
|
- <!-- TDLC Card -->
|
|
|
- <div class="p-6 rounded-2xl bg-[#231849]">
|
|
|
- <div class="w-12 h-12 mb-4 bg-purple-500/20 rounded-lg flex items-center justify-center">
|
|
|
- <LayoutIcon class="w-6 h-6 text-purple-500" />
|
|
|
- </div>
|
|
|
- <h2 class="text-2xl font-semibold mb-2">
|
|
|
- TDLC for <span class="text-purple-500">System Integration</span> project
|
|
|
- </h2>
|
|
|
- <p class="text-white/70 mb-6">
|
|
|
- Get comprehensive guidance for your new projects, from the initial concept all the way through detailed design and implementation.
|
|
|
- </p>
|
|
|
- <button class="px-4 py-2 bg-purple-500 rounded-lg hover:bg-purple-600 transition-colors">
|
|
|
- Begin Your Journey
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+<!-- Light and Easy Version Module -->
|
|
|
+<div class="flex flex-col md:flex-row gap-6">
|
|
|
+ <!-- Generate User Stories Module -->
|
|
|
+ <div class="p-6 rounded-2xl bg-white shadow-md flex-1">
|
|
|
+ <h2 class="text-2xl font-semibold mb-2">生成用户故事</h2>
|
|
|
+ <p class="text-gray-600 mb-6">
|
|
|
+ 创建详细的用户故事以指导项目的开发过程。
|
|
|
+ </p>
|
|
|
+ <button @click="navigateToUserStories" class="px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors">
|
|
|
+ 生成用户故事
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
|
|
|
- <!-- Analysis Card -->
|
|
|
- <div class="p-6 rounded-2xl bg-[#231849]">
|
|
|
- <div class="w-12 h-12 mb-4 bg-purple-500/20 rounded-lg flex items-center justify-center">
|
|
|
- <ActivityIcon class="w-6 h-6 text-purple-500" />
|
|
|
- </div>
|
|
|
- <h2 class="text-2xl font-semibold mb-2">
|
|
|
- Intelligent <span class="text-purple-500">Project Analysis</span>
|
|
|
- </h2>
|
|
|
- <p class="text-white/70 mb-6">
|
|
|
- Upload a ZIP file containing your existing project files and let GenAI analyze it for you.
|
|
|
- </p>
|
|
|
- <button class="px-4 py-2 bg-purple-500 rounded-lg hover:bg-purple-600 transition-colors">
|
|
|
- Gain New Insights
|
|
|
- </button>
|
|
|
- </div>
|
|
|
+ <!-- Generate Test Scripts Module -->
|
|
|
+ <div class="p-6 rounded-2xl bg-white shadow-md flex-1">
|
|
|
+ <h2 class="text-2xl font-semibold mb-2">生成测试脚本</h2>
|
|
|
+ <p class="text-gray-600 mb-6">
|
|
|
+ 自动生成测试脚本以确保项目的质量。
|
|
|
+ </p>
|
|
|
+ <button class="px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors">
|
|
|
+ 生成测试脚本
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
+</div>
|
|
|
|
|
|
- <!-- Workspace Card -->
|
|
|
- <div class="md:col-span-2 p-6 rounded-2xl bg-[#231849]">
|
|
|
- <div class="w-12 h-12 mb-4 bg-purple-500/20 rounded-lg flex items-center justify-center">
|
|
|
- <MessageSquareIcon class="w-6 h-6 text-purple-500" />
|
|
|
- </div>
|
|
|
- <h2 class="text-2xl font-semibold mb-2">
|
|
|
- Let's <span class="text-purple-500">Talk</span> To Your Workspace Knowledge
|
|
|
- </h2>
|
|
|
- <p class="text-white/70">
|
|
|
- A smart chatbot designed to interact with and retrieve information from your workspace.
|
|
|
- </p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+<!-- Intelligent Project Analysis Module -->
|
|
|
+<div class="p-6 rounded-2xl bg-white shadow-md">
|
|
|
+ <h2 class="text-2xl font-semibold mb-2">智能项目分析</h2>
|
|
|
+ <p class="text-gray-600 mb-6">
|
|
|
+ 利用智能工具分析项目，提供深入的见解和建议。
|
|
|
+ </p>
|
|
|
+ <button class="px-4 py-2 bg-purple-500 text-white rounded-lg hover:bg-purple-600 transition-colors">
|
|
|
+ 进行项目分析
|
|
|
+ </button>
|
|
|
+</div>
|
|
|
</main>
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
|
<script setup>
|
|
|
+import { useRouter } from 'vue-router'
|
|
|
import {
|
|
|
Home as HomeIcon,
|
|
|
- Layout as LayoutIcon,
|
|
|
- Activity as ActivityIcon,
|
|
|
- MessageSquare as MessageSquareIcon,
|
|
|
- FileText as FileTextIcon,
|
|
|
- Link as LinkIcon,
|
|
|
- User as UserIcon,
|
|
|
- Bell as BellIcon,
|
|
|
- Briefcase as BriefcaseIcon
|
|
|
+ Briefcase as BriefcaseIcon,
|
|
|
+ Activity as ActivityIcon
|
|
|
} from 'lucide-vue-next'
|
|
|
|
|
|
-const navItems = [
|
|
|
- { name: 'Workspace', icon: BriefcaseIcon },
|
|
|
- { name: 'Knowledge', icon: FileTextIcon },
|
|
|
- { name: 'Prompt', icon: MessageSquareIcon },
|
|
|
- { name: 'Link', icon: LinkIcon },
|
|
|
- { name: 'User', icon: UserIcon },
|
|
|
- { name: 'Notifications', icon: BellIcon, badge: '0' },
|
|
|
-]
|
|
|
+const router = useRouter()
|
|
|
+
|
|
|
+const navigateToUserStories = () => {
|
|
|
+ router.push('/user-stories')
|
|
|
+}
|
|
|
</script>
|
|
|
|
|
|
<style>
|
|
|
|
|
|
-</style>
|
|
|
+</style>
|
genlitex