feat: 修改内容

This commit is contained in:
李如威 2025-09-17 13:21:00 +08:00
parent 78067519c3
commit 1e71b19ef6
6 changed files with 28 additions and 10 deletions

View File

@ -7,13 +7,15 @@ import { AuthProvider } from "./context/AuthContext";
import zhCN from "antd/locale/zh_CN";
import { ConfigProvider } from "antd";
import { ProConfigProvider } from "@ant-design/pro-components";
import { App as AntdApp } from 'antd';
createRoot(document.getElementById('root')).render(
<BrowserRouter>
<AuthProvider>
<ConfigProvider locale={zhCN}>
<ProConfigProvider>
<App />
<AntdApp>
<App />
</AntdApp>
</ProConfigProvider>
</ConfigProvider>
</AuthProvider>

View File

@ -1,11 +1,12 @@
import { ModalForm, ProFormDigit, ProFormText } from "@ant-design/pro-components";
import { Button, message } from "antd";
import { App, Button, message } from "antd";
import { PlusOutlined } from "@ant-design/icons";
import { create } from "../../../api/client";
const required = [{ required: true}]
const Create = ({ onFinish }) => {
const { message } = App.useApp();
return <ModalForm
title="创建节点"
modalProps={{ destroyOnHidden: true }}

View File

@ -1,10 +1,11 @@
import { ModalForm, ProFormDigit, ProFormText } from "@ant-design/pro-components";
import { Button, message } from "antd";
import { App, Button, message } from "antd";
import { update } from "../../../api/client";
const required = [{ required: true}]
const Edit = ({ data, onFinish }) => {
const { message } = App.useApp();
return <ModalForm
title="编辑"
modalProps={{ destroyOnHidden: true }}

View File

@ -1,5 +1,5 @@
import { ProTable } from "@ant-design/pro-components"
import { Button, Card, message, Popconfirm } from "antd"
import { App, Button, Card, message, Popconfirm } from "antd"
import { useRef } from "react"
import { useNavigate } from "react-router-dom"
import { del, tableList } from "../../api/client"
@ -8,6 +8,7 @@ import Edit from "./components/Edit"
const ClientPage = () => {
const navigate = useNavigate();
const { message } = App.useApp();
const actionRef = useRef(null);
const onRequest = async () => {
const res = await tableList();

View File

@ -1,4 +1,4 @@
import { Button, Card, Col, message, Row, Typography } from "antd"
import { App, Button, Card, Col, message, Modal, Row, Space, Typography } from "antd"
import { useNavigate, useParams } from "react-router-dom";
import { useCallback, useEffect, useRef, useState } from 'react';
import {
@ -52,9 +52,9 @@ const nodeTypes = {
}
const FlowDetail = () => {
const { modal, message } = App.useApp();
const { work_uuid } = useParams()
const navigate = useNavigate();
const backButton = <Button onClick={() => navigate("/flow")}>返回</Button>
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
const [record, setRecord] = useState({});
@ -144,6 +144,16 @@ const FlowDetail = () => {
console.log(error);
}
}
const onSave = async () => {
modal.confirm({
title: "保存",
content: "确认保存修改内容?",
onOk: async () => {
return true;
}
});
}
useEffect(() => {
loadDetail();
@ -152,7 +162,10 @@ const FlowDetail = () => {
return <ReactFlowProvider>
<Row gutter={[16, 0]}>
<Col span={18} >
<Card title="工作" extra={backButton}>
<Card title="工作" extra={<Space>
<Button onClick={() => navigate("/flow")}>取消</Button>
<Button type='primary' onClick={() => onSave()}>保存</Button>
</Space>}>
<div style={{ height: 'calc(100vh - 220px)', width: '100%' }}>
<ReactFlow
nodes={nodes}

View File

@ -1,14 +1,14 @@
import { LoginFormPage, ProForm, ProFormText } from '@ant-design/pro-components';
import { message } from 'antd';
import { App } from 'antd';
import { useAuth } from '../context/AuthContext';
import { useEffect } from 'react';
import { useNavigate } from 'react-router-dom';
const REQUIRED = [{required: true}]
export default () => {
const navigate = useNavigate();
const { login } = useAuth();
const { message } = App.useApp();
return <div style={{ width: '100vw', height: '100vh'}}>
<LoginFormPage