| | |
| | | /> |
| | | )} |
| | | <FieldGrid items={spatialItems} loading={loading} /> |
| | | </Stack> |
| | | </Paper> |
| | | <Button |
| | | variant="contained" |
| | | color="primary" |
| | |
| | | > |
| | | {translate('page.map.insight.code.actions.openDetail', { _: '编辑' })} |
| | | </Button> |
| | | </Stack> |
| | | </Paper> |
| | | </Stack> |
| | | </Grid> |
| | | <Grid item xs={12} md={7}> |
| | |
| | | const theme = useTheme(); |
| | | const enabledCount = rules.filter(rule => rule.enabled).length; |
| | | const placement = { |
| | | 0: { gridColumn: 2, gridRow: 1 }, |
| | | 90: { gridColumn: 3, gridRow: 2 }, |
| | | 180: { gridColumn: 2, gridRow: 3 }, |
| | | 270: { gridColumn: 1, gridRow: 2 }, |
| | | 0: { gridColumn: '2 / span 3', gridRow: 1 }, |
| | | 90: { gridColumn: '4 / span 2', gridRow: 2 }, |
| | | 180: { gridColumn: '2 / span 3', gridRow: 3 }, |
| | | 270: { gridColumn: '1 / span 2', gridRow: 2 }, |
| | | }; |
| | | |
| | | return ( |
| | | <Box |
| | | sx={{ |
| | | display: 'grid', |
| | | gridTemplateColumns: 'repeat(3, minmax(0, 1fr))', |
| | | gridTemplateRows: 'repeat(3, minmax(58px, auto))', |
| | | gridTemplateColumns: 'repeat(5, minmax(0, 1fr))', |
| | | gridTemplateRows: 'repeat(3, minmax(44px, auto))', |
| | | gap: 1, |
| | | alignItems: 'stretch', |
| | | }} |
| | | > |
| | | <Box |
| | | sx={{ |
| | | gridColumn: 2, |
| | | gridColumn: 3, |
| | | gridRow: 2, |
| | | borderRadius: 3, |
| | | border: '1px dashed', |
| | | borderColor: 'divider', |
| | | backgroundColor: alpha(theme.palette.primary.main, 0.04), |
| | | px: 1, |
| | | py: 0.75, |
| | | py: 0.5, |
| | | display: 'flex', |
| | | alignItems: 'center', |
| | | justifyContent: 'center', |
| | |
| | | backgroundColor: rule.enabled |
| | | ? alpha(theme.palette.success.main, 0.08) |
| | | : alpha(theme.palette.error.main, 0.08), |
| | | px: 1, |
| | | py: 0.75, |
| | | minHeight: 60, |
| | | px: 1.25, |
| | | py: 0.5, |
| | | minHeight: 46, |
| | | display: 'flex', |
| | | alignItems: 'center', |
| | | justifyContent: 'center', |
| | |
| | | variant="caption" |
| | | sx={{ |
| | | lineHeight: 1.1, |
| | | fontSize: '0.73rem', |
| | | color: rule.enabled ? 'success.dark' : 'error.dark', |
| | | fontWeight: 600, |
| | | }} |