后端获取的数据转换漏损量单位为 m³/h,优化数据展示

This commit is contained in:
JIANG
2026-03-07 19:56:35 +08:00
parent 47e47fc605
commit 7f25bd34d5
2 changed files with 4 additions and 4 deletions
@@ -29,7 +29,7 @@ import VectorSource from "ol/source/Vector";
import { Stroke, Style, Circle, Fill } from "ol/style";
import { bbox, featureCollection } from "@turf/turf";
import { BurstCandidate, BurstLocationResult } from "./types";
import { FLOW_DISPLAY_UNIT } from "@utils/units";
import { FLOW_DISPLAY_UNIT, toM3h } from "@utils/units";
interface Props {
result: BurstLocationResult | null;
@@ -272,7 +272,7 @@ const LocationResults: React.FC<Props> = ({ result }) => {
/>
<MetricCard
label="估计漏损量"
value={`${result.burst_leakage.toFixed(2)} ${FLOW_DISPLAY_UNIT}`}
value={`${toM3h(result.burst_leakage, "m³/s").toFixed(2)} ${FLOW_DISPLAY_UNIT}`}
tone="orange"
/>
<MetricCard
@@ -28,7 +28,7 @@ import {
BurstLocationSchemeDetail,
BurstSchemeRecord,
} from "./types";
import { FLOW_DISPLAY_UNIT } from "@utils/units";
import { FLOW_DISPLAY_UNIT, toM3h } from "@utils/units";
interface Props {
onViewResult: (result: BurstLocationResult) => void;
@@ -302,7 +302,7 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult }) => {
:
</Typography>
<Typography variant="caption" className="font-medium text-gray-900">
{typeof leakage === "number" ? `${leakage} ${FLOW_DISPLAY_UNIT}` : "-"}
{typeof leakage === "number" ? `${toM3h(leakage, "m³/s")} ${FLOW_DISPLAY_UNIT}` : "-"}
</Typography>
</Box>
<Box className="grid grid-cols-[78px_1fr] items-center gap-x-2">