53 lines
1.8 KiB
JavaScript
53 lines
1.8 KiB
JavaScript
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.stnm} </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);
|