@@ -192,7 +173,7 @@ function ReportList({ highlight }: { highlight?: string }) {
|
{statusTitle[r.status]}
|
- {dateTime(r.createdAt)} |
+ {dateTime(r.createdAt)} |
{r.status === "done" && (
@@ -500,7 +481,7 @@ function Schedules() {
|
{scheduleWhen(sc)} |
{sc.recipients?.length ? sc.recipients.join(", ") : "только в системе"} |
- {dateTime(sc.nextRunAt)} |
+ {dateTime(sc.nextRunAt)} |
): ReportsSearch {
+ const out: ReportsSearch = {};
+ for (const [k, v] of Object.entries(search)) {
+ if (typeof v === "string" || typeof v === "number") {
+ out[k] = String(v);
+ }
+ }
+ if (out.tab !== "schedules") {
+ out.tab = undefined;
+ }
+ return out;
+}
diff --git a/web/src/features/scenarios/ScenarioMap.tsx b/web/src/features/scenarios/ScenarioMap.tsx
index b41b20f..ec18ce9 100644
--- a/web/src/features/scenarios/ScenarioMap.tsx
+++ b/web/src/features/scenarios/ScenarioMap.tsx
@@ -12,7 +12,7 @@ import { TerraDrawMapLibreGLAdapter } from "terra-draw-maplibre-gl-adapter";
import { $api } from "@/shared/api/client";
import { basemapStyle } from "@/shared/map/basemap";
import { buildDataLayers, readPalette } from "@/shared/map/dataLayers";
-import { DEFAULT_VIEW, mountMap, onStyleReady, unmountMap } from "@/shared/map/instance";
+import { DEFAULT_VIEW, lockToBounds, MIN_ZOOM, mountMap, onStyleReady, unmountMap } from "@/shared/map/instance";
import { emptyStyle, fullStyle, useBasemapAvailable } from "@/shared/map/style";
import { IconButton } from "@/shared/ui";
import { useResolvedTheme } from "@/shared/useResolvedTheme";
@@ -214,7 +214,7 @@ export function SecondMap({
style: st,
center: DEFAULT_VIEW.center,
zoom: DEFAULT_VIEW.zoom,
- minZoom: 5,
+ minZoom: MIN_ZOOM,
maxZoom: 18,
dragRotate: false,
pitchWithRotate: false,
@@ -223,17 +223,33 @@ export function SecondMap({
});
m.touchZoomRotate.disableRotation();
m.keyboard.disableRotation();
+ lockToBounds(m);
+ // Карта создаётся в момент появления колонки, когда её высота ещё не установилась: холст
+ // подстраивается под контейнер при каждом изменении его размера.
+ const ro = new ResizeObserver(() => m.resize());
+ ro.observe(hostRef.current);
setMap(m);
return () => {
+ ro.disconnect();
m.remove();
setMap(null);
};
}, [ready]);
+ // Новый стиль — только после загрузки исходного, иначе сравнение стилей невозможно.
useEffect(() => {
- if (map && style) {
+ if (!map || !style) {
+ return;
+ }
+ if (map.isStyleLoaded()) {
map.setStyle(style, { diff: true });
+ return;
}
+ const apply = () => map.setStyle(style, { diff: true });
+ map.once("style.load", apply);
+ return () => {
+ map.off("style.load", apply);
+ };
}, [map, style]);
// Синхронизация вида: изменение на одной карте повторяется на другой; флаг не даёт событию
diff --git a/web/src/features/scenarios/ScenarioResult.tsx b/web/src/features/scenarios/ScenarioResult.tsx
index 780e379..2fe9fb0 100644
--- a/web/src/features/scenarios/ScenarioResult.tsx
+++ b/web/src/features/scenarios/ScenarioResult.tsx
@@ -300,6 +300,11 @@ function Kpi({ label, value }: { label: string; value: string }) {
);
}
+/** Ни один объект не доехал до цели в обоих вариантах (медиана пустого набора — 0). */
+function unreachable(t: Schemas["ScenarioTargetSummary"]) {
+ return t.baseMedian === 0 && t.scenarioMedian === 0 && t.lost === 0 && t.gained === 0;
+}
+
function TargetBlock({ summary }: { summary: Schemas["ScenarioTargetSummary"] | undefined }) {
if (!summary) {
return null;
@@ -315,10 +320,17 @@ function TargetBlock({ summary }: { summary: Schemas["ScenarioTargetSummary"] |
-
- Медиана времени: {num(summary.baseMedian, 1)} → {num(summary.scenarioMedian, 1)} мин
- {summary.blocked > 0 ? `; в закрытой зоне в сценарии — ${num(summary.blocked)} объектов` : ""}.
-
+ {unreachable(summary) ? (
+
+ Цель недостижима ни в базе, ни в сценарии: при этих правилах зон и времени отправления она закрыта для
+ выбранного транспорта. Добавьте пропуск, откройте зону или задайте ночное отправление.
+
+ ) : (
+
+ Медиана времени: {num(summary.baseMedian, 1)} → {num(summary.scenarioMedian, 1)} мин
+ {summary.blocked > 0 ? `; в закрытой зоне в сценарии — ${num(summary.blocked)} объектов` : ""}.
+
+ )}
);
}
diff --git a/web/src/features/scenarios/scenario.module.css b/web/src/features/scenarios/scenario.module.css
index b2a66f2..30f9a19 100644
--- a/web/src/features/scenarios/scenario.module.css
+++ b/web/src/features/scenarios/scenario.module.css
@@ -228,7 +228,8 @@
}
.mapHost :global(.ff-map),
-.mapHost :global(.maplibregl-map) {
+.mapHost :global(.maplibregl-map),
+.mapHost:global(.maplibregl-map) {
position: absolute;
inset: 0;
}
diff --git a/web/src/features/site-selection/SitePage.tsx b/web/src/features/site-selection/SitePage.tsx
index 04ae276..91f1bff 100644
--- a/web/src/features/site-selection/SitePage.tsx
+++ b/web/src/features/site-selection/SitePage.tsx
@@ -100,20 +100,21 @@ function SiteSelection() {
spacingKm: spacing,
});
- const run = () => {
- const p = params();
+ const evaluateWith = (p: Params) => {
evaluate.mutate(
{ body: p },
{
onSuccess: (r) => {
setResult(r);
- setUsed(metrics);
+ setUsed(p.criteria.map((c) => c.metric));
setSelected(new Set(r.top.slice(0, 3).map((c) => c.h3)));
},
},
);
};
+ const run = () => evaluateWith(params());
+
const load = (r: Schemas["SiteRun"]) => {
const p = r.params;
setRunId(r.id);
@@ -142,6 +143,8 @@ function SiteSelection() {
}
setJudgments(js);
setResult(null);
+ // Карта пригодности не хранится вместе с оценкой — пересчёт по сохранённым параметрам.
+ evaluateWith(p);
};
const palette = usePalette();
@@ -230,6 +233,7 @@ function SiteSelection() {
{weighting === "direct" && (
set({ weight: v ?? 0 })}
minValue={0}
diff --git a/web/src/shared/map/instance.test.ts b/web/src/shared/map/instance.test.ts
new file mode 100644
index 0000000..d7a8588
--- /dev/null
+++ b/web/src/shared/map/instance.test.ts
@@ -0,0 +1,16 @@
+import { describe, expect, it } from "vitest";
+import { coverZoom, MIN_ZOOM } from "./instance";
+
+describe("coverZoom", () => {
+ it("на маленьком окне не опускается ниже наименьшего масштаба", () => {
+ expect(coverZoom(300, 200)).toBe(MIN_ZOOM);
+ });
+
+ it("на большом окне рамка подложки закрывает окно целиком", () => {
+ // Окно карты на мониторе 1920×1200: рамка 2,7° × 1,65° должна быть не меньше окна.
+ const z = coverZoom(1230, 1030);
+ const worldPx = 512 * 2 ** z;
+ expect(((39.0 - 36.3) / 360) * worldPx).toBeGreaterThanOrEqual(1229);
+ expect(z).toBeGreaterThan(MIN_ZOOM);
+ });
+});
diff --git a/web/src/shared/map/instance.ts b/web/src/shared/map/instance.ts
index 4b00193..96d2831 100644
--- a/web/src/shared/map/instance.ts
+++ b/web/src/shared/map/instance.ts
@@ -13,6 +13,51 @@ let styleReady = false;
/** Москва: центр и масштаб по умолчанию. */
export const DEFAULT_VIEW = { center: [37.62, 55.75] as [number, number], zoom: 9.6 };
+/**
+ * Пределы перемещения карты — рамка подложки (Москва и агломерация внутри ЦКАД, basemap.BBox):
+ * за ней нет ни подложки, ни данных.
+ */
+export const MOSCOW_BOUNDS: [[number, number], [number, number]] = [
+ [36.3, 54.9],
+ [39.0, 56.55],
+];
+
+/** Наименьший масштаб, если окно карты ещё не размечено. */
+export const MIN_ZOOM = 8;
+
+/** Доля ширины мира в проекции Меркатора: долгота → [0, 1]. */
+const mercX = (lon: number) => (lon + 180) / 360;
+/** Доля высоты мира в проекции Меркатора: широта → [0, 1] (сверху вниз). */
+const mercY = (lat: number) => {
+ const r = (lat * Math.PI) / 180;
+ return (1 - Math.log(Math.tan(Math.PI / 4 + r / 2)) / Math.PI) / 2;
+};
+
+/**
+ * Масштаб, при котором рамка подложки закрывает окно карты целиком. Если окно больше рамки,
+ * MapLibre не может удержать её края и показывает пустое поле за ними — поэтому наименьший
+ * масштаб зависит от размера окна.
+ */
+export function coverZoom(width: number, height: number, b = MOSCOW_BOUNDS): number {
+ const [[w, s], [e, n]] = b;
+ const zx = Math.log2(width / (512 * (mercX(e) - mercX(w))));
+ const zy = Math.log2(height / (512 * (mercY(s) - mercY(n))));
+ return Math.max(MIN_ZOOM, zx, zy);
+}
+
+/** Держит карту в рамке подложки: пределы перемещения и наименьший масштаб по размеру окна. */
+export function lockToBounds(m: MapLibreMap): void {
+ const update = () => {
+ const c = m.getContainer();
+ if (c.clientWidth > 0 && c.clientHeight > 0) {
+ m.setMinZoom(Math.min(coverZoom(c.clientWidth, c.clientHeight), 12));
+ }
+ };
+ m.setMaxBounds(MOSCOW_BOUNDS);
+ update();
+ m.on("resize", update);
+}
+
/**
* Единственный экземпляр карты рабочего пространства. Контейнер создаётся один раз и
* переносится в элемент страницы; при уходе со страницы карта не уничтожается и сохраняет
@@ -31,7 +76,7 @@ export function mountMap(
style: init.style,
center: init.center,
zoom: init.zoom,
- minZoom: 5,
+ minZoom: MIN_ZOOM,
maxZoom: 18,
// Плоская 2D-карта: без поворота и наклона.
dragRotate: false,
@@ -42,6 +87,7 @@ export function mountMap(
});
created.touchZoomRotate.disableRotation();
created.keyboard.disableRotation();
+ lockToBounds(created);
created.once("style.load", () => {
styleReady = true;
});
diff --git a/web/src/shared/ui/fields.tsx b/web/src/shared/ui/fields.tsx
index 86e83bb..1b57d56 100644
--- a/web/src/shared/ui/fields.tsx
+++ b/web/src/shared/ui/fields.tsx
@@ -31,8 +31,11 @@ export function NumberField({
description,
errorMessage,
isDisabled,
+ hideLabel,
}: {
label: string;
+ /** Подпись только для экранного диктора: рядом уже есть видимое название. */
+ hideLabel?: boolean;
value: number | null;
onChange: (v: number | null) => void;
minValue?: number;
@@ -55,7 +58,7 @@ export function NumberField({
isInvalid={Boolean(errorMessage)}
formatOptions={{ maximumFractionDigits: 3 }}
>
-
+
{unit && {unit}}
diff --git a/web/src/shared/ui/index.tsx b/web/src/shared/ui/index.tsx
index 17deee8..702561a 100644
--- a/web/src/shared/ui/index.tsx
+++ b/web/src/shared/ui/index.tsx
@@ -271,7 +271,7 @@ export function Section({
{(title || actions) && (
-
+
{title && {title}}
{description && {description} }
diff --git a/web/src/shared/ui/navigation.module.css b/web/src/shared/ui/navigation.module.css
index fd46f46..5bdc944 100644
--- a/web/src/shared/ui/navigation.module.css
+++ b/web/src/shared/ui/navigation.module.css
@@ -57,6 +57,8 @@
.segmented {
display: inline-flex;
+ flex-wrap: wrap;
+ max-width: 100%;
padding: 2px;
gap: 2px;
border-radius: var(--r2);
@@ -64,8 +66,10 @@
}
.segment {
+ flex: 1 1 auto;
height: 28px;
- padding: 0 12px;
+ padding: 0 10px;
+ white-space: nowrap;
border: 0;
border-radius: var(--r1);
background: none;
diff --git a/web/src/shared/ui/ui.module.css b/web/src/shared/ui/ui.module.css
index 542d0d7..86e5d3f 100644
--- a/web/src/shared/ui/ui.module.css
+++ b/web/src/shared/ui/ui.module.css
@@ -293,8 +293,18 @@
margin-top: 2px;
}
+/* Телефон: заголовок и пояснение — над кнопками, не рядом с ними. */
+@media (max-width: 600px) {
+ .pageHeader {
+ flex-direction: column;
+ align-items: stretch;
+ }
+}
+
.pageActions {
display: flex;
+ flex-wrap: wrap;
+ align-items: center;
gap: 8px;
}
@@ -340,7 +350,8 @@
padding: 18px 20px;
}
-.sectionCard + .sectionCard {
+/* Отступ между секциями одной колонки; в сетках его снимают сами сетки (нулевая специфичность). */
+:where(.sectionCard + .sectionCard) {
margin-top: 14px;
}
@@ -352,6 +363,16 @@
margin-bottom: 14px;
}
+.sectionHeadText {
+ flex: 1;
+ min-width: 0;
+}
+
+.sectionHead > .pageActions {
+ flex: none;
+ align-items: center;
+}
+
.sectionTitle {
font-size: 14px;
font-weight: 600;
@@ -359,6 +380,7 @@
.sectionDescription {
color: var(--tx2);
+ font-size: 12.5px;
margin-top: 2px;
}
@@ -370,3 +392,9 @@
.sectionFlush > .sectionHead {
padding: 18px 20px 0;
}
+
+/* Ссылка в пояснении пустого состояния — с подчёркиванием (WCAG 1.4.1). */
+.empty a {
+ text-decoration: underline;
+ text-underline-offset: 2px;
+}
diff --git a/web/src/styles/base.css b/web/src/styles/base.css
index 372b424..d038331 100644
--- a/web/src/styles/base.css
+++ b/web/src/styles/base.css
@@ -44,6 +44,12 @@ a:hover {
text-decoration: underline;
}
+/* Ссылка внутри текста отличается не только цветом (WCAG 1.4.1). */
+p a:not([class]) {
+ text-decoration: underline;
+ text-underline-offset: 2px;
+}
+
:focus-visible {
outline: 2px solid var(--acc-ring);
outline-offset: 2px;
@@ -55,8 +61,11 @@ svg {
max-width: 100%;
}
+/* Привязан к началу опорного блока: в широкой таблице не выходит за её прокрутку. */
.visually-hidden {
position: absolute;
+ top: 0;
+ left: 0;
width: 1px;
height: 1px;
padding: 0;
@@ -110,3 +119,8 @@ table,
.num {
font-variant-numeric: tabular-nums;
}
+
+/* Ячейка или подпись без переноса строки: даты, числа с единицами. */
+.nowrap {
+ white-space: nowrap;
+}
diff --git a/web/src/styles/components.css b/web/src/styles/components.css
index e3862f1..21e2596 100644
--- a/web/src/styles/components.css
+++ b/web/src/styles/components.css
@@ -20,6 +20,11 @@
border-color 0.12s;
}
+/* Иконка кнопки не сжимается, когда кнопке тесно (ячейки таблиц, узкие панели). */
+.btn > svg {
+ flex: none;
+}
+
.btn:hover {
background: var(--hover);
text-decoration: none;
diff --git a/web/src/styles/help.css b/web/src/styles/help.css
index 12daaf4..908cebc 100644
--- a/web/src/styles/help.css
+++ b/web/src/styles/help.css
@@ -28,19 +28,40 @@
border-bottom: 1px solid var(--line);
}
+.help-brand {
+ display: flex;
+ align-items: center;
+ gap: 10px;
+}
+
.help-header .auth-brand {
margin: 0;
color: inherit;
text-decoration: none;
}
+.help-brand-sep {
+ color: var(--tx2);
+}
+
+.help-brand-section {
+ color: var(--tx);
+ font-weight: 600;
+ text-decoration: none;
+}
+
+.help-brand-section:hover,
+.help-header .auth-brand:hover {
+ color: var(--acc-tx);
+}
+
.help-wrap {
display: grid;
grid-template-columns: 240px minmax(0, 1fr);
- gap: 32px;
- max-width: 1180px;
+ gap: 40px;
+ max-width: 1240px;
margin: 0 auto;
- padding: 24px;
+ padding: 32px 32px 56px;
}
@media (max-width: 860px) {
@@ -51,7 +72,10 @@
.help-nav ul {
position: sticky;
- top: 16px;
+ top: 24px;
+ display: flex;
+ flex-direction: column;
+ gap: 2px;
margin: 0;
padding: 0;
list-style: none;
@@ -81,8 +105,9 @@
}
.help-main h1 {
- margin: 0 0 12px;
- font-size: 24px;
+ margin: 0 0 14px;
+ font-size: 26px;
+ letter-spacing: -0.3px;
}
.help-main h2 {
@@ -98,8 +123,11 @@
}
.help-lead {
+ max-width: 820px;
+ margin: 0 0 28px;
color: var(--tx2);
font-size: 15px;
+ line-height: 1.65;
}
.help-toc ul {
@@ -116,8 +144,8 @@
}
.help-card {
- margin: 0 0 12px;
- padding: 14px 16px;
+ margin: 0 0 16px;
+ padding: 18px 20px;
background: var(--panel);
border: 1px solid var(--line);
border-radius: var(--r3, 10px);
@@ -126,8 +154,8 @@
.help-card h2,
.help-card h3 {
- margin: 0 0 4px;
- font-size: 15px;
+ margin: 0 0 8px;
+ font-size: 16px;
}
.help-card h2 a {
@@ -135,7 +163,9 @@
}
.help-card p {
- margin: 6px 0;
+ margin: 8px 0;
+ color: var(--tx2);
+ line-height: 1.6;
}
.help-card ul {
@@ -160,8 +190,13 @@
.help-grid {
display: grid;
- grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
- gap: 12px;
+ grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+ gap: 16px;
+ margin: 0 0 24px;
+}
+
+.help-grid > .help-card {
+ margin: 0;
}
.help-glossary {
diff --git a/web/tsconfig.json b/web/tsconfig.json
index 07a5b3a..35b0823 100644
--- a/web/tsconfig.json
+++ b/web/tsconfig.json
@@ -18,9 +18,8 @@
"allowImportingTsExtensions": false,
"noEmit": true,
"types": ["vite/client"],
- "baseUrl": ".",
"paths": {
- "@/*": ["src/*"]
+ "@/*": ["./src/*"]
}
},
"include": ["src", "vite.config.ts", "e2e"]
diff --git a/web/vite.config.ts b/web/vite.config.ts
index f2be53d..d41dff4 100644
--- a/web/vite.config.ts
+++ b/web/vite.config.ts
@@ -68,7 +68,7 @@ export default defineConfig({
priority: 20,
},
// Карта — отдельный чанк: загружается только на страницах с картой.
- { name: "map", test: /node_modules[/](maplibre-gl|@protomaps)[/]/, priority: 25 },
+ { name: "map", test: /node_modules[/](maplibre-gl|@protomaps|terra-draw[a-z-]*)[/]/, priority: 25 },
// Графики — тоже по требованию: страницы со статистикой.
{ name: "charts", test: /node_modules[/](echarts|zrender)[/]/, priority: 25 },
{ name: "vendor", test: /node_modules[/]/, priority: 10 },
|