import React, { useState } from 'react'
import {
  CloseOutlined,
} from '@ant-design/icons';
import Jcsj from "../components/GsJcsj";


function RealDrpTip({ id, data, dispatch }) {
  console.log("供水弹框数据porps",data);
  const closePop = () => {
    dispatch.runtime.closeFeaturePop(id);
  };

  const width = 1050;


  return (
    <>
      <div className="dp-popup" style={{ position: 'absolute', top: 0, left: 0, width, lineHeight: 1 }}>
        <div className="dp-popup-content" style={{borderRadius:'10px'}}>
          <div className="content-body tyb skpop" id='tyb' style={{ height: '100%' }}>
            <div className="normalModalStyle">
            <div className="normalModalStyle_title" style={{marginBottom:0}}>
                        <div className="normalModalStyle_title_icon"></div>
                        <span>{data?.sttp == "QQ" ?"放水管流量": data?.sttp == "PQ" ? "输水管流量" : ""}&emsp;</span>
                        {data?.sttp &&
            <span style={
              { 
                display:"inline-block",
                padding: "5px 10px",
                color: "#74a7ff",
                border: "1px solid #74a7ff",
                borderRadius: "5px"
              }
            }> {{MM: '气象站',PP: '雨量站',RR: '水库水文站',ZZ: '河道水位站',ZQ:"河道水文站"}?.[data?.sttp]}（{{'SH':'山洪','SW':'水文','QX':'气象','SK':'水库'}?.[data.source]}）</span>}
                        <div className="normalModalStyle_title_cancel">
                  <CloseOutlined onClick={closePop} style={{color:"#333"}}/>
                </div>
              </div>
              <div style={{ paddingLeft: 15,paddingTop:15,background:"#fff",borderRadius:'0 0 10px 10px' }} >
              <Jcsj record={data}/>
              </div>
          </div>
          </div>
          <div className="boxfoot"></div>
        </div>
      </div>
    </>
  )
}

export default React.memo(RealDrpTip);