From 68ca5253f91304bb60da7e0be6dab7f6c8a537cd Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期日, 24 三月 2024 14:01:13 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/batch/index.jsx | 105 +++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 90 insertions(+), 15 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/batch/index.jsx b/zy-asrs-flow/src/pages/map/batch/index.jsx
index 3dc251a..b9fc998 100644
--- a/zy-asrs-flow/src/pages/map/batch/index.jsx
+++ b/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 >
</>
)
}
--
Gitblit v1.9.1