From a554a78015cb8bd0b9f1e65a4ac478b42f73f5f9 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期五, 08 三月 2024 16:04:45 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/components/device.jsx | 37 ++++++++++++++++++++-----------------
1 files changed, 20 insertions(+), 17 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/components/device.jsx b/zy-asrs-flow/src/pages/map/components/device.jsx
index 21c5f77..89fc6b9 100644
--- a/zy-asrs-flow/src/pages/map/components/device.jsx
+++ b/zy-asrs-flow/src/pages/map/components/device.jsx
@@ -33,29 +33,32 @@
});
import agv from '/public/img/map/agv.svg'
+import { set } from 'lodash';
const Device = (props) => {
const { styles } = useStyles();
const [dragging, setDragging] = useState(false);
const [dragSprite, setDragSprite] = useState(null);
+ const [dragSpriteType, setDragSpriteType] = useState(null);
+
+ const onDragStart = (e, type) => {
+ setDragging(true);
+ setDragSpriteType(type);
+ const sprite = PIXI.Sprite.from(agv);
+ setDragSprite(sprite);
+ };
useEffect(() => {
const handleMouseMove = (e) => {
if (dragging) {
- props.onDrop(dragSprite, e.clientX, e.clientY);
+ props.onDrop(dragSprite, dragSpriteType, e.clientX, e.clientY);
setDragging(false);
+ setDragSpriteType(null);
}
};
window.addEventListener('mousemove', handleMouseMove);
return () => window.removeEventListener('mousemove', handleMouseMove);
}, [dragging, props.onDrop, props.onCancel]);
-
- const onDragStart = (e) => {
- setDragging(true)
- // props.onCancel();
- const sprite = PIXI.Sprite.from(agv);
- setDragSprite(sprite);
- };
return (
<>
@@ -82,7 +85,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -92,7 +95,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -102,7 +105,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -114,7 +117,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -124,7 +127,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -134,7 +137,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -146,7 +149,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -156,7 +159,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
@@ -166,7 +169,7 @@
width='50px'
preview={false}
draggable="true"
- onDragStart={onDragStart}
+ onDragStart={(e) => onDragStart(e, 'AGV')}
/>
<div>AGV</div>
</Col>
--
Gitblit v1.9.1