|
@ -64,14 +64,13 @@ const Guanli = (props) => { |
|
|
{rightitemlist && rightitemlist.length !== 0 ? rightitemlist?.map(({ id, licensePlate, overrunRate, fine, processingTime, deductPoints, nameOfInspectionPoint }, index) => { |
|
|
{rightitemlist && rightitemlist.length !== 0 ? rightitemlist?.map(({ id, licensePlate, overrunRate, fine, processingTime, deductPoints, nameOfInspectionPoint }, index) => { |
|
|
if (index < 120) { |
|
|
if (index < 120) { |
|
|
return <div key={index} className='guanli-right-item'> |
|
|
return <div key={index} className='guanli-right-item'> |
|
|
<div className='popover'> |
|
|
|
|
|
<Tooltip title={<div className='popover-content'> |
|
|
<Tooltip title={<div className='popover-content'> |
|
|
<div style={{ width: "100%", height: "100%", marginTop: "0" }}> |
|
|
<div style={{ width: "100%", height: "100%", marginTop: "0" }}> |
|
|
|
|
|
|
|
|
{/* <img src='/assets/images/leadership/beijinglan.png' style={{ width: "100%", height: "100%" }} /> */} |
|
|
{/* <img src='/assets/images/leadership/beijinglan.png' style={{ width: "100%", height: "100%" }} /> */} |
|
|
<div style={{ position: "absolute", top: "0", width: "50%", padding: "20px" }}> |
|
|
<div style={{ position: "absolute", top: "0", width: "50%", padding: "20px" }}> |
|
|
<img src='/assets/images/leadership/yuanxing.png' style={{ width: "100%", height: "100%" }} /> |
|
|
<img src='/assets/images/leadership/yuanxing.png' style={{ width: "100%", height: "100%" }} /> |
|
|
<p style={{ color: "#09BAFF", position: "absolute", top: "42%", left: "27%", fontSize: "29px", fontFamily: "YouSheBiaoTiHei" }}>{overrunRate?overrunRate:0}{/* {item.overrunRate ? item.overrunRate + "%" : "--"} */}</p> |
|
|
<p style={{ color: "#09BAFF", position: "absolute", top: "42%", left: "27%", fontSize: "29px", fontFamily: "YouSheBiaoTiHei" }}>{overrunRate ? overrunRate.toFixed(2) : 0}%{/* {item.overrunRate ? item.overrunRate + "%" : "--"} */}</p> |
|
|
<p style={{ color: "rgba(216,240,255,0.8)", position: "absolute", top: "60%", left: "43%", fontSize: "14px" }}>超限</p> |
|
|
<p style={{ color: "rgba(216,240,255,0.8)", position: "absolute", top: "60%", left: "43%", fontSize: "14px" }}>超限</p> |
|
|
</div> |
|
|
</div> |
|
|
<div style={{ position: "absolute", top: "0", width: "50%", left: "50%", top: '5px' }}> |
|
|
<div style={{ position: "absolute", top: "0", width: "50%", left: "50%", top: '5px' }}> |
|
@ -87,12 +86,13 @@ const Guanli = (props) => { |
|
|
overlayClassName='popover' |
|
|
overlayClassName='popover' |
|
|
|
|
|
|
|
|
> |
|
|
> |
|
|
|
|
|
<div style={{ width: '100%', height: '100%', display: 'flex' }}> |
|
|
<span>{licensePlate}</span> |
|
|
<span>{licensePlate}</span> |
|
|
<span>{overrunRate}%</span> |
|
|
<span>{overrunRate}%</span> |
|
|
<span>{deductPoints ? `-${deductPoints}分` : ""}和-{fine}{fine ? "元" : ""}</span> |
|
|
<span>{deductPoints ? `-${deductPoints}分` : ""}和-{fine}{fine ? "元" : ""}</span> |
|
|
<span>{processingTime}</span> |
|
|
<span>{processingTime}</span> |
|
|
</Tooltip> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
|
|
|
</Tooltip> |
|
|
</div> |
|
|
</div> |
|
|
} |
|
|
} |
|
|
}) : ""} |
|
|
}) : ""} |
|
|