import { useEffect, useState } from "react"
import {useDispatch, useSelector} from "react-redux";
import { Table, Modal, message } from 'antd';
import { httppost2 } from '../../../utils/request';
import apiurl from '../../../service/apiurl';


const Page = () => {
    const dispatch = useDispatch();
    const [ tableData, setTableData ] = useState([])//在线 

    const columns = [
        { title: '站点', key: 'stnm', dataIndex: 'stnm',align: "center",width:80, ellipsis: true, },
        { title: '温度', key: 'wd', dataIndex: 'wd',align: "center",width:80, ellipsis: true, },
        { title: '监测时间', key: 'tm', dataIndex: 'tm',align: "center",width: 150, ellipsis: true },
    ];

    useEffect(()=>{
        dispatch.map.setLayerVisible({ TuRangLayer: true })
        getData()
        return ()=>{
            dispatch.map.setLayerVisible({ TuRangLayer: false })
        }
    },[])

    const getData = async()=>{ 
        // const { code, data} = await httppost2(apiurl.home.turangshangqing)
        // if(code!==200){
        //     return
        // } 
        const list = [
            {
                id:'1',
                stcd: '10001',
                stnm: '水田站',
                wd: '53',
                tm: '2025-03-19 15:00:00',
                lgtd: "114.7684000",
                lttd: "31.4941000"
            },
            {
                id:'2',
                stcd: '10002',
                stnm: '旱田站',
                wd: '21',
                tm: '2025-03-19 15:00:00',
                lgtd: "114.7984000",
                lttd: "31.4941000"
            },
        ]



        setTableData(list)
    }


  

    return (
        <>
          <div className="home_yuqing">
            <div className="ant-card-body" style={{padding:"10px"}}>
                <Table rowKey="stationCode"
                    sticky
                    columns={columns}
                    pagination={false}
                    dataSource={tableData}
                    scroll={{ y: "300px"}}
                    onRow={
                        (row)=>({
                            onClick:()=>{
                                // dispatch.runtime.setCameraTarget({
                                //     center: [row.lgtd, row.lttd],
                                //     zoom: 13,
                                //     pitch: 60
                                //   })
                                dispatch.runtime.setFeaturePop({
                                    id: row.id,
                                    data:{...row},
                                    type: 'turangshangqing',
                                    lgtd: row.lgtd,
                                    lttd: row.lttd,
                                })
                            }
                        })
                    }
                />
            </div>
          </div>
        </>
    )
}

export default Page