diff --git a/public/assets/images/return.png b/public/assets/images/return.png new file mode 100644 index 0000000..e84be0c Binary files /dev/null and b/public/assets/images/return.png differ diff --git a/public/assets/images/view1.png b/public/assets/images/view1.png new file mode 100644 index 0000000..4feacb3 Binary files /dev/null and b/public/assets/images/view1.png differ diff --git a/public/assets/images/view2.png b/public/assets/images/view2.png new file mode 100644 index 0000000..2478a28 Binary files /dev/null and b/public/assets/images/view2.png differ diff --git a/src/components/ant_override.less b/src/components/ant_override.less index 3e43860..e68048b 100644 --- a/src/components/ant_override.less +++ b/src/components/ant_override.less @@ -444,3 +444,12 @@ input:-webkit-autofill:active { } } } + +//修改Radio全局样式 +.ant-radio-wrapper{ + .ant-radio{ + .ant-radio-inner{ + background: transparent!important; + } + } +} \ No newline at end of file diff --git a/src/models/map/index.ts b/src/models/map/index.ts index 9acb727..e6aba0f 100644 --- a/src/models/map/index.ts +++ b/src/models/map/index.ts @@ -28,8 +28,8 @@ function initState() { QSYDWLayer:false,//企事业单位 YHJMHLayer:false,//沿河居民户 - ShuiKuLayer: true,//水库 - ShuiDianZhanLayer: true,//水电站 + ShuiKuLayer: false,//水库 + ShuiDianZhanLayer: false,//水电站 }, layerSetting: { HLLayer:'B',//A矢量图样式，B卫星图样式 diff --git a/src/service/apiurl.js b/src/service/apiurl.js index cf6fe7a..994bad2 100644 --- a/src/service/apiurl.js +++ b/src/service/apiurl.js @@ -178,6 +178,15 @@ const apiurl = { ya: { rota: service + '/screen/plan/rota', document:service + '/screen/plan/doc' + }, + hsyb:{ + //预报方案管理 + ybfagl: { + page: service + "/forecastProject/page", + getData: service + "/forecastProject/getForecastProjectResults", + del: service + "/forecastProject/del/", + export: service + '/forecastProject/export' + }, } }, sg: { @@ -196,6 +205,17 @@ const apiurl = { wxyh:{ info:service + '/screen/mfr/get/', } + }, + gcaqjc:{ + gcaqyj:{ + yjgzpz: { + page: service + '/osmoticWarnRule/page', + save: service + '/osmoticWarnRule/insert', + edit: service + "/osmoticWarnRule/update", + delete: service + "/osmoticWarnRule/del", + list: service + "/osmoticPressDevice/list" + } + } } } diff --git a/src/views/Home/MapCtrl/Pops/index.less b/src/views/Home/MapCtrl/Pops/index.less index 75f9ed4..00da44d 100644 --- a/src/views/Home/MapCtrl/Pops/index.less +++ b/src/views/Home/MapCtrl/Pops/index.less @@ -109,6 +109,83 @@ } } - .dp-popup-tip { - border: 10px solid transparent; - } \ No newline at end of file +.dp-popup-tip { + border: 10px solid transparent; +} + + +.home_modal{ + .ant-modal-content{ + border-radius: 10px; + } +} +.normalModalStyle{ + width: 100%; + // min-height: 600px; + background-color: #fff; + .ant-card-body{ + + .ant-table-thead{ + .ant-table-cell{ + background-color: #e2edfd !important; + } + } + } + +.normalModalStyle_title{ + height: 40px; + background-color: #f7f7f7; + border-radius: 10px 10px 0 0 ; + display: flex; + align-items: center; + color: #007afd; + font-size: 16px; + font-weight: 500; + margin-bottom: 10px; + + .normalModalStyle_title_icon{ + margin: 0 10px 0 15px; + width: 5px; + height: 16px; + background: #3477f5; + } + .normalModalStyle_title_cancel{ + margin-right: 15px; + flex: 1; + display: flex; + flex-direction: row-reverse; + } + } +} +.homeModal2{ + display: flex; + flex-direction: column; + .homeModal2_content{ + height: 504px; + display: flex; + padding: 5px 20px 20px 20px; + } +} +.homeModal1{ + // .ant-radio-button-wrapper:not(:first-child)::before{ + // background-color: red; + // } + + + + display: flex; + flex-direction: column; + .homeModal1_content{ + height: 504px; + display: flex; + padding: 5px 20px 20px 20px; + .homeModal1_content_lf{ + width: 40%; + height: 100%; + } + .homeModal1_content_rf{ + width: 60%; + height: 100%; + } + } +} \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js b/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js new file mode 100644 index 0000000..bb0c28d --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/FloodPreview/count.js @@ -0,0 +1,30 @@ + +const Page = ({data={}}) => { + + + return ( + <> +
+
+
+
{1.18||0}km²
+
受灾面积
+
+
+
+
+
{2||0}个
+
受灾村庄
+
+
+
+
+
{217||0}人
+
受灾人口
+
+
+
+ + ) +} +export default Page \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js new file mode 100644 index 0000000..48cd9cc --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.js @@ -0,0 +1,118 @@ +import React, { useState, useEffect } from 'react'; +import { Radio, message } from 'antd'; +import arrowIcon from '@/assets/images/card/arrow.png'; +import NormalSelect from '../../../../../../../components/Form/NormalSelect' +import './index.less' +import Count from './count' +import apiurl from '@/service/apiurl'; +import { httpget, httppost } from '@/utils/request'; + + +const FloodPreview = ({setPlanData}) => { + const [ options, setOptions ] = useState([]) + const [ radio, setRadio ] = useState(1) + const [ planId, setPlanId ] = useState(null) + const [ data, setData ] = useState({}) + console.log(data); + useEffect(()=>{ + getPlan() + },[]) + + useEffect(()=>{ + if(radio===1 && planId){ + getData(planId) + }else{ + setData({}) + } + },[planId,radio]) + + // 获取预报数据 + const getPlan = async () => { + const { code, data, description} = await httppost(apiurl.sy.hsyb.ybfagl.page,{ + "pageSo": { + "pageSize": 999, + "pageNumber": 1 + }, + "orderField": "chtm", + "isAsc": false + }) + + if(code===400 && description){ + message.error(description) + setOptions([]) + return + } + if(code!==200){ + message.error('请求失败') + setOptions([]) + return + } + const list = data?.records?.map(o=>({ + ...o, + label: o.name, + value: o.id + })) + setPlanId(list?.[0]?.value||null) + setOptions(list||[]) + }; + const getData = async (projectId) => { + const { code, data, description} = await httpget(apiurl.sy.hsyb.ybfagl.getData,{projectId}) + if(code===400 && description){ + message.error(description) + setData({}) + return + } + if(code!==200){ + message.error('请求失败') + setData({}) + return + } + setData(data||{}) + }; + + + + console.log(radio); + return ( +
+
+ arrow + 选择预报方案 +
+
+ setRadio(1)}/> + setPlanId(e)} + /> +
+
+ setRadio(2)}/> + 24小时降雨400mm（50年一遇） +
+
+ setRadio(3)}/> + 24小时降雨500mm（100年一遇） +
+ +
+ arrow + 淹没受灾统计 +
+ + +
+
{ + if(data.id){ + setPlanData(data) + } + }}>洪水预演
+
+
+ ); +}; + +export default FloodPreview; diff --git a/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less new file mode 100644 index 0000000..436064f --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/FloodPreview/index.less @@ -0,0 +1,97 @@ +.flood-preview-section{ + .section-title { + display: flex; + align-items: center; + margin-bottom: 10px; + + .arrow-icon { + width: 20px; + height: 18px; + margin-right: 8px; + object-fit: contain; + } + + span { + font-size: 14px; + color: #fff; + text-shadow: 0 0 5px rgba(0, 160, 233, 0.5); + } + } + + .flood-preview-section-radio{ + cursor: pointer; + color: rgba(255, 255, 255, 0.9); + margin-bottom: 5px; + + .ant-radio-wrapper{ + margin-right: 10px; + } + } + + .forecast-section-count{ + display: flex; + flex-wrap: wrap; + + .forecast-section-countBox { + width: 33%; + height: 65px; + display: flex; + align-items: center; + justify-content: center; + padding: 3px; + + .forecast-section-countItem{ + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABGCAYAAAAtpKGgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTAxLTMwVDEzOjMyOjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wMS0zMFQxMzozNDo0OCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wMS0zMFQxMzozNDo0OCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmZDRiNmY1My04ZjlhLTcy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) 50% 50% / 100% 100% no-repeat; + + .forecast-section-countItem-num{ + font-size: 16px; + color: #00D8FF; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + } + .forecast-section-countItem-text{ + font-size: 13px; + color: #9DD2E4; + margin-top: 2px; + } + } + } + } + + + .flood-preview-section-btn{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + margin-top: 20px; + } + .uav-button { + width: 70%; + height: 36px; + line-height: 36px; + text-align: center; + background: rgba(18, 56, 102, 0.6); + border: 1px solid #00a0e9; + border-radius: 4px; + color: rgba(255, 255, 255, 0.9); + font-size: 14px; + cursor: pointer; + transition: all 0.3s; + box-shadow: 0 0 5px rgba(0, 160, 233, 0.3); + + &:hover { + background: rgba(0, 160, 233, 0.4); + box-shadow: 0 0 10px rgba(0, 160, 233, 0.6); + } + } +} \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js b/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js new file mode 100644 index 0000000..ed79872 --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/charts.js @@ -0,0 +1,281 @@ +import { useEffect, useMemo, useState } from 'react' +import { Empty } from 'antd'; +import ReactEcharts from 'echarts-for-react'; + + +const Page = ({data=[]}) => { + const option = useMemo(()=>{ + const getVal = (val)=>{ + if(val===null||val===undefined){ + return '-' + }else{ + return Number(val).toFixed(2) + } + } + + return { + tooltip: { + trigger: 'axis' + }, + grid: [ + { + top: '20%', + left: '12%', + right: '10%', + width: '80%', + height: '32%' + }, + { + bottom: '5%', + left: '12%', + right: '10%', + width: '80%', + height: '32%' + } + ], + legend: { + // 显示图例 + show: true, + textStyle: { color: '#fff' }, + // 图例的位置 + // data: ['汛限水位', '设计水位', '校核水位', "降雨量", "水位", "库容"], + // data: ['校核水位', '设计水位', '汛限水位', '降雨量', '水位', '库容'] + data: ['降雨量', '预报水位', '预报入库流量', '预报出库流量', '汛限水位', '设计洪水位'] + + }, + xAxis: [ + { + gridIndex: 0, + type: 'category', + data: data.map(o => o.tm), + + splitLine: { + show: false + }, + axisLabel: { + color: '#fff', + fontSize: 12, + show: false + }, + axisLine: { + lineStyle: { + color: 'rgba(255,255,255,0.5)', + } + }, + axisTick: { + show: false + } + }, + { + gridIndex: 1, + type: 'category', + data: data.map(o => o.tm), + inverse: true, + splitLine: { + show: false + }, + axisLabel: { + color: '#fff', + fontSize: 12, + formatter: val => val.substr('2020-'.length, 11) + }, + axisLine: { + lineStyle: { + color: 'rgba(255,255,255,0.5)', + } + }, + axisTick: { + show: false + } + } + + ], + + yAxis: [ + { + inverse: true, + gridIndex: 0, + type: 'value', + position: 'left', + name: '降雨量(mm)', + nameLocation: 'start', + nameTextStyle: { + color: '#fff' + }, + axisLabel: { + color: '#fff', + fontSize: 12 + }, + splitLine: { + show: true, + lineStyle: { + color: 'rgba(255,255,255,0.5)', + type: 'dotted' + } + }, + axisLine: { + show: false + }, + axisTick: { + show: false + }, + min: 0, + // max: maxVal + }, + { + gridIndex: 1, + type: 'value', + position: 'left', + name: '水位(m)', + nameTextStyle: { + color: '#fff' + }, + splitLine: { + show: true, + lineStyle: { + color: 'rgba(255,255,255,0.5)', + type: 'dotted' + } + }, + axisLabel: { + color: '#fff', + fontSize: 12 + }, + axisLine: { + show: false + }, + axisTick: { + show: false + }, + // min: minSw, + // max: maxSw + }, + { + gridIndex: 1, + type: 'value', + position: 'right', + name: '流量(m³/s)', + nameTextStyle: { + color: '#fff' + }, + splitLine: { + show: false, + lineStyle: { + color: '#07a6ff', + width: 0.25, + type: 'dotted' + } + }, + axisLabel: { + color: '#fff', + fontSize: 12 + }, + axisLine: { + show: false + }, + axisTick: { + show: false + }, + // min: minKr, + // max: maxKr + } + ], + series: [ + { + xAxisIndex: 0, + yAxisIndex: 0, + name: '降雨量', + type: 'bar', + barWidth: '50%', + data: data.map((v) => getVal(v.drp)), + itemStyle: { + color: '#007AFD', + }, + label: { + show: false + }, + }, + { + xAxisIndex: 1, + yAxisIndex: 1, + name: '预报水位', + type: 'line', + color: '#4b85f0', + lineStyle: { + type: 'dashed' + }, + data: data.map(o => getVal(o.ycSwHValue)), + symbol: 'none', // 设置标记点为'none'，即去掉圆点 + smooth: 0.5, + }, + { + xAxisIndex: 1, + yAxisIndex: 2, + name: '预报入库流量', + type: 'line', + color: "#82b87e", + lineStyle: { + type: "dashed" + }, + data: data.map(o => getVal(o.ycRkQValue)), + symbol: 'none', // 设置标记点为'none'，即去掉圆点 + smooth: 0.5, + }, + { + xAxisIndex: 1, + yAxisIndex: 2, + name: '预报出库流量', + type: 'line', + color: "#e5625c", + lineStyle: { + type: "dashed" + }, + data: data.map(o => getVal(o.ycCkQValue)), + symbol: 'none', // 设置标记点为'none'，即去掉圆点 + smooth: 0.5, + }, + { + xAxisIndex: 1, + yAxisIndex: 1, + name: '汛限水位', + type: 'line', + color: "#f2ca6b", + lineStyle: { + type: "dashed" + }, + data: data.map(o => getVal(o.flLowLimLev)), + symbol: 'none', // 设置标记点为'none'，即去掉圆点 + smooth: 0.5, + }, + { + xAxisIndex: 1, + yAxisIndex: 1, + name: '设计洪水位', + type: 'line', + color: '#D9001B', + lineStyle: { + type: 'dashed' + }, + data: data.map(o => 0), + symbol: 'none' // 设置标记点为'none'，即去掉圆点 + }, + ] + }; + },[data]) + + + return ( +
+ { + option ? + :
+ +
+ } +
+ ) +} +export default Page \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js b/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js new file mode 100644 index 0000000..1e8f3c1 --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/count.js @@ -0,0 +1,36 @@ + +const Page = ({data={}}) => { + + + return ( + <> +
+
+
+
{data.ycSumFlood}mm
+
预报面雨量
+
+
+
+
+
{data.ycMaxSwH}m
+
最高水位
+
+
+
+
+
{data.ycMaxRkQ}m³/s
+
最大入库流量
+
+
+
+
+
{data.ycMaxCkQ}m³/s
+
最大出库流量
+
+
+
+ + ) +} +export default Page \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/index.js b/src/views/Home/components/Business/SiYu/components/ForecastSection/index.js new file mode 100644 index 0000000..dbea5f7 --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/index.js @@ -0,0 +1,983 @@ +import React, { useState, useEffect } from 'react'; +import { Table, message } from 'antd'; +import MyCharts from './charts' +import Count from './count' +import './index.less' +import { httpget, httppost } from '@/utils/request'; + +const ForecastSection = () => { + const [data, setData] = useState({}) + console.log(data); + useEffect(()=>{ + getData() + },[]) + + // 获取预报数据 + const getData = async () => { + // const { code, data, description} = await httpget('未对接接口') + const { code, data, description} = { + "code": 200, + "description": "请求成功", + "data": { + "pageSo": null, + "orderField": null, + "isAsc": null, + "id": "2013796371344191489", + "name": "洪水预报2025110611方案", + "type": "2", + "forecastTm": "2025-11-06 11:00:00", + "projectTm": "2026-01-21 10:00:00", + "startTm": "2025-11-05 11:00:00", + "endTm": "2025-11-07 11:00:00", + "userId": "59_admin", + "forecastPeriod": 24, + "forecastWarm": 1, + "chtm": "2026-01-21 10:10:44", + "updateTm": "2026-01-21 10:10:44", + "timeInterval": null, + "taskId": null, + "voList": [ + { + "tm": "2025-11-05 12:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 13:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 14:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 15:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 16:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 17:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.34, + "swHDValue": 0, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 18:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 19:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 20:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 21:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 22:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.34, + "swHDValue": 0, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-05 23:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.34, + "swHDValue": 0, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 00:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 01:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 02:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.34, + "swHDValue": 0, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 03:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 04:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.34, + "swHDValue": 0, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 05:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 06:00:00", + "ycRkQValue": 0, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 07:00:00", + "ycRkQValue": 0.01, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 08:00:00", + "ycRkQValue": 0.03, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.57, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 09:00:00", + "ycRkQValue": 0.04, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 10:00:00", + "ycRkQValue": 0.05, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 11:00:00", + "ycRkQValue": 0.08, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 12:00:00", + "ycRkQValue": 0.1, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 13:00:00", + "ycRkQValue": 0.12, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 14:00:00", + "ycRkQValue": 0.15, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 1, + "ispreDrp": "0", + "r": 0.04, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 15:00:00", + "ycRkQValue": 0.19, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 16:00:00", + "ycRkQValue": 0.24, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 17:00:00", + "ycRkQValue": 0.25, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.02, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 18:00:00", + "ycRkQValue": 0.28, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 1, + "ispreDrp": "0", + "r": 0.05, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 19:00:00", + "ycRkQValue": 0.33, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 20:00:00", + "ycRkQValue": 0.36, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 21:00:00", + "ycRkQValue": 0.38, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.35, + "swHDValue": -0.01, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 22:00:00", + "ycRkQValue": 0.41, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-06 23:00:00", + "ycRkQValue": 0.4, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 00:00:00", + "ycRkQValue": 0.38, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 01:00:00", + "ycRkQValue": 0.36, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 1, + "ispreDrp": "0", + "r": 0.05, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 02:00:00", + "ycRkQValue": 0.38, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.37, + "swHDValue": -0.03, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 03:00:00", + "ycRkQValue": 0.4, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 1.5, + "ispreDrp": "0", + "r": 0.1, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 04:00:00", + "ycRkQValue": 0.47, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 1.5, + "ispreDrp": "0", + "r": 0.1, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 05:00:00", + "ycRkQValue": 0.55, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 06:00:00", + "ycRkQValue": 0.61, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.37, + "swHDValue": -0.03, + "drp": 1, + "ispreDrp": "0", + "r": 0.06, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 07:00:00", + "ycRkQValue": 0.65, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.36, + "swHDValue": -0.02, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.03, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 08:00:00", + "ycRkQValue": 0.68, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.37, + "swHDValue": -0.03, + "drp": 1.5, + "ispreDrp": "0", + "r": 0.11, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 11.47, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 09:00:00", + "ycRkQValue": 0.76, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.37, + "swHDValue": -0.03, + "drp": 0.5, + "ispreDrp": "0", + "r": 0.78, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 25.62, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 10:00:00", + "ycRkQValue": 1.35, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.38, + "swHDValue": -0.04, + "drp": 1.5, + "ispreDrp": "0", + "r": 0.18, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 25.62, + "nowCap": null, + "psum": 0, + "rsum": null + }, + { + "tm": "2025-11-07 11:00:00", + "ycRkQValue": 2.03, + "realRkQValue": null, + "ycCkQValue": 0, + "realCkQValue": 0, + "ycSwHValue": 107.34, + "realSwHValue": 107.38, + "swHDValue": -0.04, + "drp": 0, + "ispreDrp": "0", + "r": 0, + "flLowLimLev": 109, + "currentYdgdyjz": 0.1, + "pa": 25.62, + "nowCap": null, + "psum": 0, + "rsum": null + } + ], + "ycMaxSwH": 107.34, + "ycMaxRkQ": 2.03, + "ycMaxCkQ": 0, + "ycSumFlood": 4.3344 + }, + "success": true + } + + if(code===400 && description){ + message.error(description) + setData({}) + return + } + if(code!==200){ + message.error('请求失败') + setData({}) + return + } + setData(data||{}) + }; + + return ( +
+
预报时段（24小时）：07-28 08:00 至 07-29 08:00
+ + +
+ ); +}; + +export default ForecastSection; diff --git a/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less b/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less new file mode 100644 index 0000000..ee444c5 --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/ForecastSection/index.less @@ -0,0 +1,51 @@ +.forecast-section{ + width: 100%; + .forecast-section-time{ + font-size: 14px; + color: #ffffff; + margin: 0 0 5px 10px; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .forecast-section-count{ + display: flex; + flex-wrap: wrap; + + .forecast-section-countBox { + width: 25%; + height: 65px; + display: flex; + align-items: center; + justify-content: center; + padding: 3px; + + .forecast-section-countItem{ + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABGCAYAAAAtpKGgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTAxLTMwVDEzOjMyOjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wMS0zMFQxMzozNDo0OCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wMS0zMFQxMzozNDo0OCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmZDRiNmY1My04ZjlhLTcy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) 50% 50% / 100% 100% no-repeat; + + .forecast-section-countItem-num{ + font-size: 16px; + color: #00D8FF; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + } + .forecast-section-countItem-text{ + font-size: 13px; + color: #9DD2E4; + margin-top: 2px; + } + } + } + } +} \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/PlanPreview/count.js b/src/views/Home/components/Business/SiYu/components/PlanPreview/count.js new file mode 100644 index 0000000..db0be60 --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/PlanPreview/count.js @@ -0,0 +1,48 @@ + +const Page = ({data={}}) => { + + + return ( + <> +
+
+
+
{104.17}万m³
+
泄洪量
+
+
+
+
+
{0.8}m
+
最高淹没水深
+
+
+
+
+
{17}h
+
淹没历时
+
+
+
+
+
{1.18}km²
+
受灾面积
+
+
+
+
+
{2}个
+
受灾村庄
+
+
+
+
+
{217}人
+
受灾人口
+
+
+
+ + ) +} +export default Page \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/components/PlanPreview/index.js b/src/views/Home/components/Business/SiYu/components/PlanPreview/index.js new file mode 100644 index 0000000..a45b0fb --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/PlanPreview/index.js @@ -0,0 +1,105 @@ +import React, { useState, useEffect } from 'react'; +import { Table, message } from 'antd'; +import { useDispatch, useSelector } from 'react-redux'; +import arrowIcon from '@/assets/images/card/arrow.png'; +import NormalSelect from '../../../../../../../components/Form/NormalSelect' +import './index.less' +import Count from './count' +import apiurl from '@/service/apiurl'; +import { httpget, httppost } from '@/utils/request'; + + +const PlanPreview = ({setPlanData}) => { + const dispatch = useDispatch() + const [ radio, setRadio ] = useState(1) + const [ planId, setPlanId ] = useState(null) + const [ data, setData ] = useState({}) + + const columns = [ + { title: '受灾村庄', key: 'cznm', dataIndex: 'cznm', align:"center"}, + { title: '受灾人口(人)', key: 'rk', dataIndex: 'rk', align:"center"}, + { title: '最高淹没深度(m)', key: 'sd', dataIndex: 'sd', align:"center"}, + ]; + const data1 = [ + { cznm:'芳秀畈村', rk:98, sd:0.3 }, + { cznm:'芳秀畈村', rk:119, sd:0.5 }, + ] + const columns2 = [ + { title: '单位名称', key: 'dw', dataIndex: 'dw', align:"center"}, + { title: '影响人口(人)', key: 'rk', dataIndex: 'rk', align:"center"}, + { title: '最高淹没深度(m)', key: 'sd', dataIndex: 'sd', align:"center"}, + ]; + const data2 = [ + { dw:'中学', rk:98, sd:0.3 }, + ] + + return ( +
+
+ arrow + 淹没统计 +
+ +
+ arrow + 村庄影响情况 +
+ + + +
+ arrow + 企事业单位影响情况 +
+
+ +
+ arrow + 切换视角 +
+ +
+ { + dispatch.runtime.setCameraTarget({ + center: [114.15437134051429, 29.744689445729758], + zoom: 18, + pitch: 60 + }) + }} + /> + { + dispatch.runtime.setCameraTarget({ + center: [114.15437134051429, 29.704689445729758], + zoom: 14, + pitch: 60 + }) + }} + /> +
+
+
水库视角
+
下游视角
+
+ + ); +}; + +export default PlanPreview; diff --git a/src/views/Home/components/Business/SiYu/components/PlanPreview/index.less b/src/views/Home/components/Business/SiYu/components/PlanPreview/index.less new file mode 100644 index 0000000..68598cb --- /dev/null +++ b/src/views/Home/components/Business/SiYu/components/PlanPreview/index.less @@ -0,0 +1,113 @@ +.plan-preview-section{ + .section-title { + display: flex; + align-items: center; + margin-bottom: 10px; + + .arrow-icon { + width: 20px; + height: 18px; + margin-right: 8px; + object-fit: contain; + } + + span { + font-size: 14px; + color: #fff; + text-shadow: 0 0 5px rgba(0, 160, 233, 0.5); + } + } + + .flood-preview-section-radio{ + cursor: pointer; + color: rgba(255, 255, 255, 0.9); + margin-bottom: 5px; + + .ant-radio-wrapper{ + margin-right: 10px; + } + } + + .forecast-section-count{ + display: flex; + flex-wrap: wrap; + + .forecast-section-countBox { + width: 33%; + height: 65px; + display: flex; + align-items: center; + justify-content: center; + padding: 3px; + + .forecast-section-countItem{ + width: 100%; + height: 100%; + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG4AAABGCAYAAAAtpKGgAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFFmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDI2LTAxLTMwVDEzOjMyOjI4KzA4OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAyNi0wMS0zMFQxMzozNDo0OCswODowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAyNi0wMS0zMFQxMzozNDo0OCswODowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpmZDRiNmY1My04ZjlhLTcy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) 50% 50% / 100% 100% no-repeat; + + .forecast-section-countItem-num{ + font-size: 16px; + color: #00D8FF; + width: 100%; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-align: center; + } + .forecast-section-countItem-text{ + font-size: 13px; + color: #9DD2E4; + margin-top: 2px; + } + } + } + } + + + .flood-preview-section-btn{ + display: flex; + align-items: center; + justify-content: center; + width: 100%; + margin-top: 20px; + } + .uav-button { + width: 70%; + height: 36px; + line-height: 36px; + text-align: center; + background: rgba(18, 56, 102, 0.6); + border: 1px solid #00a0e9; + border-radius: 4px; + color: rgba(255, 255, 255, 0.9); + font-size: 14px; + cursor: pointer; + transition: all 0.3s; + box-shadow: 0 0 5px rgba(0, 160, 233, 0.3); + + &:hover { + background: rgba(0, 160, 233, 0.4); + box-shadow: 0 0 10px rgba(0, 160, 233, 0.6); + } + } + .plan-preview-section-view{ + display: flex; + flex-direction: row; + justify-content: space-between; + .plan-preview-section-viewItem{ + width: 48%; + border: 1px solid #306dc9; + cursor: pointer; + } + .plan-preview-section-viewItem2{ + margin-top: 5px; + font-size: 16px; + width: 48%; + text-align: center; + } + } +} \ No newline at end of file diff --git a/src/views/Home/components/Business/SiYu/index.js b/src/views/Home/components/Business/SiYu/index.js index d4bdc3a..a576eec 100644 --- a/src/views/Home/components/Business/SiYu/index.js +++ b/src/views/Home/components/Business/SiYu/index.js @@ -7,6 +7,9 @@ import WarningSection from './components/WarningSection'; import WaterRainSection from './components/WaterRainSection'; import PlanSection from './components/PlanSection'; import AllWeatherModal from '../SiQuan/components/ModalComponents/AllWeatherModal'; +import ForecastSection from './components/ForecastSection'; +import FloodPreview from './components/FloodPreview'; +import PlanPreview from './components/PlanPreview' import './index.less'; @@ -36,6 +39,7 @@ const SiYu = () => { const [warningType, setWarningType] = useState('monitor'); const [modalVisible, setModalVisible] = useState(false); const [activeTab, setActiveTab] = useState('rain'); + const [planData, setPlanData] = useState(null) const tabsAllWeather = [ { label: '雨情监测', value: 'rain' }, @@ -53,32 +57,52 @@ const SiYu = () => {
-
内容填充区域
+ -
内容填充区域
+
- } - > - - - } - > - - + { + planData? + <> + setPlanData(null)} + /> + } + > + + + : + <> + } + > + + + } + > + + - - - + + + + + }
{ const vo = { [event.target.name]: event.target.checked }; if(event.target.checked && (event.target.name==='SYLayer' || event.target.name==='SLLayer' || event.target.name==='WYLayer')){ - dispatch.runtime.setCameraTarget({ - center: [114.15437134051429, 29.744689445729758], - zoom: 18, - pitch: 60 - }) + // dispatch.runtime.setCameraTarget({ + // center: [114.15437134051429, 29.744689445729758], + // zoom: 18, + // pitch: 60 + // }) } dispatch.map.setLayerVisible(vo); }