feat(): 修改河道水情

qzc-dev-demo
李神峰 2025-04-15 10:00:29 +08:00
parent c089616a22
commit b234839cee
3 changed files with 105 additions and 91 deletions

View File

@ -6,10 +6,10 @@ import moment from 'moment'
const Tabledata = ({data}) => {
const columns = [
{title: '时间', key: '', dataIndex: '', align: 'center',render:(rec)=>moment(rec.tm).format('MM-DD HH:mm')},
{
title: '雨量(mm)', key: 'drp', dataIndex: 'drp', align: 'center',
render: (rec) => <span>{rec ?? "-"}</span>
},
// {
// title: '雨量(mm)', key: 'drp', dataIndex: 'drp', align: 'center',
// render: (rec) => <span>{rec ?? "-"}</span>
// },
{
title: '水位(m)', key: 'z', dataIndex: 'z', align: 'center',
render: (rec) => <span>{rec ? rec.toFixed(2) : "-"}</span>

View File

@ -11,7 +11,7 @@ import {monitor,getDetail} from '../../../../../service/sssq'
const { RangePicker } = DatePicker;
function DrpSearch({record}) {
function DrpSearch({ record, update = false }) {
const [data, setData] = useState([]);
const [params, setParams] = useState({})
const [detail, setDetail] = useState({});
@ -102,6 +102,7 @@ function DrpSearch({record}) {
}
</div>
</div>
{!update ?
<div className="footer" style={record?.height ? { fontSize: 15 } : {}}>
<div className="footer-row">
<div className="footer-item">
@ -164,6 +165,19 @@ function DrpSearch({record}) {
</div>
</div>
</div>
: <div className="footer" style={record?.height ? { fontSize: 15 } : {}}>
<div className="footer-row">
<div className="footer-item">
<div className="footer-name">24h水位变幅(m)</div>
<div className="footer-num">{detail.rzDiff > 0 ? "+" : ""}{detail.rzDiff ? detail.rzDiff.toFixed(2) : 0}</div>
</div>
<div className="footer-item">
<div className="footer-name">本年最高水位(mm)</div>
<div className="footer-num">{detail.maxRz ? detail.maxRz.toFixed(2) : 0}</div>
</div>
</div>
</div>
}
</div>
)
}

View File

@ -61,7 +61,7 @@ export default function Sksq() {
</div>
</div>
<div className='sjcx-content'>
<Sjcx record={{...tableData[0],height:true} || {}}/>
<Sjcx record={{ ...tableData[0], height: true } || {}} update={true} />
</div>
</div>
</div>