| | |
| | | span: 4, |
| | | }} |
| | | wrapperCol={{ |
| | | span: 14, |
| | | span: 20, |
| | | }} |
| | | > |
| | | |
| | |
| | | |
| | | {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: '排' })} |
| | |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | <Form.Item |
| | | name='shelfNo' |
| | | label={intl.formatMessage({ id: 'map.settings.shelf.no', defaultMessage: '货架号' })} |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | > |
| | | <Input |
| | | style={{ |
| | | width: '50%', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </> |
| | | )} |
| | | |
| | |
| | | labelWrap // label 换行 |
| | | disabled={false} |
| | | layout='horizontal' |
| | | labelCol={{ |
| | | span: 4, |
| | | }} |
| | | wrapperCol={{ |
| | | span: 20, |
| | | }} |
| | | > |
| | | <Row gutter={[24, 16]}> |
| | | |
| | | <Col span={24}> |
| | | <Row gutter={24}> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.component', defaultMessage: '组件' })} |
| | | > |
| | | <span>{curSprite?.data?.type}-{curSprite?.data?.uuid}</span> |
| | | </Form.Item> |
| | | </Col> |
| | | </Row> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.component', defaultMessage: '组件' })} |
| | | > |
| | | <span>{curSprite?.data?.type}-{curSprite?.data?.uuid}</span> |
| | | </Form.Item> |
| | | </Col> |
| | | |
| | | {/* position */} |
| | | <Col span={24}> |
| | | <Row gutter={24}> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.position', defaultMessage: '坐标' })} |
| | | > |
| | | <Space.Compact> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.position', defaultMessage: '坐标' })} |
| | | labelCol={{ span: 4 }} |
| | | name='x' |
| | | noStyle |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | > |
| | | <Space.Compact> |
| | | <Form.Item |
| | | name='x' |
| | | noStyle |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | > |
| | | <InputNumber |
| | | addonBefore={<Space.Compact>x</Space.Compact>} |
| | | style={{ |
| | | width: '50%', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | <Form.Item |
| | | name='y' |
| | | noStyle |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | > |
| | | <InputNumber |
| | | addonBefore={<Space.Compact>y</Space.Compact>} |
| | | style={{ |
| | | width: '50%', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Space.Compact> |
| | | <InputNumber |
| | | addonBefore={<Space.Compact>x</Space.Compact>} |
| | | style={{ |
| | | width: '50%', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | </Row> |
| | | <Form.Item |
| | | name='y' |
| | | noStyle |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | > |
| | | <InputNumber |
| | | addonBefore={<Space.Compact>y</Space.Compact>} |
| | | style={{ |
| | | width: '50%', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Space.Compact> |
| | | </Form.Item> |
| | | </Col> |
| | | |
| | | {/* scale */} |
| | | <Col span={24}> |
| | | <Row gutter={24}> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.scale', defaultMessage: '缩放' })} |
| | | name="scaleSlider" |
| | | labelCol={{ span: 4 }} |
| | | > |
| | | <Slider |
| | | min={0.1} |
| | | max={10} |
| | | step={0.1} |
| | | marks={{ |
| | | 0.1: '0.1', |
| | | 1: '1', |
| | | 10: '10', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item |
| | | name="scale" |
| | | labelCol={{ span: 4 }} |
| | | > |
| | | <InputNumber |
| | | changeOnWheel |
| | | min={0.1} max={10} defaultValue={1} step={0.1} |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | </Row> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | name="scaleSlider" |
| | | label={intl.formatMessage({ id: 'map.settings.scale', defaultMessage: '缩放' })} |
| | | labelCol={{ span: 5 }} |
| | | > |
| | | <Slider |
| | | min={0.1} |
| | | max={10} |
| | | step={0.1} |
| | | marks={{ |
| | | 0.1: '0.1', |
| | | 1: '1', |
| | | 10: '10', |
| | | }} |
| | | style={{ |
| | | width: '100%' |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item |
| | | name="scale" |
| | | > |
| | | <InputNumber |
| | | changeOnWheel |
| | | min={0.1} max={10} defaultValue={1} step={0.1} |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | |
| | | {/* rotation */} |
| | | <Col span={24}> |
| | | <Row gutter={24}> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | label={intl.formatMessage({ id: 'map.settings.rotation', defaultMessage: '角度' })} |
| | | name="rotationSlider" |
| | | labelCol={{ span: 4 }} |
| | | > |
| | | <Slider |
| | | min={0} |
| | | max={360} |
| | | step={1} |
| | | marks={{ |
| | | 0: '0°', |
| | | 90: '90°', |
| | | 180: '180°', |
| | | 270: '270°', |
| | | 360: '360°', |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item |
| | | name="rotation" |
| | | labelCol={{ span: 4 }} |
| | | > |
| | | <InputNumber |
| | | changeOnWheel |
| | | min={0} max={360} defaultValue={0} |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | </Row> |
| | | <Col span={18}> |
| | | <Form.Item |
| | | name="rotationSlider" |
| | | label={intl.formatMessage({ id: 'map.settings.rotation', defaultMessage: '角度' })} |
| | | labelCol={{ span: 5 }} |
| | | > |
| | | <Slider |
| | | min={0} |
| | | max={360} |
| | | step={1} |
| | | marks={{ |
| | | 0: '0°', |
| | | 90: '90°', |
| | | 180: '180°', |
| | | 270: '270°', |
| | | 360: '360°', |
| | | }} |
| | | style={{ |
| | | width: '100%' |
| | | }} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | <Col span={6}> |
| | | <Form.Item |
| | | name="rotation" |
| | | > |
| | | <InputNumber |
| | | changeOnWheel |
| | | min={0} max={360} defaultValue={0} |
| | | rules={[ |
| | | { |
| | | required: true, |
| | | }, |
| | | ]} |
| | | /> |
| | | </Form.Item> |
| | | </Col> |
| | | |
| | | {/* copy */} |