"use client" import Section from "@/components/shared/section" import {Card, CardContent, CardHeader, CardTitle} from "@/components/ui/card" import {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from "@/components/ui/table" import {ChartContainer, ChartTooltip, ChartTooltipContent,} from "@/components/ui/chart" import { Area, AreaChart, CartesianGrid, PolarAngleAxis, PolarGrid, PolarRadiusAxis, Radar, RadarChart, ResponsiveContainer, XAxis, YAxis, } from "recharts" const baseArchive = [ { industry: "燃气", 规模: 1240, 平均年限: 9.4, 类型数: 12, 覆盖区县: 12 }, { industry: "供水", 规模: 980, 平均年限: 8.1, 类型数: 9, 覆盖区县: 12 }, { industry: "排水", 规模: 760, 平均年限: 10.2, 类型数: 7, 覆盖区县: 12 }, ] export default function InfraDashboard() { return (
行业 规模(处) 平均年限(年) 类型数 覆盖区县 {baseArchive.map((row) => ( {row.industry} {row.规模} {row.平均年限} {row.类型数} {row.覆盖区县} ))}
供水能力(万m³/日) ({ m: `${i + 1}月`, supply: Math.round(290 + 5 * i + 10 * Math.sin(i / 2)), }))} > } /> 承载能力雷达图(样例)
危险源
  • 高压燃气管线(重点段) 26 处
  • 大型储气罐区 8 处
  • 易涝点 14 处
防护目标
  • 学校、医院等重点单位 120 所
  • 大型商圈 12 个
  • 交通枢纽 6 处
应急资源
  • 应急队伍 18 支
  • 应急车辆 64 台
  • 物资库 9 处(发电机、沙袋、移动泵等)
) } function UnitCard({ name, owners, regions }: { name: string; owners: number; regions: number }) { return (

{name}

权属单位:{owners} 个

覆盖区县:{regions} 个

) }