Compare commits

..

No commits in common. "f4552d8f92c1cb3c3e902e01e209fd7be7a82bc3" and "1ce128124f5c713aea3c5622824c03d9e0ff1b8d" have entirely different histories.

2 changed files with 138 additions and 173 deletions

View File

@ -14,8 +14,6 @@ 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 [
@ -59,15 +57,6 @@ 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)
@ -100,13 +89,12 @@ const Page = () => {
<Table rowKey="stationCode" <Table rowKey="stationCode"
sticky sticky
columns={columns} columns={columns}
pagination={false} pagination={checked == '位移监测' ?{
// pagination={checked == '位移监测' ?{ pageSize: 100,
// pageSize: 100, showSizeChanger: true,
// showSizeChanger: true, pageSizeOptions: [ '100', '200']}:false}
// pageSizeOptions: [ '100', '200']}:false} dataSource={tableData}
dataSource={checked != '位移监测' ?tableData : showAllWyData?tableData:filteredWyList} scroll={{ y: "300px"}}
scroll={{ y: "650px"}}
onRow={ onRow={
(data)=>({ (data)=>({
onClick:()=>{ onClick:()=>{
@ -121,11 +109,6 @@ 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,10 +24,6 @@ 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
@ -88,14 +84,6 @@ 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()=>{
@ -204,17 +192,16 @@ 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={showAllWyData ? wyList : filteredWyList} dataSource={wyList}
// 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)=>({
@ -225,11 +212,6 @@ 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>