Merge branch 'master' into qzc-dev

qzc-dev
秦子超 2025-10-20 16:21:46 +08:00
commit f4552d8f92
2 changed files with 171 additions and 136 deletions

View File

@ -14,6 +14,8 @@ const Page = () => {
const dispatch = useDispatch(); const dispatch = useDispatch();
const [ tableData, setTableData ] = useState([]) const [ tableData, setTableData ] = useState([])
const [checked, setChecked] = useState('渗压监测') const [checked, setChecked] = useState('渗压监测')
const [filteredWyList, setFilteredWyList] = useState([]) // 添加过滤后的位移列表状态
const [showAllWyData, setShowAllWyData] = useState(false) // 控制是否显示所有数据
const columns = useMemo(() => { const columns = useMemo(() => {
if(checked==='渗压监测'){ if(checked==='渗压监测'){
return [ return [
@ -57,6 +59,15 @@ const Page = () => {
message.error('查询失败') message.error('查询失败')
return return
} }
if (val === '位移监测') {
// 过滤符合条件的数据监测点为ZY开头且有监测时间和x、y、h方向的值
const filtered = data?.filter(item =>
item.de ||
item.dn ||
item.du
) || [];
setFilteredWyList(filtered)
}
setChecked(val) setChecked(val)
setTableData(data) setTableData(data)
console.log('list',data) console.log('list',data)
@ -89,12 +100,13 @@ const Page = () => {
<Table rowKey="stationCode" <Table rowKey="stationCode"
sticky sticky
columns={columns} columns={columns}
pagination={checked == '位移监测' ?{ pagination={false}
pageSize: 100, // pagination={checked == '位移监测' ?{
showSizeChanger: true, // pageSize: 100,
pageSizeOptions: [ '100', '200']}:false} // showSizeChanger: true,
dataSource={tableData} // pageSizeOptions: [ '100', '200']}:false}
scroll={{ y: "300px"}} dataSource={checked != '位移监测' ?tableData : showAllWyData?tableData:filteredWyList}
scroll={{ y: "650px"}}
onRow={ onRow={
(data)=>({ (data)=>({
onClick:()=>{ onClick:()=>{
@ -109,6 +121,11 @@ const Page = () => {
}) })
} }
/> />
{checked == '位移监测' &&<div style={{ display: 'flex', justifyContent: 'center', marginTop: '10px' }}>
<a onClick={() => setShowAllWyData(!showAllWyData)}>
{showAllWyData ? '收起更多信息' : '更多信息'}
</a>
</div>}
</div> </div>
</div> </div>
</> </>

View File

@ -24,6 +24,10 @@ export default function Page({isHome}) {
const [openSl, setOpenSl] = useState(false) const [openSl, setOpenSl] = useState(false)
const [openWy, setOpenWy] = useState(false) const [openWy, setOpenWy] = useState(false)
const [openDm, setOpenDm] = useState(false) const [openDm, setOpenDm] = useState(false)
const [filteredWyList, setFilteredWyList] = useState([]) // 添加过滤后的位移列表状态
const [showAllWyData, setShowAllWyData] = useState(false) // 控制是否显示所有数据
const myWidth = window.innerWidth const myWidth = window.innerWidth
const myHeight = window.innerHeight const myHeight = window.innerHeight
@ -84,6 +88,14 @@ export default function Page({isHome}) {
} }
const list = data?.map((item) => ({ ...item, stationCode: item.cd })) const list = data?.map((item) => ({ ...item, stationCode: item.cd }))
setWyList(list || []) setWyList(list || [])
// 过滤符合条件的数据监测点为ZY开头且有监测时间和x、y、h方向的值
const filtered = list?.filter(item =>
item.de ||
item.dn ||
item.du
) || []
setFilteredWyList(filtered)
} }
const getDmData = async () => { const getDmData = async () => {
@ -192,16 +204,17 @@ export default function Page({isHome}) {
</Tabs.TabPane> </Tabs.TabPane>
<Tabs.TabPane tab={<div style={{ fontSize: '16px', fontWeight: 500, padding: '0 15px' }}>位移监测</div>} key="3"> <Tabs.TabPane tab={<div style={{ fontSize: '16px', fontWeight: 500, padding: '0 15px' }}>位移监测</div>} key="3">
<div className='gcaqjc_bzt_rightBox_table'> <div className='gcaqjc_bzt_rightBox_table'>
<Table rowKey="stationCode" <Table rowKey="stationCode"
sticky sticky
columns={columnsWy} columns={columnsWy}
// pagination={false} pagination={false}
dataSource={wyList} dataSource={showAllWyData ? wyList : filteredWyList}
pagination={{ // pagination={{
pageSize: 100, // pageSize: 100,
showSizeChanger: true, // showSizeChanger: true,
pageSizeOptions: [ '100', '200'], // pageSizeOptions: [ '100', '200'],
}} // }}
scroll={{ y: "650px" }} scroll={{ y: "650px" }}
onRow={ onRow={
(data) => ({ (data) => ({
@ -212,6 +225,11 @@ export default function Page({isHome}) {
}) })
} }
/> />
<div style={{ display: 'flex', justifyContent: 'center', marginTop: '10px' }}>
<a onClick={() => setShowAllWyData(!showAllWyData)}>
{showAllWyData ? '收起更多信息' : '更多信息'}
</a>
</div>
</div> </div>
</Tabs.TabPane> </Tabs.TabPane>
</Tabs> </Tabs>