Revert "fetch: 页面移植"

This reverts commit eeb8d31f
This commit is contained in:
weike001 2025-02-20 15:33:57 +08:00
parent e77b7e7afd
commit 5f936660f5
1 changed files with 104 additions and 0 deletions

View File

@ -0,0 +1,104 @@
<script lang="ts" setup>
import {useRoute, useRouter} from 'vue-router'
import {CopyDocument, UploadFilled, Files, Document, Search} from '@element-plus/icons-vue'
import DataCut from "@/views/knowledge/dataset-form/components/data-cut.vue";
import DataImport from "@/views/knowledge/dataset-form/components/data-import.vue";
import DataDocument from "@/views/knowledge/dataset-form/components/data-document.vue";
import DataEmbedding from "@/views/knowledge/dataset-form/components/data-embedding.vue";
const Route = useRoute()
const Router = useRouter()
const active = ref('1')
const tabs = ref([
{
label: '数据导入',
name: '1',
icon: UploadFilled,
component: DataImport
},
{
label: '文档管理',
name: '2',
icon: CopyDocument,
component: DataDocument
},
{
label: '切片管理',
name: '3',
icon: Files,
component: DataCut
},
{
label: '向量搜索',
name: '4',
icon: Search,
component: DataEmbedding
}
])
</script>
<template>
<div class="children flex">
<div class="flex flex-col mr-30px w-350px">
<el-button
class="w-full mb-10px" plain type="primary"
@click="Router.push({ path: '/ai/console/knowledge' })">知识库列表
</el-button>
<el-scrollbar class="flex-1">
<div class="py-20px flex items-center border-b-solid border-gray border-1 mb-10px">
<div
class="icon-bg bg-[var(--el-color-primary-light-7)] w-40px lh-40px text-center mr-10px">
<el-icon class="font-bold">
<Document/>
</el-icon>
</div>
<h3>本地测试</h3>
</div>
<el-form label-position="top">
<el-form-item label="知识库ID">
<el-input />
</el-form-item>
<el-form-item label="关联向量数据库">
<el-input />
</el-form-item>
<el-form-item label="关联向量化模型">
<el-input />
</el-form-item>
</el-form>
</el-scrollbar>
</div>
<div class="flex-1">
<el-tabs v-model="active" class="h-full">
<el-tab-pane class="h-full" v-for="(item, index) in tabs" :key="index" :label="item.label" :name="item.name">
<template #label>
<div class="flex items-center">
<el-icon class=" mr-5px">
<component :is="item.icon" />
</el-icon>
<span>{{item.label}}</span>
</div>
</template>
<el-scrollbar class="inner h-full overflow-y-auto">
<component :is="item.component" />
</el-scrollbar>
</el-tab-pane>
</el-tabs>
</div>
</div>
</template>
<style lang="scss" scoped>
.children {
height: calc(100vh - var(--top-tool-height) - var(--tags-view-height) - var(--app-footer-height) - (var(--app-content-padding) * 3)) !important;
box-sizing: border-box;
& > div {
height: 100%;
background-color: #ffffff;
padding: 20px;
box-sizing: border-box;
}
}
:deep(.el-scrollbar__view) {
height: 100%;
}
</style>