#

luxiaotao1123

2024-03-07 b300ffcfbbdce2a02fe410f4190032c98b07128f

#

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

@@ -4,7 +4,9 @@
    ProFormDigit,
    ProFormText,
    ProFormSelect,
    ProFormDateTimePicker
    ProFormDateTimePicker,
    ProFormTextArea,
    ProFormSlider,
} from '@ant-design/pro-components';
import moment from 'moment';
import { Col, Form, Modal, Row, Checkbox, Image, Tree, Drawer, Space, Button, Card, Divider } from 'antd';
@@ -47,6 +49,10 @@
        props.onSubmit({ ...values });
    }

    const formValuesChange = (changeValues) => {
        console.log(changeValues);
    }

    return (
        <>
            <Drawer
@@ -75,15 +81,51 @@
                        onFinish={handleFinish}
                        layout="horizontal"
                        grid={true}
                        onValuesChange={formValuesChange}
                    >

                        {/* 
                            // position
                            // scale
                            // rotation
                            // copy
                        */}
                        <ProForm.Group>
                            <ProFormText
                                name="name"
                                label="名称"
                                colProps={{ md: 12, xl: 12 }}
                            />
                            <ProFormDigit
                                label="InputNumber"
                                name="input-number"
                                min={1}
                                max={10}
                                colProps={{ md: 12, xl: 12 }}
                            />
                        </ProForm.Group>
                        <ProForm.Group>
                            <ProFormSlider
                                name="slider"
                                label="Slider"
                                width="lg"
                                marks={{
                                    0: 'A',
                                    20: 'B',
                                    40: 'C',
                                    60: 'D',
                                    80: 'E',
                                    100: 'F',
                                }}
                            />
                        </ProForm.Group>
                        <ProForm.Group>
                            <ProFormTextArea
                                name="memo"
                                label="备注"
                                colProps={{ md: 24, xl: 24 }}
                            />
                        </ProForm.Group>
                    </ProForm>
                    {/* 
                        // position
                        // scale
                        // rotation
                        // copy
                    */}
                </Card>
            </Drawer>
        </>