OrgTJWater/TJWaterFrontend_Refine
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files
src/components/olmap/BurstLocation/LocationResults.tsx
+2 -2
View File
@@ -29,7 +29,7 @@ import VectorSource from "ol/source/Vector";
import { Stroke, Style, Circle, Fill } from "ol/style"; import { Stroke, Style, Circle, Fill } from "ol/style";
import { bbox, featureCollection } from "@turf/turf"; import { bbox, featureCollection } from "@turf/turf";
import { BurstCandidate, BurstLocationResult } from "./types"; import { BurstCandidate, BurstLocationResult } from "./types";
import { FLOW_DISPLAY_UNIT } from "@utils/units"; import { FLOW_DISPLAY_UNIT, toM3h } from "@utils/units";
interface Props { interface Props {
result: BurstLocationResult | null; result: BurstLocationResult | null;
@@ -272,7 +272,7 @@ const LocationResults: React.FC<Props> = ({ result }) => {
/> />
<MetricCard <MetricCard
label="估计漏损量" label="估计漏损量"
value={`${result.burst_leakage.toFixed(2)} ${FLOW_DISPLAY_UNIT}`} value={`${toM3h(result.burst_leakage, "m³/s").toFixed(2)} ${FLOW_DISPLAY_UNIT}`}
tone="orange" tone="orange"
/> />
<MetricCard <MetricCard
src/components/olmap/BurstLocation/SchemeQuery.tsx
+2 -2
View File
@@ -28,7 +28,7 @@ import {
BurstLocationSchemeDetail, BurstLocationSchemeDetail,
BurstSchemeRecord, BurstSchemeRecord,
} from "./types"; } from "./types";
import { FLOW_DISPLAY_UNIT } from "@utils/units"; import { FLOW_DISPLAY_UNIT, toM3h } from "@utils/units";
interface Props { interface Props {
onViewResult: (result: BurstLocationResult) => void; onViewResult: (result: BurstLocationResult) => void;
@@ -302,7 +302,7 @@ const SchemeQuery: React.FC<Props> = ({ onViewResult }) => {
漏损量: 漏损量:
</Typography> </Typography>
<Typography variant="caption" className="font-medium text-gray-900"> <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> </Typography>
</Box> </Box>
<Box className="grid grid-cols-[78px_1fr] items-center gap-x-2"> <Box className="grid grid-cols-[78px_1fr] items-center gap-x-2">