初始提交:极码 GeekCode 全栈项目(FastAPI + Vue3)
This commit is contained in:
75
frontend/src/views/ToolHub.vue
Normal file
75
frontend/src/views/ToolHub.vue
Normal file
@@ -0,0 +1,75 @@
|
||||
<template>
|
||||
<div class="h-full overflow-y-auto">
|
||||
<div class="max-w-4xl mx-auto px-6 py-8">
|
||||
<h1 class="text-xl font-bold text-gray-100 mb-2">AI 工具库</h1>
|
||||
<p class="text-sm text-gray-500 mb-8">智能工具助力编程,提升开发效率</p>
|
||||
|
||||
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<!-- 需求助手 -->
|
||||
<div
|
||||
@click="$router.push('/tools/requirement')"
|
||||
class="bg-gray-900 border border-gray-800 rounded-xl p-6 cursor-pointer hover:border-indigo-600/50 hover:bg-gray-900/80 transition-all group"
|
||||
>
|
||||
<div class="w-10 h-10 rounded-xl bg-indigo-600/20 flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-indigo-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-3 7h3m-3 4h3m-6-4h.01M9 16h.01"/></svg>
|
||||
</div>
|
||||
<h3 class="text-base font-medium text-gray-200 mb-2 group-hover:text-indigo-400 transition-colors">需求理解助手</h3>
|
||||
<p class="text-sm text-gray-500 leading-relaxed">把甲方发来的内容粘贴进来,AI帮你整理成清晰的功能清单、用户故事和验收标准</p>
|
||||
<div class="mt-4 flex items-center gap-2">
|
||||
<span class="px-2 py-0.5 bg-indigo-600/10 text-indigo-400 text-xs rounded">产品经理视角</span>
|
||||
<span class="px-2 py-0.5 bg-indigo-600/10 text-indigo-400 text-xs rounded">程序员视角</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 架构助手 -->
|
||||
<div
|
||||
@click="$router.push('/tools/architecture')"
|
||||
class="bg-gray-900 border border-gray-800 rounded-xl p-6 cursor-pointer hover:border-emerald-600/50 hover:bg-gray-900/80 transition-all group"
|
||||
>
|
||||
<div class="w-10 h-10 rounded-xl bg-emerald-600/20 flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-emerald-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 11H5m14 0a2 2 0 012 2v6a2 2 0 01-2 2H5a2 2 0 01-2-2v-6a2 2 0 012-2m14 0V9a2 2 0 00-2-2M5 11V9a2 2 0 012-2m0 0V5a2 2 0 012-2h6a2 2 0 012 2v2M7 7h10"/></svg>
|
||||
</div>
|
||||
<h3 class="text-base font-medium text-gray-200 mb-2 group-hover:text-emerald-400 transition-colors">架构选型助手</h3>
|
||||
<p class="text-sm text-gray-500 leading-relaxed">输入项目需求,AI给出技术选型建议、数据库设计、API接口清单和系统架构图</p>
|
||||
<div class="mt-4 flex items-center gap-2">
|
||||
<span class="px-2 py-0.5 bg-emerald-600/10 text-emerald-400 text-xs rounded">技术选型</span>
|
||||
<span class="px-2 py-0.5 bg-emerald-600/10 text-emerald-400 text-xs rounded">架构设计</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- API Hub -->
|
||||
<div
|
||||
@click="$router.push('/tools/api-hub')"
|
||||
class="bg-gray-900 border border-gray-800 rounded-xl p-6 cursor-pointer hover:border-amber-600/50 hover:bg-gray-900/80 transition-all group"
|
||||
>
|
||||
<div class="w-10 h-10 rounded-xl bg-amber-600/20 flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-amber-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"/></svg>
|
||||
</div>
|
||||
<h3 class="text-base font-medium text-gray-200 mb-2 group-hover:text-amber-400 transition-colors">API Hub</h3>
|
||||
<p class="text-sm text-gray-500 leading-relaxed">团队共享API资源管理,集中管理、测试和监控各类公用API服务</p>
|
||||
<div class="mt-4 flex items-center gap-2">
|
||||
<span class="px-2 py-0.5 bg-amber-600/10 text-amber-400 text-xs rounded">密码保护</span>
|
||||
<span class="px-2 py-0.5 bg-amber-600/10 text-amber-400 text-xs rounded">在线测试</span>
|
||||
<span class="px-2 py-0.5 bg-amber-600/10 text-amber-400 text-xs rounded">健康监控</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 联网搜索 -->
|
||||
<div
|
||||
@click="$router.push('/tools/web-search')"
|
||||
class="bg-gray-900 border border-gray-800 rounded-xl p-6 cursor-pointer hover:border-blue-600/50 hover:bg-gray-900/80 transition-all group"
|
||||
>
|
||||
<div class="w-10 h-10 rounded-xl bg-blue-600/20 flex items-center justify-center mb-4">
|
||||
<svg class="w-5 h-5 text-blue-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
|
||||
</div>
|
||||
<h3 class="text-base font-medium text-gray-200 mb-2 group-hover:text-blue-400 transition-colors">联网搜索助手</h3>
|
||||
<p class="text-sm text-gray-500 leading-relaxed">基于豆包大模型的联网搜索,实时获取最新信息并智能整合回答</p>
|
||||
<div class="mt-4 flex items-center gap-2">
|
||||
<span class="px-2 py-0.5 bg-blue-600/10 text-blue-400 text-xs rounded">实时搜索</span>
|
||||
<span class="px-2 py-0.5 bg-blue-600/10 text-blue-400 text-xs rounded">智能整合</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
Reference in New Issue
Block a user