Compare commits
No commits in common. "f4552d8f92c1cb3c3e902e01e209fd7be7a82bc3" and "1ce128124f5c713aea3c5622824c03d9e0ff1b8d" have entirely different histories.
f4552d8f92
...
1ce128124f
|
|
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue