+
+ );
+}
diff --git a/frontend/src/components/analytics/ObjectPhotoGallery.tsx b/frontend/src/components/analytics/ObjectPhotoGallery.tsx
new file mode 100644
index 00000000..7d058349
--- /dev/null
+++ b/frontend/src/components/analytics/ObjectPhotoGallery.tsx
@@ -0,0 +1,116 @@
+"use client";
+
+import { useState } from "react";
+
+import { useObjectPhotos } from "@/lib/analytics-api";
+
+export function ObjectPhotoGallery({ objId }: { objId: number | string }) {
+ const { data, isLoading } = useObjectPhotos(objId, 60);
+ const [active, setActive] = useState
+ {stats.map(([cat, n]) => (
+
+ ))}
+
+
+ {isLoading ? (
+ Загрузка POI…
+ ) : (
+
+
+
+
+
+ )}
+
+ Найдено {data?.length ?? 0} POI в радиусе {maxDist} м.{" "}
+ {centerLat && centerLon
+ ? `ЖК: ${centerLat.toFixed(4)}, ${centerLon.toFixed(4)}`
+ : "координаты ЖК не заданы"}
+
+ | + {h} + | + ))} +|||
|---|---|---|---|
|
+ {p.poi_name}
+ {p.poi_subtitle ? (
+
+ {p.poi_subtitle}
+
+ ) : null}
+ |
+ + + {p.poi_category ?? "—"} + + | ++ {p.poi_address ?? "—"} + | ++ {p.distance_m ? Math.round(p.distance_m) : "—"} + | +
Загрузка фото…
;
+ }
+
+ const photos = data ?? [];
+ if (photos.length === 0) {
+ return Фото отсутствуют.
;
+ }
+
+ const activePhoto = photos.find((p) => p.obj_file_id === active);
+
+ return (
+ <>
+
+ {photos.map((p) => (
+
+ ))}
+
+
+ {activePhoto ? (
+ setActive(null)}
+ style={{
+ position: "fixed",
+ inset: 0,
+ background: "rgba(0,0,0,0.85)",
+ display: "flex",
+ alignItems: "center",
+ justifyContent: "center",
+ zIndex: 1000,
+ cursor: "zoom-out",
+ }}
+ >
+ {activePhoto.photo_url ? (
+ // eslint-disable-next-line @next/next/no-img-element
+ 
+ ) : null}
+
+ ) : null}
+
+ );
+}
diff --git a/frontend/src/components/analytics/ObjectSaleChart.tsx b/frontend/src/components/analytics/ObjectSaleChart.tsx
new file mode 100644
index 00000000..06df2343
--- /dev/null
+++ b/frontend/src/components/analytics/ObjectSaleChart.tsx
@@ -0,0 +1,81 @@
+"use client";
+
+import { useMemo } from "react";
+
+import { useObjectSaleGraph } from "@/lib/analytics-api";
+
+import { ChartShell } from "./ChartShell";
+
+export function ObjectSaleChart({ objId }: { objId: number | string }) {
+ const { data, isLoading } = useObjectSaleGraph(objId);
+
+ const option = useMemo(() => {
+ const points = data ?? [];
+ if (points.length === 0) {
+ return {
+ title: {
+ text: "Нет данных по продажам",
+ left: "center",
+ top: "middle",
+ textStyle: { color: "#9ca3af", fontSize: 13, fontWeight: 400 },
+ },
+ xAxis: { show: false },
+ yAxis: { show: false },
+ };
+ }
+ const byType: Record<
+ string,
+ {
+ months: string[];
+ realised: number[];
+ contracted: number[];
+ price: (number | null)[];
+ }
+ > = {};
+ for (const p of points) {
+ const t = p.type;
+ if (!byType[t])
+ byType[t] = { months: [], realised: [], contracted: [], price: [] };
+ byType[t].months.push((p.report_month ?? "").slice(0, 7));
+ byType[t].realised.push(p.realised ?? 0);
+ byType[t].contracted.push(p.contracted ?? 0);
+ byType[t].price.push(p.price_avg);
+ }
+ const months = Object.values(byType)[0]?.months ?? [];
+ const series = Object.entries(byType).flatMap(([type, d]) => [
+ {
+ name: `${type} · реализовано`,
+ type: "bar",
+ stack: type,
+ data: d.realised,
+ itemStyle: { color: type === "apartments" ? "#1d4ed8" : "#9333ea" },
+ },
+ {
+ name: `${type} · цена ₽/м²`,
+ type: "line",
+ yAxisIndex: 1,
+ smooth: true,
+ symbol: "circle",
+ data: d.price.map((v) => (v ? Math.round(v / 1000) : null)),
+ lineStyle: { color: type === "apartments" ? "#0a7a3a" : "#c2410c" },
+ itemStyle: { color: type === "apartments" ? "#0a7a3a" : "#c2410c" },
+ connectNulls: true,
+ },
+ ]);
+ return {
+ tooltip: { trigger: "axis", axisPointer: { type: "cross" } },
+ legend: {},
+ grid: { left: 56, right: 64, top: 40, bottom: 36 },
+ xAxis: { type: "category", data: months },
+ yAxis: [
+ { type: "value", name: "шт", position: "left" },
+ { type: "value", name: "тыс ₽/м²", position: "right" },
+ ],
+ series,
+ };
+ }, [data]);
+
+ return (
+
+ {activePhoto.period_dt?.slice(0, 10)} · {activePhoto.photo_name}
+
+ Загрузка…
;
+ const rows = data ?? [];
+ return (
+
+
+
+
+
+ );
+}
+
+const td = { padding: "10px 12px" };
diff --git a/frontend/src/lib/analytics-api.ts b/frontend/src/lib/analytics-api.ts
index 00279f21..c7452f73 100644
--- a/frontend/src/lib/analytics-api.ts
+++ b/frontend/src/lib/analytics-api.ts
@@ -10,9 +10,18 @@ import type {
DeveloperTopRow,
DistrictRow,
MarketPulsePoint,
+ ObjectDetail,
+ ObjectInfraPoi,
+ ObjectPhoto,
+ ObjectSaleGraphPoint,
+ ObjectSalesAggRow,
PipelineRow,
PrinzipDistrictRow,
+ PrinzipFunnelMonthRow,
+ PrinzipFunnelObjectRow,
+ PrinzipFunnelSourceRow,
PrinzipInsights,
+ PrinzipObjectRow,
QuartirographyDealsRow,
QuartirographyPortfolioRow,
YandexListingsSummary,
@@ -123,3 +132,105 @@ export function usePrinzipDistricts() {
queryFn: () => apiFetch| + {h} + | + ))} +|||||||
|---|---|---|---|---|---|---|---|
| {i + 1} | +
+ {r.comm_name ?? "—"}
+
+ {r.addr ?? ""}
+
+ |
+ {r.total ?? "—"} | +{r.realised ?? "—"} | += 50 + ? "#0a7a3a" + : (r.perc ?? 0) >= 20 + ? "#9a6700" + : "#5b6066", + }} + > + {r.perc != null ? `${r.perc}%` : "—"} + | +
+ |
+ + {r.ready_dt?.slice(0, 7) ?? "—"} · {r.site_status ?? ""} + | ++ + Drill-in → + + | +