Tenlion/system-copyright-react
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

对接AI

Browse Source
This commit is contained in:
WenC 2024-04-21 16:11:13 +08:00
parent 4235a6fe56
commit 99b65965c6
2 changed files with 99 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/components/ai/AiHelper.tsx
View File

@ -1,7 +1,7 @@
import {useContext, useEffect, useRef, useState} from "react"; import {useContext, useEffect, useRef, useState} from "react";
import {GlobalContext} from "../../context/GlobalContext.ts"; import {GlobalContext} from "../../context/GlobalContext.ts";
import {put, WebSocketBaseUrl} from "../../util/AjaxUtils.ts"; import {put, WebSocketBaseUrl} from "../../util/AjaxUtils.ts";
import {Button, Divider, Empty, Space, Spin, Table, TableProps} from "antd"; import {Button, Col, Divider, Empty, Row, Space, Spin, Table, TableProps} from "antd";
import {CheckOutlined, ReloadOutlined} from "@ant-design/icons"; import {CheckOutlined, ReloadOutlined} from "@ant-design/icons";
import useMessage from "antd/es/message/useMessage"; import useMessage from "antd/es/message/useMessage";
@ -78,7 +78,8 @@ export default function AiHelper(props: PropsType) {
} }
const projModColumnArray: TableProps<ProjModType>['columns'] = [ const projModColumnArray: TableProps<ProjModType>['columns'] = [
{title: '模块名称', dataIndex: 'name', key: 'name', width: 150, align: 'center'}, {title: '序号', dataIndex: 'index', key: 'index', width: 60, align: 'center', render: (value, record, index) => {return index + 1}},
{title: '模块名称', dataIndex: 'name', key: 'name', width: 200, align: 'center'},
{title: '模块描述', dataIndex: 'desc', key: 'desc', align: 'center'}, {title: '模块描述', dataIndex: 'desc', key: 'desc', align: 'center'},
]; ];
@ -167,6 +168,8 @@ export default function AiHelper(props: PropsType) {
return ( return (
<> <>
{messageApiHolder} {messageApiHolder}
<Row>
<Col span={24}>
<div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目简介</div> <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目简介</div>
<Spin tip="正在处理，请稍后..." size="small" spinning={isProjIntroductionLoading}> <Spin tip="正在处理，请稍后..." size="small" spinning={isProjIntroductionLoading}>
<div style={{padding: '5px 0 0 0'}}> <div style={{padding: '5px 0 0 0'}}>
@ -195,6 +198,8 @@ export default function AiHelper(props: PropsType) {
} }
</div> </div>
</Spin> </Spin>
</Col>
<Col span={24}>
<Divider dashed/> <Divider dashed/>
<div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目详情</div> <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目详情</div>
<Spin tip="正在处理，请稍后..." size="small" spinning={isProjDescLoading}> <Spin tip="正在处理，请稍后..." size="small" spinning={isProjDescLoading}>
@ -224,17 +229,19 @@ export default function AiHelper(props: PropsType) {
} }
</div> </div>
</Spin> </Spin>
</Col>
<Col span={24}>
<Divider dashed/> <Divider dashed/>
<div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目模块</div> <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目模块</div>
<Spin tip="正在处理，请稍后..." size="small" spinning={isProjModArrayLoading}> <Spin tip="正在处理，请稍后..." size="small" spinning={isProjModArrayLoading}>
<div style={{padding: '5px 0 0 0'}}> <div style={{padding: '5px 0 0 0'}}>
{newProjModArray.length > 0 ? <Divider orientation="right" plain>原模块</Divider> : <></>} {newProjModArray.length > 0 ? <Divider orientation="right" plain>原模块</Divider> : <></>}
<Table columns={projModColumnArray} dataSource={projModArray} size="middle" bordered={true}/> <Table columns={projModColumnArray} dataSource={projModArray} size="small" bordered={true} scroll={{y: 240}} pagination={{pageSize: 20}}/>
{ {
newProjModArray.length > 0 ? ( newProjModArray.length > 0 ? (
<> <>
<Divider orientation="right" plain>新模块</Divider> <Divider orientation="right" plain>新模块</Divider>
<Table columns={projModColumnArray} dataSource={newProjModArray} size="middle" bordered={true}/> <Table columns={projModColumnArray} dataSource={newProjModArray} size="small" bordered={true} scroll={{y: 240}} pagination={{pageSize: 20}}/>
</> </>
) : <></> ) : <></>
} }
@ -253,6 +260,8 @@ export default function AiHelper(props: PropsType) {
} }
</div> </div>
</Spin> </Spin>
</Col>
</Row>
</> </>
) )
} }

1
src/route/proj/ProjEdit.tsx
View File

@ -434,6 +434,7 @@ export default function ProjEdit() {
</Modal> </Modal>
<Modal open={aiHelperModalOpen} <Modal open={aiHelperModalOpen}
title="AI助手" title="AI助手"
width={1200}
footer={false} footer={false}
onCancel={() => { onCancel={() => {
setAiHelperModalOpen(false); setAiHelperModalOpen(false);