oneos-truck-data/oneos-truck-date-prototype
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(esg): 移除地图详情弹框 + 图例间距修复 + 车牌6位/当日里程km单位
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse Source 
- 移除 呼和浩特市钢铁工业园区 详情卡，让中国地图完整展示
- 图例（车辆数）改 flex column + 8px gap + 白底卡片，杜绝行重叠
- 车辆实时监控车牌补足新能源后缀（5位 → 6位 + D 后缀）
- 当日里程列改用真实 km 数值（不再显示 m³ 氢量）
This commit is contained in:
kkfluous
2026-04-28 16:08:48 +08:00
parent c6b7d0cf11
commit 1d94a773df
1 changed files with 24 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

55
artboards/esg.jsx
View File

@@ -153,18 +153,18 @@ const ArtboardESG = () => {
const h2Monthly = [180, 220, 255, 235, 290, 270, 0,0,0,0,0,0];
const vehicles = [
{p:"浙F·8A03F", km:"18,250 km", h2:"257 m³", reduction:"24.38 kg", revenue:"18.785 元"},
{p:"浙F·2C57G", km:"5,367 km", h2:"75 m³", reduction:"7.13 kg", revenue:"181.785 元"},
{p:"浙F·9D14B", km:"45,000 km", h2:"234 m³", reduction:"12.82 kg", revenue:"194.382 元"},
{p:"浙F·6E72H", km:"55,387 km", h2:"218 m³", reduction:"17.94 kg", revenue:"152.578 元"},
{p:"浙F·1B49K", km:"55,925 km", h2:"203 m³", reduction:"17.87 kg", revenue:"148.392 元"},
{p:"浙F·4F88M", km:"887,820 km",h2:"152 m³", reduction:"9.6 kg", revenue:"73.627 元"},
{p:"浙F·7G31N", km:"3,762 km", h2:"134 m³", reduction:"13.91 kg", revenue:"66.991 元"},
{p:"浙F·3H56P", km:"30,058 km", h2:"125 m³", reduction:"13.87 kg", revenue:"82.578 元"},
{p:"浙F·5J92Q", km:"3,701 km", h2:"121 m³", reduction:"8.49 kg", revenue:"103.928 元"},
{p:"浙F·8K27R", km:"5,829 km", h2:"165 m³", reduction:"15.62 kg", revenue:"76.354 元"},
{p:"浙F·2L68S", km:"73,587 km", h2:"185 m³", reduction:"4.85 kg", revenue:"54.812 元"},
{p:"浙F·9M03T", km:"38,747 km", h2:"168 m³", reduction:"11.57 kg", revenue:"72.836 元"},
{p:"浙F·8A03FD", km:"18,250 km", h2:"287 km", reduction:"24.38 kg", revenue:"18.785 元"},
{p:"浙F·2C57GD", km:"5,367 km", h2:"83 km", reduction:"7.13 kg", revenue:"181.785 元"},
{p:"浙F·9D14BD", km:"45,000 km", h2:"152 km", reduction:"12.82 kg", revenue:"194.382 元"},
{p:"浙F·6E72HD", km:"55,387 km", h2:"214 km", reduction:"17.94 kg", revenue:"152.578 元"},
{p:"浙F·1B49KD", km:"55,925 km", h2:"212 km", reduction:"17.87 kg", revenue:"148.392 元"},
{p:"浙F·4F88MD", km:"887,820 km",h2:"114 km", reduction:"9.6 kg", revenue:"73.627 元"},
{p:"浙F·7G31ND", km:"3,762 km", h2:"165 km", reduction:"13.91 kg", revenue:"66.991 元"},
{p:"浙F·3H56PD", km:"30,058 km", h2:"165 km", reduction:"13.87 kg", revenue:"82.578 元"},
{p:"浙F·5J92QD", km:"3,701 km", h2:"101 km", reduction:"8.49 kg", revenue:"103.928 元"},
{p:"浙F·8K27RD", km:"5,829 km", h2:"186 km", reduction:"15.62 kg", revenue:"76.354 元"},
{p:"浙F·2L68SD", km:"73,587 km", h2:"58 km", reduction:"4.85 kg", revenue:"54.812 元"},
{p:"浙F·9M03TD", km:"38,747 km", h2:"137 km", reduction:"11.57 kg", revenue:"72.836 元"},
];
const trades = [
@@ -338,32 +338,25 @@ const ArtboardESG = () => {
<div style={{position:"relative", marginTop:10, height:380}}>
<ChinaMapMini w={580} h={380}/>
{/* Overlay info card */}
<div style={{
position:"absolute", top:30, left:200,
background:"rgba(255,255,255,0.95)", padding:"10px 14px",
borderRadius:6, border:"1px solid #B5DDB1", fontSize:11, color:"#2E4234",
boxShadow:"0 4px 16px rgba(31,80,46,.08)",
}}>
<div style={{fontSize:11, color:"#1F8B4C", fontWeight:600}}>呼和浩特市钢铁工业园区</div>
<div className="mid" style={{gap:14, marginTop:6, fontFamily:"JetBrains Mono", fontSize:10}}>
<div><div style={{color:"#8FA897"}}>GPS实时数</div><div style={{color:"#1A2A1F", fontWeight:600}}>17</div></div>
<div><div style={{color:"#8FA897"}}>当日总减碳</div><div style={{color:"#1A2A1F", fontWeight:600}}>2469.62 kg</div></div>
<div><div style={{color:"#8FA897"}}>当日加氢量</div><div style={{color:"#1A2A1F", fontWeight:600}}>9.31 kg</div></div>
<div><div style={{color:"#8FA897"}}>当日里程</div><div style={{color:"#1A2A1F", fontWeight:600}}>724.6 kg</div></div>
</div>
</div>
{/* Legend */}
<div style={{position:"absolute", bottom:16, left:16, fontSize:10, color:"#5C7A66"}}>
<div style={{marginBottom:4, fontWeight:600, color:"#2E4234"}}>车辆数</div>
<div style={{
position:"absolute", bottom:16, left:16,
fontSize:11, color:"#5C7A66", lineHeight:1,
background:"rgba(255,255,255,0.92)",
padding:"10px 12px", borderRadius:6,
border:"1px solid #D9E8DA",
boxShadow:"0 1px 4px rgba(31,80,46,.06)",
display:"flex", flexDirection:"column", gap:8,
}}>
<div style={{fontWeight:600, color:"#2E4234", fontSize:11}}>车辆数</div>
{[
{l:"≥ 300 辆", c:"#1F8B4C"},
{l:"100–300 辆", c:"#4FB46E"},
{l:"50–100 辆", c:"#9DD3A6"},
{l:"< 50 辆", c:"#D7EBD2"},
].map((x,i) => (
<div key={i} className="mid gap-1" style={{marginTop:2}}>
<span style={{display:"inline-block", width:14, height:10, background:x.c, border:"1px solid #FFFFFF"}}/>
<div key={i} style={{display:"flex", alignItems:"center", gap:8, lineHeight:1}}>
<span style={{display:"inline-block", width:16, height:12, background:x.c, border:"1px solid #FFFFFF", borderRadius:2, flex:"0 0 16px"}}/>
<span style={{fontFamily:"JetBrains Mono"}}>{x.l}</span>
</div>
))}