feat: 对话页面
This commit is contained in:
parent
d497a8e83f
commit
2e12e2d93b
|
|
@ -28,6 +28,12 @@ export default [
|
||||||
icon: 'smile',
|
icon: 'smile',
|
||||||
component: './Welcome',
|
component: './Welcome',
|
||||||
},
|
},
|
||||||
|
{
|
||||||
|
path: '/chat',
|
||||||
|
name: 'chat',
|
||||||
|
component: './Chat',
|
||||||
|
hideInMenu: true,
|
||||||
|
},
|
||||||
{
|
{
|
||||||
path: '/admin',
|
path: '/admin',
|
||||||
name: 'admin',
|
name: 'admin',
|
||||||
|
|
|
||||||
|
|
@ -50,4 +50,5 @@ export default {
|
||||||
'menu.editor.mind': '脑图编辑器',
|
'menu.editor.mind': '脑图编辑器',
|
||||||
'menu.editor.koni': '拓扑编辑器',
|
'menu.editor.koni': '拓扑编辑器',
|
||||||
'menu.history': "对话历史",
|
'menu.history': "对话历史",
|
||||||
|
'menu.chat': "对话",
|
||||||
};
|
};
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { PageContainer, ProForm, ProFormTextArea } from '@ant-design/pro-components';
|
import { PageContainer, ProForm, ProFormTextArea } from '@ant-design/pro-components';
|
||||||
import { useModel } from '@umijs/max';
|
import { useModel, history } from '@umijs/max';
|
||||||
import { Button, Divider, Dropdown, Flex, message, Tag, theme } from 'antd';
|
import { Button, Divider, Dropdown, Flex, message, Tag, theme } from 'antd';
|
||||||
import React, { useRef, useState } from 'react';
|
import React, { useRef, useState } from 'react';
|
||||||
import './Welcome.less'
|
import './Welcome.less'
|
||||||
|
|
@ -39,6 +39,7 @@ const Welcome: React.FC = () => {
|
||||||
const text = textArea?.value;
|
const text = textArea?.value;
|
||||||
console.log(text);
|
console.log(text);
|
||||||
textArea.value = "";
|
textArea.value = "";
|
||||||
|
history.push('/chat');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,5 @@
|
||||||
|
.ChatPage {
|
||||||
|
.Flex {
|
||||||
|
flex: 1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,20 @@
|
||||||
|
import { PageContainer } from '@ant-design/pro-components';
|
||||||
|
import type { ModelItem } from '@/components/Custom/HeaderModelSelect';
|
||||||
|
import './index.less';
|
||||||
|
import { useState } from 'react';
|
||||||
|
import HeaderModelSelect from '@/components/Custom/HeaderModelSelect';
|
||||||
|
import { Flex } from 'antd';
|
||||||
|
|
||||||
|
export default () => {
|
||||||
|
const [model, setModel] = useState<ModelItem | undefined>(undefined);
|
||||||
|
|
||||||
|
return <PageContainer
|
||||||
|
className='ChatPage'
|
||||||
|
title={<HeaderModelSelect value={model} onChange={val => setModel(val)} />}
|
||||||
|
>
|
||||||
|
<Flex vertical>
|
||||||
|
<div className='Flex'></div>
|
||||||
|
|
||||||
|
</Flex>
|
||||||
|
</PageContainer>
|
||||||
|
}
|
||||||
Loading…
Reference in New Issue