<template>
    <AdminLayout
        :title="知识库管理"
        :info="管理外部和内部知识库文档"
    >
        <template action>
            <ElButton></ElButton>
        </template>
        <template default>
            <div class="knowledge">
                <!-- 知识库管理视图 -->
                <div>
                    <!-- 内外部知识库选择器 -->
                </div>
                <span>
                    <!-- 描述内外部知识库 -->
                </span>
                <div>
                    <div>
                        <!-- 知识库列表   -->
                        <div v-for="value in source">
                            <!-- 知识库封面、icon -->
                            <img/>
                            <span>
                                <!-- 知识库名称 -->
                            </span>
                            <span>
                                <!-- 文件数量 -->
                            </span>
                        </div>
                    </div>
                    <div>
                        <div>
                            <!-- 知识库名称+搜索 -->
                        </div>
                        <div>
                            <!-- 文件列表 -->
                        </div>
                        <div>
                            <!-- EL分页组件 全局样式 -->
                        </div>
                    </div>
                </div>
            </div>
        </template>

    </AdminLayout>
</template>
<script setup lang="ts">
import { ElButton } from 'element-plus';
import AdminLayout from '@/views/admin/AdminLayout.vue';


</script>
<style lang="scss" scoped>
    @import url("./KnowLedgeView.scss");
</style>