From 7fa7500d69bdb201a0066c031d1da9bb3f036343 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期二, 15 十月 2024 14:33:40 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/header/MapSearch.jsx |   34 ++++++++++++++++++++--------------
 1 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/zy-acs-flow/src/map/header/MapSearch.jsx b/zy-acs-flow/src/map/header/MapSearch.jsx
index 0adc126..3a866e5 100644
--- a/zy-acs-flow/src/map/header/MapSearch.jsx
+++ b/zy-acs-flow/src/map/header/MapSearch.jsx
@@ -119,7 +119,7 @@
     };
 
     return (
-        <Stack direction="row" spacing={2} alignItems="center">
+        <Stack direction="row" spacing={1} alignItems="center">
             <Select
                 variant="outlined"
                 size="small"
@@ -139,18 +139,21 @@
                 size="small"
                 options={filterDeviceList}
                 getOptionLabel={(option) => option.value}
-                renderOption={(props, option) => (
-                    <li {...props}>
-                        <Stack direction="row" justifyContent="space-between" width="100%">
-                            <Typography variant="body1" fontWeight="bold">
-                                {option.label}
-                            </Typography>
-                            <Typography variant="body2" color="text.secondary">
-                                {option.uuid}
-                            </Typography>
-                        </Stack>
-                    </li>
-                )}
+                renderOption={(props, option) => {
+                    const { key, ...otherProps } = props;
+                    return (
+                        <li key={Number(key)} {...otherProps}>
+                            <Stack direction="row" justifyContent="space-between" width="100%">
+                                <Typography variant="body1" fontWeight="bold">
+                                    {option.label}
+                                </Typography>
+                                <Typography variant="body2" color="text.secondary">
+                                    {option.uuid}
+                                </Typography>
+                            </Stack>
+                        </li>
+                    )
+                }}
                 renderInput={(params) => (
                     <TextField
                         {...params}
@@ -177,7 +180,10 @@
                                 </>
                             ),
                         }}
-                        sx={{ minWidth: 360 }}
+                        sx={{
+                            minWidth: 360,
+                            marginBottom: '7px',
+                        }}
                     />
                 )}
                 value={selectedOption}

--
Gitblit v1.9.1