From 5fce7af2b56508f2af4d1d2f42a5f220abb2efc4 Mon Sep 17 00:00:00 2001
From: vincentlu <t1341870251@gmail.com>
Date: 星期一, 15 十二月 2025 17:01:41 +0800
Subject: [PATCH] #

---
 zy-acs-flow/src/map/areaSettings/AreaBasicTab.jsx |   42 +++++++++++++++++++++++++++++++-----------
 1 files changed, 31 insertions(+), 11 deletions(-)

diff --git a/zy-acs-flow/src/map/areaSettings/AreaBasicTab.jsx b/zy-acs-flow/src/map/areaSettings/AreaBasicTab.jsx
index 1660c1f..df2e4d5 100644
--- a/zy-acs-flow/src/map/areaSettings/AreaBasicTab.jsx
+++ b/zy-acs-flow/src/map/areaSettings/AreaBasicTab.jsx
@@ -8,6 +8,7 @@
     Autocomplete,
     Checkbox,
     Chip,
+    Paper,
 } from '@mui/material';
 import CheckBoxOutlineBlankIcon from '@mui/icons-material/CheckBoxOutlineBlank';
 import CheckBoxIcon from '@mui/icons-material/CheckBox';
@@ -36,18 +37,19 @@
     };
 
     return (
-        <Stack spacing={2}>
+        <Stack spacing={3}>
             <Stack direction="row" spacing={1} alignItems="center">
                 <TextField
                     label={translate('page.map.area.name', { _: '鍚嶇О' })}
                     size="small"
                     fullWidth
+                    variant="outlined"
                     value={name}
                     onChange={(e) => setName(e.target.value)}
                 />
             </Stack>
 
-            <Box>
+            <Box >
                 <Typography variant="subtitle2" gutterBottom>
                     {translate('page.map.area.agv', { _: '閫夋嫨AGV灏忚溅' })}
                 </Typography>
@@ -117,15 +119,33 @@
                 <Typography variant="subtitle2" gutterBottom>
                     {translate('page.map.area.barcodes', { _: '鍖哄煙鍐呮潯鐮侀泦鍚�' })}
                 </Typography>
-                <TextField
-                    placeholder={translate('page.map.area.barcodes.placeholder', { _: '姣忚涓�涓潯鐮�' })}
-                    fullWidth
-                    multiline
-                    minRows={6}
-                    maxRows={10}
-                    value={(codeList || []).join('\n')}
-                    InputProps={{ readOnly: true }}
-                />
+                <Paper
+                    variant="outlined"
+                    sx={{
+                        minHeight: 220,
+                        maxHeight: 320,
+                        overflowY: 'auto',
+                        p: 1,
+                        display: 'flex',
+                        flexWrap: 'wrap',
+                        gap: 0.75,
+                    }}
+                >
+                    {(codeList || []).length > 0 ? (
+                        codeList.map((code) => (
+                            <Chip
+                                key={code}
+                                label={code}
+                                size="small"
+                                sx={{ fontFamily: 'monospace', fontSize: 12 }}
+                            />
+                        ))
+                    ) : (
+                        <Typography variant="body2" color="text.secondary">
+                            {translate('page.map.area.barcodes.empty', { _: '鏆傛棤鏉$爜' })}
+                        </Typography>
+                    )}
+                </Paper>
             </Box>
 
             <Box display="flex" justifyContent="flex-start">

--
Gitblit v1.9.1