From ab1a344106fd6aef4d9500ca69145a7df33a719c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 07 三月 2024 16:18:25 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/components/settings.jsx | 48 ++++++++++++++++++++++++++++++++++++++++++------
zy-asrs-flow/src/pages/map/index.jsx | 3 ++-
2 files changed, 44 insertions(+), 7 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/components/settings.jsx b/zy-asrs-flow/src/pages/map/components/settings.jsx
index 6a5ff83..0b53c49 100644
--- a/zy-asrs-flow/src/pages/map/components/settings.jsx
+++ b/zy-asrs-flow/src/pages/map/components/settings.jsx
@@ -1,9 +1,18 @@
import React, { useState, useRef, useEffect } from 'react';
+import {
+ ProForm,
+ ProFormDigit,
+ ProFormText,
+ ProFormSelect,
+ ProFormDateTimePicker
+} from '@ant-design/pro-components';
+import moment from 'moment';
import { Col, Form, Modal, Row, Checkbox, Image, Tree, Drawer, Space, Button, Card, Divider } from 'antd';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import * as PIXI from 'pixi.js';
import { createStyles } from 'antd-style';
-import './index.css'
+import './index.css';
+import Http from '@/utils/http';
const useStyles = createStyles(({ token, css }) => {
@@ -13,35 +22,62 @@
const intl = useIntl();
const { styles } = useStyles();
const { curSprite } = props;
+ const [form] = Form.useForm();
useEffect(() => {
}, []);
+ useEffect(() => {
+ form.resetFields();
+ form.setFieldsValue({
+ ...props.values
+ })
+ }, [form, props])
+
+ const handleCancel = () => {
+ props.onCancel();
+ };
+
+ const handleOk = () => {
+ form.submit();
+ }
+
+ const handleFinish = async (values) => {
+ props.onSubmit({ ...values });
+ }
return (
<>
<Drawer
open={props.open}
- onClose={() => {
- props.onCancel();
- }}
+ onClose={handleCancel}
getContainer={props.refCurr}
rootStyle={{ position: "absolute" }}
mask={false}
width={570}
extra={
<Space>
- <Button onClick={() => props.onCancel()}>
+ <Button onClick={handleCancel}>
<FormattedMessage id='common.cancel' defaultMessage='鍙栨秷' />
</Button>
- <Button onClick={() => { }} type="primary">
+ <Button onClick={handleOk} type="primary">
<FormattedMessage id='common.submit' defaultMessage='淇濆瓨' />
</Button>
</Space>
}
>
<Card>
+
+ <ProForm
+ form={form}
+ submitter={false}
+ onFinish={handleFinish}
+ layout="horizontal"
+ grid={true}
+ >
+
+ </ProForm>
{/*
// position
// scale
diff --git a/zy-asrs-flow/src/pages/map/index.jsx b/zy-asrs-flow/src/pages/map/index.jsx
index 8708808..60957ab 100644
--- a/zy-asrs-flow/src/pages/map/index.jsx
+++ b/zy-asrs-flow/src/pages/map/index.jsx
@@ -192,6 +192,7 @@
const prevSpriteBySettings = prevSpriteBySettingsRef.current;
const settingsFinish = () => {
+ setSettingsVisible(false);
setSpriteBySettings(null);
}
@@ -294,7 +295,7 @@
setSpriteBySettings(null);
}}
refCurr={mapRef.current}
- onDrop={settingsFinish}
+ onSubmit={settingsFinish}
/>
</>
)
--
Gitblit v1.9.1