feat():首页闸门控制接口联调
parent
f579043c5b
commit
3199168dd5
|
|
@ -66,7 +66,10 @@ const Page = () => {
|
|||
render: (v) => <Status1 val={v} />
|
||||
|
||||
},
|
||||
{ title: '实时开度(m)', key: 'realAperture', dataIndex: 'realAperture', width: 140},
|
||||
{
|
||||
title: '实时开度(m)', key: 'realAperture', dataIndex: 'realAperture', width: 140,
|
||||
render:(v) => <span>{(v/1000).toFixed(2)}</span>
|
||||
},
|
||||
{
|
||||
title: '监测时间', key: 'tm', dataIndex: 'tm', width: 150,
|
||||
},
|
||||
|
|
|
|||
|
|
@ -116,7 +116,29 @@ export default function Home() {
|
|||
}
|
||||
}
|
||||
//安全监测数据
|
||||
const [safeData, setSafeData] = useState(Array(5).fill(0).map((item, i) => ({ id: i, cd: "SY01", dm: '1#断面', kpa: 2749, time: '2024-08-15 15:00:00' })))
|
||||
const [safeData, setSafeData] = useState([])
|
||||
const getSafeData = async () => {
|
||||
const start = moment().subtract(7, 'days').format('YYYY-MM-DD 00:00:00')
|
||||
const end = moment().format('YYYY-MM-DD 23:59:59')
|
||||
let params = {
|
||||
pageSo: {
|
||||
pageSize: 999,
|
||||
pageNumber: 1
|
||||
},
|
||||
dateTimeRangeSo: {
|
||||
start,
|
||||
end
|
||||
}
|
||||
}
|
||||
try {
|
||||
const res = await httppost2(apiurl.aqjc.syjc.page, params)
|
||||
if (res.code == 200) {
|
||||
setSafeData(res.data?.records)
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
//操作日志
|
||||
const [operateData, setOperateData] = useState([])
|
||||
const getLogData = async () => {
|
||||
|
|
@ -232,6 +254,7 @@ export default function Home() {
|
|||
getLogData()
|
||||
getPoliceData()
|
||||
getMenu()
|
||||
getSafeData()
|
||||
}, [])
|
||||
|
||||
return (
|
||||
|
|
@ -246,7 +269,7 @@ export default function Home() {
|
|||
))}
|
||||
</div>
|
||||
<div className='content-box'>
|
||||
<Zmjk />
|
||||
<Zmjk water={ RealData.find(item => item?.type == 2)} />
|
||||
</div>
|
||||
{showTabLeft &&
|
||||
<div
|
||||
|
|
@ -304,18 +327,18 @@ export default function Home() {
|
|||
<thead>
|
||||
<tr style={{ background: '#455a87', height: 35, fontSize: 14 }}>
|
||||
<th>测点编号</th>
|
||||
<th>监测断面</th>
|
||||
<th>渗压(KPa)</th>
|
||||
<th style={{ width: 90 }}>水位高程(m)</th>
|
||||
<th>水压(KPa)</th>
|
||||
<th style={{ width: 137 }}>监测时间</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody style={{ overflowY: safeData.length > 4 ? 'scroll' : 'hidden' }}>
|
||||
{safeData.length > 0 ? safeData.map((item, i) => (
|
||||
<tr style={{ borderBottom: '2px solid #536cc6', textAlign: 'center' }} className={clsx({ 'odd_row': i % 2 })} key={i}>
|
||||
<td>{item.cd}</td>
|
||||
<td>{item.dm}</td>
|
||||
<td>{item.kpa}</td>
|
||||
<td style={{ width: 137 }}>{item.time}</td>
|
||||
<td>{item.stationCode}</td>
|
||||
<td>{item.waterEle}</td>
|
||||
<td>{item.press}</td>
|
||||
<td style={{ width: 137 }}>{item.tm}</td>
|
||||
</tr>
|
||||
)) : <Empty />
|
||||
}
|
||||
|
|
|
|||
|
|
@ -116,7 +116,9 @@ const zmobj ={
|
|||
"_sort": 10086
|
||||
}
|
||||
|
||||
const Page = () => {
|
||||
const Page = ({ water }) => {
|
||||
console.log("water",water);
|
||||
|
||||
const [waterRatio,setWaterRatio] = useState(0)
|
||||
const [data,setData] = useState({})
|
||||
const [damList, setDamList ] = useState([])
|
||||
|
|
@ -128,10 +130,11 @@ const Page = () => {
|
|||
const eqpnoList = useMemo(() => damList ? new Array(damList.length).fill(0).map((o, index) => index) : [], [damList]);
|
||||
|
||||
useEffect(()=>{
|
||||
getList()
|
||||
// getList()
|
||||
getDamData()
|
||||
},[])
|
||||
|
||||
const getList = async()=>{
|
||||
const getList = async () => {
|
||||
const {code, data} = await httppost2(apiurl.zmjk.getList)
|
||||
if(code!==200){
|
||||
return
|
||||
|
|
@ -144,8 +147,8 @@ const Page = () => {
|
|||
|
||||
|
||||
|
||||
const getDamData = async(stcd)=>{
|
||||
const {code, data} = await httpget2(apiurl.zmjk.getDamData,{stcd})
|
||||
const getDamData = async () => {
|
||||
const {code, data} = await httppost2(apiurl.gcyx.yxqk.list)
|
||||
if(code!==200){
|
||||
return
|
||||
}
|
||||
|
|
@ -153,10 +156,9 @@ const Page = () => {
|
|||
data.map((item)=>{
|
||||
list.push({
|
||||
...item,
|
||||
realAperture:item.realAperture + 200
|
||||
})
|
||||
})
|
||||
setDamList([...list,...list, ...list,list[0]])
|
||||
setDamList(list)
|
||||
}
|
||||
|
||||
const getInformation = async(gateCode)=>{
|
||||
|
|
@ -164,7 +166,8 @@ const Page = () => {
|
|||
if(code!==200){
|
||||
return
|
||||
}
|
||||
data.map((item)=>{
|
||||
data.map((item) => {
|
||||
// 闸后流量
|
||||
if(item.type===2){
|
||||
setWaterRatio(item.value/5||0)
|
||||
}
|
||||
|
|
@ -172,6 +175,13 @@ const Page = () => {
|
|||
setList(data)
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
if (water?.type) {
|
||||
setWaterRatio(water.value/20||0)
|
||||
}
|
||||
}, [water])
|
||||
|
||||
|
||||
return (
|
||||
<>
|
||||
<div className='sg_zmjk' style={{paddingRight:"0",paddingBottom:"0"}}>
|
||||
|
|
|
|||
|
|
@ -61,7 +61,7 @@ const ModalForm = ({ mode, record, onUerEdit, onSave }) => {
|
|||
const res = await xyt_httpget2(apiurl.systemM.userM.list, { pageNum: 1, pageSize: 9999 })
|
||||
setRoleOptions(res.rows.map(item => ({ label: item.roleName, value: item.roleId })))
|
||||
} catch (error) {
|
||||
|
||||
console.log(error);
|
||||
}
|
||||
}
|
||||
const onFinish = () => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue