qzc-dev-demo
秦子超 2025-04-16 13:54:05 +08:00
commit 3f6bacdc63
8 changed files with 135 additions and 95 deletions

BIN
src/assets/img/djz.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 942 KiB

View File

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

View File

@ -11,7 +11,7 @@ import {monitor,getDetail} from '../../../../../service/sssq'
const { RangePicker } = DatePicker; const { RangePicker } = DatePicker;
function DrpSearch({record}) { function DrpSearch({ record, update = false }) {
const [data, setData] = useState([]); const [data, setData] = useState([]);
const [params, setParams] = useState({}) const [params, setParams] = useState({})
const [detail, setDetail] = useState({}); const [detail, setDetail] = useState({});
@ -102,6 +102,7 @@ function DrpSearch({record}) {
} }
</div> </div>
</div> </div>
{!update ?
<div className="footer" style={record?.height ? { fontSize: 15 } : {}}> <div className="footer" style={record?.height ? { fontSize: 15 } : {}}>
<div className="footer-row"> <div className="footer-row">
<div className="footer-item"> <div className="footer-item">
@ -164,6 +165,19 @@ function DrpSearch({record}) {
</div> </div>
</div> </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> </div>
) )
} }

View File

@ -67,6 +67,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
setSearchVal({...values, dateTimeRangeSo:dateSo}); setSearchVal({...values, dateTimeRangeSo:dateSo});
} }
useEffect(() => {
let time = [moment().subtract(1,"weeks"),moment()]
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({dateTimeRangeSo:dateSo})
}, [])
return ( return (

View File

@ -94,6 +94,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
getStationCode() getStationCode()
}, []) }, [])
useEffect(() => {
let time = [moment().subtract(1,"weeks"),moment()]
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({dateTimeRangeSo:dateSo})
}, [])
return ( return (
<> <>

View File

@ -83,7 +83,15 @@ const ToolBar = ({ setSearchVal, onSave, storeData,role }) => {
getStationCode() getStationCode()
}, []) }, [])
useEffect(() => {
let time = [moment().subtract(1,"weeks"),moment()]
let dateSo = {
start:moment(time[0]).format('YYYY-MM-DD 00:00:00'),
end:moment(time[1]).format('YYYY-MM-DD 23:59:59'),
}
form.setFieldValue("tm",time)
setSearchVal({dateTimeRangeSo:dateSo})
}, [])
return ( return (
<> <>
<div style={{display:'flex',justifyContent:'space-between'}}> <div style={{display:'flex',justifyContent:'space-between'}}>

View File

@ -1,10 +1,10 @@
import { Image } from "antd" import { Image } from "antd"
// import zd from '../../../assets/img/u0.png' // import zd from '../../../assets/img/u0.png'
import zd from '../../../assets/img/wait.png' import zd from '../../../assets/img/djz.jpg'
const Page = () => { const Page = () => {
return ( return (
<div style={{display:'flex',justifyContent:'center',alignItems:'center',backgroundColor:'#fff',height:'100%',padding:'20px'}}> <div style={{display:'flex',justifyContent:'center',alignItems:'center',backgroundColor:'#fff',height:'100%',padding:'20px'}}>
<Image src={zd} style={{margin:'auto',margin:'20px',height:'130px'}} preview={false}/> <Image src={zd} style={{margin:'auto',margin:'20px',height:'630px'}} preview={false}/>
</div> </div>
) )
} }

View File

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