84 lines
2.8 KiB
Vue
84 lines
2.8 KiB
Vue
<template>
|
|
<el-scrollbar>
|
|
<el-result icon="success" title="🎉 知识库创建成功 🎉">
|
|
<template #sub-title>
|
|
<div class="mt-8">
|
|
<span class="bold">{{ data?.document_list.length || 0 }}</span>
|
|
<el-text type="info" class="ml-4">文档</el-text>
|
|
<el-divider direction="vertical" />
|
|
<span class="bold">{{ paragraph_count || 0 }}</span>
|
|
<el-text type="info" class="ml-4">分段</el-text>
|
|
<el-divider direction="vertical" />
|
|
<span class="bold">{{ numberFormat(char_length) || 0 }}</span>
|
|
<el-text type="info" class="ml-4">字符</el-text>
|
|
</div>
|
|
</template>
|
|
<template #extra>
|
|
<el-button @click="router.push({ path: `/dataset` })">返回知识库列表</el-button>
|
|
<el-button type="primary" @click="router.push({ path: `/dataset/${data?.id}/document` })"
|
|
>前往文档</el-button
|
|
>
|
|
</template>
|
|
</el-result>
|
|
<div class="result-success">
|
|
<p class="bolder">文档列表</p>
|
|
<el-card
|
|
shadow="never"
|
|
class="file-List-card mt-8"
|
|
v-for="(item, index) in data?.document_list"
|
|
:key="index"
|
|
>
|
|
<div class="flex-between">
|
|
<div class="flex">
|
|
<img :src="getImgUrl(item && item?.name)" alt="" />
|
|
<div class="ml-8">
|
|
<p>{{ item && item?.name }}</p>
|
|
<el-text type="info">{{ filesize(item && item?.char_length) }}</el-text>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<el-text type="info" class="mr-16">{{ item && item?.paragraph_count }} 个分段</el-text>
|
|
<el-text v-if="item.status === '1'">
|
|
<el-icon class="success"><SuccessFilled /></el-icon>
|
|
</el-text>
|
|
<el-text v-else-if="item.status === '2'">
|
|
<el-icon class="danger"><CircleCloseFilled /></el-icon>
|
|
</el-text>
|
|
<el-text v-else-if="item.status === '0'">
|
|
<el-icon class="is-loading primary"><Loading /></el-icon> 导入中...
|
|
</el-text>
|
|
</div>
|
|
</div>
|
|
</el-card>
|
|
</div>
|
|
</el-scrollbar>
|
|
</template>
|
|
<script setup lang="ts">
|
|
import { computed } from 'vue'
|
|
import { useRouter } from 'vue-router'
|
|
import { numberFormat } from '@/utils/utils'
|
|
import { filesize, getImgUrl } from '@/utils/utils'
|
|
const props = defineProps({
|
|
data: {
|
|
type: Object,
|
|
default: () => {}
|
|
}
|
|
})
|
|
const router = useRouter()
|
|
const paragraph_count = computed(
|
|
() => props.data?.document_list.reduce((sum: number, obj: any) => (sum += obj.paragraph_count), 0)
|
|
)
|
|
|
|
const char_length = computed(
|
|
() =>
|
|
props.data?.document_list.reduce((sum: number, obj: any) => (sum += obj.char_length), 0) || 0
|
|
)
|
|
</script>
|
|
<style scoped lang="scss">
|
|
.result-success {
|
|
width: 70%;
|
|
margin: 0 auto;
|
|
margin-bottom: 30px;
|
|
}
|
|
</style>
|