#

luxiaotao1123

2024-03-08 a554a78015cb8bd0b9f1e65a4ac478b42f73f5f9

 zy-asrs-flow/src/pages/map/components/settings.jsx

@@ -1,14 +1,12 @@
import React, { useState, useRef, useEffect } from 'react';
import moment from 'moment';
import { Col, Form, Input, Row, Checkbox, Slider, Select, Drawer, Space, Button, InputNumber, Switch } from 'antd';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import * as PIXI from 'pixi.js';
import { createStyles } from 'antd-style';
import './index.css';
import * as Utils from '../utils'
import * as PIXI from 'pixi.js';
import moment from 'moment';
import Http from '@/utils/http';

const logSliderToNumber = value => Math.pow(10, value - 2).toFixed(2);
const numberToLogSlider = value => Math.log10(value) + 2;

const useStyles = createStyles(({ token, css }) => {

@@ -26,9 +24,16 @@

    useEffect(() => {
        form.resetFields();
        form.setFieldsValue({
            ...props.values
        })
        if (curSprite) {
            form.setFieldsValue({
                x: curSprite.position.x,
                y: curSprite.position.y,
                scale: Math.max(curSprite.scale.x, curSprite.scale.y),
                scaleSlider: Math.max(curSprite.scale.x, curSprite.scale.y),
                rotation: curSprite.rotation * 180 / Math.PI,
                rotationSlider: curSprite.rotation * 180 / Math.PI,
            })
        }
    }, [form, props])

    const handleCancel = () => {
@@ -40,7 +45,6 @@
    }

    const handleFinish = async (values) => {
        console.log(values); return
        props.onSubmit({ ...values });
    }

@@ -50,29 +54,41 @@
                const { name: nameList, value } = change;
                nameList.forEach(name => {
                    switch (name) {
                        case 'x':
                            curSprite.position.x = value;
                            break;
                        case 'y':
                            curSprite.position.x = value;
                            break;
                        case 'scaleSlider':
                            form.setFieldsValue({
                                scale: value
                            })
                            curSprite.scale.set(value);
                            break;
                        case 'scale':
                            form.setFieldsValue({
                                scaleSlider: value
                            })
                            curSprite.scale.set(value);
                            break;
                        case 'rotationSlider':
                            form.setFieldsValue({
                                rotation: value
                            })
                            curSprite.rotation = value * Math.PI / 180;
                            break;
                        case 'rotation':
                            form.setFieldsValue({
                                rotationSlider: value
                            })
                            curSprite.rotation = value * Math.PI / 180;
                            break;
                        default:
                            break;
                    }
                    Utils.removeSelectedEffect();
                    Utils.showSelectedEffect(curSprite);
                })
            })
        }
@@ -80,19 +96,6 @@

    const onFinishFailed = (errorInfo) => {
    };

    const prefixSelector = (
        <Form.Item name="prefix" noStyle>
            <Select
                style={{
                    width: 70,
                }}
            >
                <Option value="86">+86</Option>
                <Option value="87">+87</Option>
            </Select>
        </Form.Item>
    );

    return (
        <>
@@ -135,21 +138,26 @@

                        {/*  */}
                        <Col span={24}>
                            <Form.Item label="type" labelCol={{ span: 2 }}>
                            <Form.Item
                                label={intl.formatMessage({ id: 'map.settings.type', defaultMessage: '类型' })}
                                labelCol={{ span: 2 }}
                            >
                                <span className="ant-form-text">China</span>
                            </Form.Item>
                        </Col>

                        {/* position */}
                        <Col span={24}>
                            <Form.Item label="position">
                            <Form.Item
                                label={intl.formatMessage({ id: 'map.settings.position', defaultMessage: '坐标' })}
                            >
                                <Space.Compact>
                                    <Form.Item
                                        name='x'
                                        noStyle
                                        rules={[
                                            {
                                                required: false,
                                                required: true,
                                            },
                                        ]}
                                    >
@@ -165,7 +173,7 @@
                                        noStyle
                                        rules={[
                                            {
                                                required: false,
                                                required: true,
                                            },
                                        ]}
                                    >
@@ -185,7 +193,7 @@
                            <Row gutter={24}>
                                <Col span={18}>
                                    <Form.Item
                                        label="scale"
                                        label={intl.formatMessage({ id: 'map.settings.scale', defaultMessage: '缩放' })}
                                        name="scaleSlider"
                                        labelCol={{ span: 4 }}
                                    >
@@ -208,7 +216,12 @@
                                    >
                                        <InputNumber
                                            changeOnWheel
                                            min={0.1} max={10} defaultValue={1}
                                            min={0.1} max={10} defaultValue={1} step={0.1}
                                            rules={[
                                                {
                                                    required: true,
                                                },
                                            ]}
                                        />
                                    </Form.Item>
                                </Col>
@@ -220,7 +233,7 @@
                            <Row gutter={24}>
                                <Col span={18}>
                                    <Form.Item
                                        label="rotation"
                                        label={intl.formatMessage({ id: 'map.settings.rotation', defaultMessage: '角度' })}
                                        name="rotationSlider"
                                        labelCol={{ span: 4 }}
                                    >
@@ -246,6 +259,11 @@
                                        <InputNumber
                                            changeOnWheel
                                            min={0} max={360} defaultValue={0}
                                            rules={[
                                                {
                                                    required: true,
                                                },
                                            ]}
                                        />
                                    </Form.Item>
                                </Col>