#

luxiaotao1123

2024-03-24 68ca5253f91304bb60da7e0be6dab7f6c8a537cd

#

 zy-asrs-flow/src/pages/map/batch/index.jsx

@@ -1,5 +1,16 @@
import React, { useState, useRef, useEffect } from 'react';
import { Drawer, Space, Button, Card } from 'antd';
import {
    ProCard,
    ProForm,
    ProFormCheckbox,
    ProFormDatePicker,
    ProFormDateRangePicker,
    ProFormSelect,
    ProFormText,
    ProFormTextArea,
    StepsForm,
} from '@ant-design/pro-components';
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import { createStyles } from 'antd-style';
import * as Utils from '../utils'
@@ -10,10 +21,19 @@
    }
})

const waitTime = (time = 100) => {
    return new Promise((resolve) => {
        setTimeout(() => {
            resolve(true);
        }, time);
    });
};

const BatchDrawer = (props) => {
    const intl = useIntl();
    const { styles } = useStyles();
    const { batchSprites } = props;
    const formRef = useRef();

    useEffect(() => {
        console.log(batchSprites);
@@ -33,7 +53,7 @@
                mask={false}
                width={600}
                style={{
                    opacity: .8
                    opacity: 1
                }}
                extra={
                    <Space>
@@ -52,20 +72,75 @@
                        height: '100%'
                    }}
                >
                    <ShowJson
                        data={
                            batchSprites?.filter(item => {
                                return item.data?.type === Utils.SENSOR_TYPE.SHELF
                            }).map(item => {
                                return item.data?.no;
                            })
                        }
                        height='60%'
                        jsonType={0}
                    />
                </Card>

            </Drawer>
                    <StepsForm
                        formRef={formRef}
                        onFinish={async () => {
                            await waitTime(1000);
                            message.success('提交成功');
                        }}
                        formProps={{
                            validateMessages: {
                                required: '此项为必填项',
                            },
                        }}
                    >
                        {/************************* first ****************************/}
                        <StepsForm.StepForm
                            name="base"
                            title="选择货架"
                            onFinish={() => {
                                return true;
                            }}
                        >
                            <ProForm.Item
                            >
                                <ShowJson
                                    data={
                                        batchSprites?.filter(item => {
                                            return item.data?.type === Utils.SENSOR_TYPE.SHELF
                                        }).map(item => {
                                            return item.data?.no;
                                        })
                                    }
                                    height='500px'
                                    jsonType={0}
                                />
                            </ProForm.Item>
                        </StepsForm.StepForm>
                        {/************************* second ****************************/}
                        <StepsForm.StepForm
                            name="checkbox"
                            title="设置参数"
                            onFinish={(values) => {
                                console.log(values);
                                return true;
                            }}
                        >
                            <ProForm.Group>
                                <ProFormText name="dbname" label="业务 DB 用户名" />
                                <ProFormSelect
                                    label="Pod 调度策略"
                                    name="remark2"
                                    initialValue="2"
                                    options={[
                                        {
                                            value: '1',
                                            label: '策略一',
                                        },
                                        { value: '2', label: '策略二' },
                                    ]}
                                />
                            </ProForm.Group>
                        </StepsForm.StepForm>
                        {/************************* third ****************************/}
                        <StepsForm.StepForm
                            name="time"
                            title="结果"
                        >
                        </StepsForm.StepForm>
                    </StepsForm >
                </Card >
            </Drawer >
        </>
    )
}