From 57aca98a743b4f7a334ba3a070e94dc587af7ce2 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期三, 13 三月 2024 14:40:05 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/components/device.jsx | 200 +++++++++++++++++++++++++-------------------------
1 files changed, 100 insertions(+), 100 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/components/device.jsx b/zy-asrs-flow/src/pages/map/components/device.jsx
index e9cb7fe..5e3f444 100644
--- a/zy-asrs-flow/src/pages/map/components/device.jsx
+++ b/zy-asrs-flow/src/pages/map/components/device.jsx
@@ -3,7 +3,6 @@
import { FormattedMessage, useIntl, useModel } from '@umijs/max';
import * as PIXI from 'pixi.js';
import { createStyles } from 'antd-style';
-import './index.css'
const useStyles = createStyles(({ token, css }) => {
let dark = token.colorBgBase === '#000';
@@ -28,7 +27,10 @@
transition: all 0.3s ease !important;
}
`,
- color: dark ? '#303030' : '#f0f0f0'
+ color: dark ? '#303030' : '#f0f0f0',
+ title: {
+ color: dark ? '#f0f0f0' : '#303030'
+ }
};
});
@@ -77,104 +79,102 @@
</Space>
}
>
- <Card className={styles.mapCard}>
- <Row className={styles.mapRow}>
- <Col className={styles.mapCol} span={8} >
- <Image
- src={agv}
- width='50px'
- preview={false}
- draggable="true"
- onDragStart={(e) => onDragStart(e, 'AGV')}
- />
- <div>AGV</div>
- </Col>
- <Col className={styles.mapCol} span={8} >
- <Image
- src={shelf}
- width='35px'
- preview={false}
- draggable="true"
- onDragStart={(e) => onDragStart(e, 'SHELF')}
- />
- <div>SHELF</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>
- </Col>
- </Row>
- <Row className={styles.mapRow}>
- <Col className={styles.mapCol} span={8} >
- <Image
- src={agv}
- width='50px'
- preview={false}
- draggable="true"
- onDragStart={(e) => onDragStart(e, '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>
- </Col>
- <Col className={styles.mapCol} span={8} >
- <Image
- src={agv}
- width='50px'
- preview={false}
- draggable="true"
- onDragStart={(e) => onDragStart(e, 'AGV')}
- />
- <div>AGV</div>
- </Col>
- </Row>
- <Row className={styles.mapRow}>
- <Col className={styles.mapCol} span={8} >
- <Image
- src={agv}
- width='50px'
- preview={false}
- draggable="true"
- onDragStart={(e) => onDragStart(e, '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>
- </Col>
- <Col className={styles.mapCol} span={8} >
- <Image
- src={agv}
- width='50px'
- preview={false}
- draggable="true"
- onDragStart={(e) => onDragStart(e, 'AGV')}
- />
- <div>AGV</div>
- </Col>
- </Row>
- </Card>
+ <Row className={styles.mapRow}>
+ <Col className={styles.mapCol} span={8} >
+ <Image
+ src={agv}
+ width='50px'
+ preview={false}
+ draggable="true"
+ onDragStart={(e) => onDragStart(e, 'AGV')}
+ />
+ <div className={styles.title}>AGV</div>
+ </Col>
+ <Col className={styles.mapCol} span={8} >
+ <Image
+ src={shelf}
+ width='35px'
+ preview={false}
+ draggable="true"
+ onDragStart={(e) => onDragStart(e, 'SHELF')}
+ />
+ <div className={styles.title}>SHELF</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>
+ </Col>
+ </Row>
+ <Row className={styles.mapRow}>
+ <Col className={styles.mapCol} span={8} >
+ <Image
+ src={agv}
+ width='50px'
+ preview={false}
+ draggable="true"
+ onDragStart={(e) => onDragStart(e, '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>
+ </Col>
+ <Col className={styles.mapCol} span={8} >
+ <Image
+ src={agv}
+ width='50px'
+ preview={false}
+ draggable="true"
+ onDragStart={(e) => onDragStart(e, 'AGV')}
+ />
+ <div>AGV</div>
+ </Col>
+ </Row>
+ <Row className={styles.mapRow}>
+ <Col className={styles.mapCol} span={8} >
+ <Image
+ src={agv}
+ width='50px'
+ preview={false}
+ draggable="true"
+ onDragStart={(e) => onDragStart(e, '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>
+ </Col>
+ <Col className={styles.mapCol} span={8} >
+ <Image
+ src={agv}
+ width='50px'
+ preview={false}
+ draggable="true"
+ onDragStart={(e) => onDragStart(e, 'AGV')}
+ />
+ <div>AGV</div>
+ </Col>
+ </Row>
</Drawer>
</>
)
--
Gitblit v1.9.1