+
+ 
+
+ `;
+}
+
+const dist1 = 22000 * 22000;
+const dist2 = 8000 * 8000;
+
+
+function TuRangMarker({ data, dispatch, setting, zoom, distSq }) {
+
+ const highlight = setting;
+
+ let zindexOffset = 1;
+ if (!data.status) {
+ zindexOffset = 0;
+ } else if (data.alarm) {
+ zindexOffset = 2;
+ }
+
+ useEffect(() => {
+ const width = 8;
+
+ const placeholder = document.getElementById(`marker_turangshangqing_${data.id}`);
+ if (!placeholder) {
+ return;
+ }
+
+ const ratio = highlight ? 1.2 : 1.0;
+
+ const svgMarker = renderMarker(data, { width: width * ratio, highlight });
+
+ placeholder.innerHTML = svgMarker;
+
+ if (!highlight) {
+
+ const el = placeholder.firstChild;
+ const marker = el.nextSibling;
+
+ const markerSVG = marker.querySelector('svg');
+
+ const markerRenderer = css(markerSVG, {
+ enableHardwareAcceleration: false
+ });
+
+ const markerGrowSize = 1.2;
+
+ const markerScale = physics({
+ from: 1,
+ to: markerGrowSize,
+ velocity: 20,
+ spring: 300,
+ friction: 0.8,
+ onUpdate: (x) => markerRenderer.set('scale', x),
+ });
+
+
+ const zindex = zindexmarker.turangshangqing + zindexOffset;
+
+ marker.addEventListener('mouseenter', () => {
+ if (placeholder.parentNode.style.zIndex); {
+ placeholder.parentNode.style.zIndex = zindex + zindexmarker.hilightPlus;
+ }
+ markerScale.props.from = 1;
+ markerScale.props.to = markerGrowSize;
+ markerScale.start();
+ });
+
+ marker.addEventListener('mouseleave', () => {
+ if (placeholder.parentNode.style.zIndex); {
+ placeholder.parentNode.style.zIndex = zindex;
+ }
+ markerScale.props.from = markerGrowSize;
+ markerScale.props.to = 1;
+ markerScale.start();
+ });
+ }
+
+ return () => {
+ placeholder.innerHTML = '';
+ }
+ }, [highlight]);
+
+ const showPop = () => {
+ dispatch.runtime.setFeaturePop({
+ id: data.id,
+ type: 'turangshangqing',
+ data,
+ lgtd: data.lgtd,
+ lttd: data.lttd,
+ elev: data.elev,
+ })
+ }
+
+ let markerZoom;
+ if (highlight) {
+ markerZoom = 2;
+ } else if (zoom) {
+ markerZoom = (zoom - 10) * 0.5;
+ } else {
+ markerZoom = (dist1 - distSq) / (dist1 - dist2) * 2 + 1;
+ }
+ if (markerZoom < 1) {
+ markerZoom = 1;
+ } else if (markerZoom > 2.5) {
+ markerZoom = 2.5;
+ } else {
+ markerZoom = parseFloat(markerZoom.toFixed(1));
+ }
+
+ return (
+ <>
+
+ 1 ? ' scale(' + markerZoom + ')' : ''}`,
+ lineHeight: 1,
+ zIndex: zindexmarker.turangshangqing + zindexOffset + (highlight ? zindexmarker.hilightPlus : 0)
+ }}
+ onClick={showPop}
+ >
+
+ {data.stnm}
+
+ )
+ }
+
+ )
+}
+
+export default React.memo(TuRangMarker);
diff --git a/src/views/Home/MapCtrl/Pops/ShenLiu/TableData.js b/src/views/Home/MapCtrl/Pops/ShenLiu/TableData.js
index 764e29517..338989b0c 100644
--- a/src/views/Home/MapCtrl/Pops/ShenLiu/TableData.js
+++ b/src/views/Home/MapCtrl/Pops/ShenLiu/TableData.js
@@ -13,11 +13,11 @@ const Tabledata = ({tableData}) => {
return (
<>
+
+
+ )
+}
+
+export default React.memo(ShenLiu);
diff --git a/src/views/Home/MapCtrl/Pops/TuRang/toolbar.js b/src/views/Home/MapCtrl/Pops/TuRang/toolbar.js
new file mode 100644
index 000000000..371742e13
--- /dev/null
+++ b/src/views/Home/MapCtrl/Pops/TuRang/toolbar.js
@@ -0,0 +1,57 @@
+import { Form, message, Button, DatePicker } from 'antd';
+import NormalSelect from '../../../../../components/Form/NormalSelect'
+import moment from "moment"
+const { RangePicker } = DatePicker;
+
+const cysd = [
+ { label:'今日',value:'今日',tms:[moment().format('YYYY-MM-DD 00:00:00'),moment().format('YYYY-MM-DD HH:mm:ss')]},
+ { label:'近一周',value:'近一周',tms:[moment().add(-7,'days').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
+ { label:'近一月',value:'近一月',tms:[moment().add(-1,'months').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
+ { label:'近三月',value:'近三月',tms:[moment().add(-3,'months').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
+ { label:'近一年',value:'近一年',tms:[moment().add(-1,'years').format('YYYY-MM-DD HH:mm:ss'),moment().format('YYYY-MM-DD HH:mm:ss')]},
+ ]
+
+const ToolBar = ({search, defaultParams}) => {
+ const [form] = Form.useForm();
+
+ const onFinish = (val)=>{
+ search(val.tms)
+ }
+
+ return (
+ <>
+
+
+ );
+}
+
+export default ToolBar;
\ No newline at end of file
diff --git a/src/views/Home/MapCtrl/Pops/index.js b/src/views/Home/MapCtrl/Pops/index.js
index 7588c9fa7..7b9de1391 100644
--- a/src/views/Home/MapCtrl/Pops/index.js
+++ b/src/views/Home/MapCtrl/Pops/index.js
@@ -41,6 +41,7 @@ import ShenLiu from './ShenLiu/index.js';
import WeiYi from './WeiYi/index.js';
import XunJian from './XunJian.js'
import DaiChuLi from './DaiChuLi.js'
+import TuRang from './TuRang'
import YinShuiGongCheng from './YinShuiGongCheng';//这个先不搞
@@ -88,6 +89,12 @@ function FeaturePops({ mapobj }) {
+
+ {data.stnm}
+
+
+
+
+
+
+ getData(tms,data.stationCode)}/>
+
+
+
+
+
+
+
+ {
+ tableData.length>0?
+ 
+ }
+
+
-
diff --git a/src/views/Home/homePanelsLayoutPage/index.js b/src/views/Home/homePanelsLayoutPage/index.js
index 1661c7485..9b4995e9f 100644
--- a/src/views/Home/homePanelsLayoutPage/index.js
+++ b/src/views/Home/homePanelsLayoutPage/index.js
@@ -6,6 +6,7 @@ import './index.less'
import Yujing from './item_yujing/index.js'
import Yuqing from './item_yuqing'
import ShuiKu from './item_shuiku'
+import TuRangShangQing from './item_turangshangqing'
import GongShui from './item_gongshui'
import GongCheng from './item_gongcheng'
import JianCe from './item_jiance'
@@ -22,7 +23,7 @@ import AnZhiDian from './item_anzhidian'
import QSYDW from './item_qishiyedanwei'
import YHJMH from './item_yanhejuminhu'
import SetWxqStation from '../setMapStation/wxq'
-import Bzt from '../../gcaqjc/bzt'
+import Bzt from '../../gcaqjc/bzt2'
import Tuli from '../TuLi/Tuli.js'
import Tuli2 from '../TuLi/Tuli2.js';
@@ -41,17 +42,13 @@ const items = [
{ key:'1', label:'综合监视', children:[
{ key:'11', label:'预警', labelRight:'预警', icon:'yujing' },
{ key:'12', label:'雨情', labelRight:'统计', icon:'yuqing' },
- { key:'13', label:'水情', labelRight:'实时水情', icon:'shuikushuiqing' },
+ { key:'13', label:'水库水情', labelRight:'实时水情', icon:'shuikushuiqing' },
+ { key:'19', label:'土壤墒情', labelRight:'土壤墒情', icon:'turangshangqing' },
{ key:'15', label:'工程安全', labelRight:'工程安全监测', icon:'gongchenganquan' },
{ key:'16', label:'监测设备状态', labelRight:'监测设备运行', icon:'jianceshebeizhuangtai' },
- { key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
+ // { key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
{ key:'18', label:'视频点', labelRight:'视频点', icon:'shipindian' },
] },
- // { key:'2', label:'水库工程', children:[
- // { key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' },
- // { key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
- // { key:'23', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
- // ] },
{ key:'2', label:'巡查巡检', children:[
{ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'jianceshebeizhuangtai' },
// { key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
@@ -66,6 +63,11 @@ const items = [
{ key:'4', label:'水资源调度', children:[
{ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' },
] },
+ { key:'5', label:'水库工程', children:[
+ { key:'51', label:'水库', labelRight:'基本信息', icon:'shuiku' },
+ { key:'52', label:'大坝', labelRight:'基本信息', icon:'daba' },
+ { key:'53', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
+ ] },
]
@@ -139,6 +141,8 @@ const HomePage = ({showPanels}) => {
setCheckedObj({ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' })
}else if(a==='4'){
setCheckedObj({ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' })
+ }else if(a==='5'){
+ setCheckedObj({ key:'51', label:'水库', labelRight:'基本信息', icon:'shuiku' })
}else{
}
}} expandIconPosition="end" accordion={true} bordered={false}>
@@ -200,11 +204,12 @@ const HomePage = ({showPanels}) => {
}
{ checkedObj.label === '预警' ? <>:null }
{ checkedObj.label === '雨情' ? :null }
- { checkedObj.label === '水情' ?
+ {/*
+ */}
)
diff --git a/src/views/Home/homePanelsLayoutPage/item_gongchengshuiku.js b/src/views/Home/homePanelsLayoutPage/item_gongchengshuiku.js
index 0437e808f..030d2782e 100644
--- a/src/views/Home/homePanelsLayoutPage/item_gongchengshuiku.js
+++ b/src/views/Home/homePanelsLayoutPage/item_gongchengshuiku.js
@@ -98,7 +98,7 @@ const Page = () => {
diff --git a/src/views/Home/homePanelsLayoutPage/item_gongshui.js b/src/views/Home/homePanelsLayoutPage/item_gongshui.js
index 7ba8c0149..6499ed8b4 100644
--- a/src/views/Home/homePanelsLayoutPage/item_gongshui.js
+++ b/src/views/Home/homePanelsLayoutPage/item_gongshui.js
@@ -43,7 +43,7 @@ const Page = () => {
雨量
+ 图例
diff --git a/src/views/Home/homePanelsLayoutPage/index.js b/src/views/Home/homePanelsLayoutPage/index.js
index 1661c7485..9b4995e9f 100644
--- a/src/views/Home/homePanelsLayoutPage/index.js
+++ b/src/views/Home/homePanelsLayoutPage/index.js
@@ -6,6 +6,7 @@ import './index.less'
import Yujing from './item_yujing/index.js'
import Yuqing from './item_yuqing'
import ShuiKu from './item_shuiku'
+import TuRangShangQing from './item_turangshangqing'
import GongShui from './item_gongshui'
import GongCheng from './item_gongcheng'
import JianCe from './item_jiance'
@@ -22,7 +23,7 @@ import AnZhiDian from './item_anzhidian'
import QSYDW from './item_qishiyedanwei'
import YHJMH from './item_yanhejuminhu'
import SetWxqStation from '../setMapStation/wxq'
-import Bzt from '../../gcaqjc/bzt'
+import Bzt from '../../gcaqjc/bzt2'
import Tuli from '../TuLi/Tuli.js'
import Tuli2 from '../TuLi/Tuli2.js';
@@ -41,17 +42,13 @@ const items = [
{ key:'1', label:'综合监视', children:[
{ key:'11', label:'预警', labelRight:'预警', icon:'yujing' },
{ key:'12', label:'雨情', labelRight:'统计', icon:'yuqing' },
- { key:'13', label:'水情', labelRight:'实时水情', icon:'shuikushuiqing' },
+ { key:'13', label:'水库水情', labelRight:'实时水情', icon:'shuikushuiqing' },
+ { key:'19', label:'土壤墒情', labelRight:'土壤墒情', icon:'turangshangqing' },
{ key:'15', label:'工程安全', labelRight:'工程安全监测', icon:'gongchenganquan' },
{ key:'16', label:'监测设备状态', labelRight:'监测设备运行', icon:'jianceshebeizhuangtai' },
- { key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
+ // { key:'17', label:'水质', labelRight:'水质', icon:'shuizhi' },
{ key:'18', label:'视频点', labelRight:'视频点', icon:'shipindian' },
] },
- // { key:'2', label:'水库工程', children:[
- // { key:'21', label:'水库', labelRight:'基本信息', icon:'shuiku' },
- // { key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
- // { key:'23', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
- // ] },
{ key:'2', label:'巡查巡检', children:[
{ key:'21', label:'巡查巡检', labelRight:'工程巡检', icon:'jianceshebeizhuangtai' },
// { key:'22', label:'大坝', labelRight:'基本信息', icon:'daba' },
@@ -66,6 +63,11 @@ const items = [
{ key:'4', label:'水资源调度', children:[
{ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' },
] },
+ { key:'5', label:'水库工程', children:[
+ { key:'51', label:'水库', labelRight:'基本信息', icon:'shuiku' },
+ { key:'52', label:'大坝', labelRight:'基本信息', icon:'daba' },
+ { key:'53', label:'溢洪道', labelRight:'基本信息', icon:'yihongdao' },
+ ] },
]
@@ -139,6 +141,8 @@ const HomePage = ({showPanels}) => {
setCheckedObj({ key:'31', label:'危险区', labelRight:'危险区列表', icon:'weixianqu' })
}else if(a==='4'){
setCheckedObj({ key:'41', label:'供水', labelRight:'今日供水实况', icon:'gongshui' })
+ }else if(a==='5'){
+ setCheckedObj({ key:'51', label:'水库', labelRight:'基本信息', icon:'shuiku' })
}else{
}
}} expandIconPosition="end" accordion={true} bordered={false}>
@@ -200,11 +204,12 @@ const HomePage = ({showPanels}) => {
}
{ checkedObj.label === '预警' ? <>
{ checkedObj.label==='雨情'?
+ {/*
@@ -118,12 +118,12 @@ const Page = () => {
}
}}
/>
-
+ 蓄水日期:
{tableData?.storageDate?.slice(0,10)}
- 图片资料
视频资料:
- 工程特性表:
setOpen(true)}>工程特性表详情
- 更多详情
+ {/* 更多详情
*/}
- 灌溉发电
+ 灌溉用水
diff --git a/src/views/Home/homePanelsLayoutPage/item_shuiku.js b/src/views/Home/homePanelsLayoutPage/item_shuiku.js
index 56133697f..3324a96a0 100644
--- a/src/views/Home/homePanelsLayoutPage/item_shuiku.js
+++ b/src/views/Home/homePanelsLayoutPage/item_shuiku.js
@@ -4,10 +4,79 @@ import {reservoirlist, reswarn} from "../../../service/sssq"
import { SkRealPromiseWX } from "../../../models/_/real";
import genDamImage from '../../../components/DamGraph/DamImage'
import MyImg from './myImg'
+import Ykqk from './item_shuiku/yhqk'
+const sj = {
+ "stcd": "61610701",
+ "stnm": "檀树岗2",
+ "rvnm": "檀树岗河",
+ "hnnm": "长江中游下段北岸",
+ "bsnm": "长江",
+ "lgtd": "114.744317000",
+ "lttd": "31.505000000",
+ "stlc": "黄冈市红安县七里镇檀树岗村",
+ "alt": null,
+ "mdbz": null,
+ "mdpr": null,
+ "dtmnm": "吴淞",
+ "dtmel": null,
+ "dtpr": "0.000",
+ "sttp": "RR",
+ "dfrtms": null,
+ "fritm": null,
+ "frgrd": "3",
+ "esstym": "197103",
+ "bgfrym": "197103",
+ "edfrym": null,
+ "atcunit": "黄冈市水利和湖泊局",
+ "admauth": "黄冈水文",
+ "locality": "湖北水文",
+ "stbk": null,
+ "stazt": null,
+ "dstrvm": null,
+ "drna": "78",
+ "phcd": "TSG",
+ "usfl": "1",
+ "comments": "中小河流改造",
+ "moditime": "2022-02-23 00:00:00",
+ "remGd": null,
+ "ogid": null,
+ "vlfl": null,
+ "atid": null,
+ "sdfl": null,
+ "rma": null,
+ "mdps": null,
+ "mddt": null,
+ "stindex": null,
+ "starea": null,
+ "stlevel": null,
+ "code": null,
+ "ispbj": null,
+ "issxst": null,
+ "stpq": null,
+ "sthday": null,
+ "source": "SW",
+ "importancy": 0,
+ "clgtd": "114.744317000",
+ "clttd": "31.505000000",
+ "elev": null,
+ "crucial": 0,
+ "buildYear": null,
+ "adcd": null,
+ "lyid": null,
+ "resCode": "42120250085",
+ "rvCode": null,
+ "status": 1,
+ "agreement": null,
+ "simCard": null,
+ "bdCard": null,
+ "v": 104.1
+}
+
const Page = () => {
const dispatch = useDispatch();
+ const [ checked, setChecked ] = useState(0)
const [data,setData] = useState([])
console.log('aaa',data);
useEffect(()=>{
@@ -21,21 +90,21 @@ const Page = () => {
},[])
const getData = async (params) => {
- setData(await reservoirlist(params))
+ const data1 = await reservoirlist(params)
+ const data2 = [...data1,sj]
+ setData(data2)
}
const getShuiKu = ()=>{
SkRealPromiseWX.get().then((res) => {
- const list = res.map((i)=>{
+ const list = [...res,sj].map((i)=>{
return {
id : i.stcd,
name: i.stnm,
...i
}
})
- const data = list[0]
-
-
+ const data = list[checked]
dispatch.runtime.setFeaturePop({
id: data.id,
type: 'shuiku',
@@ -46,21 +115,36 @@ const Page = () => {
})
});
}
+
+
return (
<>
-
- {
- data ? (
-
- ) : (
-
-
+ 暂无数据
- )
- }
- 详情
-
+
+ ) : (
+
+
+ {
+ data.map((item,index)=>
+
+ )
+ }
+
+ {
+ data ? (
+ setChecked(index)}>{item.stnm}
暂无数据
+ )
+ }
+ 详情
+
+
+
+ 
+ 溢洪情况
+
+
+ 溢洪情况
+
+
+
+
+ {103.89}m
+ {0.20}m³/s
+ {8.67}万m³
+ {'06-24 09:30'}
+
+
+
+ )
+}
+
+export default Page
diff --git a/src/views/Home/homePanelsLayoutPage/item_turangshangqing.js b/src/views/Home/homePanelsLayoutPage/item_turangshangqing.js
new file mode 100644
index 000000000..30c36b6bc
--- /dev/null
+++ b/src/views/Home/homePanelsLayoutPage/item_turangshangqing.js
@@ -0,0 +1,95 @@
+import { useEffect, useState } from "react"
+import {useDispatch, useSelector} from "react-redux";
+import { Table, Modal, message } from 'antd';
+import { httppost2 } from '../../../utils/request';
+import apiurl from '../../../service/apiurl';
+
+
+const Page = () => {
+ const dispatch = useDispatch();
+ const [ tableData, setTableData ] = useState([])//在线
+
+ const columns = [
+ { title: '站点', key: 'stnm', dataIndex: 'stnm',align: "center",width:80, ellipsis: true, },
+ { title: '温度', key: 'wd', dataIndex: 'wd',align: "center",width:80, ellipsis: true, },
+ { title: '监测时间', key: 'tm', dataIndex: 'tm',align: "center",width: 150, ellipsis: true },
+ ];
+
+ useEffect(()=>{
+ dispatch.map.setLayerVisible({ TuRangLayer: true })
+ getData()
+ return ()=>{
+ dispatch.map.setLayerVisible({ TuRangLayer: false })
+ }
+ },[])
+
+ const getData = async()=>{
+ // const { code, data} = await httppost2(apiurl.home.turangshangqing)
+ // if(code!==200){
+ // return
+ // }
+ const list = [
+ {
+ id:'1',
+ stcd: '10001',
+ stnm: '水田站',
+ wd: '53',
+ tm: '2025-03-19 15:00:00',
+ lgtd: "114.7684000",
+ lttd: "31.4941000"
+ },
+ {
+ id:'2',
+ stcd: '10002',
+ stnm: '旱田站',
+ wd: '21',
+ tm: '2025-03-19 15:00:00',
+ lgtd: "114.7984000",
+ lttd: "31.4941000"
+ },
+ ]
+
+
+
+ setTableData(list)
+ }
+
+
+
+
+ return (
+ <>
+
+
+ ({
+ onClick:()=>{
+ // dispatch.runtime.setCameraTarget({
+ // center: [row.lgtd, row.lttd],
+ // zoom: 13,
+ // pitch: 60
+ // })
+ dispatch.runtime.setFeaturePop({
+ id: row.id,
+ data:{...row},
+ type: 'turangshangqing',
+ lgtd: row.lgtd,
+ lttd: row.lttd,
+ })
+ }
+ })
+ }
+ />
+
+
+
+ )
+}
+
+export default Page
diff --git a/src/views/Home/homePanelsLayoutPage/myImg.js b/src/views/Home/homePanelsLayoutPage/myImg.js
index 283589344..7dfc7a7c4 100644
--- a/src/views/Home/homePanelsLayoutPage/myImg.js
+++ b/src/views/Home/homePanelsLayoutPage/myImg.js
@@ -25,7 +25,7 @@ const MyImg = ({ record }) => {
return (
+ {
+ syList.map((item)=>
+ 
+ 
+ ?'wy2.png':'wy.png'}`})
+ 
setShouQi(!shouqi)}/>
+
+
+
+
+ );
+}
+
+export default ToolBar;
\ No newline at end of file
diff --git a/src/views/gcaqjc/sjtjcx/sjlr/wy/form.js b/src/views/gcaqjc/sjtjcx/sjlr/wy/form.js
new file mode 100644
index 000000000..80a716f76
--- /dev/null
+++ b/src/views/gcaqjc/sjtjcx/sjlr/wy/form.js
@@ -0,0 +1,119 @@
+import React,{useEffect,useState,useMemo} from 'react';
+import { Form, Button, Input, Row, Col, DatePicker, Upload,message,Image,Modal,Radio } from 'antd';
+import { formItemLayout, btnItemLayout } from '../../../../../components/crud/FormLayoutProps';
+import apiurl from '../../../../../service/apiurl';
+import NormalSelect from '../../../../../components/Form/NormalSelect';
+import { httppost2 } from '../../../../../utils/request';
+
+import moment from 'moment';
+const ModalForm = ({ mode, record,onEdit,onSave,onSimilarSave }) => {
+ console.log("record",record);
+ const [form] = Form.useForm();
+ const [dmList, setDmList] = useState([])
+ const [codeList, setCodeList] = useState([])
+ const [dmCode,setDmCode] = useState('')
+
+ const onFinish = (values) => {
+ debugger
+ if (mode === 'edit') {
+ onEdit(apiurl.gcaqjc.sjtjcx.sjlr.wyjc.edit,{...record,...values})
+ }
+ if (mode === 'save') {
+ onSave(apiurl.gcaqjc.sjtjcx.sjlr.wyjc.save,values)
+ }
+
+ }
+
+
+
+ const getDmList = async () => {
+ try {
+ const res = await httppost2(apiurl.gcaqjc.sjtjcx.sycx.list)
+ setDmList(res.data.map(s=>({label:s.profileName,value:s.profileCode})));
+ } catch (error) {
+ console.log(error);
+ }
+ }
+
+ const getStationCode = async () => {
+ try {
+ const res = await httppost2(apiurl.gcaqjc.sjtjcx.wycx.list)
+ setCodeList(res.data.map(s=>({label:s.stationCode,value:s.stationCode,profileCode:s.profileCode})));
+ } catch (error) {
+ console.log(error);
+ }
+ }
+
+
+ useEffect(()=>{
+ getDmList()
+ getStationCode()
+ }, [])
+
+ return (
+ <>
+
+
+ );
+}
+
+export default ModalForm;
diff --git a/src/views/gcaqjc/sjtjcx/sjlr/wy/index.js b/src/views/gcaqjc/sjtjcx/sjlr/wy/index.js
new file mode 100644
index 000000000..a3ee0d491
--- /dev/null
+++ b/src/views/gcaqjc/sjtjcx/sjlr/wy/index.js
@@ -0,0 +1,92 @@
+import React, { Fragment, useRef, useMemo,useEffect,useState } from 'react';
+import BasicCrudModal from '../../../../../components/crud/BasicCrudModal';
+import { Table, Card,Modal,Form,Input,Button,Row,Col,message } from 'antd';
+import ModalForm from './form';
+import ToolBar from './toolbar';
+import { useSelector } from 'react-redux';
+import apiurl from '../../../../../service/apiurl';
+import usePageTable from '../../../../../components/crud/usePageTable2';
+import { createCrudService } from '../../../../../components/crud/_';
+import {CrudOpRender_text} from '../../../../../components/crud/CrudOpRender';
+import "./index.less"
+const Page = () => {
+ const role = useSelector(state => state.auth.role);
+ const editBtn = role?.rule?.find(item => item.menuName == "编辑")||true;
+ const viewBtn = role?.rule?.find(item => item.menuName == "查看")||true;
+ const delBtn = role?.rule?.find(item => item.menuName == "删除")||true;
+
+ const refModal = useRef();
+ const [searchVal, setSearchVal] = useState(false)
+ const columns = [
+ { title: '序号', key: 'inx', dataIndex: 'inx', width: 60, align:"center" },
+ { title: '监测时间', key: 'tm', dataIndex: 'tm', align:"center", },
+ { title: '测点编号', key: 'stationCode', dataIndex: 'stationCode', align:"center", },
+ { title: 'X方向表面位移(mm)', key: 'x', dataIndex: 'x', align:"center", },
+ { title: 'Y方向表面位移(mm)', key: 'y', dataIndex: 'y', align:"center", },
+ { title: 'H方向表面位移(mm)', key: 'h', dataIndex: 'h', align:"center", },
+ {
+ title: '操作', key: 'operation', width: 240, fixed: 'right',align: 'center',
+ render: (value, row, index) => (
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
+
+export default ToolBar;
\ No newline at end of file
diff --git a/src/views/gcaqjc/sjtjcx/sljc/toolbar.js b/src/views/gcaqjc/sjtjcx/sljc/toolbar.js
index 9c1e86ec0..cd53ae95a 100644
--- a/src/views/gcaqjc/sjtjcx/sljc/toolbar.js
+++ b/src/views/gcaqjc/sjtjcx/sljc/toolbar.js
@@ -78,6 +78,9 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
allowClear
style={{ width: "350px" }}
format="YYYY-MM-DD HH:mm:ss"
+ onChange={(v)=>{
+ form.setFieldValue('ranger',null)
+ }}
/>
-
diff --git a/src/views/gxsl/gstjfx/tjOption.js b/src/views/gxsl/gstjfx/tjOption.js
index 144a4247e..0de1af535 100644
--- a/src/views/gxsl/gstjfx/tjOption.js
+++ b/src/views/gxsl/gstjfx/tjOption.js
@@ -3,7 +3,7 @@ let title = "总计";
let color = ["#73a0fa", "#52c1f5"];
let echartData = [
{
- name: "发电灌溉",
+ name: "灌溉用水",
value: parseFloat(obj?.shgs?.toFixed(2))
},
{
diff --git a/src/views/sq/qth/sksq/index.js b/src/views/sq/qth/sksq/index.js
index 68d6969b2..5ea3398ab 100644
--- a/src/views/sq/qth/sksq/index.js
+++ b/src/views/sq/qth/sksq/index.js
@@ -2,12 +2,87 @@ import React, { useEffect, useState } from 'react'
import { reservoirlist, } from "../../../../service/sssq";
import Sssw from './sssw';
import Sjcx from '../../../Home/MapCtrl/components/Sksjcx/index'
+import NormalSelect from '../../../../components/Form/NormalSelect';
import "./index.less"
import { helpers } from '@turf/turf';
+import { Label } from 'react-konva';
+
+
+const sj = {
+ "stcd": "61610701",
+ "stnm": "檀树岗2",
+ "rvnm": "檀树岗河",
+ "hnnm": "长江中游下段北岸",
+ "bsnm": "长江",
+ "lgtd": "114.744317000",
+ "lttd": "31.505000000",
+ "stlc": "黄冈市红安县七里镇檀树岗村",
+ "alt": null,
+ "mdbz": null,
+ "mdpr": null,
+ "dtmnm": "吴淞",
+ "dtmel": null,
+ "dtpr": "0.000",
+ "sttp": "RR",
+ "dfrtms": null,
+ "fritm": null,
+ "frgrd": "3",
+ "esstym": "197103",
+ "bgfrym": "197103",
+ "edfrym": null,
+ "atcunit": "黄冈市水利和湖泊局",
+ "admauth": "黄冈水文",
+ "locality": "湖北水文",
+ "stbk": null,
+ "stazt": null,
+ "dstrvm": null,
+ "drna": "78",
+ "phcd": "TSG",
+ "usfl": "1",
+ "comments": "中小河流改造",
+ "moditime": "2022-02-23 00:00:00",
+ "remGd": null,
+ "ogid": null,
+ "vlfl": null,
+ "atid": null,
+ "sdfl": null,
+ "rma": null,
+ "mdps": null,
+ "mddt": null,
+ "stindex": null,
+ "starea": null,
+ "stlevel": null,
+ "code": null,
+ "ispbj": null,
+ "issxst": null,
+ "stpq": null,
+ "sthday": null,
+ "source": "SW",
+ "importancy": 0,
+ "clgtd": "114.744317000",
+ "clttd": "31.505000000",
+ "elev": null,
+ "crucial": 0,
+ "buildYear": null,
+ "adcd": null,
+ "lyid": null,
+ "resCode": "42120250085",
+ "rvCode": null,
+ "status": 1,
+ "agreement": null,
+ "simCard": null,
+ "bdCard": null,
+ "v": 104.1
+}
+
+
export default function Sksq() {
const [tableData, setTableData] = useState([])
+ const [selected, setSelected] = useState(0)
+
const getData = async (params) => {
- setTableData(await reservoirlist(params));
+ const data = await await reservoirlist(params)
+ setTableData([...data,sj]);
}
useEffect(() => {
let option = {
@@ -25,10 +100,18 @@ export default function Sksq() {
发电灌溉总合计(万m³)：
+ 灌溉用水总合计(万m³)：
水厂取水总合计(万m³)：
供水总合计(万m³)：
实时水位
-
@@ -39,7 +122,7 @@ export default function Sksq() {
-
diff --git a/src/views/sq/qth/skyh/drpOption.js b/src/views/sq/qth/skyh/drpOption.js
new file mode 100644
index 000000000..5e6af8e57
--- /dev/null
+++ b/src/views/sq/qth/skyh/drpOption.js
@@ -0,0 +1,261 @@
+export default function drpOption(data,yjData) {
+ console.log("data",data);
+ // const maxVal = 0//Math.max(...data.map(obj => obj.drp))
+ // const max1 = Math.max(...[...data.map(obj => obj.value),...yjData?.map(obj => obj.value)])
+ // const min1 = Math.min(...[...data.map(obj => obj.value),...yjData?.map(obj => obj.value)])
+ // const max2 = Math.max(...data.map(obj => obj.rz))
+ // const min2 = Math.min(...data.map(obj => obj.rz))
+ // const yj = yjData?.map((item,index)=>{
+ // return {
+ // yAxisIndex: 0,
+ // name: item.yjName,
+ // type: 'line',
+ // color: item.color,
+ // lineStyle: {
+ // type: "dashed",
+ // width: 1,
+ // },
+ // data: data.map(o => item.value),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ // smooth: 0.5
+ // }
+ // })
+
+ return {
+
+ tooltip: {
+ trigger: 'axis',
+ },
+ grid: [
+ {
+ top: "12%",
+ left: "10%",
+ right: "8%",
+ width: '80%',
+ height: '35%'
+ },
+ {
+ bottom: '5%',
+ left: '10%',
+ right: '8%',
+ width: '80%',
+ height: '35%'
+ }
+ ],
+ legend: {
+ top:'3%',
+ // 显示图例
+ show: true,
+ // 图例的位置
+ data: ["库容","水位","汛限水位","设计水位","校核水位","溢洪流量"],
+ },
+ xAxis: [
+ {
+ gridIndex: 0,
+ type: 'category',
+ data: data.map(o => o.tm),
+ inverse: false,
+ splitLine: {
+ show: false
+ },
+ axisLabel: {
+ color: '#8c8c8c',
+ fontSize: 12,
+ show: false
+ // formatter: val => val.slice(11,16)
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#8c8c8c',
+ width: 0.5,
+ }
+ },
+ axisTick: {
+ show: false,
+ },
+ },
+ {
+ gridIndex: 1,
+ type: 'category',
+ data: data.map(o => o.tm),
+ inverse: false,
+ splitLine: {
+ show: false
+ },
+ axisLabel: {
+ color: '#8c8c8c',
+ fontSize: 12,
+ formatter: val => val.slice(11,16)
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#8c8c8c',
+ width: 0.5,
+ }
+ },
+ axisTick: {
+ show: false,
+ },
+ }
+ ],
+ yAxis: [
+ {
+ gridIndex: 0,
+ type: 'value',
+ position: 'left',
+ // name: "库容(RH)",
+ nameTextStyle: {
+ padding: [0, 0, 10, -20],
+ color:'#8c8c8c',
+ fontSize: 14
+ },
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#bfbfbf',
+ width: 0.5,
+ type: 'dotted'
+ }
+ },
+ axisLabel: {
+ color: '#8c8c8c',
+ fontSize: 12,
+ formatter: val => val+'%'
+ },
+ axisLine: {
+ show: false
+ // lineStyle: {
+ // color: '#8c8c8c',
+ // width: 1,
+ // }
+ },
+ axisTick: {
+ show: false,
+ },
+ },
+ {
+ gridIndex: 1,
+ type: 'value',
+ position: 'left',
+ name: '水位(m)',
+ nameTextStyle: {
+ padding: [0, 0, 10, -20],
+ color:'#8c8c8c',
+ fontSize: 14
+ },
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#bfbfbf',
+ width: 0.5,
+ type: 'dotted'
+ }
+ },
+ axisLabel: {
+ color: '#8c8c8c',
+ fontSize: 12,
+ // formatter: val => val+'%'
+ },
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+ },
+ },
+ {
+ gridIndex: 1,
+ type: 'value',
+ position: 'right',
+ name: '库容(万m³)',
+ nameTextStyle: {
+ padding: [0, 0, 10, -20],
+ color:'#8c8c8c',
+ fontSize: 14
+ },
+ splitLine: {
+ show: false,
+ lineStyle: {
+ color: '#07a6ff',
+ width: 0.25,
+ type: 'dotted'
+ }
+ },
+ axisLabel: {
+ color: '#333',
+ fontSize: 12,
+ },
+ axisLine: {
+ show: false
+ },
+ axisTick: {
+ show: false
+ },
+ }
+ ],
+ series: [
+ {
+ xAxisIndex: 0,
+ name: '溢洪流量',
+ type: 'line',
+ color: "#3478f4",
+ data: data.map(o => o.kr),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ symbolSize:8,
+ areaStyle: {
+ // 开启阴影
+ shadowColor: 'rgba(0, 0, 0, 0.1)', // 阴影颜色
+ shadowBlur: 10, // 阴影的模糊大小
+ shadowOffsetX: 5, // 阴影水平方向上的偏移
+ shadowOffsetY: 5, // 阴影垂直方向上的偏移
+ opacity: 0.3 // 区域颜色的透明度
+ },
+ },
+ {
+ xAxisIndex: 1,
+ yAxisIndex: 1,
+ name: '水位',
+ type: 'line',
+ color: "#67ddb7",
+ symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ data: data.map(o => o.sw),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ },
+ {
+ name: '汛限水位',
+ type: 'line',
+ color: "#f8dda7",
+ symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ data: data.map(o => 130),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ },
+ {
+ name: '设计水位',
+ type: 'line',
+ color: "#e89e42",
+ symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ data: data.map(o => 100),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ },
+ {
+ name: '校核水位',
+ type: 'line',
+ color: "#da2f2d",
+ symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ data: data.map(o => 160),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ },
+ {
+ name: '溢洪流量',
+ type: 'bar',
+ barWidth: '20%',
+ itemStyle: {
+ color: '#678ef2',
+ borderWidth: '0.3'
+ },
+ data: data.map(o => o.ll),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ },
+ ]
+ };
+}
diff --git a/src/views/sq/qth/skyh/index.js b/src/views/sq/qth/skyh/index.js
new file mode 100644
index 000000000..d40abebdc
--- /dev/null
+++ b/src/views/sq/qth/skyh/index.js
@@ -0,0 +1,70 @@
+import React, { useEffect, useState } from 'react'
+import { reservoirlist, } from "../../../../service/sssq";
+import { message } from 'antd';
+import Sssw from './sssw';
+// import Sjcx from '../../../Home/MapCtrl/components/Jcsj/index'
+import Sjcx from './sjcx'
+import "./index.less"
+import { httppost2 } from '../../../../utils/request';
+import apiurl from '../../../../service/apiurl';
+import { helpers } from '@turf/turf';
+import NormalSelect from '../../../../components/Form/NormalSelect';
+export default function Sksq() {
+ const [selectList, setSelectList] = useState([])
+ // const [selected, setSelected] = useState(0)
+ const getList = async() => {
+ try {
+ const data = await reservoirlist()
+ setSelectList(data)
+ } catch (error) {
+ console.log(error);
+ }
+ }
+
+
+
+ useEffect(() => {
+ getList()
+ }, [])
+
+ return (
+
+
+ )
+}
diff --git a/src/views/sq/qth/skyh/index.less b/src/views/sq/qth/skyh/index.less
new file mode 100644
index 000000000..5f242010a
--- /dev/null
+++ b/src/views/sq/qth/skyh/index.less
@@ -0,0 +1,106 @@
+.content-sk{
+ display: flex;
+ column-gap: 10px;
+ height: calc(100vh - 90px);
+ .comomn-title{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20px 10px;
+ }
+ .content-left{
+ width: 550px;
+ height: 100%;
+ background-color: #fff;
+ .ssjc{
+ .root {
+ display: flex;
+ color: #333;
+ padding: 1rem 1rem 1rem 1rem;
+ .drp-content{
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ column-gap: 40px;
+ margin-top: 40px;
+ }
+ .drp-item{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around;
+ width: 220px;
+ height: 160px;
+ background-color: #eaf4fe;
+ margin-bottom: 40px;
+ .value{
+ font-size: 20px;
+ font-weight: bold;
+ }
+ .name{
+ font-size: 16px;
+ color: #40a9ff;
+ }
+ }
+ }
+
+
+ .report-time,.rain-report{
+ display: flex;
+ width: 70%;
+ align-items: center;
+ color: #689fff;
+ font-size: 15px;
+ font-weight: 500;
+ line-height: 1.5;
+ column-gap: 5px;
+ margin-bottom: 10px;
+ justify-content: center;
+ padding: 7px 0;
+ background-color: #ecf5ff;
+ border: 1px solid #cde5ff;
+ border-radius: 5px;
+ margin-left: 10%;
+ }
+
+
+
+
+ }
+ }
+ .content-right{
+ flex: 1;
+ height: 100%;
+ background-color: #fff;
+ .sjcx-content{
+ padding: 10px;
+ .qth_skyh_sjcx{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .qth_skyh_sjcx_top{
+ padding: 0 0 15px 10px;
+ }
+ .qth_skyh_sjcx_center{
+ flex: 1;
+ padding: 0 10px;
+ display: flex;
+ flex-direction: row;
+ .qth_skyh_sjcx_center_left{
+ width: 55%;
+ height: 100%;
+ margin-bottom: 10px;
+ }
+ .qth_skyh_sjcx_center_right{
+ width: 45%;
+ height: 100%;
+ }
+ }
+ }
+ }
+ }
+ .pic-container{
+ padding: 10px;
+ }
+}
\ No newline at end of file
diff --git a/src/views/sq/qth/skyh/sjcx.js b/src/views/sq/qth/skyh/sjcx.js
new file mode 100644
index 000000000..71d70f048
--- /dev/null
+++ b/src/views/sq/qth/skyh/sjcx.js
@@ -0,0 +1,77 @@
+import React,{useState,useEffect, useMemo} from 'react'
+import {Table} from 'antd';
+import ReactEcharts from 'echarts-for-react';
+import {queryStPptnDetails} from '../../../../service/ssyq'
+import { httppost2 } from '../../../../utils/request'
+import apiurl from '../../../../service/apiurl'
+import moment from 'moment';
+import Toolbar from './toolbar'
+import drpOption from './drpOption';
+
+export default function Sjcx({ data }) {
+ const stcd = data?.stcd||''
+ const [tms, setTms] = useState([moment().add(-1,'months'),moment()])
+ const [list, setList] = useState([])
+ const option = useMemo(() => drpOption(list), [list])
+ const columns = [
+ { title: '时间', key: 'tm', dataIndex: 'tm', align: 'center',width:'120px',render: (rec) => {rec.slice(5,16) ?? "-"} },
+ { title: '水位(m)', key: 'sw', dataIndex: 'sw', align: 'center',width:'80px',render: (rec) => {rec ?? "-"} },
+ { title: '库容(万m³)', key: 'kr', dataIndex: 'kr', align: 'center',render: (rec) => {rec ?? "-"} },
+ { title: '溢洪流量(m³/s)', key: 'll', dataIndex: 'll', align: 'center',render: (rec) => {rec ?? "-"} },
+ { title: '累计溢洪量(万m³)', key: 'lj', dataIndex: 'lj', align: 'center',render: (rec) => {rec ?? "-"} },
+ ];
+
+
+
+
+ useEffect(()=>{
+ getList(stcd,tms)
+ },[stcd,tms])
+
+ const getList = async (stcd,tms)=>{
+ const pam = {
+ stm:tms[0].format('YYYY-MM-DD HH:mm:ss'),
+ etm:tms[1].format('YYYY-MM-DD HH:mm:ss'),
+ stcd
+ }
+ // const res = await httppost2(apiurl)
+ const list = []
+ for (let i=0;i<10;i++){
+ list.push({
+ tm:'2023-02-07 12:'+(i+10)+':00',
+ sw:i+1+'.91',
+ kr:i+22+'.91',
+ ll:i+15+'.91',
+ lj:i+41+'.91',
+ })
+ }
+ setList(list)
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+ 土壤墒情
+
+
+ 土壤墒情
+
+ 站点：
+ {selectList?.[0]?.stnm}
+ {/* setSelected(e)}
+ /> */}
+
+
+
+
+
+
+
+
+
+ 数据查询
+
+
+ 数据查询
+
+
+
+
+ )
+}
diff --git a/src/views/sq/qth/skyh/sssw.js b/src/views/sq/qth/skyh/sssw.js
new file mode 100644
index 000000000..cbab86464
--- /dev/null
+++ b/src/views/sq/qth/skyh/sssw.js
@@ -0,0 +1,55 @@
+import React,{useState,useEffect} from 'react'
+import {queryStPptnDetails} from '../../../../service/ssyq'
+import { httppost2 } from '../../../../utils/request'
+import apiurl from '../../../../service/apiurl'
+export default function Sssw({ data }) {
+ const [detail, setDetail] = useState({})
+ const getDetail = async (stcd) => {
+ // const res = await httppost2(apiurlhome.turangshangqing.{stcd})
+ // setDetail{res}
+ }
+ useEffect(() => {
+ if (data.stcd) {
+ getDetail(data.stcd)
+ }
+ }, [data])
+
+ return (
+
+ {setTms([...tm])}}/>
+
+
+
+
+
+
+
+ {
+ list.length>0?
+
+
+
+ )
+}
diff --git a/src/views/sq/qth/skyh/toolbar.js b/src/views/sq/qth/skyh/toolbar.js
new file mode 100644
index 000000000..996d9bd5f
--- /dev/null
+++ b/src/views/sq/qth/skyh/toolbar.js
@@ -0,0 +1,37 @@
+import { Form, message, Button, DatePicker } from 'antd';
+import NormalSelect from '../../../../components/Form/NormalSelect'
+import moment from "moment"
+const { RangePicker } = DatePicker;
+
+
+
+const ToolBar = ({search, defaultParams}) => {
+ const [form] = Form.useForm();
+
+ const onFinish = (val)=>{
+ search(val.tms)
+ }
+
+ return (
+ <>
+
+
+ );
+}
+
+export default ToolBar;
\ No newline at end of file
diff --git a/src/views/sq/qth/trsq/drpOption.js b/src/views/sq/qth/trsq/drpOption.js
new file mode 100644
index 000000000..08bd03a07
--- /dev/null
+++ b/src/views/sq/qth/trsq/drpOption.js
@@ -0,0 +1,172 @@
+export default function drpOption(data,yjData) {
+ console.log("data",data);
+ // const maxVal = 0//Math.max(...data.map(obj => obj.drp))
+ // const max1 = Math.max(...[...data.map(obj => obj.value),...yjData?.map(obj => obj.value)])
+ // const min1 = Math.min(...[...data.map(obj => obj.value),...yjData?.map(obj => obj.value)])
+ // const max2 = Math.max(...data.map(obj => obj.rz))
+ // const min2 = Math.min(...data.map(obj => obj.rz))
+ // const yj = yjData?.map((item,index)=>{
+ // return {
+ // yAxisIndex: 0,
+ // name: item.yjName,
+ // type: 'line',
+ // color: item.color,
+ // lineStyle: {
+ // type: "dashed",
+ // width: 1,
+ // },
+ // data: data.map(o => item.value),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ // smooth: 0.5
+ // }
+ // })
+
+ return {
+
+ tooltip: {
+ trigger: 'axis',
+
+ },
+ grid: [
+ {
+ top: "12%",
+ left: "10%",
+ right: "8%",
+ width: '80%',
+ height: '75%'
+ },
+ ],
+ legend: {
+ top:'3%',
+ // 显示图例
+ show: false,
+ // 图例的位置
+ data: ["湿度"],
+ },
+ xAxis: [
+ {
+ type: 'category',
+ data: data.map(o => o.tm),
+ inverse: false,
+ splitLine: {
+ show: false
+ },
+ axisLabel: {
+ padding: [0, 0, 10, 0],
+ color: '#333',
+ fontSize: 12,
+ formatter: val => val.slice(0,10)
+ },
+ axisLine: {
+ lineStyle: {
+ color: '#d9d9d9',
+ width: 1,
+ }
+ },
+ axisTick: {
+ show: false,
+ },
+ }
+ ],
+ yAxis: [
+ {
+ // gridIndex: 1,
+ type: 'value',
+ position: 'left',
+ name: "湿度(RH)",
+ nameTextStyle: {
+ padding: [0, 0, 10, -20],
+ color:'#333333',
+ fontSize: 14
+ },
+ splitLine: {
+ show: true,
+ lineStyle: {
+ color: '#bfbfbf',
+ width: 0.5,
+ type: 'dotted'
+ }
+ },
+ axisLabel: {
+ color: '#333',
+ fontSize: 12,
+ formatter: val => val+'%'
+ },
+ axisLine: {
+ show: false
+ // lineStyle: {
+ // color: '#8c8c8c',
+ // width: 1,
+ // }
+ },
+ axisTick: {
+ show: false,
+ },
+ },
+ // {
+ // // gridIndex: 1,
+ // type: 'value',
+ // position: 'right',
+ // name: "库水位(m)",
+ // nameTextStyle: {
+ // padding: [0, 0, 10, 10],
+ // color:'#333333',
+ // fontSize: 14
+ // },
+ // splitLine: {
+ // show: false,
+ // lineStyle: {
+ // color: '#07a6ff',
+ // width: 0.25,
+ // type: 'dotted'
+ // }
+ // },
+ // axisLabel: {
+ // color: '#333',
+ // fontSize: 12,
+ // },
+ // axisLine: {
+ // show: false
+ // // lineStyle: {
+ // // color: '#8c8c8c',
+ // // width: 1,
+ // // }
+ // },
+ // axisTick: {
+ // show: false,
+ // },
+ // min: Math.floor(min2*0.8),
+ // max: Math.ceil(max2*1.2),
+ // }
+ ],
+ series: [
+ {
+ // xAxisIndex: 1,
+ // yAxisIndex: 0,
+ name: '湿度',
+ type: 'line',
+ color: "#d6eaec",
+ lineStyle: {
+ // type: "dashed"
+ },
+ data: data.map(o => o.sd),
+ symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ smooth: 0.5
+ },
+ // ...yj
+ // {
+ // // xAxisIndex: 1,
+ // yAxisIndex: 1,
+ // name: '库水位',
+ // type: 'line',
+ // color: "#60a0f8",
+ // lineStyle: {
+ // // type: "dashed"
+ // },
+ // data: data.map(o => o.rz),
+ // symbol: 'none', // 设置标记点为'none'，即去掉圆点
+ // smooth: 0.5
+ // },
+ ]
+ };
+}
diff --git a/src/views/sq/qth/trsq/index.js b/src/views/sq/qth/trsq/index.js
new file mode 100644
index 000000000..9cb2bd6ea
--- /dev/null
+++ b/src/views/sq/qth/trsq/index.js
@@ -0,0 +1,109 @@
+import React, { useEffect, useState } from 'react'
+import { reservoirlist, } from "../../../../service/sssq";
+import { message } from 'antd';
+import Sssw from './sssw';
+// import Sjcx from '../../../Home/MapCtrl/components/Jcsj/index'
+import Sjcx from './sjcx'
+import "./index.less"
+import { httppost2 } from '../../../../utils/request';
+import apiurl from '../../../../service/apiurl';
+import { helpers } from '@turf/turf';
+import NormalSelect from '../../../../components/Form/NormalSelect';
+export default function Sksq() {
+ const [tableData1, setTableData1] = useState([])
+ // const getData1 = async () => {
+ // const { data, code, msg } = await httppost2(apiurl.home.yq)
+ // if (code !== 200) {
+ // message.error(msg || '请求失败');
+ // }
+ // const list = data.map((i)=>{
+ // return {
+ // id : i.stcd,
+ // ...i,
+ // drp : i.drp ,//i.v,
+ // }
+ // })
+ // setTableData1(list||[])
+ // }
+ const [selectList, setSelectList] = useState([])
+ const [selected, setSelected] = useState(0)
+ const getList = async() => {
+ try {
+ // const res = await httppost2(apiurl.home.turangshangqing)
+ const res = [
+ {
+ id:'1',
+ stcd: '10001',
+ stnm: '水田站',
+ wd: '53',
+ tm: '2025-03-19 15:00:00',
+ lgtd: "114.7684000",
+ lttd: "31.4941000"
+ },
+ {
+ id:'2',
+ stcd: '10002',
+ stnm: '旱田站',
+ wd: '21',
+ tm: '2025-03-19 15:00:00',
+ lgtd: "114.7984000",
+ lttd: "31.4941000"
+ },
+ ]
+ const list = res?.map((item,index)=>({
+ label:item.stnm,
+ value:index,
+ data:item
+ }))
+ setSelectList(list)
+ } catch (error) {
+ console.log(error);
+ }
+ }
+
+
+
+ useEffect(() => {
+ getList()
+ }, [])
+
+ return (
+
+
+
+
+
+ 数据更新时间: {detail?.tm}
+
+
+
+
+ {detail?.h ?? '-' } m³/s
+ 溢洪流量
+
+
+ {detail?.h3 ?? '-' } 万m³
+ 当日溢洪量
+
+
+ {detail?.h6 ?? '-' } 万m³
+ 当月溢洪量
+
+
+ {detail?.h12 ?? '-' } 万m³
+ 当年溢洪量
+
+
{detail?.h24 ?? '-' } 次
+ 本年溢洪次数
+
+
+
+ {detail?.h48 ?? '-' } 万m³
+ 本年单次最大溢洪量
+
+
+ )
+}
diff --git a/src/views/sq/qth/trsq/index.less b/src/views/sq/qth/trsq/index.less
new file mode 100644
index 000000000..e58ac27a8
--- /dev/null
+++ b/src/views/sq/qth/trsq/index.less
@@ -0,0 +1,121 @@
+.content-sk{
+ display: flex;
+ column-gap: 10px;
+ height: calc(100vh - 90px);
+ .comomn-title{
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: 20px 10px;
+ }
+ .content-left{
+ width: 550px;
+ height: 100%;
+ background-color: #fff;
+ .ssjc{
+ .root {
+ display: flex;
+ color: #333;
+ padding: 1rem 1rem 1rem 1rem;
+ .drp-content{
+ display: flex;
+ justify-content: center;
+ flex-wrap: wrap;
+ column-gap: 40px;
+ margin-top: 40px;
+ }
+ .drp-item{
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-around;
+ width: 220px;
+ height: 160px;
+ background-color: #eaf4fe;
+ margin-bottom: 40px;
+ .value{
+ font-size: 20px;
+ font-weight: bold;
+ }
+ .name{
+ font-size: 16px;
+ color: #40a9ff;
+ }
+ }
+ }
+
+
+ .report-time,.rain-report{
+ display: flex;
+ width: 70%;
+ align-items: center;
+ color: #689fff;
+ font-size: 15px;
+ font-weight: 500;
+ line-height: 1.5;
+ column-gap: 5px;
+ margin-bottom: 10px;
+ justify-content: center;
+ padding: 7px 0;
+ background-color: #ecf5ff;
+ border: 1px solid #cde5ff;
+ border-radius: 5px;
+ margin-left: 10%;
+ }
+
+
+
+
+ }
+ }
+ .content-right{
+ flex: 1;
+ height: 100%;
+ background-color: #fff;
+ .sjcx-content{
+ padding: 10px;
+ .qth_trsq_sjcx{
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: column;
+ .qth_trsq_sjcx_top{
+ padding: 0 0 5px 10px;
+ }
+ .qth_trsq_sjcx_center{
+ padding: 0 10px;
+ display: flex;
+ flex-direction: row;
+ .qth_trsq_sjcx_center_left{
+ width: 45%;
+ margin-bottom: 10px;
+ }
+ .qth_trsq_sjcx_center_right{
+ width: 55%;
+ }
+ }
+ .qth_trsq_sjcx_footer{
+ flex: 1;
+ .footer-row{
+ display: flex;
+ justify-content: space-between;
+ .footer-item{
+ flex: 1;
+ text-align: center;
+ .footer-name{
+ background: #E0EDFF ;
+ padding: 4px 0;
+ }
+ .footer-num{
+ padding: 4px 0;
+ }
+ }
+ }
+ }
+ }
+ }
+ }
+ .pic-container{
+ padding: 10px;
+ }
+}
\ No newline at end of file
diff --git a/src/views/sq/qth/trsq/sjcx.js b/src/views/sq/qth/trsq/sjcx.js
new file mode 100644
index 000000000..493f24f19
--- /dev/null
+++ b/src/views/sq/qth/trsq/sjcx.js
@@ -0,0 +1,124 @@
+import React,{useState,useEffect, useMemo} from 'react'
+import {Table} from 'antd';
+import ReactEcharts from 'echarts-for-react';
+import {queryStPptnDetails} from '../../../../service/ssyq'
+import { httppost2 } from '../../../../utils/request'
+import apiurl from '../../../../service/apiurl'
+import moment from 'moment';
+import Toolbar from './toolbar'
+import drpOption from './drpOption';
+
+export default function Sjcx({ data }) {
+ const stcd = data?.stcd||''
+ const [tms, setTms] = useState([moment().add(-1,'months'),moment()])
+ const [countObj,setCountObj] = useState({})
+ const [list, setList] = useState([])
+ const option = useMemo(() => drpOption(list), [list])
+ const columns = [
+ { title: '序号', key: '', dataIndex: '', align: 'center',width:'80px',render:(a,b,c)=>c+1},
+ { title: '数据时间', key: 'tm', dataIndex: 'tm', align: 'center',width:'200px',render: (rec) => {rec ?? "-"} },
+ { title: '湿度', key: 'sd', dataIndex: 'sd', align: 'center',render: (rec) => {rec ?? "-"} },
+ ];
+
+
+
+
+ useEffect(()=>{
+ getCount(stcd)
+ getList(stcd,tms)
+ },[stcd,tms])
+
+ const getList = async (stcd,tms)=>{
+ const pam = {
+ stm:tms[0].format('YYYY-MM-DD HH:mm:ss'),
+ etm:tms[1].format('YYYY-MM-DD HH:mm:ss'),
+ stcd
+ }
+ // const res = await httppost2(apiurl)
+ const list = []
+ for (let i=0;i<30;i++){
+ list.push({
+ tm:'2023-02-07 12:'+(i+10)+':00',
+ sd:i+7+'.91'
+ })
+ }
+ setList(list)
+ }
+ const getCount = async (stcd)=>{
+ // const res = await httppost2(apiurl)
+ setCountObj({})
+ }
+
+ return (
+
+
+
+
+
+
+
+
+
+ 土壤墒情
+
+
+ 土壤墒情
+
+ 站点：
+ setSelected(e)}
+ />
+
+
+
+
+
+
+
+
+
+ 数据查询
+
+
+ 数据查询
+
+
+
+
+ )
+}
diff --git a/src/views/sq/qth/trsq/sssw.js b/src/views/sq/qth/trsq/sssw.js
new file mode 100644
index 000000000..428e99585
--- /dev/null
+++ b/src/views/sq/qth/trsq/sssw.js
@@ -0,0 +1,55 @@
+import React,{useState,useEffect} from 'react'
+import {queryStPptnDetails} from '../../../../service/ssyq'
+import { httppost2 } from '../../../../utils/request'
+import apiurl from '../../../../service/apiurl'
+export default function Sssw({ data }) {
+ const [detail, setDetail] = useState({})
+ const getDetail = async (stcd) => {
+ // const res = await httppost2(apiurlhome.turangshangqing.{stcd})
+ // setDetail{res}
+ }
+ useEffect(() => {
+ if (data.stcd) {
+ getDetail(data.stcd)
+ }
+ }, [data])
+
+ return (
+
+ {setTms([...tm])}}/>
+
+
+
+
+
+
+
+ {
+ list.length>0?
+
+
+
+
+
+
+
+ 本周(极值,RH)
+ {countObj?.h1||0}
+
+
+ 本月(极值,RH)
+ {countObj?.h3||0}
+
+
+ 本年(极值,RH)
+ {countObj?.h6||0}
+
+
+ 近1周(极值,RH)
+ {countObj?.h12||0}
+
+
+ 近1月(极值,RH)
+ {countObj?.yearDrpDay}/{countObj?.C}
+
+
+
+
+ 近3月(极值,RH)
+ {countObj.today}
+
+
+ 近6月(极值,RH)
+ {countObj?.yesterdayDrp}
+
+
+ 近1年(极值,RH)
+ {countObj?.monthDrp}
+
+
+
+
+
+
+
+
+
+
+ )
+}
diff --git a/src/views/sq/qth/trsq/toolbar.js b/src/views/sq/qth/trsq/toolbar.js
new file mode 100644
index 000000000..996d9bd5f
--- /dev/null
+++ b/src/views/sq/qth/trsq/toolbar.js
@@ -0,0 +1,37 @@
+import { Form, message, Button, DatePicker } from 'antd';
+import NormalSelect from '../../../../components/Form/NormalSelect'
+import moment from "moment"
+const { RangePicker } = DatePicker;
+
+
+
+const ToolBar = ({search, defaultParams}) => {
+ const [form] = Form.useForm();
+
+ const onFinish = (val)=>{
+ search(val.tms)
+ }
+
+ return (
+ <>
+
+
+ );
+}
+
+export default ToolBar;
\ No newline at end of file
diff --git a/src/views/sq/qys/gcys/xlLine/index.js b/src/views/sq/qys/gcys/xlLine/index.js
index 44db4461a..a28ae6661 100644
--- a/src/views/sq/qys/gcys/xlLine/index.js
+++ b/src/views/sq/qys/gcys/xlLine/index.js
@@ -14,8 +14,8 @@ export default function Zrtx() {
title: '序号', dataIndex: 'index', key: 'index', align: "center",
render: (r, c,i) => {i + 1}
},
- { title: '水位(m)', dataIndex: 'q', key: 'rz',align:"center" },
- { title: '流量(m³/s)', dataIndex: 'z', key: 'z',align:"center" },
+ { title: '水位(m)', dataIndex: 'z', key: 'z',align:"center" },
+ { title: '流量(m³/s)', dataIndex: 'q', key: 'rz',align:"center" },
{
title: '操作', dataIndex: 'op', key: 'op', align: "center",width:200,
render: (value, row, index) => (
+
+
+
+
+ 墒情最新上报时间: {detail?.tm}
+
+
+
+
+ {detail?.h ?? '-' }% RH
+ 实时数据
+
+
+ {detail?.h3 ?? '-' }% RH
+ 近1周（极值）
+
+
+ {detail?.h6 ?? '-' }% RH
+ 近1月（极值）
+
+
+ {detail?.h12 ?? '-' }% RH
+ 近3月（极值）
+
+
{detail?.h24 ?? '-' }% RH
+ 近6月（极值）
+
+
+
+ {detail?.h48 ?? '-' }% RH
+ 近1年（极值）
+