perf: 文案;feat: 知识库模糊搜索

src/pages/model/detail/components/ModelDataCard.tsx

@@ -15,7 +15,8 @@ import {
   Menu,
   MenuButton,
   MenuList,
-  MenuItem
+  MenuItem,
+  Input
 } from '@chakra-ui/react';
 import type { ModelSchema } from '@/types/mongoSchema';
 import type { RedisModelDataItemType } from '@/types/redis';
@@ -40,9 +41,11 @@ const SelectFileModel = dynamic(() => import('./SelectFileModal'));
 const SelectUrlModel = dynamic(() => import('./SelectUrlModal'));
 const SelectCsvModal = dynamic(() => import('./SelectCsvModal'));
 
+let lastSearch = '';
+
 const ModelDataCard = ({ model }: { model: ModelSchema }) => {
   const { Loading, setIsLoading } = useLoading();
-
+  const [searchText, setSearchText] = useState('');
   const {
     data: modelDataList,
     isLoading,
@@ -54,7 +57,8 @@ const ModelDataCard = ({ model }: { model: ModelSchema }) => {
     api: getModelDataList,
     pageSize: 8,
     params: {
-      modelId: model._id
+      modelId: model._id,
+      searchText
     }
   });
 
@@ -158,9 +162,33 @@ const ModelDataCard = ({ model }: { model: ModelSchema }) => {
           </MenuList>
         </Menu>
       </Flex>
-      {!!(splitDataLen && splitDataLen > 0) && (
-        <Box fontSize={'xs'}>{splitDataLen}条数据正在拆分...</Box>
-      )}
+      <Flex mt={4}>
+        {/* 拆分数据提示 */}
+        {!!(splitDataLen && splitDataLen > 0) && (
+          <Box fontSize={'xs'}>{splitDataLen}条数据正在拆分...</Box>
+        )}
+        <Box flex={1}></Box>
+        <Input
+          maxW={'240px'}
+          size={'sm'}
+          value={searchText}
+          placeholder="搜索相关问题和答案，回车确认"
+          onChange={(e) => setSearchText(e.target.value)}
+          onBlur={() => {
+            if (searchText === lastSearch) return;
+            getData(1);
+            lastSearch = searchText;
+          }}
+          onKeyDown={(e) => {
+            if (searchText === lastSearch) return;
+            if (e.key === 'Enter') {
+              getData(1);
+              lastSearch = searchText;
+            }
+          }}
+        />
+      </Flex>
+
       <Box mt={4}>
         <TableContainer minH={'500px'}>
           <Table variant={'simple'}>

src/pages/model/detail/components/ModelEditForm.tsx

@@ -54,20 +54,20 @@ const ModelEditForm = ({
               })}
             ></Input>
           </Flex>
-          <Flex alignItems={'center'} mt={4}>
+          <Flex alignItems={'center'} mt={5}>
             <Box flex={'0 0 80px'} w={0}>
               modelId:
             </Box>
             <Box>{getValues('_id')}</Box>
           </Flex>
         </FormControl>
-        <Flex alignItems={'center'} mt={4}>
+        <Flex alignItems={'center'} mt={5}>
           <Box flex={'0 0 80px'} w={0}>
-            底层模型:
+            模型类型:
           </Box>
-          <Box>{getValues('service.modelName')}</Box>
+          <Box>{modelList.find((item) => item.model === getValues('service.modelName'))?.name}</Box>
         </Flex>
-        <Flex alignItems={'center'} mt={4}>
+        <Flex alignItems={'center'} mt={5}>
           <Box flex={'0 0 80px'} w={0}>
             价格:
           </Box>
@@ -80,7 +80,7 @@ const ModelEditForm = ({
           </Box>
         </Flex>
         <Flex mt={5} alignItems={'center'}>
-          <Box flex={'0 0 80px'}>删除:</Box>
+          <Box flex={'0 0 150px'}>删除模型和数据集</Box>
           <Button
             colorScheme={'gray'}
             variant={'outline'}