From 99b65965c6d1ea1e300c73f0a75859743c036bf8 Mon Sep 17 00:00:00 2001
From: WenC <450292408@qq.com>
Date: Sun, 21 Apr 2024 16:11:13 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AF=B9=E6=8E=A5AI?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ai/AiHelper.tsx | 187 +++++++++++++++++----------------
 src/route/proj/ProjEdit.tsx    |   1 +
 2 files changed, 99 insertions(+), 89 deletions(-)

diff --git a/src/components/ai/AiHelper.tsx b/src/components/ai/AiHelper.tsx
index d5ddb30..957eace 100644
--- a/src/components/ai/AiHelper.tsx
+++ b/src/components/ai/AiHelper.tsx
@@ -1,7 +1,7 @@
 import {useContext, useEffect, useRef, useState} from "react";
 import {GlobalContext} from "../../context/GlobalContext.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 useMessage from "antd/es/message/useMessage";
 
@@ -78,7 +78,8 @@ export default function AiHelper(props: PropsType) {
     }
 
     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'},
     ];
 
@@ -167,92 +168,100 @@ export default function AiHelper(props: PropsType) {
     return (
         <>
             {messageApiHolder}
-            <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目简介</div>
-            <Spin tip="正在处理，请稍后..." size="small" spinning={isProjIntroductionLoading}>
-                <div style={{padding: '5px 0 0 0'}}>
-                    {newProjIntroduction ? <Divider orientation="right" plain>原简介</Divider> : <></>}
-                    {projIntroduction ? <div>{projIntroduction}</div> : <Empty description="暂无内容"/>}
-                    {
-                        newProjIntroduction ? (
-                            <>
-                                <Divider orientation="right" plain>新简介</Divider>
-                                <div>{newProjIntroduction}</div>
-                            </>
-                        ) : <></>
-                    }
-                </div>
-                <div style={{padding: '5px 0 0 0', textAlign: 'center'}}>
-                    {
-                        newProjIntroduction ? (
-                            <Space>
-                                <Button type="link" style={{cursor: 'pointer'}}
-                                        onClick={updateProjIntroduction}><CheckOutlined/> 保存结果</Button>
-                                <Button type="link" style={{cursor: 'pointer'}}
-                                        onClick={generateProjIntroduction}><ReloadOutlined/> 重新生成</Button>
-                            </Space>
-                        ) : <Button type="link" style={{cursor: 'pointer'}}
-                                    onClick={generateProjIntroduction}>AI生成</Button>
-                    }
-                </div>
-            </Spin>
-            <Divider dashed/>
-            <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目详情</div>
-            <Spin tip="正在处理，请稍后..." size="small" spinning={isProjDescLoading}>
-                <div style={{padding: '5px 0 0 0'}}>
-                    {newProjDesc ? <Divider orientation="right" plain>原详情</Divider> : <></>}
-                    {projDesc ? <div>{projDesc}</div> : <Empty description="暂无内容"/>}
-                    {
-                        newProjDesc ? (
-                            <>
-                                <Divider orientation="right" plain>新详情</Divider>
-                                <div>{newProjDesc}</div>
-                            </>
-                        ) : <></>
-                    }
-                </div>
-                <div style={{padding: '5px 0 0 0', textAlign: 'center'}}>
-                    {
-                        newProjDesc ? (
-                            <Space>
-                                <Button type="link" style={{cursor: 'pointer'}}
-                                        onClick={updateProjDesc}><CheckOutlined/> 保存结果</Button>
-                                <Button type="link" style={{cursor: 'pointer'}}
-                                        onClick={generateProjDesc}><ReloadOutlined/> 重新生成</Button>
-                            </Space>
-                        ) : <Button type="link" style={{cursor: 'pointer'}}
-                                    onClick={generateProjDesc}>AI生成</Button>
-                    }
-                </div>
-            </Spin>
-            <Divider dashed/>
-            <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目模块</div>
-            <Spin tip="正在处理，请稍后..." size="small" spinning={isProjModArrayLoading}>
-                <div style={{padding: '5px 0 0 0'}}>
-                    {newProjModArray.length > 0 ? <Divider orientation="right" plain>原模块</Divider> : <></>}
-                    <Table columns={projModColumnArray} dataSource={projModArray} size="middle" bordered={true}/>
-                    {
-                        newProjModArray.length > 0 ? (
-                            <>
-                                <Divider orientation="right" plain>新模块</Divider>
-                                <Table columns={projModColumnArray} dataSource={newProjModArray} size="middle" bordered={true}/>
-                            </>
-                        ) : <></>
-                    }
-                </div>
-                <div style={{padding: '5px 0 0 0', textAlign: 'center'}}>
-                    {
-                        newProjModArray.length > 0 ? (
-                            <Space>
-                                <Button type="link" style={{cursor: 'pointer'}}
-                                        onClick={generateProjModArray}><CheckOutlined/> 保存结果</Button>
-                                <Button type="link" style={{cursor: 'pointer'}}
-                                        onClick={generateProjModArray}><ReloadOutlined/> 重新生成</Button>
-                            </Space>
-                        ) : <Button type="link" style={{cursor: 'pointer'}}
-                                    onClick={generateProjModArray}>AI生成</Button>
-                    }
-                </div>
-            </Spin>
+            <Row>
+                <Col span={24}>
+                    <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目简介</div>
+                    <Spin tip="正在处理，请稍后..." size="small" spinning={isProjIntroductionLoading}>
+                        <div style={{padding: '5px 0 0 0'}}>
+                            {newProjIntroduction ? <Divider orientation="right" plain>原简介</Divider> : <></>}
+                            {projIntroduction ? <div>{projIntroduction}</div> : <Empty description="暂无内容"/>}
+                            {
+                                newProjIntroduction ? (
+                                    <>
+                                        <Divider orientation="right" plain>新简介</Divider>
+                                        <div>{newProjIntroduction}</div>
+                                    </>
+                                ) : <></>
+                            }
+                        </div>
+                        <div style={{padding: '5px 0 0 0', textAlign: 'center'}}>
+                            {
+                                newProjIntroduction ? (
+                                    <Space>
+                                        <Button type="link" style={{cursor: 'pointer'}}
+                                                onClick={updateProjIntroduction}><CheckOutlined/> 保存结果</Button>
+                                        <Button type="link" style={{cursor: 'pointer'}}
+                                                onClick={generateProjIntroduction}><ReloadOutlined/> 重新生成</Button>
+                                    </Space>
+                                ) : <Button type="link" style={{cursor: 'pointer'}}
+                                            onClick={generateProjIntroduction}>AI生成</Button>
+                            }
+                        </div>
+                    </Spin>
+                </Col>
+                <Col span={24}>
+                    <Divider dashed/>
+                    <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目详情</div>
+                    <Spin tip="正在处理，请稍后..." size="small" spinning={isProjDescLoading}>
+                        <div style={{padding: '5px 0 0 0'}}>
+                            {newProjDesc ? <Divider orientation="right" plain>原详情</Divider> : <></>}
+                            {projDesc ? <div>{projDesc}</div> : <Empty description="暂无内容"/>}
+                            {
+                                newProjDesc ? (
+                                    <>
+                                        <Divider orientation="right" plain>新详情</Divider>
+                                        <div>{newProjDesc}</div>
+                                    </>
+                                ) : <></>
+                            }
+                        </div>
+                        <div style={{padding: '5px 0 0 0', textAlign: 'center'}}>
+                            {
+                                newProjDesc ? (
+                                    <Space>
+                                        <Button type="link" style={{cursor: 'pointer'}}
+                                                onClick={updateProjDesc}><CheckOutlined/> 保存结果</Button>
+                                        <Button type="link" style={{cursor: 'pointer'}}
+                                                onClick={generateProjDesc}><ReloadOutlined/> 重新生成</Button>
+                                    </Space>
+                                ) : <Button type="link" style={{cursor: 'pointer'}}
+                                            onClick={generateProjDesc}>AI生成</Button>
+                            }
+                        </div>
+                    </Spin>
+                </Col>
+                <Col span={24}>
+                    <Divider dashed/>
+                    <div style={{padding: '5px 0 0 0', fontWeight: 'bold'}}>项目模块</div>
+                    <Spin tip="正在处理，请稍后..." size="small" spinning={isProjModArrayLoading}>
+                        <div style={{padding: '5px 0 0 0'}}>
+                            {newProjModArray.length > 0 ? <Divider orientation="right" plain>原模块</Divider> : <></>}
+                            <Table columns={projModColumnArray} dataSource={projModArray} size="small" bordered={true} scroll={{y: 240}} pagination={{pageSize: 20}}/>
+                            {
+                                newProjModArray.length > 0 ? (
+                                    <>
+                                        <Divider orientation="right" plain>新模块</Divider>
+                                        <Table columns={projModColumnArray} dataSource={newProjModArray} size="small" bordered={true} scroll={{y: 240}} pagination={{pageSize: 20}}/>
+                                    </>
+                                ) : <></>
+                            }
+                        </div>
+                        <div style={{padding: '5px 0 0 0', textAlign: 'center'}}>
+                            {
+                                newProjModArray.length > 0 ? (
+                                    <Space>
+                                        <Button type="link" style={{cursor: 'pointer'}}
+                                                onClick={generateProjModArray}><CheckOutlined/> 保存结果</Button>
+                                        <Button type="link" style={{cursor: 'pointer'}}
+                                                onClick={generateProjModArray}><ReloadOutlined/> 重新生成</Button>
+                                    </Space>
+                                ) : <Button type="link" style={{cursor: 'pointer'}}
+                                            onClick={generateProjModArray}>AI生成</Button>
+                            }
+                        </div>
+                    </Spin>
+                </Col>
+            </Row>
         </>
-)
+    )
 }
\ No newline at end of file
diff --git a/src/route/proj/ProjEdit.tsx b/src/route/proj/ProjEdit.tsx
index a3d5ae2..879130c 100644
--- a/src/route/proj/ProjEdit.tsx
+++ b/src/route/proj/ProjEdit.tsx
@@ -434,6 +434,7 @@ export default function ProjEdit() {
             </Modal>
             <Modal open={aiHelperModalOpen}
                    title="AI助手"
+                   width={1200}
                    footer={false}
                    onCancel={() => {
                        setAiHelperModalOpen(false);