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

feat(): 水库总览修改

lsf-dev
李神峰 2025-06-12 11:45:21 +08:00
parent d4a3f222a2
commit 455f63f122
11 changed files with 198 additions and 125 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

56
public/data3/skReal.json
View File

@ -44,6 +44,52 @@
], ],
"layer": "RealSkLayer", "layer": "RealSkLayer",
"layerPop": "RealSkPop" "layerPop": "RealSkPop"
},
{
"stcd": "716115401",
"type": "sk",
"hasRz": true,
"stnm": "小玉潭水库",
"adcd": "421181110000",
"wscd": null,
"importancy": 0,
"lgtd": 114.96946270525194,
"lttd": 31.469026638957608,
"elev": 0,
"damel": 21.6,
"dsflz": 20.15,
"fsltdz": 130.8,
"ddz": 0,
"zcxsw": 130.8,
"drpTm": "2024-05-17T08:00:00.000Z",
"today": 0,
"h1": 0,
"h3": 0,
"h6": 0,
"h12": 0,
"h24": 0,
"h48": 0,
"drpState": 2,
"rz": 126.41,
"w": 4.971,
"a_fsltdz": -4.390000000000015,
"rzTm": "2024-05-17T06:00:00.000Z",
"rzWarning": 0,
"rzState": 2,
"pic": [
{
"stcd": "716115401",
"tm": "2024-05-17T08:05:00.000Z",
"url": "http://223.75.53.106:8891/skjgimages/2024/0517/716115401/20240517160500.jpg"
},
{
"stcd": "716115401",
"tm": "2024-05-17T08:20:00.000Z",
"url": "http://223.75.53.106:8891/skjgimages/2024/0517/716115402/20240517162000.jpg"
}
],
"layer": "RealSkLayer",
"layerPop": "RealSkPop"
}, },
{ {
"stcd": "716115301", "stcd": "716115301",
@ -669,6 +715,7 @@
"h48": 15, "h48": 15,
"drpState": 1, "drpState": 1,
"rz": 84.67, "rz": 84.67,
"xs":10432,
"w": 16900, "w": 16900,
"a_fsltdz": -8.329999999999998, "a_fsltdz": -8.329999999999998,
"rzTm": "2025-06-06T22:00:00.000Z", "rzTm": "2025-06-06T22:00:00.000Z",
@ -704,6 +751,7 @@
"drpState": 2, "drpState": 2,
"rz": 83, "rz": 83,
"w": 1026, "w": 1026,
"xs":375,
"a_fsltdz": -15.299999999999997, "a_fsltdz": -15.299999999999997,
"rzTm": "2025-06-06T00:00:00.000Z", "rzTm": "2025-06-06T00:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,
@ -737,6 +785,7 @@
"h48": 0, "h48": 0,
"drpState": 2, "drpState": 2,
"rz": 203.4, "rz": 203.4,
"xs":1164,
"w": 2797, "w": 2797,
"a_fsltdz": -5.079999999999984, "a_fsltdz": -5.079999999999984,
"rzTm": "2025-06-06T00:00:00.000Z", "rzTm": "2025-06-06T00:00:00.000Z",
@ -1876,6 +1925,7 @@
"drpState": 1, "drpState": 1,
"rz": 60.7, "rz": 60.7,
"w": 45490, "w": 45490,
"xs":32133,
"a_fsltdz": -4.189999999999998, "a_fsltdz": -4.189999999999998,
"rzTm": "2025-06-06T22:00:00.000Z", "rzTm": "2025-06-06T22:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,
@ -5451,6 +5501,7 @@
"h48": 43.5, "h48": 43.5,
"drpState": 1, "drpState": 1,
"rz": 141.56, "rz": 141.56,
"xs":12744,
"w": 16926, "w": 16926,
"a_fsltdz": -7.439999999999998, "a_fsltdz": -7.439999999999998,
"rzTm": "2025-06-06T22:00:00.000Z", "rzTm": "2025-06-06T22:00:00.000Z",
@ -5486,6 +5537,7 @@
"drpState": 1, "drpState": 1,
"rz": 120, "rz": 120,
"w": 6015, "w": 6015,
"xs":1676,
"a_fsltdz": -17, "a_fsltdz": -17,
"rzTm": "2025-06-06T00:00:00.000Z", "rzTm": "2025-06-06T00:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,
@ -5888,6 +5940,7 @@
"drpState": 2, "drpState": 2,
"rz": 224.31, "rz": 224.31,
"w": 1415, "w": 1415,
"xs":750,
"a_fsltdz": -6.689999999999998, "a_fsltdz": -6.689999999999998,
"rzTm": "2025-04-11T05:00:00.000Z", "rzTm": "2025-04-11T05:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,
@ -7486,6 +7539,7 @@
"drpState": 2, "drpState": 2,
"rz": 156.8, "rz": 156.8,
"w": 1834, "w": 1834,
"xs":448,
"a_fsltdz": -10.599999999999994, "a_fsltdz": -10.599999999999994,
"rzTm": "2025-06-06T00:00:00.000Z", "rzTm": "2025-06-06T00:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,
@ -8256,6 +8310,7 @@
"drpState": 1, "drpState": 1,
"rz": 117.78, "rz": 117.78,
"w": 1577, "w": 1577,
"xs":628,
"a_fsltdz": -4.659999999999997, "a_fsltdz": -4.659999999999997,
"rzTm": "2025-06-06T22:00:00.000Z", "rzTm": "2025-06-06T22:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,
@ -9072,6 +9127,7 @@
"drpState": 1, "drpState": 1,
"rz": 144.5, "rz": 144.5,
"w": 1574, "w": 1574,
"xs":"--",
"a_fsltdz": -14.5, "a_fsltdz": -14.5,
"rzTm": "2025-06-06T00:00:00.000Z", "rzTm": "2025-06-06T00:00:00.000Z",
"rzWarning": 0, "rzWarning": 0,

BIN
src/assets/yybg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.3 MiB

10
src/views/Home/InfoDlg/HistoryYyDlg/fxyb.js
View File

@ -136,8 +136,8 @@ const enterpriseData = [
const statistics = { const statistics = {
floodArea: 3.57, floodArea: 3.57,
affectedVillages: 2, affectedVillages: 2,
affectedHouseholds: 310, affectedHouseholds: 75,
affectedPopulation: 940, affectedPopulation: 224,
}; };
const FloodImpactMonitor = () => { const FloodImpactMonitor = () => {
@ -162,8 +162,8 @@ const FloodImpactMonitor = () => {
<Typography variant="h6" className={classes.title}> <Typography variant="h6" className={classes.title}>
城镇、集镇、村庄 城镇、集镇、村庄
</Typography> </Typography>
<Paper> <Paper style={{background:"transparent"}}>
<Table className={classes.table}> <Table className={classes.table} >
<thead> <thead>
<tr> <tr>
<th>名称</th> <th>名称</th>
@ -196,7 +196,7 @@ const FloodImpactMonitor = () => {
<Typography variant="h6" className={classes.title}> <Typography variant="h6" className={classes.title}>
企事业单位影响情况 企事业单位影响情况
</Typography> </Typography>
<Paper> <Paper style={{background:"transparent"}}>
<Table className={classes.table}> <Table className={classes.table}>
<thead> <thead>
<tr> <tr>

6
src/views/Home/InfoDlg/HistoryYyDlg/index.js
View File

@ -40,7 +40,7 @@ function HDStDlg({ record, onClose }) {
</DpTabs> </DpTabs>
<DpCloseButton onClick={onClose} /> <DpCloseButton onClick={onClose} />
</DpAppBar> </DpAppBar>
<div style={{ display: 'flex' }}> <div className='yy-contents'>
<div className='yy-left'> <div className='yy-left'>
<WarningCard <WarningCard
key={warnObj.id} key={warnObj.id}
@ -53,10 +53,10 @@ function HDStDlg({ record, onClose }) {
/> />
</div> </div>
<div className='yy-middle'> <div className='yy-middle'>
<VideoPlayer {/* <VideoPlayer
videoUrl={`${process.env.PUBLIC_URL}/assets/yyVideo.mp4`} videoUrl={`${process.env.PUBLIC_URL}/assets/yyVideo.mp4`}
date="" date=""
/> /> */}
{/* <video src={`${process.env.PUBLIC_URL}/assets/yyVideo.mp4`} style={{width:'100%',height:'100%'}}></video> */} {/* <video src={`${process.env.PUBLIC_URL}/assets/yyVideo.mp4`} style={{width:'100%',height:'100%'}}></video> */}
</div> </div>
<div className='yy-right'> <div className='yy-right'>

8
src/views/Home/InfoDlg/HistoryYyDlg/index.less
View File

@ -1,6 +1,12 @@
.yy-left,.yy-right{ .yy-left,.yy-right{
width:450px width:450px;
background: rgba(6, 34, 56, .8);
} }
.yy-middle{ .yy-middle{
width: 1000px; width: 1000px;
}
.yy-contents{
display: flex;
background:url(../../../../assets/yybg.png) no-repeat;
background-size: 100% 100%;
} }

6
src/views/Home/InfoDlg/HistoryYyDlg/rightYy.js
View File

@ -153,7 +153,7 @@ const RainfallMonitor = () => {
<Tab label="降雨情景" /> <Tab label="降雨情景" />
<Tab label="风险评估" /> <Tab label="风险评估" />
</Tabs> </Tabs>
{ {
tabValue == 0 ? <> tabValue == 0 ? <>
<TableContainer component={Paper} className={classes.table}> <TableContainer component={Paper} className={classes.table}>
@ -213,10 +213,6 @@ const RainfallMonitor = () => {
</Box> </Box>
</> : <Fxyb /> </> : <Fxyb />
} }
</Box> </Box>
); );
}; };

2
src/views/Home/InfoDlg/SkSmtp/index.js
View File

@ -24,7 +24,7 @@ function SkSmtp({ record, onClose }) {
<div className="boxhead"></div> <div className="boxhead"></div>
<DialogContent style={{ padding: 0, width: '30rem', overflowX: 'hidden' }}> <DialogContent style={{ padding: 0, width: '30rem', overflowX: 'hidden' }}>
<DpAppBar position="sticky"> <DpAppBar position="sticky">
<Typography variant="h6" style={{ alignSelf: 'center', marginLeft: '0.5rem', flexGrow: 1 }}>{record.stnm}</Typography> <Typography variant="h6" style={{ alignSelf: 'center', marginLeft: '0.5rem', flexGrow: 1,color:"#fff" }}>{record.stnm}</Typography>
<DpCloseButton onClick={onClose} /> <DpCloseButton onClick={onClose} />
</DpAppBar> </DpAppBar>
<SkSmtpPanel personels={record.personels || []} txt={record.txt} /> <SkSmtpPanel personels={record.personels || []} txt={record.txt} />

2
src/views/Home/panels/Jcgjz/index.js
View File

@ -50,7 +50,7 @@ function HDReal({ style }) {
return ( return (
<PanelBox <PanelBox
style={style} style={style}
title="监测2告警" title="监测告警"
color="green" color="green"
extra={ extra={
<div> <div>

6
src/views/Home/panels/Skzl/countPage.js
View File

@ -12,17 +12,17 @@ function Page({ style }) {
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}> <div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/> <img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>中型水库</div> <div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>中型水库</div>
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>3</span> 座</div> <div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>7</span> 座</div>
</div> </div>
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}> <div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/> <img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>小(1)型水库</div> <div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>小(1)型水库</div>
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>3</span> 座</div> <div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>44</span> 座</div>
</div> </div>
<div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}> <div style={{width:'24%',display:'flex',flexDirection:'column',alignItems:'center',border:'1px solid rgba(36, 136, 223, 0.4)',paddingTop:'0.2rem',background:'#132a4b'}}>
<img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/> <img src={`${process.env.PUBLIC_URL}/assets/icon/大型水库.svg`} width={20} alt=""/>
<div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>小(2)型水库</div> <div style={{color:'#ffffff',fontSize:'0.8rem',marginTop:'0.1rem'}}>小(2)型水库</div>
<div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>3</span> 座</div> <div style={{color:'#ffffff',fontSize:'0.8rem',lineHeight:'1rem'}}><span style={{color:'#7dd188',fontSize:'1.2rem'}}>207</span> 座</div>
</div> </div>
</div> </div>
</div> </div>

225
src/views/Home/panels/Skzl/index.js
View File

@ -1,5 +1,5 @@
import React, { useEffect, useMemo, useState } from 'react'; import React, { useEffect, useMemo, useState } from 'react';
import { Switch, Collapse,Table, TableContainer, TableBody,TableHead, TableRow, TableSortLabel } from '@material-ui/core/index' import { Switch, Collapse, Table, TableContainer, TableBody, TableHead, TableRow, TableSortLabel } from '@material-ui/core/index'
import DpTableCell from '../../../../layouts/mui/DpTableCell'; import DpTableCell from '../../../../layouts/mui/DpTableCell';
import DpTableRow from '../../../../layouts/mui/DpTableRow'; import DpTableRow from '../../../../layouts/mui/DpTableRow';
import PanelBox from '../../components/PanelBox'; import PanelBox from '../../components/PanelBox';
@ -12,35 +12,40 @@ import CollapsePage from './collapsePage'
function DrpReal({ style }) { function DrpReal({ style }) {
const [dimension, setDimension] =useState('ft'); const [dimension, setDimension] = useState('ft');
const [skData,setSkData] = useState([]) const [skData, setSkData] = useState([])
const [skType,setSkType] = useState('') const [skType, setSkType] = useState('')
const [sort,setSort] = useState(true) const [sort, setSort] = useState(true)
const [sort1, setSort1] = useState(true)
const dispatch = useDispatch(); const dispatch = useDispatch();
const tableData = useMemo(()=>{ const tableData = useMemo(() => {
if(skType==='1'){ if (skType === '1') {
return (skData.filter(o=>o.w>10000)||[]).sort((a,b)=>sort?(b.w-a.w):(a.w-b.w)) return (skData.filter(o => o.w > 10000) || []).sort((a, b) => sort ? (b.w - a.w) : (a.w - b.w))
} }
if(skType==='2'){ if (skType === '2') {
return (skData.filter(o=>o.w>100 && o.w<=10000)||[]).sort((a,b)=>sort?(b.w-a.w):(a.w-b.w)) return (skData.filter(o => o.w > 100 && o.w <= 10000) || []).sort((a, b) => sort ? (b.w - a.w) : (a.w - b.w))
} }
if(skType==='3'){ if (skType === '3') {
return (skData.filter(o=>o.w>0.375 && o.w<=100)||[]).sort((a,b)=>sort?(b.w-a.w):(a.w-b.w)) const filterSkData = skData.filter(o => o.w > 0.375 && o.w <= 100) || [];
const newFilterData = filterSkData.map(item => ({ ...item, xs: (item.w * 0.6).toFixed(2) }))
return newFilterData.sort((a, b) => sort ? (b.w - a.w) : (a.w - b.w))
} }
if(skType==='4'){ if (skType === '4') {
return (skData.filter(o=>o.w>=0 && o.w<=0.375)||[]).sort((a,b)=>sort?(b.w-a.w):(a.w-b.w)) const filterSkData = skData.filter(o => o.w >= 0 && o.w <= 0.375) || [];
const newFilterData = filterSkData.map(item => ({ ...item, xs: (item.w * 0.6).toFixed(2) }))
return newFilterData.sort((a, b) => sort ? (b.w - a.w) : (a.w - b.w))
} }
return [] return []
},[skData,skType,sort]) }, [skData, skType, sort, sort1])
const skTypeObj = [ const skTypeObj = [
{type:'1',name:'大型水库',num1:3,num2:7.9316},//8.735 { type: '1', name: '大型水库', num1: 3, num2: 7.9316 },//8.735
{type:'2',name:'中型水库',num1:7,num2:1.627}, { type: '2', name: '中型水库', num1: 7, num2: 1.627 },
{type:'3',name:'小(1)型水库',num1:43,num2:1.627}, { type: '3', name: '小(1)型水库', num1: 44, num2: 1.627 },
{type:'4',name:'小(2)型水库',num1:207,num2:8.735}, { type: '4', name: '小(2)型水库', num1: 207, num2: 8.735 },
] ]
useEffect(()=>{ useEffect(() => {
getSkData() getSkData()
// return ()=>{ // return ()=>{
@ -51,132 +56,142 @@ function DrpReal({ style }) {
// map.removeSource('临时水库tz'); // map.removeSource('临时水库tz');
// } // }
// } // }
},[]) }, [])
const getSkData = async()=>{ const getSkData = async () => {
const data = await SkRealPromise.get(); const data = await SkRealPromise.get();
setSkData(data) setSkData(data)
} }
const flyTo = (row)=>{ const flyTo = (row) => {
const { lgtd, lttd } = row; const { lgtd, lttd } = row;
if (lgtd && lttd) { if (lgtd && lttd) {
// dispatch.runtime.setFeaturePop({ type: 'RealSkPop', properties: row, coordinates: [row.lgtd, row.lttd] }); // dispatch.runtime.setFeaturePop({ type: 'RealSkPop', properties: row, coordinates: [row.lgtd, row.lttd] });
dispatch.runtime.setCameraTarget({ dispatch.runtime.setCameraTarget({
center: [lgtd, lttd+0.005], center: [lgtd, lttd + 0.005],
zoom: 15, zoom: 15,
pitch: 50, pitch: 50,
bearing: 0 bearing: 0
}); });
} }
} }
const setSkLayer = (data=[])=>{ const setSkLayer = (data = []) => {
const map = window.__mapref; const map = window.__mapref;
const layer = map.getLayer('临时水库tz') const layer = map.getLayer('临时水库tz')
if(layer){ if (layer) {
map.removeLayer('临时水库tz'); map.removeLayer('临时水库tz');
map.removeSource('临时水库tz'); map.removeSource('临时水库tz');
} }
if(data.length===0){return} if (data.length === 0) { return }
map.addLayer({ map.addLayer({
'id': '临时水库tz',//+new Date().getTime(), 'id': '临时水库tz',//+new Date().getTime(),
'type': 'symbol', 'type': 'symbol',
'source': { 'source': {
'type': 'geojson', 'type': 'geojson',
'data': { 'data': {
'type': 'FeatureCollection', 'type': 'FeatureCollection',
'features': [], 'features': [],
},
}, },
'layout': { },
// 'icon-allow-overlap': true, 'layout': {
// 'text-allow-overlap': true, // 'icon-allow-overlap': true,
'icon-image': '水库', // 从properties中动态读取icon字段 // 'text-allow-overlap': true,
'icon-size': [ 'icon-image': '水库', // 从properties中动态读取icon字段
'interpolate', ['linear'], ['zoom'], 'icon-size': [
10, 0.8, 'interpolate', ['linear'], ['zoom'],
14, 0.8, 10, 0.8,
], 14, 0.8,
'text-size': [ ],
'interpolate', ['linear'], ['zoom'], 'text-size': [
5, 10, 'interpolate', ['linear'], ['zoom'],
14, 14, 5, 10,
], 14, 14,
'text-font': ['Roboto Black'], ],
'text-field': [ 'text-font': ['Roboto Black'],
'step', 'text-field': [
['zoom'], 'step',
'', ['zoom'],
8, ['get', 'stnm'] '',
], 8, ['get', 'stnm']
'text-anchor': 'top', ],
'text-offset': [0, 1], 'text-anchor': 'top',
}, 'text-offset': [0, 1],
'paint': { },
'text-color': '#fff' 'paint': {
}, 'text-color': '#fff'
'visibility': 'visible', },
'visibility': 'visible',
}); });
map.getSource('临时水库tz').setData(parseGeoJSON(data)) map.getSource('临时水库tz').setData(parseGeoJSON(data))
} }
return ( return (
<PanelBox <PanelBox
style={style} style={style}
title="水库总览" title="水库总览"
color="green" color="green"
> >
<CountPage/> <CountPage />
{ {
skTypeObj.map((item)=> skTypeObj.map((item) =>
(<> (<>
<CollapsePage type={item.type} name={item.name} num1={item.num1} num2={item.num2} skType={skType} setSkType={setSkType}/> <CollapsePage type={item.type} name={item.name} num1={item.num1} num2={item.num2} skType={skType} setSkType={setSkType} />
<Collapse in={skType===item.type} timeout="auto" unmountOnExit> <Collapse in={skType === item.type} timeout="auto" unmountOnExit>
<TableContainer style={{ maxHeight: 'calc( 100vh - 28.2rem )' }}> <TableContainer style={{ maxHeight: 'calc( 100vh - 28.2rem )' }}>
<Table size="small" stickyHeader> <Table size="small" stickyHeader>
<TableHead> <TableHead>
<TableRow> <TableRow>
<DpTableCell style={{ minWidth: '1rem' }} align="left">序号</DpTableCell> <DpTableCell style={{ minWidth: '3rem' }} align="left">序号</DpTableCell>
<DpTableCell style={{ minWidth: '5rem' }} align="center">水库名称</DpTableCell> <DpTableCell style={{ minWidth: '8rem' }} align="center">水库名称</DpTableCell>
<DpTableCell style={{ minWidth: '8rem' }} align="center">类型</DpTableCell> <DpTableCell style={{ minWidth: '8rem' }} align="center">类型</DpTableCell>
<DpTableCell style={{ minWidth: '8rem' }} align="center"> <DpTableCell style={{ minWidth: '8rem' }} align="center">
<TableSortLabel {/* <TableSortLabel
onClick={() => setSort(!sort)} onClick={() => setSort1(!sort1)}
active={true} active={true}
direction={sort?'desc':'asc'}> direction={sort1?'desc':'asc'}>
{'库容(万m³)'} {'蓄水量(万m³)'}
</TableSortLabel> </TableSortLabel> */}
</DpTableCell> 蓄水量(万m³)
</TableRow> </DpTableCell>
</TableHead> <DpTableCell style={{ minWidth: '8rem' }} align="center">
{ <TableSortLabel
tableData.map((tableRow,index)=> onClick={() => setSort(!sort)}
active={true}
direction={sort ? 'desc' : 'asc'}>
{'库容(万m³)'}
</TableSortLabel>
</DpTableCell>
</TableRow>
</TableHead>
{
tableData.map((tableRow, index) =>
<TableBody> <TableBody>
<DpTableRow key={tableRow.stcd}> <DpTableRow key={tableRow.stcd}>
<DpTableCell align="center" >{index+1}</DpTableCell> <DpTableCell align="center" >{index + 1}</DpTableCell>
<DpTableCell align="center" > <DpTableCell align="center" >
<div className="table-ellipsis cursor-pointer" onClick={()=>{ <div className="table-ellipsis cursor-pointer" onClick={() => {
flyTo(tableRow) flyTo(tableRow)
setSkLayer([tableRow]) setSkLayer([tableRow])
}}> }}>
{tableRow.stnm} {tableRow.stnm}
</div> </div>
</DpTableCell> </DpTableCell>
<DpTableCell align="center" >{item.name}</DpTableCell> <DpTableCell align="center" >{item.name}</DpTableCell>
<DpTableCell align="center" >{tableRow.xs}</DpTableCell>
<DpTableCell align="center" >{tableRow.w}</DpTableCell> <DpTableCell align="center" >{tableRow.w}</DpTableCell>
</DpTableRow> </DpTableRow>
</TableBody> </TableBody>
) )
} }
</Table> </Table>
</TableContainer> </TableContainer>
</Collapse> </Collapse>
</>) </>)
) )
} }
</PanelBox> </PanelBox>
) )
} }
export default DrpReal; export default DrpReal;

2
src/views/Home/panels/Xczl/index.js
View File

@ -104,7 +104,7 @@ function DrpReal({ style }) {
}, },
'paint': { 'paint': {
'line-color': 'red', 'line-color': 'red',
'line-width': 10 'line-width': 6
// [ // [
// 'case', // 'case',
// ['==', ['get', 'LEVEL'], 1], 2.2, // ['==', ['get', 'LEVEL'], 1], 2.2,