调整AI
This commit is contained in:
parent
99b65965c6
commit
5099637414
@ -2,13 +2,15 @@ import {useContext, useEffect, useRef, useState} from "react";
|
||||
import {GlobalContext} from "../../context/GlobalContext.ts";
|
||||
import {put, WebSocketBaseUrl} from "../../util/AjaxUtils.ts";
|
||||
import {Button, Col, Divider, Empty, Row, Space, Spin, Table, TableProps} from "antd";
|
||||
import {CheckOutlined, ReloadOutlined} from "@ant-design/icons";
|
||||
import {CheckOutlined, EditOutlined, ReloadOutlined} from "@ant-design/icons";
|
||||
import useMessage from "antd/es/message/useMessage";
|
||||
import TextArea from "antd/es/input/TextArea";
|
||||
|
||||
type PropsType = {
|
||||
projId: string;
|
||||
projIntroduction?: string;
|
||||
projDesc?: string;
|
||||
projMods?: ProjModType[];
|
||||
}
|
||||
|
||||
type ProjModType = {
|
||||
@ -23,11 +25,17 @@ export default function AiHelper(props: PropsType) {
|
||||
const [messageApi, messageApiHolder] = useMessage();
|
||||
const [projIntroduction, setProjIntroduction] = useState<string>(props.projIntroduction ? props.projIntroduction : '');
|
||||
const [newProjIntroduction, setNewProjIntroduction] = useState<string>('');
|
||||
const [isProjIntroductionEdit, setIsProjIntroductionEdit] = useState<boolean>(false);
|
||||
const [isNewProjIntroductionEdit, setIsNewProjIntroductionEdit] = useState<boolean>(false);
|
||||
const [isProjIntroductionLoading, setIsProjIntroductionLoading] = useState(false);
|
||||
|
||||
const [projDesc, setProjDesc] = useState<string>(props.projDesc ? props.projDesc : '');
|
||||
const [newProjDesc, setNewProjDesc] = useState<string>('');
|
||||
const [isProjDescEdit, setIsProjDescEdit] = useState<boolean>(false);
|
||||
const [isNewProjDescEdit, setIsNewProjDescEdit] = useState<boolean>(false);
|
||||
const [isProjDescLoading, setIsProjDescLoading] = useState(false);
|
||||
const [projModArray, setProjModArray] = useState<ProjModType[]>([]);
|
||||
|
||||
const [projModArray, setProjModArray] = useState<ProjModType[]>(props.projMods ? props.projMods : []);
|
||||
const [newProjModArray, setNewProjModArray] = useState<ProjModType[]>([]);
|
||||
const [isProjModArrayLoading, setIsProjModArrayLoading] = useState(false);
|
||||
|
||||
@ -78,7 +86,16 @@ export default function AiHelper(props: PropsType) {
|
||||
}
|
||||
|
||||
const projModColumnArray: TableProps<ProjModType>['columns'] = [
|
||||
{title: '序号', dataIndex: 'index', key: 'index', width: 60, align: 'center', render: (value, record, index) => {return index + 1}},
|
||||
{
|
||||
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'},
|
||||
];
|
||||
@ -113,19 +130,19 @@ export default function AiHelper(props: PropsType) {
|
||||
/**
|
||||
* 保存简介
|
||||
*/
|
||||
const updateProjIntroduction = () => {
|
||||
const updateProjIntroduction = (content: string) => {
|
||||
put<any>({
|
||||
messageApi,
|
||||
url: `/api/proj/update-introduction/${props.projId}`,
|
||||
body: {
|
||||
content: newProjIntroduction
|
||||
content: content
|
||||
},
|
||||
onBefore() {
|
||||
setIsProjIntroductionLoading(true);
|
||||
},
|
||||
onSuccess() {
|
||||
messageApi.success('保存成功');
|
||||
setProjIntroduction(newProjIntroduction);
|
||||
setProjIntroduction(content);
|
||||
setNewProjIntroduction('');
|
||||
},
|
||||
onFinally() {
|
||||
@ -137,19 +154,19 @@ export default function AiHelper(props: PropsType) {
|
||||
/**
|
||||
* 保存详情
|
||||
*/
|
||||
const updateProjDesc = () => {
|
||||
const updateProjDesc = (content: string) => {
|
||||
put<any>({
|
||||
messageApi,
|
||||
url: `/api/proj/update-desc/${props.projId}`,
|
||||
body: {
|
||||
content: newProjDesc
|
||||
content: content
|
||||
},
|
||||
onBefore() {
|
||||
setIsProjDescLoading(true);
|
||||
},
|
||||
onSuccess() {
|
||||
messageApi.success('保存成功').then();
|
||||
setProjDesc(newProjDesc);
|
||||
setProjDesc(content);
|
||||
setNewProjDesc('');
|
||||
},
|
||||
onFinally() {
|
||||
@ -157,6 +174,29 @@ export default function AiHelper(props: PropsType) {
|
||||
}
|
||||
})
|
||||
}
|
||||
/**
|
||||
* 保存模块
|
||||
*/
|
||||
const updateProjModArray = () => {
|
||||
put<any>({
|
||||
messageApi,
|
||||
url: `/api/proj-mod/update-mods/${props.projId}`,
|
||||
body: {
|
||||
list: newProjModArray
|
||||
},
|
||||
onBefore() {
|
||||
setIsProjModArrayLoading(true);
|
||||
},
|
||||
onSuccess() {
|
||||
messageApi.success('保存成功').then();
|
||||
setProjModArray(newProjModArray);
|
||||
setNewProjModArray([]);
|
||||
},
|
||||
onFinally() {
|
||||
setIsProjModArrayLoading(false)
|
||||
}
|
||||
})
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (!props.projId) {
|
||||
@ -165,6 +205,105 @@ export default function AiHelper(props: PropsType) {
|
||||
websocket();
|
||||
}, [globalContext.user.userId, props.projId]);
|
||||
|
||||
/**
|
||||
* 项目简介按钮
|
||||
*/
|
||||
const renderNewProjIntroductionBtn = () => {
|
||||
if(!newProjIntroduction) {
|
||||
if(!isProjIntroductionEdit) {
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={generateProjIntroduction}>AI生成</Button>
|
||||
{
|
||||
projIntroduction ? (
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsProjIntroductionEdit(true);
|
||||
}}><EditOutlined /> 编辑</Button>
|
||||
) : <></>
|
||||
}
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsProjIntroductionEdit(false);
|
||||
updateProjIntroduction(projIntroduction);
|
||||
}}><CheckOutlined/> 保存结果</Button>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
if(!isNewProjIntroductionEdit) {
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
updateProjIntroduction(newProjIntroduction);
|
||||
}}><CheckOutlined/> 保存结果</Button>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={generateProjIntroduction}><ReloadOutlined/> 重新生成</Button>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsNewProjIntroductionEdit(true);
|
||||
}}><EditOutlined /> 编辑</Button>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsNewProjIntroductionEdit(false);
|
||||
}}><CheckOutlined/> 确定</Button>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
/**
|
||||
* 项目简介按钮
|
||||
*/
|
||||
const renderNewProjDescBtn = () => {
|
||||
if(!newProjDesc) {
|
||||
if(!isProjDescEdit) {
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={generateProjDesc}>AI生成</Button>
|
||||
{
|
||||
projIntroduction ? (
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsProjDescEdit(true);
|
||||
}}><EditOutlined /> 编辑</Button>
|
||||
) : <></>
|
||||
}
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsProjDescEdit(false);
|
||||
updateProjDesc(projDesc);
|
||||
}}><CheckOutlined/> 保存结果</Button>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
if(!isNewProjDescEdit) {
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
updateProjDesc(newProjDesc);
|
||||
}}><CheckOutlined/> 保存结果</Button>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={generateProjDesc}><ReloadOutlined/> 重新生成</Button>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsNewProjDescEdit(true);
|
||||
}}><EditOutlined /> 编辑</Button>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
return (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}} onClick={() => {
|
||||
setIsNewProjDescEdit(false);
|
||||
}}><CheckOutlined/> 确定</Button>
|
||||
</Space>
|
||||
)
|
||||
}
|
||||
|
||||
return (
|
||||
<>
|
||||
{messageApiHolder}
|
||||
@ -174,28 +313,29 @@ export default function AiHelper(props: PropsType) {
|
||||
<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="暂无内容"/>}
|
||||
{projIntroduction ? (
|
||||
isProjIntroductionEdit ? <TextArea rows={10} value={projIntroduction} placeholder="请编辑简介" maxLength={1500} onChange={(e) => {
|
||||
setProjIntroduction(e.currentTarget.value);
|
||||
}}/>
|
||||
: <div>{projIntroduction}</div>
|
||||
) : <Empty description="暂无内容"/>}
|
||||
{
|
||||
newProjIntroduction ? (
|
||||
<>
|
||||
<Divider orientation="right" plain>新简介</Divider>
|
||||
<div>{newProjIntroduction}</div>
|
||||
{
|
||||
isNewProjIntroductionEdit ? (
|
||||
<TextArea rows={10} value={newProjIntroduction} placeholder="请编辑简介" maxLength={1500} onChange={(e) => {
|
||||
setNewProjIntroduction(e.currentTarget.value);
|
||||
}}/>
|
||||
) : <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>
|
||||
}
|
||||
{renderNewProjIntroductionBtn()}
|
||||
</div>
|
||||
</Spin>
|
||||
</Col>
|
||||
@ -205,28 +345,32 @@ export default function AiHelper(props: PropsType) {
|
||||
<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="暂无内容"/>}
|
||||
{projDesc ? (
|
||||
isProjDescEdit ?
|
||||
<TextArea rows={10} value={projDesc} placeholder="请编辑详情"
|
||||
maxLength={1500} onChange={(e) => {
|
||||
setProjDesc(e.currentTarget.value);
|
||||
}}/>
|
||||
: <div>{projDesc}</div>
|
||||
) : <Empty description="暂无内容"/>}
|
||||
{
|
||||
newProjDesc ? (
|
||||
<>
|
||||
<Divider orientation="right" plain>新详情</Divider>
|
||||
<div>{newProjDesc}</div>
|
||||
{
|
||||
isNewProjDescEdit ? (
|
||||
<TextArea rows={10} value={newProjDesc} placeholder="请编辑简介"
|
||||
maxLength={1500} onChange={(e) => {
|
||||
setNewProjDesc(e.currentTarget.value);
|
||||
}}/>
|
||||
) : <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>
|
||||
}
|
||||
{renderNewProjDescBtn()}
|
||||
</div>
|
||||
</Spin>
|
||||
</Col>
|
||||
@ -236,12 +380,14 @@ export default function AiHelper(props: PropsType) {
|
||||
<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}}/>
|
||||
<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}}/>
|
||||
<Table columns={projModColumnArray} dataSource={newProjModArray} size="small"
|
||||
bordered={true} scroll={{y: 240}} pagination={{pageSize: 20}}/>
|
||||
</>
|
||||
) : <></>
|
||||
}
|
||||
@ -251,7 +397,7 @@ export default function AiHelper(props: PropsType) {
|
||||
newProjModArray.length > 0 ? (
|
||||
<Space>
|
||||
<Button type="link" style={{cursor: 'pointer'}}
|
||||
onClick={generateProjModArray}><CheckOutlined/> 保存结果</Button>
|
||||
onClick={updateProjModArray}><CheckOutlined/> 保存结果</Button>
|
||||
<Button type="link" style={{cursor: 'pointer'}}
|
||||
onClick={generateProjModArray}><ReloadOutlined/> 重新生成</Button>
|
||||
</Space>
|
||||
|
||||
@ -19,6 +19,12 @@ type AiHelperType = {
|
||||
projId: string;
|
||||
projIntroduction: string;
|
||||
projDesc: string;
|
||||
projMods: ProjModType[];
|
||||
}
|
||||
|
||||
type ProjModType = {
|
||||
name: string,
|
||||
desc: string
|
||||
}
|
||||
|
||||
export default function ProjEdit() {
|
||||
@ -41,7 +47,8 @@ export default function ProjEdit() {
|
||||
const [aiHelper, setAiHelper] = useState<AiHelperType>({
|
||||
projId: '',
|
||||
projIntroduction: '',
|
||||
projDesc: ''
|
||||
projDesc: '',
|
||||
projMods: [],
|
||||
});
|
||||
|
||||
|
||||
@ -213,7 +220,8 @@ export default function ProjEdit() {
|
||||
setAiHelper({
|
||||
projId: data.projId,
|
||||
projIntroduction: data.projIntroduction,
|
||||
projDesc: data.projDesc
|
||||
projDesc: data.projDesc,
|
||||
projMods: data.projMods
|
||||
})
|
||||
setAiHelperModalOpen(!data.projIntroduction || !data.projDesc)
|
||||
|
||||
@ -253,6 +261,7 @@ export default function ProjEdit() {
|
||||
}
|
||||
|
||||
</StepProjEdit>
|
||||
{/*trueisEditStepEdited*/}
|
||||
<StepProjEdit step={2}
|
||||
process={!isEditStepEdited ? Process.PENDING : (isConfigEdited ? Process.COMPLETE : Process.PROCESSING)}
|
||||
descTitle="功能设置"
|
||||
@ -263,7 +272,7 @@ export default function ProjEdit() {
|
||||
title={item.title}
|
||||
desc={item.desc}
|
||||
btnName={item.btnName}
|
||||
canBtnClick={isEditStepEdited}
|
||||
canBtnClick={true}
|
||||
status={item.status}
|
||||
handleEdit={item.handleEdit}
|
||||
/>
|
||||
@ -370,12 +379,12 @@ export default function ProjEdit() {
|
||||
window.open(`${Axios.defaults?.baseURL}/route/proj/download/code/${pathParams.projId}`)
|
||||
}}
|
||||
/>
|
||||
<CardProjJump title="找代理"
|
||||
desc="到软著代理完成软著申请"
|
||||
handleJump={() => {
|
||||
nav(`/agent-select/${pathParams.projId}`);
|
||||
}}
|
||||
/>
|
||||
{/*<CardProjJump title="找代理"*/}
|
||||
{/* desc="到软著代理完成软著申请"*/}
|
||||
{/* handleJump={() => {*/}
|
||||
{/* nav(`/agent-select/${pathParams.projId}`);*/}
|
||||
{/* }}*/}
|
||||
{/*/>*/}
|
||||
</StepProjEdit>
|
||||
</div>
|
||||
<div className="btn-container">
|
||||
@ -444,6 +453,7 @@ export default function ProjEdit() {
|
||||
projId={aiHelper.projId}
|
||||
projIntroduction={aiHelper.projIntroduction}
|
||||
projDesc={aiHelper.projDesc}
|
||||
projMods={aiHelper.projMods}
|
||||
/>
|
||||
</Modal>
|
||||
</>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user