import React from 'react';
|
import { Box, Grid, TextField, Button } from '@mui/material';
|
import { useTranslate } from 'react-admin';
|
|
const AreaAdvancedTab = ({
|
areaCode,
|
setAreaCode,
|
maxQty,
|
setMaxQty,
|
speedLimit,
|
setSpeedLimit,
|
shapeData,
|
setShapeData,
|
priority,
|
setPriority,
|
onSave,
|
}) => {
|
const translate = useTranslate();
|
|
return (
|
<Box component="form" onSubmit={(e) => { e.preventDefault(); onSave(); }}>
|
<Grid container spacing={2}>
|
<Grid item xs={12}>
|
<TextField
|
label={translate('page.map.area.code', { _: '区域编码' })}
|
fullWidth
|
value={areaCode}
|
onChange={(e) => setAreaCode(e.target.value)}
|
/>
|
</Grid>
|
<Grid item xs={6}>
|
<TextField
|
label={translate('page.map.area.maxQty', { _: '最大数量' })}
|
fullWidth
|
type="number"
|
value={maxQty}
|
onChange={(e) => setMaxQty(e.target.value)}
|
/>
|
</Grid>
|
<Grid item xs={6}>
|
<TextField
|
label={translate('page.map.area.speedLimit', { _: '速度限制' })}
|
fullWidth
|
type="number"
|
value={speedLimit}
|
onChange={(e) => setSpeedLimit(e.target.value)}
|
/>
|
</Grid>
|
<Grid item xs={12}>
|
<TextField
|
label={translate('page.map.area.shape', { _: '形状数据' })}
|
fullWidth
|
multiline
|
minRows={3}
|
value={shapeData}
|
onChange={(e) => setShapeData(e.target.value)}
|
/>
|
</Grid>
|
<Grid item xs={12}>
|
<TextField
|
label={translate('page.map.area.priority', { _: '优先级' })}
|
fullWidth
|
type="number"
|
value={priority}
|
onChange={(e) => setPriority(e.target.value)}
|
/>
|
</Grid>
|
<Grid item xs={12}>
|
<Button variant="contained" type="submit">
|
{translate('common.action.save', { _: '保存' })}
|
</Button>
|
</Grid>
|
</Grid>
|
</Box>
|
);
|
};
|
|
export default AreaAdvancedTab;
|