lishenfeng
/
mcfxkh-Web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix(): 修改水库样式

lsf-dev
李神峰 2025-06-23 14:12:03 +08:00
parent 8f9f1bbdfd
commit c04d44f1d0
15 changed files with 234 additions and 193 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/assets/calendar.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 25 KiB

After

Width:  |  Height:  |  Size: 23 KiB

6
src/views/Home/InfoDlg/BxjcBlg/drpOption.js
View File

@ -20,7 +20,7 @@ export default function drpOption(data) {
color: '#fff', color: '#fff',
}, },
// 图例的位置 // 图例的位置
data: ['垂直位移', '库水位'], data: ['左右岸水平位移', '库水位'],
}, },
xAxis: [ xAxis: [
{ {
@ -50,7 +50,7 @@ export default function drpOption(data) {
inverse: false, inverse: false,
type: 'value', type: 'value',
position: 'left', position: 'left',
name: "垂直位移", name: "左右岸水平位移",
nameTextStyle: { nameTextStyle: {
color: '#fff' color: '#fff'
}, },
@ -109,7 +109,7 @@ export default function drpOption(data) {
series: [ series: [
{ {
yAxisIndex: 0, yAxisIndex: 0,
name: '垂直位移(mm)', name: '左右岸水平位移(mm)',
type: 'line', type: 'line',
symbol: 'none', symbol: 'none',
color: "#0AE0B5", color: "#0AE0B5",

190
src/views/Home/InfoDlg/BxjcBlg/table.js
View File

@ -73,206 +73,244 @@ const DpTableCell = withStyles({
const data = [
function DrpStAround({ record }) {
const data = [
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"rz": -1.95, "rz": 59.38,
"du_value":-8.29, "du_value": -2.29,
y_value:-1.51,
"dt": "2025-04-28" "dt": "2025-04-28"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-8.80, "du_value":-3.80,
"rz": -1.95, "rz": 59.38,
y_value:-1.71,
"dt": "2025-04-29" "dt": "2025-04-29"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.13, "du_value":-2.13,
"rz": -1.94, "rz": 59.38,
y_value:-1.21,
"dt": "2025-04-30" "dt": "2025-04-30"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.19, "du_value": -1.19,
"rz": -1.95, y_value:-1.51,
"rz": 59.38,
"dt": "2025-05-01" "dt": "2025-05-01"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.29, "du_value":-3.29,
"rz": -1.95, "rz": 59.38,
y_value:-2.11,
"dt": "2025-05-02" "dt": "2025-05-02"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.26, "du_value": -2.26,
"rz": -1.94, y_value:-3.11,
"rz": 59.38,
"dt": "2025-05-03" "dt": "2025-05-03"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.31, "du_value": -3.31,
"rz": -1.92, y_value:-4.31,
"rz": 59.38,
"dt": "2025-05-04" "dt": "2025-05-04"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.20, "du_value": -4.20,
"rz": -2.03, y_value:-1.81,
"rz": 59.38,
"dt": "2025-05-05" "dt": "2025-05-05"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.66, "du_value": -1.66,
"rz": -2.03, y_value:-1.61,
"rz": 59.38,
"dt": "2025-05-06" "dt": "2025-05-06"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.52, "du_value": -4.52,
"rz": -2.03, y_value:-1.11,
"rz": 59.38,
"dt": "2025-05-07" "dt": "2025-05-07"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.40, "du_value": -2.40,
"rz": -2.01, y_value:-2.11,
"rz": 59.38,
"dt": "2025-05-08" "dt": "2025-05-08"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.75, "du_value": -1.75,
"rz": -2.22, y_value:-4.21,
"rz": 59.38,
"dt": "2025-05-09" "dt": "2025-05-09"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.25, "du_value": -2.25,
"rz": -2.23, y_value:-2.16,
"rz": 59.38,
"dt": "2025-05-10" "dt": "2025-05-10"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.59, "du_value": -1.59,
"rz": -2.27, y_value:-4.11,
"rz": 59.38,
"dt": "2025-05-11" "dt": "2025-05-11"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.98, "du_value": -3.98,
"rz": -2.28, y_value:-3.11,
"rz": 59.38,
"dt": "2025-05-12" "dt": "2025-05-12"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.82, "du_value": -4.82,
"rz": -2.28, y_value:-1.31,
"rz": 59.38,
"dt": "2025-05-13" "dt": "2025-05-13"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.72, "du_value": -1.72,
"rz": -2.3, y_value:-2.31,
"rz": 59.38,
"dt": "2025-05-14" "dt": "2025-05-14"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-11.26, "du_value": -2.26,
"rz": -2.28, y_value:-4.11,
"rz": 59.38,
"dt": "2025-05-15" "dt": "2025-05-15"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-12.16, "du_value": -2.16,
"rz": -2.33, y_value:2.11,
"rz": 59.38,
"dt": "2025-05-16" "dt": "2025-05-16"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-11.82, "du_value": -4.82,
"rz": -2.33, y_value:-3.11,
"rz": 59.38,
"dt": "2025-05-17" "dt": "2025-05-17"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.92, "du_value": -1.92,
"rz": -2.32, y_value:-2.11,
"rz": 59.38,
"dt": "2025-05-18" "dt": "2025-05-18"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.15, "du_value": -3.15,
"rz": -2.36, y_value:-4.18,
"rz": 59.38,
"dt": "2025-05-19" "dt": "2025-05-19"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.09, "du_value": -4.09,
"rz": -2.33, y_value:-3.10,
"rz": 59.38,
"dt": "2025-05-20" "dt": "2025-05-20"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-10.21, "du_value": -2.21,
"rz": -2.33, y_value:-1.56,
"rz": 59.38,
"dt": "2025-05-21" "dt": "2025-05-21"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-11.62, "du_value": -1.62,
"rz": -2.31, y_value:-2.71,
"rz": 59.38,
"dt": "2025-05-22" "dt": "2025-05-22"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-11.42, "du_value": -1.42,
"rz": -2.41, y_value:-2.45,
"rz": 59.38,
"dt": "2025-05-23" "dt": "2025-05-23"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.74, "du_value": -4.74,
"rz": -2.45, y_value:-3.01,
"rz": 59.38,
"dt": "2025-05-24" "dt": "2025-05-24"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-9.02, "du_value": -1.02,
"rz": -2.45, y_value:-2.11,
"rz":59.38,
"dt": "2025-05-25" "dt": "2025-05-25"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-8.37, "du_value": -3.37,
"rz": -2.44, y_value:-1.11,
"rz": 59.38,
"dt": "2025-05-26" "dt": "2025-05-26"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-8.79, "du_value": -1.79,
"rz": -2.45, y_value:1.23,
"rz": 59.38,
"dt": "2025-05-27" "dt": "2025-05-27"
}, },
{ {
"res_cd": "42118140022", "res_cd": "42118140022",
"du_value":-8.29, "du_value": 2.01,
"rz": -2.4, y_value:1.33,
"rz": 59.38,
"dt": "2025-05-28" "dt": "2025-05-28"
} }
] ]
const list = useMemo(() => {
function DrpStAround({ record }) { data.sort((a, b) => b.dt < a.dt ? -1 : 1)
return data
},[])
const classes = useStyles(); const classes = useStyles();
const option = useMemo(() => { const option = useMemo(() => {
return drpOption(data); return drpOption(data);
}, []) }, [])
const [activeType, setActiveType] = useState('all'); const [activeType, setActiveType] = useState('flood');
const handleTypeChange = (type) => { const handleTypeChange = (type) => {
setActiveType(type); setActiveType(type);
}; };
const [activeType1, setActiveType1] = useState('special');
const handleTypeChange1 = (type) => {
setActiveType1(type);
};
return ( return (
<div className='infoDlg_jcsj'> <div className='infoDlg_jcsj'>
<div className='toolbar'> <div className='toolbar'>
@ -313,10 +351,10 @@ function DrpStAround({ record }) {
</TableHead> </TableHead>
<TableBody> <TableBody>
{ {
data.map((row) => ( list.map((row) => (
<DpTableRow key={row.dt}> <DpTableRow key={row.dt}>
<DpTableCell align="center"><div className="ellipsis">{row.dt}</div></DpTableCell> <DpTableCell align="center"><div className="ellipsis">{row.dt}</div></DpTableCell>
<DpTableCell align="center">{row.rz?? "-"}</DpTableCell> <DpTableCell align="center">{row.y_value?? "-"}</DpTableCell>
<DpTableCell align="center">{row.du_value?? "-"}</DpTableCell> <DpTableCell align="center">{row.du_value?? "-"}</DpTableCell>
</DpTableRow> </DpTableRow>
))} ))}
@ -341,14 +379,14 @@ function DrpStAround({ record }) {
</Button> </Button>
<div style={{width:30}}></div> <div style={{width:30}}></div>
<Button <Button
className={activeType === 'special' ? 'active' : ''} className={activeType1 === 'special' ? 'active' : ''}
onClick={() => handleTypeChange('special')} onClick={() => handleTypeChange1('special')}
> >
水平位移 水平位移
</Button> </Button>
<Button <Button
className={activeType === 'all' ? 'active' : ''} className={activeType1 === 'all' ? 'active' : ''}
onClick={() => handleTypeChange('all')} onClick={() => handleTypeChange1('all')}
> >
垂直位移 垂直位移
</Button> </Button>
@ -366,10 +404,10 @@ function DrpStAround({ record }) {
<Box className={classes.summaryBox}> <Box className={classes.summaryBox}>
<Typography className={classes.summaryContent}> <Typography className={classes.summaryContent}>
X方向：最大值(m) -1.92，最小值(m) -2.45，日期 2025-05-04，变幅(mm) 0.53 X方向：最大值(m) 2.11，最小值(m) -4.31，日期 2025-05-16，变幅(mm) 6.42
</Typography> </Typography>
<Typography className={classes.summaryContent}> <Typography className={classes.summaryContent}>
Y方向：最大值(m) -8.29，最小值(m) -12.16，日期 2025-05-16，变幅(mm) 3.97 Y方向：最大值(m) 2.01，最小值(m) -4.74，日期 2025-05-28，变幅(mm) 6.75
</Typography></Box> </Typography></Box>
{/* <Grid container size="small"> {/* <Grid container size="small">
<DescriptionItem label="最大值(m)" myWidth={'20%'}>-8.29</DescriptionItem> <DescriptionItem label="最大值(m)" myWidth={'20%'}>-8.29</DescriptionItem>

4
src/views/Home/InfoDlg/SljcDlg/drpOption.js
View File

@ -116,7 +116,7 @@ export default function drpOption(data) {
label: { label: {
show: false, show: false,
}, },
data:data.map(o => o.low_z), data:data.map(o => 0.3),
}, },
{ {
yAxisIndex: 1, yAxisIndex: 1,
@ -128,7 +128,7 @@ export default function drpOption(data) {
label: { label: {
show: false, show: false,
}, },
data: data.map(o => o.rz), data: data.map(o => 59.38),
} }
] ]
}; };

10
src/views/Home/InfoDlg/SljcDlg/table.js
View File

@ -278,8 +278,8 @@ function DrpStAround({ record }) {
data.map((row) => ( data.map((row) => (
<DpTableRow key={row.dt}> <DpTableRow key={row.dt}>
<DpTableCell align="center"><div className="ellipsis">{row.dt}</div></DpTableCell> <DpTableCell align="center"><div className="ellipsis">{row.dt}</div></DpTableCell>
<DpTableCell align="center">{row.rz?? "-"}</DpTableCell> <DpTableCell align="center">{59.38?? "-"}</DpTableCell>
<DpTableCell align="center">{row.low_z?? "-"}</DpTableCell> <DpTableCell align="center">{0.3?? "-"}</DpTableCell>
</DpTableRow> </DpTableRow>
))} ))}
</TableBody> </TableBody>
@ -297,11 +297,11 @@ function DrpStAround({ record }) {
</div> </div>
<div className='foot'> <div className='foot'>
<Grid container size="small"> <Grid container size="small">
<DescriptionItem label="最大值(m)" myWidth={'20%'}>209.55</DescriptionItem> <DescriptionItem label="最大值(m)" myWidth={'20%'}>0.3</DescriptionItem>
<DescriptionItem label="日期" myWidth={'20%'}>2025-04-28</DescriptionItem> <DescriptionItem label="日期" myWidth={'20%'}>2025-04-28</DescriptionItem>
<DescriptionItem label="最小值" myWidth={'20%'}>209.40</DescriptionItem> <DescriptionItem label="最小值" myWidth={'20%'}>0.3</DescriptionItem>
<DescriptionItem label="日期" myWidth={'20%'}>2025-05-20</DescriptionItem> <DescriptionItem label="日期" myWidth={'20%'}>2025-05-20</DescriptionItem>
<DescriptionItem label="变幅" myWidth={'20%'}>3.97</DescriptionItem> <DescriptionItem label="变幅" myWidth={'20%'}>0</DescriptionItem>
</Grid> </Grid>
</div> </div>
</div> </div>

4
src/views/Home/InfoDlg/SyjcDlg/drpOption.js
View File

@ -116,7 +116,7 @@ export default function drpOption(data) {
label: { label: {
show: false, show: false,
}, },
data:data.map(o => o.du_value), data:data.map(o => 59.1),
}, },
{ {
yAxisIndex: 1, yAxisIndex: 1,
@ -128,7 +128,7 @@ export default function drpOption(data) {
label: { label: {
show: false, show: false,
}, },
data: data.map(o => o.rz), data: data.map(o => 59.38),
} }
] ]
}; };

10
src/views/Home/InfoDlg/SyjcDlg/table.js
View File

@ -271,8 +271,8 @@ function DrpStAround({ record }) {
data.map((row) => ( data.map((row) => (
<DpTableRow key={row.dt}> <DpTableRow key={row.dt}>
<DpTableCell align="center"><div className="ellipsis">{row.dt}</div></DpTableCell> <DpTableCell align="center"><div className="ellipsis">{row.dt}</div></DpTableCell>
<DpTableCell align="center">{211.94?? "-"}</DpTableCell> <DpTableCell align="center">{59.38?? "-"}</DpTableCell>
<DpTableCell align="center">{row.du_value?? "-"}</DpTableCell> <DpTableCell align="center">{59.1?? "-"}</DpTableCell>
</DpTableRow> </DpTableRow>
))} ))}
</TableBody> </TableBody>
@ -290,11 +290,11 @@ function DrpStAround({ record }) {
</div> </div>
<div className='foot'> <div className='foot'>
<Grid container size="small"> <Grid container size="small">
<DescriptionItem label="最大值(m)" myWidth={'20%'}>209.55</DescriptionItem> <DescriptionItem label="最大值(m)" myWidth={'20%'}>59.1</DescriptionItem>
<DescriptionItem label="日期" myWidth={'20%'}>2025-04-28</DescriptionItem> <DescriptionItem label="日期" myWidth={'20%'}>2025-04-28</DescriptionItem>
<DescriptionItem label="最小值" myWidth={'20%'}>209.40</DescriptionItem> <DescriptionItem label="最小值" myWidth={'20%'}>59.1</DescriptionItem>
<DescriptionItem label="日期" myWidth={'20%'}>2025-05-20</DescriptionItem> <DescriptionItem label="日期" myWidth={'20%'}>2025-05-20</DescriptionItem>
<DescriptionItem label="变幅(m)" myWidth={'20%'}>3.97</DescriptionItem> <DescriptionItem label="变幅(m)" myWidth={'20%'}>0</DescriptionItem>
</Grid> </Grid>
</div> </div>
</div> </div>

8
src/views/Home/InfoDlg/YascDlg/zdscya.js
View File

@ -60,7 +60,7 @@ const SchemeOptimization = ({loadFa}) => {
const classes = useStyles(); const classes = useStyles();
const [reservoirs, setReservoirs] = useState([ const [reservoirs, setReservoirs] = useState([
{ name: '浮标河水库', safeLevel: 64.80, storage: 16110, maxOutflow: 20.00 }, { name: '浮标河水库', safeLevel: 64.80, storage: 16110, maxOutflow: 20.00 },
{ name: '明山水库', safeLevel: 93.00, storage: 5116, maxOutflow: 20.00 }, // { name: '明山水库', safeLevel: 93.00, storage: 5116, maxOutflow: 20.00 },
]); ]);
const [schemes, setSchemes] = useState([ const [schemes, setSchemes] = useState([
@ -132,7 +132,7 @@ const SchemeOptimization = ({loadFa}) => {
<TableCell>安全水位(m)</TableCell> <TableCell>安全水位(m)</TableCell>
<TableCell>防洪库容(万m³)</TableCell> <TableCell>防洪库容(万m³)</TableCell>
<TableCell>最大泄量(m³/s)</TableCell> <TableCell>最大泄量(m³/s)</TableCell>
<TableCell>操作</TableCell> {/* <TableCell>操作</TableCell> */}
</TableRow> </TableRow>
</TableHead> </TableHead>
<TableBody> <TableBody>
@ -142,13 +142,13 @@ const SchemeOptimization = ({loadFa}) => {
<TableCell>{reservoir.safeLevel}</TableCell> <TableCell>{reservoir.safeLevel}</TableCell>
<TableCell>{reservoir.storage}</TableCell> <TableCell>{reservoir.storage}</TableCell>
<TableCell>{reservoir.maxOutflow}</TableCell> <TableCell>{reservoir.maxOutflow}</TableCell>
<TableCell>×</TableCell> {/* <TableCell>×</TableCell> */}
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>
</Table> </Table>
</TableContainer> </TableContainer>
<button className={classes.addButton} style={{ margin: '16px 0' }}>添加水库</button> {/* <button className={classes.addButton} style={{ margin: '16px 0' }}>添加水库</button> */}
</div> </div>
<div> <div>
<div className={classes.title}>优化目标设置及权重分配</div> <div className={classes.title}>优化目标设置及权重分配</div>

5
src/views/Home/MapCtrl/index.js
View File

@ -137,7 +137,6 @@ export default function MapCtrl({ initParams, onLoad }) {
if (feature.layer.id === '关联站点') { if (feature.layer.id === '关联站点') {
const record = feature.properties const record = feature.properties
// debugger
if (record.cd_nm == 'GN1') { if (record.cd_nm == 'GN1') {
dispatch?.runtime.setInfoDlg({ layerId: 'BxjcLayer', properties: record }) dispatch?.runtime.setInfoDlg({ layerId: 'BxjcLayer', properties: record })
}else if (record.cd_nm == 'UPD1') { }else if (record.cd_nm == 'UPD1') {
@ -149,7 +148,9 @@ export default function MapCtrl({ initParams, onLoad }) {
}else if (record.stnm == '浮桥河水库') { }else if (record.stnm == '浮桥河水库') {
dispatch?.runtime.setInfoDlg({ layerId: 'RealSkLayer', properties: record }) dispatch?.runtime.setInfoDlg({ layerId: 'RealSkLayer', properties: record })
} else if (record.type == 'sw') { } else if (record.type == 'sw') {
dispatch?.runtime.setFeaturePop({ layerId: 'RealHDPop', properties: record,coordinates: [record.lgtd, record.lttd] }) dispatch?.runtime.setFeaturePop({ type: 'RealHDPop', properties: record,coordinates: [record.lgtd, record.lttd] })
} else if (record.type == 'qx') {
dispatch?.runtime.setFeaturePop({ type: 'RealDrpPop', properties: record,coordinates: [record.lgtd, record.lttd] })
} else if (record.flow == 1) { } else if (record.flow == 1) {
dispatch?.runtime.setInfoDlg({ layerId: 'flowjcLayer', properties: record }) dispatch?.runtime.setInfoDlg({ layerId: 'flowjcLayer', properties: record })
} }

122
src/views/Home/panels/Byjc/index.js
View File

@ -51,15 +51,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "浮桥河水库", "res_nm": "浮桥河水库",
"de_value": -11.5381, "de_value": 1.33,
"dn_value": -11.2248, "dn_value": 2.01,
"du_value": 113.8833, "du_value": 1.23,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": 2.9303, "max_de": 2.9303,
"max_dn": -2.1648, "max_dn": -2.1648,
"max_du": 113.8833, "max_du": 2.53,
"dt": "2025-05-25", "dt": "2025-05-25",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -86,15 +86,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "大堰口水库", "res_nm": "大堰口水库",
"de_value": 1.0981, "de_value": 1.09,
"dn_value": -7.0736, "dn_value": 1.11,
"du_value": 75.4661, "du_value": 2.13,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": 1.0981, "max_de": 1.0981,
"max_dn": -2.3255, "max_dn": -2.3255,
"max_du": 132.4892, "max_du": 3.12,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -120,15 +120,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "大堰口水库", "res_nm": "大堰口水库",
"de_value": -6.469, "de_value": -1.23,
"dn_value": -2.3255, "dn_value": -2.13,
"du_value": 47.1633, "du_value": 2.11,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": 1.0981, "max_de": 1.0981,
"max_dn": -2.3255, "max_dn": -2.3255,
"max_du": 132.4892, "max_du": 1.23,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -137,7 +137,7 @@ function DrpReal({ style }) {
"lgtd": 115.11878, "lgtd": 115.11878,
"lttd": 30.88904, "lttd": 30.88904,
"cd": "01", "cd": "01",
"cd_nm": "GN1", "cd_nm": "GN4",
dm: "0+120", dm: "0+120",
"res_reg_cd": "42118140019-A4", "res_reg_cd": "42118140019-A4",
"ch": "0+000", "ch": "0+000",
@ -154,15 +154,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "黄麻坳水库", "res_nm": "黄麻坳水库",
"de_value": -5.5809, "de_value": 1.34,
"dn_value": 4.6055, "dn_value": 2.44,
"du_value": -13.083, "du_value": -1.21,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": -5.1079, "max_de": -5.1079,
"max_dn": 4.6055, "max_dn": 4.6055,
"max_du": -11.1644, "max_du": -1.34,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -171,7 +171,7 @@ function DrpReal({ style }) {
"lgtd": 115.11878, "lgtd": 115.11878,
"lttd": 30.88904, "lttd": 30.88904,
"cd": "02", "cd": "02",
"cd_nm": "GN2", "cd_nm": "GN5",
dm: "0+120", dm: "0+120",
"res_reg_cd": "42118140019-A4", "res_reg_cd": "42118140019-A4",
"ch": "0+000", "ch": "0+000",
@ -188,15 +188,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "黄麻坳水库", "res_nm": "黄麻坳水库",
"de_value": -5.1079, "de_value": -1.43,
"dn_value": 3.9064, "dn_value": -2.21,
"du_value": -12.2936, "du_value": -1.34,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": -5.1079, "max_de": -5.1079,
"max_dn": 4.6055, "max_dn": 4.6055,
"max_du": -11.1644, "max_du": -2.45,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -205,7 +205,7 @@ function DrpReal({ style }) {
"lgtd": 115.14545, "lgtd": 115.14545,
"lttd": 30.95398, "lttd": 30.95398,
"cd": "03", "cd": "03",
"cd_nm": "GN3", "cd_nm": "GN6",
dm: "0+120", dm: "0+120",
"res_reg_cd": "42118140031-A4", "res_reg_cd": "42118140031-A4",
"ch": "0+000", "ch": "0+000",
@ -222,15 +222,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "群建水库", "res_nm": "群建水库",
"de_value": 1.166, "de_value": 1.16,
"dn_value": 2.1274, "dn_value": 2.12,
"du_value": 11.5948, "du_value": 1.45,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": 2.6901, "max_de": 2.6901,
"max_dn": 3.7945, "max_dn": 3.7945,
"max_du": 11.5948, "max_du": 1.68,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -239,7 +239,7 @@ function DrpReal({ style }) {
"lgtd": 115.11878, "lgtd": 115.11878,
"lttd": 30.88904, "lttd": 30.88904,
"cd": "03", "cd": "03",
"cd_nm": "GN1", "cd_nm": "GN7",
dm: "0+180", dm: "0+180",
"res_reg_cd": "42118140019-A4", "res_reg_cd": "42118140019-A4",
"ch": "0+000", "ch": "0+000",
@ -256,15 +256,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "黄麻坳水库", "res_nm": "黄麻坳水库",
"de_value": -5.1345, "de_value": -1.13,
"dn_value": 3.7423, "dn_value": 3.74,
"du_value": -11.5382, "du_value": -1.67,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": -5.1079, "max_de": -5.1079,
"max_dn": 4.6055, "max_dn": 4.6055,
"max_du": -11.1644, "max_du": -3.12,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -273,7 +273,7 @@ function DrpReal({ style }) {
"lgtd": 115.39612, "lgtd": 115.39612,
"lttd": 31.1526, "lttd": 31.1526,
"cd": "02", "cd": "02",
"cd_nm": "GN2", "cd_nm": "GN8",
dm: "0+180", dm: "0+180",
"res_reg_cd": "42118140014-A4", "res_reg_cd": "42118140014-A4",
"ch": "0+000", "ch": "0+000",
@ -290,15 +290,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "何门咀水库", "res_nm": "何门咀水库",
"de_value": -0.7313, "de_value": -1.73,
"dn_value": 2.702, "dn_value": 2.71,
"du_value": -11.493, "du_value": 2.34,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": -0.4931, "max_de": -0.4931,
"max_dn": 4.3759, "max_dn": 4.3759,
"max_du": -10.0925, "max_du": -2.11,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -307,7 +307,7 @@ function DrpReal({ style }) {
"lgtd": 115.11878, "lgtd": 115.11878,
"lttd": 30.88904, "lttd": 30.88904,
"cd": "04", "cd": "04",
"cd_nm": "GN3", "cd_nm": "GN9",
dm: "0+180", dm: "0+180",
"res_reg_cd": "42118140019-A4", "res_reg_cd": "42118140019-A4",
"ch": "0+000", "ch": "0+000",
@ -324,15 +324,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "黄麻坳水库", "res_nm": "黄麻坳水库",
"de_value": -5.7038, "de_value": -1.70,
"dn_value": 3.3505, "dn_value": 3.35,
"du_value": -11.1644, "du_value": -1.55,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": -5.1079, "max_de": -5.1079,
"max_dn": 4.6055, "max_dn": 4.6055,
"max_du": -11.1644, "max_du": 3.12,
"dt": "2025-05-20", "dt": "2025-05-20",
"is_has_data": "y" "is_has_data": "y"
}, },
@ -361,7 +361,7 @@ function DrpReal({ style }) {
"eng_scal": "小（1）型", "eng_scal": "小（1）型",
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"value": 164.8742, "value": 59.1,
"diff_value": -0.0275, "diff_value": -0.0275,
"trend": -1, "trend": -1,
"is_has_data": "y", "is_has_data": "y",
@ -370,7 +370,7 @@ function DrpReal({ style }) {
"diff_rz_cd": 5.0554, "diff_rz_cd": 5.0554,
"max_cd_value": -0.0225, "max_cd_value": -0.0225,
"rz": 165.57, "rz": 165.57,
"dt": "2025-05-20", "dt": "2025-05-20 10:00:00",
"diff5_value": -0.0737, "diff5_value": -0.0737,
"trend5": -1, "trend5": -1,
"diff10_value": -0.1204, "diff10_value": -0.1204,
@ -400,7 +400,7 @@ function DrpReal({ style }) {
"eng_scal": "小（1）型", "eng_scal": "小（1）型",
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"value": 209.4042, "value": 51.1,
"diff_value": -0.0258, "diff_value": -0.0258,
"trend": -1, "trend": -1,
"is_has_data": "y", "is_has_data": "y",
@ -409,7 +409,7 @@ function DrpReal({ style }) {
"diff_rz_cd": 48.6446, "diff_rz_cd": 48.6446,
"max_cd_value": -0.01, "max_cd_value": -0.01,
"rz": 211.94, "rz": 211.94,
"dt": "2025-05-20", "dt": "2025-05-20 11:00:00",
"diff5_value": -0.0983, "diff5_value": -0.0983,
"trend5": -1, "trend5": -1,
"diff10_value": -0.1329, "diff10_value": -0.1329,
@ -439,7 +439,7 @@ function DrpReal({ style }) {
"eng_scal": "小（1）型", "eng_scal": "小（1）型",
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"value": 162.6908, "value": 43.95,
"diff_value": -0.0246, "diff_value": -0.0246,
"trend": -1, "trend": -1,
"is_has_data": "y", "is_has_data": "y",
@ -448,7 +448,7 @@ function DrpReal({ style }) {
"diff_rz_cd": 5.0554, "diff_rz_cd": 5.0554,
"max_cd_value": -0.0225, "max_cd_value": -0.0225,
"rz": 165.57, "rz": 165.57,
"dt": "2025-05-20", "dt": "2025-05-20 12:00:00",
"diff5_value": -0.095, "diff5_value": -0.095,
"trend5": -1, "trend5": -1,
"diff10_value": -0.123, "diff10_value": -0.123,
@ -458,7 +458,7 @@ function DrpReal({ style }) {
}, },
{ {
"cd": "1", "cd": "1",
"cd_nm": "UPD1", "cd_nm": "UPD4",
"ch": "0+038", "ch": "0+038",
dm: "0+140", dm: "0+140",
"res_reg_cd": "42118140014-A4", "res_reg_cd": "42118140014-A4",
@ -478,7 +478,7 @@ function DrpReal({ style }) {
"eng_scal": "小（1）型", "eng_scal": "小（1）型",
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"value": 139.2533, "value": 59.1,
"diff_value": -0.0171, "diff_value": -0.0171,
"trend": -1, "trend": -1,
"is_has_data": "y", "is_has_data": "y",
@ -487,7 +487,7 @@ function DrpReal({ style }) {
"diff_rz_cd": 24.9337, "diff_rz_cd": 24.9337,
"max_cd_value": -0.0045, "max_cd_value": -0.0045,
"rz": 142.33, "rz": 142.33,
"dt": "2025-05-20", "dt": "2025-05-20 13:00:00",
"diff5_value": -0.0675, "diff5_value": -0.0675,
"trend5": -1, "trend5": -1,
"diff10_value": -0.0627, "diff10_value": -0.0627,
@ -498,7 +498,7 @@ function DrpReal({ style }) {
{ {
"cd": "4", "cd": "4",
"cd_nm": "UPD2", "cd_nm": "UPD5",
"ch": "0+085", "ch": "0+085",
dm: "0+140", dm: "0+140",
"res_reg_cd": "42118140020-A4", "res_reg_cd": "42118140020-A4",
@ -518,7 +518,7 @@ function DrpReal({ style }) {
"eng_scal": "小（1）型", "eng_scal": "小（1）型",
"danger_stat": "待除险加固", "danger_stat": "待除险加固",
"label": "2023高标准", "label": "2023高标准",
"value": 483.1646, "value": 51.1,
"diff_value": -0.0108, "diff_value": -0.0108,
"trend": -1, "trend": -1,
"is_has_data": "y", "is_has_data": "y",
@ -527,7 +527,7 @@ function DrpReal({ style }) {
"diff_rz_cd": 14.6887, "diff_rz_cd": 14.6887,
"max_cd_value": -0.0108, "max_cd_value": -0.0108,
"rz": 486.41, "rz": 486.41,
"dt": "2025-05-20", "dt": "2025-05-20 15:00:00",
"diff5_value": -0.0742, "diff5_value": -0.0742,
"trend5": -1, "trend5": -1,
"diff10_value": -0.1258, "diff10_value": -0.1258,
@ -537,7 +537,7 @@ function DrpReal({ style }) {
}, },
{ {
"cd": "1", "cd": "1",
"cd_nm": "UPD3", "cd_nm": "UPD6",
"ch": "0+51.6", "ch": "0+51.6",
dm: "0+140", dm: "0+140",
@ -558,7 +558,7 @@ function DrpReal({ style }) {
"eng_scal": "小（1）型", "eng_scal": "小（1）型",
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"value": 68.1333, "value": 43.95,
"diff_value": -0.0142, "diff_value": -0.0142,
"trend": -1, "trend": -1,
"is_has_data": "y", "is_has_data": "y",
@ -567,7 +567,7 @@ function DrpReal({ style }) {
"diff_rz_cd": 23.0069, "diff_rz_cd": 23.0069,
"max_cd_value": -0.0142, "max_cd_value": -0.0142,
"rz": 71.41, "rz": 71.41,
"dt": "2025-05-20", "dt": "2025-05-20 17:00:00",
"diff5_value": -0.0109, "diff5_value": -0.0109,
"trend5": -1, "trend5": -1,
"diff10_value": 0.0087, "diff10_value": 0.0087,
@ -663,15 +663,15 @@ function DrpReal({ style }) {
"danger_stat": "非病险水库", "danger_stat": "非病险水库",
"label": "2023高标准", "label": "2023高标准",
"res_nm": "浮桥河水库", "res_nm": "浮桥河水库",
"de_value": -11.5381, "de_value": -1.53,
"dn_value": -11.2248, "dn_value": -1.22,
"du_value": 113.8833, "du_value": 113.8833,
"de_trend": null, "de_trend": null,
"dn_trend": null, "dn_trend": null,
"du_trend": null, "du_trend": null,
"max_de": 2.9303, "max_de": 2.9303,
"max_dn": -2.1648, "max_dn": -2.1648,
"max_du": 113.8833, "max_du": 2.56,
"dt": "2025-05-25", "dt": "2025-05-25",
"is_has_data": "y", "is_has_data": "y",
'cd': '0EA5DE', 'cd': '0EA5DE',
@ -1273,7 +1273,7 @@ function DrpReal({ style }) {
<DpTableCell style={{ minWidth: '3rem' }} align="center">断面</DpTableCell> <DpTableCell style={{ minWidth: '3rem' }} align="center">断面</DpTableCell>
<DpTableCell style={{ minWidth: '4rem' }} align="center">测点</DpTableCell> <DpTableCell style={{ minWidth: '4rem' }} align="center">测点</DpTableCell>
<DpTableCell style={{ minWidth: '6rem' }} align="center">渗压水位</DpTableCell> <DpTableCell style={{ minWidth: '6rem' }} align="center">渗压水位(m)</DpTableCell>
<DpTableCell style={{ minWidth: '9rem' }} align="center">监测时间</DpTableCell> <DpTableCell style={{ minWidth: '9rem' }} align="center">监测时间</DpTableCell>
</TableRow> </TableRow>

12
src/views/Home/panels/Diaodujg/tableYj.js
View File

@ -134,19 +134,19 @@ const ReservoirTable = ({onChange}) => {
<TableRow> <TableRow>
<TableCell className={classes.headerCell}>水库名称</TableCell> <TableCell className={classes.headerCell}>水库名称</TableCell>
<TableCell className={classes.headerCell}> <TableCell className={classes.headerCell}>
最大入库流量<br/>(m³/s) 最大入库流量(m³/s)
</TableCell> </TableCell>
<TableCell className={classes.headerCell}> <TableCell className={classes.headerCell}>
总入库水量<br/>(万m³) 总入库水量(万m³)
</TableCell> </TableCell>
<TableCell className={classes.headerCell}> <TableCell className={classes.headerCell}>
最大出库流量<br/>(m³/s) 最大出库流量(m³/s)
</TableCell> </TableCell>
<TableCell className={classes.headerCell}> <TableCell className={classes.headerCell}>
总出库水量<br/>(万m³) 总出库水量(万m³)
</TableCell> </TableCell>
<TableCell className={classes.headerCell}> <TableCell className={classes.headerCell}>
最高库水位<br/>(m) 最高库水位(m)
</TableCell> </TableCell>
</TableRow> </TableRow>
</TableHead> </TableHead>
@ -158,7 +158,7 @@ const ReservoirTable = ({onChange}) => {
<TableCell className={classes.cell}>{item.totalStorage}</TableCell> <TableCell className={classes.cell}>{item.totalStorage}</TableCell>
<TableCell className={classes.cell}>{formatFlowCell(item.maxOutflow)}</TableCell> <TableCell className={classes.cell}>{formatFlowCell(item.maxOutflow)}</TableCell>
<TableCell className={classes.cell}>16.76</TableCell> <TableCell className={classes.cell}>16.76</TableCell>
<TableCell className={classes.cell}>12.32（03-23 14：:32）</TableCell> <TableCell className={classes.cell}>12.32<span className={classes.timeText}>(03-23 14:32)</span></TableCell>
</TableRow> </TableRow>
))} ))}
</TableBody> </TableBody>

22
src/views/Home/panels/Jcgj/index.js
View File

@ -44,8 +44,8 @@ function HDReal({ style }) {
} }
const handleBxDlg = () => { const handleBxDlg = () => {
dispatch.runtime.setInfoDlg({ layerId: 'WyWarnLayer', properties: {}}) dispatch.runtime.setInfoDlg({ layerId: 'WyWarnLayer', properties: {} })
} }
return ( return (
<PanelBox <PanelBox
@ -54,26 +54,28 @@ function HDReal({ style }) {
color="green" color="green"
extra={ extra={
<div> <div>
{moment().subtract(6,'day').format('YYYY-MM-DD')}~{moment().format('YYYY-MM-DD')} {moment().subtract(6, 'day').format('YYYY-MM-DD')}~{moment().format('YYYY-MM-DD')}
</div> </div>
} }
> >
<div style={{ display: 'flex', padding: '10px 5px',marginLeft:30, justifyContent: 'space-between', flexWrap: 'wrap' }}> <div style={{ display: 'flex', padding: '10px 5px', marginLeft: 30, justifyContent: 'space-between', flexWrap: 'wrap' }}>
<div> <div>
<img src={`${process.env.PUBLIC_URL}/assets/s3.png`} alt="" style={{ width: 180,cursor:'pointer' }} onClick={handleBxDlg}/> <img src={`${process.env.PUBLIC_URL}/assets/s3.png`} alt="" style={{ width: 180, cursor: 'pointer' }} onClick={handleBxDlg} />
<img src={`${process.env.PUBLIC_URL}/assets/s2.png`} alt="" style={{ width: 180 }} /> <img src={`${process.env.PUBLIC_URL}/assets/s4.png`} alt="" style={{ width: 180 }} />
</div> </div>
<div style={{ margin: '5px 0' }}> <div style={{ margin: '5px 0' }}>
<img src={`${process.env.PUBLIC_URL}/assets/s1.png`} alt="" style={{ width: 180 }} /> <img src={`${process.env.PUBLIC_URL}/assets/s5.png`} alt="" style={{ width: 180 }} />
<img src={`${process.env.PUBLIC_URL}/assets/s4.png`} alt="" style={{ width: 180 }} /> <img src={`${process.env.PUBLIC_URL}/assets/s2.png`} alt="" style={{ width: 180 }} />
</div> </div>
<div > <div >
<img src={`${process.env.PUBLIC_URL}/assets/s5.png`} alt="" style={{ width: 180 }} /> <img src={`${process.env.PUBLIC_URL}/assets/s1.png`} alt="" style={{ width: 180 }} />
<img src={`${process.env.PUBLIC_URL}/assets/s6.png`} alt="" style={{ width: 180 }} /> <img src={`${process.env.PUBLIC_URL}/assets/s6.png`} alt="" style={{ width: 180 }} />
</div> </div>
<img src={`${process.env.PUBLIC_URL}/assets/s7.png`} alt="" style={{ width: 180,marginTop:5 }} /> <img src={`${process.env.PUBLIC_URL}/assets/s7.png`} alt="" style={{ width: 180, marginTop: 5 }} />
</div> </div>

2
src/views/Home/panels/Sksltj/barCgart.js
View File

@ -96,7 +96,7 @@ const WaterSupplyChart = ({type}) => {
return ( return (
<ReactECharts <ReactECharts
option={option} option={option}
style={{height:230}} style={{height:200}}
className={classes.chart} className={classes.chart}
// theme="dark" // theme="dark"
/> />

28
src/views/Home/panels/Sksltj/index.js
View File

@ -366,7 +366,7 @@ function DrpReal({ style }) {
> >
<div className='water-source-box'> <div className='water-source-box'>
<div className='source-total' style={{ marginTop: -15 }}> <div className='source-total' style={{ marginTop: -15 }}>
<div className='skyb-box'> <div className='skyb-box' >
<div className='rain-yb'> <div className='rain-yb'>
<div className='title-yb'>水资源统计</div> <div className='title-yb'>水资源统计</div>
</div> </div>
@ -389,7 +389,7 @@ function DrpReal({ style }) {
</div> </div>
</div> </div>
<div className='providerWater-total'> <div className='providerWater-total'>
<div className='skyb-box'> <div className='skyb-box' style={{padding:0}}>
<div className='rain-yb' style={{ display: 'flex', position: 'relative', justifyContent: 'space-between', alignItems: 'center' }}> <div className='rain-yb' style={{ display: 'flex', position: 'relative', justifyContent: 'space-between', alignItems: 'center' }}>
<div className='title-yb'>供水统计分析</div> <div className='title-yb'>供水统计分析</div>
<img src={`${process.env.PUBLIC_URL}/assets/gantanh.png`} alt="" <img src={`${process.env.PUBLIC_URL}/assets/gantanh.png`} alt=""
@ -430,33 +430,33 @@ function DrpReal({ style }) {
{ {
tab == '生态' ? tab == '生态' ?
<> <>
<div style={{ width: "100%", display: 'flex', fontSize: '12px', flexDirection: 'column', justifyContent: 'space-around', padding: '0.5rem 0' }}> <div style={{ width: "100%", display: 'flex', fontSize: '12px', flexDirection: 'column', padding: '0.5rem 0' }}>
<div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}> <div style={{ width: '10rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}>
<div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.363</span> m³/s</div> <div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.363</span> m³/s</div>
<div style={{ textAlign: 'center' }}>实时流量({moment().format('YYYY-MM-DD') + ' 09:00'})</div> <div style={{ textAlign: 'center' }}>实时流量({moment().format('YYYY-MM-DD') + ' 09:00'})</div>
</div> </div>
<div style={{ width: '8rem', padding: '0.5rem 0.5rem', margin: "10px 0", background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}> <div style={{ width: '10rem', padding: '0.5rem 0.5rem', margin: "10px 0", background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}>
<div><span style={{ color: '#76b1d4', fontSize: '22px' }}>371.12</span> %</div> <div><span style={{ color: '#76b1d4', fontSize: '22px' }}>93.33</span> %</div>
<div style={{ marginTop: '5px' }}>近30天达标率</div> <div style={{ marginTop: '5px' }}>近30天达标率</div>
</div> </div>
<div style={{ width: '8rem', padding: '0.5rem 0.5rem', marginBottom: '10px', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}> <div style={{ width: '10rem', padding: '0.5rem 0.5rem', marginBottom: '0px', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}>
<div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.358</span> m³/s</div> <div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.358<span style={{fontSize:16}}>(0.038)</span></span> m³/s</div>
<div style={{ marginTop: '5px' }}>日平均流量({moment().format('YYYY-MM-DD')})</div> <div style={{ marginTop: '5px' }}>日平均流量({moment().format('YYYY-MM-DD')})</div>
</div> </div>
<div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}> {/* <div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}>
<div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.32</span> m³/s</div> <div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.32</span> m³/s</div>
<div style={{ marginTop: '5px' }}>生态流量目标({moment().format('YYYY-MM-DD')})</div> <div style={{ marginTop: '5px' }}>生态流量目标({moment().format('YYYY-MM-DD')})</div>
</div> </div> */}
</div> </div>
{/* <CustomCalendar markedDates={markedDates} /> */} {/* <CustomCalendar markedDates={markedDates} /> */}
<img src={`${process.env.PUBLIC_URL}/assets/calendar.png`} alt="" style={{ width: 300, height: 330, transform: 'scale(0.9)' }} /> <img src={`${process.env.PUBLIC_URL}/assets/calendar.png`} alt="" style={{ width: 267, height: 258, marginLeft:10 }} />
</> </>
: null : null
} }
{ {
tab == '水厂' ? tab == '水厂' ?
<div> <div>
<div style={{ width: "100%", display: 'flex', fontSize: '12px', justifyContent: 'space-around', padding: '0.5rem 0', columnGap: 10 }}> <div style={{ width: "100%", display: 'flex', fontSize: '12px', justifyContent: 'space-around', padding: '0rem 0', columnGap: 10 }}>
<div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}> <div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}>
<div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.363</span> m³/s</div> <div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.363</span> m³/s</div>
<div style={{ textAlign: 'center' }}>实时流量({moment().format('YYYY-MM-DD') + ' 09:00'})</div> <div style={{ textAlign: 'center' }}>实时流量({moment().format('YYYY-MM-DD') + ' 09:00'})</div>
@ -477,7 +477,7 @@ function DrpReal({ style }) {
{ {
tab == '灌溉' ? tab == '灌溉' ?
<div> <div>
<div style={{ width: "100%", display: 'flex', fontSize: '12px', justifyContent: 'space-around', padding: '0.5rem 0', columnGap: 10 }}> <div style={{ width: "100%", display: 'flex', fontSize: '12px', justifyContent: 'space-around', padding: '0rem 0', columnGap: 10 }}>
<div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}> <div style={{ width: '8rem', padding: '0.5rem 0.5rem', background: '#2a5278', display: 'flex', flexDirection: 'column', justifyContent: 'flex-start', alignItems: 'center', color: "#ffffff" }}>
<div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.351</span> m³/s</div> <div><span style={{ color: '#76b1d4', fontSize: '22px' }}>0.351</span> m³/s</div>
<div style={{ textAlign: 'center' }}>实时流量({moment().format('YYYY-MM-DD') + ' 09:00'})</div> <div style={{ textAlign: 'center' }}>实时流量({moment().format('YYYY-MM-DD') + ' 09:00'})</div>
@ -497,7 +497,7 @@ function DrpReal({ style }) {
} }
</div> </div>
<div className='predictwater'> <div className='predictwater'>
<div className='skyb-box'> <div className='skyb-box' style={{padding:0}}>
<div className='rain-yb'> <div className='rain-yb'>
<div className='title-yb'>预测来水</div> <div className='title-yb'>预测来水</div>
</div> </div>

4
src/views/Home/panels/Sksltj/index.less
View File

@ -3,7 +3,7 @@
.source-container { .source-container {
display: flex; display: flex;
gap: 16px; gap: 16px;
padding: 2px; // padding: 2px;
.source-card { .source-card {
flex: 1; flex: 1;
@ -21,7 +21,7 @@
.source-value { .source-value {
font-size: 32px; font-size: 32px;
font-weight: bold; font-weight: bold;
margin-bottom: 8px; // margin-bottom: 8px;
} }
.source-label { .source-label {