From f547e6200ad888ed47dd32ed566c5e2b319507ac Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 21 三月 2024 13:09:59 +0800
Subject: [PATCH] #
---
zy-asrs-flow/src/pages/map/header/floor.jsx | 36 ++++++++++++++++++++++++++++++++----
1 files changed, 32 insertions(+), 4 deletions(-)
diff --git a/zy-asrs-flow/src/pages/map/header/floor.jsx b/zy-asrs-flow/src/pages/map/header/floor.jsx
index abba5aa..07ddd87 100644
--- a/zy-asrs-flow/src/pages/map/header/floor.jsx
+++ b/zy-asrs-flow/src/pages/map/header/floor.jsx
@@ -11,27 +11,55 @@
left: '50%',
top: '3%',
transform: 'translate(-50%, -50%)',
+ zIndex: 999
}
}
})
+const floorSelectOptions = [
+ {
+ label: '1F',
+ value: 1
+ },
+ {
+ label: '2F',
+ value: 2
+ },
+ {
+ label: '3F',
+ value: 3
+ },
+ {
+ label: '4F',
+ value: 4
+ },
+ {
+ label: '5F',
+ value: 5
+ },
+]
const MapFloor = (props) => {
const intl = useIntl();
const { styles } = useStyles();
React.useEffect(() => {
+ }, []);
- }, [props]);
+ const floorChange = (floor) => {
+ props.setCurFloor(floor);
+ }
return (
<>
<div className={styles.floorBox}>
<Segmented
size={'large'}
- options={['1F', '2F', '3F', '4F', '5F']}
- onChange={(value) => {
- console.log(value); // string
+ options={floorSelectOptions}
+ value={props.curFloor}
+ onChange={floorChange}
+ style={{
+ opacity: .8
}}
/>
</div>
--
Gitblit v1.9.1