feat: 修改内容
This commit is contained in:
parent
78067519c3
commit
1e71b19ef6
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -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 }}
|
||||
|
|
|
|||
|
|
@ -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 }}
|
||||
|
|
|
|||
|
|
@ -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();
|
||||
|
|
|
|||
|
|
@ -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}
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue