Compare commits

..

No commits in common. "a8e912f74f55a8b735cc87601a4f0bb5d5b18b11" and "ab6588058ed6c0de79fed38a1c900cd88ad81c30" have entirely different histories.

5 changed files with 20 additions and 24 deletions

View File

@ -10,7 +10,6 @@ import {
const useStyles = makeStyles((theme) => ({ const useStyles = makeStyles((theme) => ({
root: { root: {
padding: theme.spacing(2), padding: theme.spacing(2),
}, },
section: { section: {
@ -32,14 +31,11 @@ const useStyles = makeStyles((theme) => ({
table: { table: {
minWidth: 400, minWidth: 400,
'& th': { '& th': {
backgroundColor: 'transparent', // backgroundColor: '#f5f5f5',
fontWeight: 'bold', fontWeight: 'bold',
textAlign: 'left', textAlign: 'left',
}, },
'& td': {
backgroundColor: 'transparent',
}
}, },
statusChip: { statusChip: {
padding: '2px 8px', padding: '2px 8px',
@ -232,28 +228,28 @@ const FloodImpactMonitor = () => {
</Typography> </Typography>
<Grid container spacing={3}> <Grid container spacing={3}>
<Grid item xs={3}> <Grid item xs={3}>
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}> <Paper className={classes.statItem}>
<span className="icon">🌊</span> <span className="icon">🌊</span>
<span className="value">{statistics.floodArea}</span> <span className="value">{statistics.floodArea}</span>
<span className="label">淹没面积(km²)</span> <span className="label">淹没面积(km²)</span>
</Paper> </Paper>
</Grid> </Grid>
<Grid item xs={3}> <Grid item xs={3}>
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}> <Paper className={classes.statItem}>
<span className="icon">🏘</span> <span className="icon">🏘</span>
<span className="value">{statistics.affectedVillages}</span> <span className="value">{statistics.affectedVillages}</span>
<span className="label">影响村庄()</span> <span className="label">影响村庄()</span>
</Paper> </Paper>
</Grid> </Grid>
<Grid item xs={3}> <Grid item xs={3}>
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}> <Paper className={classes.statItem}>
<span className="icon">🏠</span> <span className="icon">🏠</span>
<span className="value">{statistics.affectedHouseholds}</span> <span className="value">{statistics.affectedHouseholds}</span>
<span className="label">影响户数()</span> <span className="label">影响户数()</span>
</Paper> </Paper>
</Grid> </Grid>
<Grid item xs={3}> <Grid item xs={3}>
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}> <Paper className={classes.statItem}>
<span className="icon">👥</span> <span className="icon">👥</span>
<span className="value">{statistics.affectedPopulation}</span> <span className="value">{statistics.affectedPopulation}</span>
<span className="label">影响人口()</span> <span className="label">影响人口()</span>

View File

@ -16,11 +16,11 @@ function HDStDlg({ record, onClose }) {
const [value, setValue] = React.useState(0); const [value, setValue] = React.useState(0);
const warnObj = { const warnObj = {
id: 1, id: 1,
title: '2024年12月10日-降雨叠加50mm-最不利', title: '2024年12月10日-降雨叠加50mm-无隐患',
type: '现在时', type: '现在时',
risk: '余家河最不利', risk: '余家河无隐患',
timeRange: '2024-12-10 10:00:00至2024-12-10 18:00:00', timeRange: '2024-12-10 10:00:00至2024-12-10 18:00:00',
status: '实测降雨+最不利', status: '实测降雨+无隐患',
createTime: '2024-12-10 16:24:16' createTime: '2024-12-10 16:24:16'
} }
return ( return (

View File

@ -40,7 +40,7 @@ const data4 = [
"res_nm": "高峰水库", "res_nm": "高峰水库",
"cd": "0A82AD", "cd": "0A82AD",
"cd_nm": "高峰水库", "cd_nm": "高峰水库",
"termite_status": "y", "termite_status": "n",
"tm": "2025-05-21 04:25:56", "tm": "2025-05-21 04:25:56",
"is_main_cd": "y" "is_main_cd": "y"
} }

View File

@ -5,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles';
const useStyles = makeStyles(() => ({ const useStyles = makeStyles(() => ({
card: { card: {
marginBottom: '16px', marginBottom: '16px',
backgroundColor: 'transparent', // backgroundColor: '#fff',
'&:hover': { '&:hover': {
boxShadow: '0 4px 12px rgba(0,0,0,0.1)' boxShadow: '0 4px 12px rgba(0,0,0,0.1)'
} }

View File

@ -24,29 +24,29 @@ function RainfallCenter({ style }) {
const warningData = [ const warningData = [
{ {
id: 1, id: 1,
title: '2024年12月10日-降雨叠加50mm-最不利', title: '2024年12月10日-降雨叠加50mm-无隐患',
type: '现在时', type: '现在时',
risk: '余家河最不利', risk: '余家河无隐患',
timeRange: '2024-12-10 10:00:00至2024-12-10 18:00:00', timeRange: '2024-12-10 10:00:00至2024-12-10 18:00:00',
status: '实测降雨+最不利', status: '实测降雨+无隐患',
createTime: '2024-12-10 16:24:16' createTime: '2024-12-10 16:24:16'
}, },
{ {
id: 2, id: 2,
title: '2024年12月11日-降雨叠加35mm-最不利', title: '2024年12月11日-降雨叠加35mm-无隐患',
type: '现在时', type: '现在时',
risk: '余家河最不利', risk: '余家河无隐患',
timeRange: '2024-12-11 10:00:00至2024-12-11 18:00:00', timeRange: '2024-12-11 10:00:00至2024-12-11 18:00:00',
status: '实测降雨+最不利', status: '实测降雨+无隐患',
createTime: '2024-12-10 16:24:16' createTime: '2024-12-10 16:24:16'
}, },
{ {
id: 3, id: 3,
title: '2024年12月12日-降雨叠加40mm-最不利', title: '2024年12月12日-降雨叠加40mm-无隐患',
type: '现在时', type: '现在时',
risk: '余家河最不利', risk: '余家河无隐患',
timeRange: '2024-12-12 10:00:00至2024-12-12 18:00:00', timeRange: '2024-12-12 10:00:00至2024-12-12 18:00:00',
status: '实测降雨+最不利', status: '实测降雨+无隐患',
createTime: '2024-12-10 16:24:16' createTime: '2024-12-10 16:24:16'
}, },
// 可以添加更多预警数据 // 可以添加更多预警数据