V4.6.6-2 (#673)

projects/app/src/components/support/apikey/Table.tsx

@@ -72,7 +72,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
   } = useQuery(['getOpenApiKeys', appId], () => getOpenApiKeys({ appId }));
 
   useEffect(() => {
-    setBaseUrl(`${location.origin}/api`);
+    setBaseUrl(feConfigs?.customApiDomain || `${location.origin}/api`);
   }, []);
 
   return (
@@ -255,7 +255,7 @@ const ApiKeyTable = ({ tips, appId }: { tips: string; appId?: string }) => {
         </ModalBody>
         <ModalFooter>
           <Button variant="whiteBase" onClick={() => setApiKey('')}>
-            好的
+            {t('common.OK')}
           </Button>
         </ModalFooter>
       </MyModal>

projects/app/src/components/support/wallet/Price.tsx

@@ -0,0 +1,168 @@
+import React from 'react';
+import { Box, CloseButton } from '@chakra-ui/react';
+import {
+  chatModelList,
+  vectorModelList,
+  qaModelList,
+  cqModelList,
+  extractModelList,
+  qgModelList,
+  audioSpeechModelList,
+  reRankModelList,
+  whisperModel
+} from '@/web/common/system/staticData';
+import ReactDOM from 'react-dom';
+
+import Markdown from '@/components/Markdown';
+
+const Price = ({ onClose }: { onClose: () => void }) => {
+  const list = [
+    {
+      title: '知识库存储',
+      describe: '',
+      md: `
+| 计费项 | 价格(￥) |
+| --- | --- |
+| 知识库索引数量 | 0/1000条/天 |`
+    },
+    {
+      title: '对话模型',
+      describe: '',
+      md: `
+| 模型 | 输入价格(￥) | 输出价格(￥) |
+| --- | --- | --- |
+${chatModelList
+  ?.map((item) => `| ${item.name} | ${item.inputPrice}/1k tokens | ${item.outputPrice}/1k tokens |`)
+  .join('\n')}`
+    },
+    {
+      title: '索引模型(文档训练 & 文档检索)',
+      describe: '',
+      md: `
+| 模型 | 价格(￥) |
+| --- | --- |
+${vectorModelList?.map((item) => `| ${item.name} | ${item.inputPrice}/1k tokens |`).join('\n')}
+      `
+    },
+    {
+      title: '文件预处理模型(QA 拆分)',
+      describe: '',
+      md: `
+| 模型 | 输入价格(￥) | 输出价格(￥) |
+| --- | --- | --- |
+${qaModelList
+  ?.map(
+    (item) => `| ${item.name} | ${item.inputPrice}/1k tokens |  ${item.outputPrice}/1k tokens |`
+  )
+  .join('\n')}
+      `
+    },
+    {
+      title: '问题分类',
+      describe: '',
+      md: `
+| 模型 | 输入价格(￥) | 输出价格(￥) |
+| --- | --- | --- |
+${cqModelList
+  ?.map(
+    (item) => `| ${item.name} | ${item.inputPrice}/1k tokens |  ${item.outputPrice}/1k tokens |`
+  )
+  .join('\n')}`
+    },
+    {
+      title: '内容提取',
+      describe: '',
+      md: `
+| 模型 | 输入价格(￥) | 输出价格(￥) |
+| --- | --- | --- |
+${extractModelList
+  ?.map(
+    (item) => `| ${item.name} | ${item.inputPrice}/1k tokens |  ${item.outputPrice}/1k tokens |`
+  )
+  .join('\n')}`
+    },
+    {
+      title: '下一步指引',
+      describe: '',
+      md: `
+| 模型 | 输入价格(￥) | 输出价格(￥) |
+| --- | --- | --- |
+${qgModelList
+  ?.map(
+    (item) => `| ${item.name} | ${item.inputPrice}/1k tokens |  ${item.outputPrice}/1k tokens |`
+  )
+  .join('\n')}`
+    },
+    {
+      title: '重排模型(增强检索 & 混合检索)',
+      describe: '',
+      md: `
+| 模型 | 价格(￥) |
+| --- | --- |
+${reRankModelList?.map((item) => `| ${item.name} | ${item.inputPrice}/1k 字符 |`).join('\n')}`
+    },
+    {
+      title: '语音播放',
+      describe: '',
+      md: `
+| 模型 | 价格(￥) |
+| --- | --- |
+${audioSpeechModelList
+  ?.map((item) => `| ${item.name} | ${item.inputPrice}/1k 字符 | - |`)
+  .join('\n')}`
+    },
+    ...(whisperModel
+      ? [
+          {
+            title: '语音输入',
+            describe: '',
+            md: `
+| 模型 | 价格(￥) |
+| --- | --- |
+| ${whisperModel.name} | ${whisperModel.inputPrice}/分钟 | - |`
+          }
+        ]
+      : [])
+  ];
+
+  return ReactDOM.createPortal(
+    <Box position={'fixed'} top={0} right={0} bottom={0} left={0} zIndex={99999} bg={'white'}>
+      <CloseButton
+        position={'absolute'}
+        top={'10px'}
+        right={'20px'}
+        bg={'myGray.200'}
+        w={'30px'}
+        h={'30px'}
+        borderRadius={'50%'}
+        onClick={onClose}
+      />
+      <Box py={[0, 10]} px={[5, '50px']} overflow={'overlay'} h={'100%'}>
+        {list.map((item) => (
+          <Box
+            display={['block', 'flex']}
+            key={item.title}
+            w={'100%'}
+            mb={4}
+            pb={6}
+            _notLast={{
+              borderBottom: '1px',
+              borderBottomColor: 'borderColor.high'
+            }}
+          >
+            <Box fontSize={'xl'} fontWeight={'bold'} mb={1} flex={'1 0 0'}>
+              {item.title}
+            </Box>
+            <Box w={['100%', '410px']}>
+              <Markdown source={item.md}></Markdown>
+            </Box>
+          </Box>
+        ))}
+      </Box>
+    </Box>,
+    // @ts-ignore
+    document.querySelector('body')
+  );
+};
+
+export default Price;