import React, { useState, useRef, useEffect } from 'react';
|
import { Col, Form, Input, Row, Checkbox, Slider, Select, Drawer, Space, Button, InputNumber, Card } from 'antd';
|
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
|
import { createStyles } from 'antd-style';
|
import * as Utils from '../utils'
|
import * as PIXI from 'pixi.js';
|
|
const useStyles = createStyles(({ token, css }) => {
|
|
})
|
|
const ConfigSettings = (props) => {
|
const intl = useIntl();
|
const { styles } = useStyles();
|
const { curSprite, configForm: form } = props;
|
|
useEffect(() => {
|
}, []);
|
|
const formValuesChange = (changeList) => {
|
if (curSprite && changeList && changeList.length > 0) {
|
changeList.forEach(change => {
|
const { name: nameList, value } = change;
|
nameList.forEach(name => {
|
switch (name) {
|
case 'row':
|
const bay = form.getFieldValue('bay')
|
if (value && bay) {
|
form.setFieldsValue({
|
shelfNo: Utils.pureNumStr(value) + '-' + Utils.pureNumStr(bay)
|
});
|
} else {
|
form.setFieldsValue({
|
shelfNo: ''
|
});
|
}
|
break;
|
case 'bay':
|
const row = form.getFieldValue('row')
|
if (value && row) {
|
form.setFieldsValue({
|
shelfNo: Utils.pureNumStr(row) + '-' + Utils.pureNumStr(value)
|
});
|
} else {
|
form.setFieldsValue({
|
shelfNo: ''
|
});
|
}
|
break;
|
default:
|
break;
|
}
|
Utils.removeSelectedEffect();
|
Utils.showSelectedEffect(curSprite);
|
})
|
})
|
}
|
}
|
|
const onFinishFailed = (errorInfo) => {
|
};
|
|
const handleFinish = async (values) => {
|
props.onSubmit({ ...values });
|
}
|
|
return (
|
<>
|
<Form
|
form={form}
|
onFieldsChange={formValuesChange}
|
initialValues={{
|
}}
|
onFinish={handleFinish}
|
onFinishFailed={onFinishFailed}
|
autoComplete="off"
|
style={{
|
maxWidth: 600,
|
}}
|
size='defalargeult' // small | default | large
|
variant='filled' // outlined | borderless | filled
|
labelWrap // label 换行
|
disabled={false}
|
layout='horizontal'
|
labelCol={{
|
span: 4,
|
}}
|
wrapperCol={{
|
span: 14,
|
}}
|
>
|
|
<Form.Item
|
label={intl.formatMessage({ id: 'map.settings.type', defaultMessage: '类型' })}
|
>
|
<span>{curSprite?.data?.type}</span>
|
</Form.Item>
|
<Form.Item
|
label={intl.formatMessage({ id: 'map.settings.uuid', defaultMessage: '编号' })}
|
>
|
<span>{curSprite?.data?.uuid}</span>
|
</Form.Item>
|
|
{curSprite?.data?.type === Utils.SENSOR_TYPE.AGV && (
|
<>
|
|
</>
|
)}
|
|
{curSprite?.data?.type === Utils.SENSOR_TYPE.SHELF && (
|
<>
|
<Form.Item
|
name='shelfNo'
|
label={intl.formatMessage({ id: 'map.settings.shelf.no', defaultMessage: '货架号' })}
|
rules={[
|
{
|
required: true,
|
},
|
]}
|
>
|
<Input
|
style={{
|
width: '50%',
|
}}
|
disabled
|
/>
|
</Form.Item>
|
<Form.Item
|
name='row'
|
label={intl.formatMessage({ id: 'map.settings.shelf.row', defaultMessage: '排' })}
|
rules={[
|
{
|
required: true,
|
},
|
]}
|
>
|
<InputNumber
|
style={{
|
width: '50%',
|
}}
|
/>
|
</Form.Item>
|
<Form.Item
|
name='bay'
|
label={intl.formatMessage({ id: 'map.settings.shelf.bay', defaultMessage: '列' })}
|
rules={[
|
{
|
required: true,
|
},
|
]}
|
>
|
<InputNumber
|
style={{
|
width: '50%',
|
}}
|
/>
|
</Form.Item>
|
</>
|
)}
|
|
</Form >
|
</>
|
)
|
}
|
|
export default ConfigSettings;
|
