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 zhCN from "antd/locale/zh_CN";
|
||||||
import { ConfigProvider } from "antd";
|
import { ConfigProvider } from "antd";
|
||||||
import { ProConfigProvider } from "@ant-design/pro-components";
|
import { ProConfigProvider } from "@ant-design/pro-components";
|
||||||
|
import { App as AntdApp } from 'antd';
|
||||||
createRoot(document.getElementById('root')).render(
|
createRoot(document.getElementById('root')).render(
|
||||||
<BrowserRouter>
|
<BrowserRouter>
|
||||||
<AuthProvider>
|
<AuthProvider>
|
||||||
<ConfigProvider locale={zhCN}>
|
<ConfigProvider locale={zhCN}>
|
||||||
<ProConfigProvider>
|
<ProConfigProvider>
|
||||||
|
<AntdApp>
|
||||||
<App />
|
<App />
|
||||||
|
</AntdApp>
|
||||||
</ProConfigProvider>
|
</ProConfigProvider>
|
||||||
</ConfigProvider>
|
</ConfigProvider>
|
||||||
</AuthProvider>
|
</AuthProvider>
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,12 @@
|
||||||
import { ModalForm, ProFormDigit, ProFormText } from "@ant-design/pro-components";
|
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 { PlusOutlined } from "@ant-design/icons";
|
||||||
import { create } from "../../../api/client";
|
import { create } from "../../../api/client";
|
||||||
|
|
||||||
const required = [{ required: true}]
|
const required = [{ required: true}]
|
||||||
|
|
||||||
const Create = ({ onFinish }) => {
|
const Create = ({ onFinish }) => {
|
||||||
|
const { message } = App.useApp();
|
||||||
return <ModalForm
|
return <ModalForm
|
||||||
title="创建节点"
|
title="创建节点"
|
||||||
modalProps={{ destroyOnHidden: true }}
|
modalProps={{ destroyOnHidden: true }}
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,11 @@
|
||||||
import { ModalForm, ProFormDigit, ProFormText } from "@ant-design/pro-components";
|
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";
|
import { update } from "../../../api/client";
|
||||||
|
|
||||||
const required = [{ required: true}]
|
const required = [{ required: true}]
|
||||||
|
|
||||||
const Edit = ({ data, onFinish }) => {
|
const Edit = ({ data, onFinish }) => {
|
||||||
|
const { message } = App.useApp();
|
||||||
return <ModalForm
|
return <ModalForm
|
||||||
title="编辑"
|
title="编辑"
|
||||||
modalProps={{ destroyOnHidden: true }}
|
modalProps={{ destroyOnHidden: true }}
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,5 @@
|
||||||
import { ProTable } from "@ant-design/pro-components"
|
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 { useRef } from "react"
|
||||||
import { useNavigate } from "react-router-dom"
|
import { useNavigate } from "react-router-dom"
|
||||||
import { del, tableList } from "../../api/client"
|
import { del, tableList } from "../../api/client"
|
||||||
|
|
@ -8,6 +8,7 @@ import Edit from "./components/Edit"
|
||||||
|
|
||||||
const ClientPage = () => {
|
const ClientPage = () => {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
|
const { message } = App.useApp();
|
||||||
const actionRef = useRef(null);
|
const actionRef = useRef(null);
|
||||||
const onRequest = async () => {
|
const onRequest = async () => {
|
||||||
const res = await tableList();
|
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 { useNavigate, useParams } from "react-router-dom";
|
||||||
import { useCallback, useEffect, useRef, useState } from 'react';
|
import { useCallback, useEffect, useRef, useState } from 'react';
|
||||||
import {
|
import {
|
||||||
|
|
@ -52,9 +52,9 @@ const nodeTypes = {
|
||||||
}
|
}
|
||||||
|
|
||||||
const FlowDetail = () => {
|
const FlowDetail = () => {
|
||||||
|
const { modal, message } = App.useApp();
|
||||||
const { work_uuid } = useParams()
|
const { work_uuid } = useParams()
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const backButton = <Button onClick={() => navigate("/flow")}>返回</Button>
|
|
||||||
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
|
const [nodes, setNodes, onNodesChange] = useNodesState(initialNodes);
|
||||||
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
|
const [edges, setEdges, onEdgesChange] = useEdgesState(initialEdges);
|
||||||
const [record, setRecord] = useState({});
|
const [record, setRecord] = useState({});
|
||||||
|
|
@ -144,6 +144,16 @@ const FlowDetail = () => {
|
||||||
console.log(error);
|
console.log(error);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
const onSave = async () => {
|
||||||
|
modal.confirm({
|
||||||
|
title: "保存",
|
||||||
|
content: "确认保存修改内容?",
|
||||||
|
onOk: async () => {
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
loadDetail();
|
loadDetail();
|
||||||
|
|
@ -152,7 +162,10 @@ const FlowDetail = () => {
|
||||||
return <ReactFlowProvider>
|
return <ReactFlowProvider>
|
||||||
<Row gutter={[16, 0]}>
|
<Row gutter={[16, 0]}>
|
||||||
<Col span={18} >
|
<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%' }}>
|
<div style={{ height: 'calc(100vh - 220px)', width: '100%' }}>
|
||||||
<ReactFlow
|
<ReactFlow
|
||||||
nodes={nodes}
|
nodes={nodes}
|
||||||
|
|
|
||||||
|
|
@ -1,14 +1,14 @@
|
||||||
|
|
||||||
import { LoginFormPage, ProForm, ProFormText } from '@ant-design/pro-components';
|
import { LoginFormPage, ProForm, ProFormText } from '@ant-design/pro-components';
|
||||||
import { message } from 'antd';
|
import { App } from 'antd';
|
||||||
import { useAuth } from '../context/AuthContext';
|
import { useAuth } from '../context/AuthContext';
|
||||||
import { useEffect } from 'react';
|
|
||||||
import { useNavigate } from 'react-router-dom';
|
import { useNavigate } from 'react-router-dom';
|
||||||
const REQUIRED = [{required: true}]
|
const REQUIRED = [{required: true}]
|
||||||
|
|
||||||
export default () => {
|
export default () => {
|
||||||
const navigate = useNavigate();
|
const navigate = useNavigate();
|
||||||
const { login } = useAuth();
|
const { login } = useAuth();
|
||||||
|
const { message } = App.useApp();
|
||||||
|
|
||||||
return <div style={{ width: '100vw', height: '100vh'}}>
|
return <div style={{ width: '100vw', height: '100vh'}}>
|
||||||
<LoginFormPage
|
<LoginFormPage
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue