feat: 使用说明&价格表

81e68211 · archer · 4d640685 · 4d640685 · 81e68211 · 81e68211
Commit 81e68211 authored Mar 24, 2023 by archer
12 changed files
--- a/public/test.txt
+++ b/public/test.txt
--- a/src/constants/common.ts
+++ b/src/constants/common.ts
@@ -8,11 +8,12 @@ export const introPage = `
 [Git 仓库](https://github.com/c121914yu/FastGPT)
-时间比较赶，介绍没来得及完善，先直接上怎么使用:
+### 快速开始
 1. 使用邮箱注册账号。  
 2. 进入账号页面，添加关联账号，目前只有 openai 的账号可以添加，直接去 openai 官网，把 API Key 粘贴过来。  
-3. 进入模型页，创建一个模型，建议直接用 ChatGPT。    
+3. 如果填写了自己的 openai 账号，使用时会直接用你的账号。如果没有填写，需要付费使用平台的账号。
-4. 在模型列表点击【对话】，即可使用 API 进行聊天。  
+4. 进入模型页，创建一个模型，建议直接用 ChatGPT。    
+5. 在模型列表点击【对话】，即可使用 API 进行聊天。  
 ### 模型配置

--- a/src/constants/model.ts
+++ b/src/constants/model.ts
@@ -16,7 +16,7 @@ export type ModelConstantsData = {
  price: number; // 多少钱 / 1字，单位: 0.00001元
 };
-export const ModelList: ModelConstantsData[] = [
+export const modelList: ModelConstantsData[] = [
  {
    serviceCompany: 'openai',
    name: 'chatGPT',

--- a/src/pages/api/chat/chatGpt.ts
+++ b/src/pages/api/chat/chatGpt.ts
@@ -8,7 +8,7 @@ import { ChatItemType } from '@/types/chat';
 import { jsonRes } from '@/service/response';
 import type { ModelSchema } from '@/types/mongoSchema';
 import { PassThrough } from 'stream';
-import { ModelList } from '@/constants/model';
+import { modelList } from '@/constants/model';
 import { pushBill } from '@/service/events/bill';
 /* 发送提示词 */
@@ -60,7 +60,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
    }
    // 计算温度
-    const modelConstantsData = ModelList.find((item) => item.model === model.service.modelName);
+    const modelConstantsData = modelList.find((item) => item.model === model.service.modelName);
    if (!modelConstantsData) {
      throw new Error('模型异常');
    }

--- a/src/pages/api/chat/gpt3.ts
+++ b/src/pages/api/chat/gpt3.ts
@@ -5,7 +5,7 @@ import { connectToDatabase } from '@/service/mongo';
 import { getOpenAIApi, authChat } from '@/service/utils/chat';
 import { ChatItemType } from '@/types/chat';
 import { httpsAgent } from '@/service/utils/tools';
-import { ModelList } from '@/constants/model';
+import { modelList } from '@/constants/model';
 import { pushBill } from '@/service/events/bill';
 /* 发送提示词 */
@@ -31,7 +31,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse)
    const formatPrompts = prompt.map((item) => `${item.value}\n\n###\n\n`).join('');
    // 计算温度
-    const modelConstantsData = ModelList.find((item) => item.model === model.service.modelName);
+    const modelConstantsData = modelList.find((item) => item.model === model.service.modelName);
    if (!modelConstantsData) {
      throw new Error('模型异常');
    }

--- a/src/pages/api/model/create.ts
+++ b/src/pages/api/model/create.ts
@@ -3,7 +3,7 @@ import type { NextApiRequest, NextApiResponse } from 'next';
 import { jsonRes } from '@/service/response';
 import { connectToDatabase } from '@/service/mongo';
 import { authToken } from '@/service/utils/tools';
-import { ModelStatusEnum, ModelList, ChatModelNameEnum } from '@/constants/model';
+import { ModelStatusEnum, modelList, ChatModelNameEnum } from '@/constants/model';
 import { Model } from '@/service/models/model';
 export default async function handler(req: NextApiRequest, res: NextApiResponse<any>) {
@@ -25,7 +25,7 @@ export default async function handler(req: NextApiRequest, res: NextApiResponse<
    // 凭证校验
    const userId = await authToken(authorization);
-    const modelItem = ModelList.find((item) => item.model === serviceModelName);
+    const modelItem = modelList.find((item) => item.model === serviceModelName);
    if (!modelItem) {
      throw new Error('模型不存在');

--- a/src/pages/model/components/CreateModel.tsx
+++ b/src/pages/model/components/CreateModel.tsx
@@ -18,7 +18,7 @@ import {
 import { useForm } from 'react-hook-form';
 import { postCreateModel } from '@/api/model';
 import type { ModelSchema } from '@/types/mongoSchema';
-import { ModelList } from '@/constants/model';
+import { modelList } from '@/constants/model';
 import { formatPrice } from '@/utils/user';
 interface CreateFormType {
@@ -45,7 +45,7 @@ const CreateModel = ({
    formState: { errors }
  } = useForm<CreateFormType>({
    defaultValues: {
-      serviceModelName: ModelList[0].model
+      serviceModelName: modelList[0].model
    }
  });
@@ -98,7 +98,7 @@ const CreateModel = ({
                  required: '底层模型不能为空'
                })}
              >
-                {ModelList.map((item) => (
+                {modelList.map((item) => (
                  <option key={item.model} value={item.model}>
                    {item.name}
                  </option>
@@ -110,7 +110,7 @@ const CreateModel = ({
            </FormControl>
            <Box mt={3} textAlign={'center'} fontSize={'sm'} color={'blackAlpha.600'}>
              {formatPrice(
-                ModelList.find((item) => item.model === getValues('serviceModelName'))?.price || 0
+                modelList.find((item) => item.model === getValues('serviceModelName'))?.price || 0
              ) * 1000}
              元/1000字(包括上下文和标点符号)
            </Box>

--- a/src/pages/model/detail.tsx
+++ b/src/pages/model/detail.tsx
@@ -13,7 +13,7 @@ import { Card, Box, Flex, Button, Tag, Grid } from '@chakra-ui/react';
 import { useToast } from '@/hooks/useToast';
 import { useConfirm } from '@/hooks/useConfirm';
 import { useForm } from 'react-hook-form';
-import { formatModelStatus, ModelStatusEnum, ModelList, defaultModel } from '@/constants/model';
+import { formatModelStatus, ModelStatusEnum, modelList, defaultModel } from '@/constants/model';
 import { useGlobalStore } from '@/store/global';
 import { useScreen } from '@/hooks/useScreen';
 import ModelEditForm from './components/ModelEditForm';
@@ -38,7 +38,7 @@ const ModelDetail = ({ modelId }: { modelId: string }) => {
  });
  const canTrain = useMemo(() => {
-    const openai = ModelList.find((item) => item.model === model?.service.modelName);
+    const openai = modelList.find((item) => item.model === model?.service.modelName);
    return openai && openai.trainName;
  }, [model]);

--- a/src/pages/model/list.tsx
+++ b/src/pages/model/list.tsx
@@ -14,7 +14,7 @@ import { useUserStore } from '@/store/user';
 const CreateModel = dynamic(() => import('./components/CreateModel'));
-const ModelList = () => {
+const modelList = () => {
  const { toast } = useToast();
  const { isPc } = useScreen();
  const router = useRouter();
@@ -87,4 +87,4 @@ const ModelList = () => {
  );
 };
-export default ModelList;
+export default modelList;
--- a/src/pages/number/components/PayModal.tsx
+++ b/src/pages/number/components/PayModal.tsx
@@ -10,12 +10,21 @@ import {
  Button,
  Input,
  Box,
-  Grid
+  Grid,
+  Table,
+  Thead,
+  Tbody,
+  Tr,
+  Th,
+  Td,
+  TableContainer
 } from '@chakra-ui/react';
 import { getPayCode, checkPayResult } from '@/api/user';
 import { useToast } from '@/hooks/useToast';
 import { useQuery } from '@tanstack/react-query';
 import { useRouter } from 'next/router';
+import { modelList } from '@/constants/model';
+import { formatPrice } from '../../../utils/user';
 const PayModal = ({ onClose }: { onClose: () => void }) => {
  const router = useRouter();
@@ -82,9 +91,28 @@ const PayModal = ({ onClose }: { onClose: () => void }) => {
          <ModalHeader>充值</ModalHeader>
          {!payId && <ModalCloseButton />}
-          <ModalBody>
+          <ModalBody py={0}>
            {!payId && (
              <>
+                {/* 价格表 */}
+                <TableContainer mb={4}>
+                  <Table>
+                    <Thead>
+                      <Tr>
+                        <Th>模型类型</Th>
+                        <Th>价格(元/1000字符，包含所有上下文)</Th>
+                      </Tr>
+                    </Thead>
+                    <Tbody>
+                      {modelList.map((item, i) => (
+                        <Tr key={item.model}>
+                          <Td>{item.name}</Td>
+                          <Td>{formatPrice(item.price) * 1000}</Td>
+                        </Tr>
+                      ))}
+                    </Tbody>
+                  </Table>
+                </TableContainer>
                <Grid gridTemplateColumns={'repeat(4,1fr)'} gridGap={5} mb={4}>
                  {[5, 10, 20, 50].map((item) => (
                    <Button

--- a/src/pages/number/setting.tsx
+++ b/src/pages/number/setting.tsx
@@ -123,6 +123,9 @@ const NumberSetting = () => {
              充值
            </Button>
          </Flex>
+          <Box fontSize={'xs'} color={'blackAlpha.500'}>
+            如果填写了自己的 openai 账号，将不会计费
+          </Box>
        </Box>
      </Card>
      <Card mt={6} px={6} py={4}>

--- a/src/service/events/bill.ts
+++ b/src/service/events/bill.ts
 import { connectToDatabase, Bill, User } from '../mongo';
-import { ModelList } from '@/constants/model';
+import { modelList } from '@/constants/model';
 export const pushBill = async ({
  modelName,
@@ -14,7 +14,7 @@ export const pushBill = async ({
 }) => {
  await connectToDatabase();
-  const modelItem = ModelList.find((item) => item.model === modelName);
+  const modelItem = modelList.find((item) => item.model === modelName);
  if (!modelItem) return;