Merge branch 'master' into qzc-dev
commit
f4552d8f92
|
|
@ -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>
|
||||||
</>
|
</>
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue