#

luxiaotao1123

2024-03-07 ab1a344106fd6aef4d9500ca69145a7df33a719c

#

 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

 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}
            />
        </>
    )