新增 CardBase 组件,重构知识文档卡片、知识库卡片和分段卡片以使用新组件,优化按钮组件并更新相关页面以提升用户体验。

This commit is contained in:
Chuck1sn
2025-06-28 08:43:54 +08:00
parent 56d6a992f8
commit f9c8e3808b
12 changed files with 340 additions and 151 deletions

View File

@@ -27,10 +27,9 @@
</button>
</template>
<template #actions-bottom>
<button @click="navigateToLibraryDocs(library)"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-xs px-3 py-1.5">
<Button variant="primary" size="xs" @click="navigateToLibraryDocs(library)">
查看知识库
</button>
</Button>
</template>
</KnowledgeLibraryCard>
</div>
@@ -39,10 +38,9 @@
<div v-else class="flex flex-col items-center justify-center py-10">
<div class="text-gray-500 text-lg mb-4">暂无知识库</div>
<div>
<button @click="handleCreateLibraryClick"
class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:ring-blue-300 font-medium rounded-lg text-sm px-5 py-2.5 focus:outline-none">
<Button variant="primary" @click="handleCreateLibraryClick">
创建知识库
</button>
</Button>
</div>
</div>
</div>
@@ -69,6 +67,7 @@ import { KnowledgeLibraryCard } from "@/components/common/knowledge";
import Breadcrumbs from "@/components/layout/Breadcrumbs.vue";
import ConfirmationDialog from "@/components/modals/ConfirmationDialog.vue";
import LibraryFormDialog from "@/components/modals/LibraryFormDialog.vue";
import { Button } from "@/components/ui";
import { useKnowledgeQuery } from "@/composables/knowledge/useKnowledgeQuery";
import { useKnowledgeUpsert } from "@/composables/knowledge/useKnowledgeUpsert";