pengjunjie/ragflow
1
0
Fork 1
mirror of https://github.com/infiniflow/ragflow.git synced 2025-12-26 17:16:52 +08:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Optimized the test results page layout and internationalization #3221 (#9974)

Browse Source 
### What problem does this PR solve?

Fix: Optimized the test results page layout and internationalization

- Added an empty data component for when test results are empty
- Optimized internationalization support for the paging component
- Updated the layout and style of the test results page
- Added a tooltip for when test results are empty

### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
This commit is contained in:
chanx
2025-09-08 12:49:12 +08:00
committed by GitHub
parent f48aed6d4a
commit cf18231713
10 changed files with 149 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
web/src/pages/dataset/testing/index.tsx
View File

@ -25,7 +25,7 @@ export default function RetrievalTesting() {
<section className="flex justify-between items-center">
<TopTitle
title={t('knowledgeDetails.retrievalTesting')}
description={t('knowledgeDetails.retrievalTestingDescription')}
description={t('knowledgeDetails.testingDescription')}
></TopTitle>
{/* <Button>Save as Preset</Button> */}
</section>
@ -51,6 +51,7 @@ export default function RetrievalTesting() {
<TestingResult
data={data}
page={page}
loading={loading}
pageSize={pageSize}
filterValue={filterValue}
handleFilterSubmit={handleFilterSubmit}
@ -68,6 +69,7 @@ export default function RetrievalTesting() {
<TestingResult
data={data}
page={page}
loading={loading}
pageSize={pageSize}
filterValue={filterValue}
handleFilterSubmit={handleFilterSubmit}
@ -83,6 +85,7 @@ export default function RetrievalTesting() {
<TestingResult
data={data}
page={page}
loading={loading}
pageSize={pageSize}
filterValue={filterValue}
handleFilterSubmit={handleFilterSubmit}

53
web/src/pages/dataset/testing/testing-result.tsx
View File

@ -1,3 +1,4 @@
import Empty from '@/components/empty/empty';
import { FormContainer } from '@/components/form-container';
import { FilterButton } from '@/components/list-filter-bar';
import { FilterPopover } from '@/components/list-filter-bar/filter-popover';
@ -38,6 +39,7 @@ type TestingResultProps = Pick<
| 'page'
| 'pageSize'
| 'onPaginationChange'
| 'loading'
>;
export function TestingResult({
@ -45,6 +47,7 @@ export function TestingResult({
handleFilterSubmit,
page,
pageSize,
loading,
onPaginationChange,
data,
}: TestingResultProps) {
@ -77,20 +80,42 @@ export function TestingResult({
<FilterButton></FilterButton>
</FilterPopover>
</div>
<section className="flex flex-col gap-5 overflow-auto h-[calc(100vh-241px)] scrollbar-thin mb-5">
{data.chunks?.map((x) => (
<FormContainer key={x.chunk_id} className="px-5 py-2.5">
<ChunkTitle item={x}></ChunkTitle>
<p className="!mt-2.5"> {x.content_with_weight}</p>
</FormContainer>
))}
</section>
<RAGFlowPagination
total={data.total}
onChange={onPaginationChange}
current={page}
pageSize={pageSize}
></RAGFlowPagination>
{data.chunks?.length > 0 && !loading && (
<>
<section className="flex flex-col gap-5 overflow-auto h-[calc(100vh-241px)] scrollbar-thin mb-5">
{data.chunks?.map((x) => (
<FormContainer key={x.chunk_id} className="px-5 py-2.5">
<ChunkTitle item={x}></ChunkTitle>
<p className="!mt-2.5"> {x.content_with_weight}</p>
</FormContainer>
))}
</section>
<RAGFlowPagination
total={data.total}
onChange={onPaginationChange}
current={page}
pageSize={pageSize}
></RAGFlowPagination>
</>
)}
{!data.chunks?.length && !loading && (
<div className="flex justify-center items-center w-full h-[calc(100vh-241px)]">
<div>
<Empty>
{data.isRuned && (
<div className="text-text-secondary">
{t('knowledgeDetails.noTestResultsForRuned')}
</div>
)}
{!data.isRuned && (
<div className="text-text-secondary">
{t('knowledgeDetails.noTestResultsForNotRuned')}
</div>
)}
</Empty>
</div>
</div>
)}
</div>
);
}