fix(): 修改样式
parent
9e60b1ea3d
commit
ee019effd7
|
|
@ -85,7 +85,7 @@ export const SkRealPromise = new CachePromise(
|
|||
obj.h24 = item.h24+num2*1.8
|
||||
obj.h48 = item.h48+num2*1.9
|
||||
if(obj.w<=0.5){
|
||||
c.push(obj)
|
||||
// c.push(obj)
|
||||
}
|
||||
return obj
|
||||
})
|
||||
|
|
|
|||
|
|
@ -10,6 +10,7 @@ import {
|
|||
|
||||
const useStyles = makeStyles((theme) => ({
|
||||
root: {
|
||||
|
||||
padding: theme.spacing(2),
|
||||
},
|
||||
section: {
|
||||
|
|
@ -31,11 +32,14 @@ const useStyles = makeStyles((theme) => ({
|
|||
table: {
|
||||
minWidth: 400,
|
||||
'& th': {
|
||||
// backgroundColor: '#f5f5f5',
|
||||
backgroundColor: 'transparent',
|
||||
fontWeight: 'bold',
|
||||
textAlign: 'left',
|
||||
|
||||
},
|
||||
'& td': {
|
||||
backgroundColor: 'transparent',
|
||||
}
|
||||
},
|
||||
statusChip: {
|
||||
padding: '2px 8px',
|
||||
|
|
@ -205,7 +209,7 @@ const FloodImpactMonitor = () => {
|
|||
</thead>
|
||||
<tbody>
|
||||
{enterpriseData.map((item, index) => (
|
||||
<tr key={index}>
|
||||
<tr key={index} >
|
||||
<td>{item.name}</td>
|
||||
<td>{item.department}</td>
|
||||
<td>{item.manager}</td>
|
||||
|
|
@ -228,28 +232,28 @@ const FloodImpactMonitor = () => {
|
|||
</Typography>
|
||||
<Grid container spacing={3}>
|
||||
<Grid item xs={3}>
|
||||
<Paper className={classes.statItem}>
|
||||
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}>
|
||||
<span className="icon">🌊</span>
|
||||
<span className="value">{statistics.floodArea}</span>
|
||||
<span className="label">淹没面积(km²)</span>
|
||||
</Paper>
|
||||
</Grid>
|
||||
<Grid item xs={3}>
|
||||
<Paper className={classes.statItem}>
|
||||
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}>
|
||||
<span className="icon">🏘️</span>
|
||||
<span className="value">{statistics.affectedVillages}</span>
|
||||
<span className="label">影响村庄(个)</span>
|
||||
</Paper>
|
||||
</Grid>
|
||||
<Grid item xs={3}>
|
||||
<Paper className={classes.statItem}>
|
||||
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}>
|
||||
<span className="icon">🏠</span>
|
||||
<span className="value">{statistics.affectedHouseholds}</span>
|
||||
<span className="label">影响户数(户)</span>
|
||||
</Paper>
|
||||
</Grid>
|
||||
<Grid item xs={3}>
|
||||
<Paper className={classes.statItem}>
|
||||
<Paper className={classes.statItem} style={{backgroundColor: 'transparent'}}>
|
||||
<span className="icon">👥</span>
|
||||
<span className="value">{statistics.affectedPopulation}</span>
|
||||
<span className="label">影响人口(人)</span>
|
||||
|
|
|
|||
|
|
@ -16,11 +16,11 @@ function HDStDlg({ record, onClose }) {
|
|||
const [value, setValue] = React.useState(0);
|
||||
const warnObj = {
|
||||
id: 1,
|
||||
title: '2024年12月10日-降雨叠加50mm-无隐患',
|
||||
title: '2024年12月10日-降雨叠加50mm-最不利',
|
||||
type: '现在时',
|
||||
risk: '余家河无隐患',
|
||||
risk: '余家河最不利',
|
||||
timeRange: '2024-12-10 10:00:00至2024-12-10 18:00:00',
|
||||
status: '实测降雨+无隐患',
|
||||
status: '实测降雨+最不利',
|
||||
createTime: '2024-12-10 16:24:16'
|
||||
}
|
||||
return (
|
||||
|
|
|
|||
|
|
@ -5,7 +5,7 @@ import { makeStyles } from '@material-ui/core/styles';
|
|||
const useStyles = makeStyles(() => ({
|
||||
card: {
|
||||
marginBottom: '16px',
|
||||
// backgroundColor: '#fff',
|
||||
backgroundColor: 'transparent',
|
||||
'&:hover': {
|
||||
boxShadow: '0 4px 12px rgba(0,0,0,0.1)'
|
||||
}
|
||||
|
|
|
|||
|
|
@ -24,29 +24,29 @@ function RainfallCenter({ style }) {
|
|||
const warningData = [
|
||||
{
|
||||
id: 1,
|
||||
title: '2024年12月10日-降雨叠加50mm-无隐患',
|
||||
title: '2024年12月10日-降雨叠加50mm-最不利',
|
||||
type: '现在时',
|
||||
risk: '余家河无隐患',
|
||||
risk: '余家河最不利',
|
||||
timeRange: '2024-12-10 10:00:00至2024-12-10 18:00:00',
|
||||
status: '实测降雨+无隐患',
|
||||
status: '实测降雨+最不利',
|
||||
createTime: '2024-12-10 16:24:16'
|
||||
},
|
||||
{
|
||||
id: 2,
|
||||
title: '2024年12月11日-降雨叠加35mm-无隐患',
|
||||
title: '2024年12月11日-降雨叠加35mm-最不利',
|
||||
type: '现在时',
|
||||
risk: '余家河无隐患',
|
||||
risk: '余家河最不利',
|
||||
timeRange: '2024-12-11 10:00:00至2024-12-11 18:00:00',
|
||||
status: '实测降雨+无隐患',
|
||||
status: '实测降雨+最不利',
|
||||
createTime: '2024-12-10 16:24:16'
|
||||
},
|
||||
{
|
||||
id: 3,
|
||||
title: '2024年12月12日-降雨叠加40mm-无隐患',
|
||||
title: '2024年12月12日-降雨叠加40mm-最不利',
|
||||
type: '现在时',
|
||||
risk: '余家河无隐患',
|
||||
risk: '余家河最不利',
|
||||
timeRange: '2024-12-12 10:00:00至2024-12-12 18:00:00',
|
||||
status: '实测降雨+无隐患',
|
||||
status: '实测降雨+最不利',
|
||||
createTime: '2024-12-10 16:24:16'
|
||||
},
|
||||
// 可以添加更多预警数据
|
||||
|
|
|
|||
Loading…
Reference in New Issue