import { useEffect, useState } from "react"
import {useDispatch, useSelector} from "react-redux";
import {reservoirlist, reswarn} from "../../../service/sssq"
import { SkRealPromiseWX } from "../../../models/_/real";
import genDamImage from '../../../components/DamGraph/DamImage'
import MyImg from './myImg'


const Page = () => {
    const dispatch = useDispatch();
    const [data,setData] = useState([])
    console.log('aaa',data);
    useEffect(()=>{
        dispatch.map.setLayerVisible({ ShuiKuLayer: true })
        getData()
        return ()=>{
            dispatch.map.setLayerVisible({ ShuiKuLayer: false })
        }
    },[])

    const getData = async (params) => {
        setData(await reservoirlist(params))
      }

    const getShuiKu = ()=>{
      SkRealPromiseWX.get().then((res) => {
        const list = res.map((i)=>{
          return {
            id : i.stcd,
            name: i.stnm,
            ...i
          }
        })
        const data = list[0]
        

        dispatch.runtime.setFeaturePop({
          id: data.id,
          type: 'shuiku',
          data,
          lgtd: data.lgtd,
          lttd: data.lttd,
          elev: data.elev,
        })
      });
    }
  

    return (
        <>
        <div>
            {
              data ? (
                <MyImg record={{...data[0]}}/>
              ) : (
                <div className="noPic">暂无数据</div>
              )
            }
            <div style={{position:'absolute',right:'14px',top:'15px',color:'#409EFF',cursor:'pointer',fontWeight:'500'}} onClick={getShuiKu}>详情</div>
        </div>
        
        </>
    )
}

export default Page