3ef362508a
- 新增 AI 对话聊天管理页面，包括对话列表和消息列表 - 新增 API 密钥管理页面，包括密钥列表和表单 - 添加相关 API 接口和数据模型 - 集成表单和表格组件，实现基本的 CRUD 操作
31 lines
824 B
Vue
31 lines
824 B
Vue
<script lang="ts" setup>
|
|
import { ref } from 'vue';
|
|
|
|
import { Page } from '@vben/common-ui';
|
|
|
|
import { Card, TabPane, Tabs } from 'ant-design-vue';
|
|
|
|
import { DocAlert } from '#/components/doc-alert';
|
|
|
|
import ChatConversationList from './modules/ChatConversationList.vue';
|
|
import ChatMessageList from './modules/ChatMessageList.vue';
|
|
|
|
const activeTabName = ref('conversation');
|
|
</script>
|
|
|
|
<template>
|
|
<Page auto-content-height>
|
|
<DocAlert title="AI 对话聊天" url="https://doc.iocoder.cn/ai/chat/" />
|
|
<Card>
|
|
<Tabs v-model:active-key="activeTabName">
|
|
<TabPane tab="对话列表" key="conversation">
|
|
<ChatConversationList />
|
|
</TabPane>
|
|
<TabPane tab="消息列表" key="message">
|
|
<ChatMessageList />
|
|
</TabPane>
|
|
</Tabs>
|
|
</Card>
|
|
</Page>
|
|
</template>
|