From 11e9c8a8bcc15f38b71b404dbda743f8248c9d02 Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期三, 13 三月 2024 14:25:45 +0800 Subject: [PATCH] # --- zy-asrs-flow/src/pages/map/components/mapSettings.jsx | 243 +++++++++++++++++++++++------------------------- 1 files changed, 118 insertions(+), 125 deletions(-) diff --git a/zy-asrs-flow/src/pages/map/components/mapSettings.jsx b/zy-asrs-flow/src/pages/map/components/mapSettings.jsx index 4c4ce0d..c260a46 100644 --- a/zy-asrs-flow/src/pages/map/components/mapSettings.jsx +++ b/zy-asrs-flow/src/pages/map/components/mapSettings.jsx @@ -141,148 +141,141 @@ 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 */} -- Gitblit v1.9.1