fix(): 修改样式

lsf-dev
李神峰 2025-06-06 17:19:48 +08:00
parent 9e60b1ea3d
commit ee019effd7
5 changed files with 24 additions and 20 deletions

View File

@ -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
})

View File

@ -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>

View File

@ -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 (

View File

@ -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)'
}

View File

@ -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'
},
// 可以添加更多预警数据