From b670c64208a10c789bc7ab61eddb1f8528ef8daa Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 18 三月 2024 15:22:41 +0800
Subject: [PATCH] #

---
 zy-asrs-flow/src/pages/map/components/device.jsx |   90 +++++++++++++++++++++++++++-----------------
 1 files changed, 55 insertions(+), 35 deletions(-)

diff --git a/zy-asrs-flow/src/pages/map/components/device.jsx b/zy-asrs-flow/src/pages/map/components/device.jsx
index 948d8d3..6cca50e 100644
--- a/zy-asrs-flow/src/pages/map/components/device.jsx
+++ b/zy-asrs-flow/src/pages/map/components/device.jsx
@@ -3,7 +3,7 @@
 import { FormattedMessage, useIntl, useModel } from '@umijs/max';
 import * as PIXI from 'pixi.js';
 import { createStyles } from 'antd-style';
-import './index.css'
+import * as Utils from '../utils'
 
 const useStyles = createStyles(({ token, css }) => {
     let dark = token.colorBgBase === '#000';
@@ -37,8 +37,10 @@
 
 import agv from '/public/img/map/agv.svg'
 import shelf from '/public/img/map/shelf.png'
+import { Util } from '@antv/g6';
 
 const Device = (props) => {
+    const intl = useIntl();
     const { styles } = useStyles();
     const [dragging, setDragging] = useState(false);
     const [dragSprite, setDragSprite] = useState(null);
@@ -87,9 +89,11 @@
                             width='50px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)}
                         />
-                        <div className={styles.title}>AGV</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.agv' defaultMessage='鏃犱汉灏忚溅' />
+                        </div>
                     </Col>
                     <Col className={styles.mapCol} span={8} >
                         <Image
@@ -97,9 +101,11 @@
                             width='35px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'SHELF')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)}
                         />
-                        <div className={styles.title}>SHELF</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.shelf' defaultMessage='璐ф灦' />
+                        </div>
                     </Col>
                     <Col className={styles.mapCol} span={8} >
                         <Image
@@ -107,9 +113,11 @@
                             width='50px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)}
                         />
-                        <div>AGV</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.agv' defaultMessage='鏃犱汉灏忚溅' />
+                        </div>
                     </Col>
                 </Row>
                 <Row className={styles.mapRow}>
@@ -119,9 +127,23 @@
                             width='50px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)}
                         />
-                        <div>AGV</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.agv' defaultMessage='鏃犱汉灏忚溅' />
+                        </div>
+                    </Col>
+                    <Col className={styles.mapCol} span={8} >
+                        <Image
+                            src={shelf}
+                            width='35px'
+                            preview={false}
+                            draggable="true"
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)}
+                        />
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.shelf' defaultMessage='璐ф灦' />
+                        </div>
                     </Col>
                     <Col className={styles.mapCol} span={8} >
                         <Image
@@ -129,19 +151,11 @@
                             width='50px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)}
                         />
-                        <div>AGV</div>
-                    </Col>
-                    <Col className={styles.mapCol} span={8} >
-                        <Image
-                            src={agv}
-                            width='50px'
-                            preview={false}
-                            draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
-                        />
-                        <div>AGV</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.agv' defaultMessage='鏃犱汉灏忚溅' />
+                        </div>
                     </Col>
                 </Row>
                 <Row className={styles.mapRow}>
@@ -151,9 +165,23 @@
                             width='50px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)}
                         />
-                        <div>AGV</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.agv' defaultMessage='鏃犱汉灏忚溅' />
+                        </div>
+                    </Col>
+                    <Col className={styles.mapCol} span={8} >
+                        <Image
+                            src={shelf}
+                            width='35px'
+                            preview={false}
+                            draggable="true"
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.SHELF)}
+                        />
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.shelf' defaultMessage='璐ф灦' />
+                        </div>
                     </Col>
                     <Col className={styles.mapCol} span={8} >
                         <Image
@@ -161,19 +189,11 @@
                             width='50px'
                             preview={false}
                             draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
+                            onDragStart={(e) => onDragStart(e, Utils.SENSOR_TYPE.AGV)}
                         />
-                        <div>AGV</div>
-                    </Col>
-                    <Col className={styles.mapCol} span={8} >
-                        <Image
-                            src={agv}
-                            width='50px'
-                            preview={false}
-                            draggable="true"
-                            onDragStart={(e) => onDragStart(e, 'AGV')}
-                        />
-                        <div>AGV</div>
+                        <div className={styles.title}>
+                            <FormattedMessage id='map.sensor.type.agv' defaultMessage='鏃犱汉灏忚溅' />
+                        </div>
                     </Col>
                 </Row>
             </Drawer>

--
Gitblit v1.9.1