lct-20: АРМ диспетчера ДДС и цепочка 112 → ДДС
Возврат карточки — самая ценная механика цепочки: неполнота КИО перестаёт быть процентом в отчёте и становится сорванным выездом с конкретной причиной. В разборе это отметка E6: «не заполнено floor, victims_count — выезд сорван». Снимок карточки не меняется после передачи: оператор не дописывает задним числом поле, которое забыл. Тест правит карточку после передачи и проверяет, что в снимке этого нет. Диспетчер садится за АРМ, когда вызов уже идёт, — станция, подключённая после передачи, всё равно получает карточку. У станции нет аудио вообще: ни VAD, ни распознавания, ни синтеза.
This commit is contained in:
Ivan Gerasimov
parent
38082e2af3
commit
ee2a526831
15 changed files with 439 additions and 13 deletions
|
|
@ -2,9 +2,9 @@ import { createBrowserRouter, Navigate } from "react-router-dom";
|
|||
|
||||
import { Call } from "@/pages/trainee/Call";
|
||||
import { Instructor } from "@/pages/instructor/Instructor";
|
||||
import { Dds } from "@/pages/dds/Dds";
|
||||
import { Profile } from "@/pages/profile/Profile";
|
||||
import { Wall } from "@/pages/wall/Wall";
|
||||
import { Stub } from "@/shared/ui/Stub";
|
||||
|
||||
// Четыре интерфейса — одна SPA (docs/arch/FRONTEND.md).
|
||||
// session_id живёт в URL: /instructor?session=..., монитор открывают ссылкой.
|
||||
|
|
@ -14,5 +14,5 @@ export const router = createBrowserRouter([
|
|||
{ path: "/instructor", element: <Instructor /> },
|
||||
{ path: "/wall", element: <Wall /> },
|
||||
{ path: "/profile", element: <Profile /> },
|
||||
{ path: "/dds", element: <Stub title="АРМ диспетчера ДДС" card="lct-20" /> },
|
||||
{ path: "/dds", element: <Dds /> },
|
||||
]);
|
||||
|
|
|
|||
165
frontend/src/pages/dds/Dds.tsx
Normal file
165
frontend/src/pages/dds/Dds.tsx
Normal file
|
|
@ -0,0 +1,165 @@
|
|||
// АРМ диспетчера ДДС.
|
||||
//
|
||||
// Аудио здесь нет вообще: приходит снимок карточки от оператора 112,
|
||||
// дальше — подтверждение по нормативу, возврат на уточнение и отметки времени.
|
||||
// Возврат карточки — самая ценная механика цепочки: неполнота КИО становится
|
||||
// сорванным выездом с конкретной причиной (docs/arch/CONTRACT.md).
|
||||
|
||||
import { useEffect, useRef, useState } from "react";
|
||||
|
||||
import { GROUPS } from "@/features/kio-card/fields";
|
||||
import { KioCard } from "@/features/kio-card/KioCard";
|
||||
import { applyState, empty as emptyCard, type CardState } from "@/features/kio-card/merge";
|
||||
import { stationChannel, type ChannelStatus } from "@/shared/api/ws";
|
||||
import { sessionIdFromUrl } from "@/shared/api/session";
|
||||
|
||||
const ACK_LIMIT_S = 4; // норматив подтверждения получения карточки
|
||||
|
||||
const FIELDS = GROUPS.flatMap((group) =>
|
||||
group.fields.filter((field) => !field.readOnly).map((field) => ({ path: field.path, label: field.label })),
|
||||
);
|
||||
|
||||
export function Dds() {
|
||||
const sessionId = sessionIdFromUrl();
|
||||
const role = new URLSearchParams(location.search).get("role") ?? "dds_01";
|
||||
|
||||
const [status, setStatus] = useState<ChannelStatus>("connecting");
|
||||
const [card, setCard] = useState<CardState | null>(null);
|
||||
const [from, setFrom] = useState<string>("");
|
||||
const [receivedAt, setReceivedAt] = useState<number | null>(null);
|
||||
const [elapsed, setElapsed] = useState(0);
|
||||
const [acked, setAcked] = useState(false);
|
||||
const [bounced, setBounced] = useState<string[] | null>(null);
|
||||
const [missing, setMissing] = useState<string[]>([]);
|
||||
const [comment, setComment] = useState("");
|
||||
const [zone, setZone] = useState<boolean | null>(null);
|
||||
const [marks, setMarks] = useState<string[]>([]);
|
||||
const channel = useRef<ReturnType<typeof stationChannel> | null>(null);
|
||||
|
||||
useEffect(() => {
|
||||
if (!sessionId) return;
|
||||
const ch = stationChannel(sessionId, role, {
|
||||
onStatus: setStatus,
|
||||
onEvent: (event) => {
|
||||
if (event.type === "card.received") {
|
||||
setCard(applyState(emptyCard, event.card as unknown as Record<string, unknown>));
|
||||
setFrom(event.from_operator);
|
||||
setReceivedAt(Date.now());
|
||||
}
|
||||
},
|
||||
}).connect();
|
||||
channel.current = ch;
|
||||
return () => ch.close();
|
||||
}, [sessionId, role]);
|
||||
|
||||
// Обратный отсчёт норматива: пока карточка не подтверждена, счёт идёт.
|
||||
useEffect(() => {
|
||||
if (receivedAt === null || acked) return;
|
||||
const timer = setInterval(() => setElapsed((Date.now() - receivedAt) / 1000), 200);
|
||||
return () => clearInterval(timer);
|
||||
}, [receivedAt, acked]);
|
||||
|
||||
if (!sessionId) {
|
||||
return (
|
||||
<main className="page">
|
||||
<h1>АРМ диспетчера ДДС</h1>
|
||||
<p className="warn">Откройте ссылку вида /dds?session=…&role=dds_01</p>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
||||
const mark = (label: string) => setMarks((prev) => [`${new Date().toLocaleTimeString("ru-RU")} — ${label}`, ...prev]);
|
||||
|
||||
return (
|
||||
<main className="page">
|
||||
<h1>АРМ диспетчера ДДС · {role}</h1>
|
||||
<table className="grid">
|
||||
<tbody>
|
||||
<tr><th>Канал</th><td className={status === "open" ? "" : "warn"}>{status}</td></tr>
|
||||
<tr><th>Карточка</th><td>{card ? `от оператора ${from}` : "ожидание карточки от 112"}</td></tr>
|
||||
{card && !acked && (
|
||||
<tr>
|
||||
<th>Подтверждение</th>
|
||||
<td className={elapsed > ACK_LIMIT_S ? "state-violated" : "state-ok"}>
|
||||
{elapsed.toFixed(1)} с из {ACK_LIMIT_S} с
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
{card && (
|
||||
<>
|
||||
<p>
|
||||
<button type="button" disabled={acked} onClick={() => {
|
||||
channel.current?.send({ type: "card.ack" });
|
||||
setAcked(true);
|
||||
mark("карточка принята");
|
||||
}}>Принять карточку</button>{" "}
|
||||
<button type="button" disabled={Boolean(bounced)} onClick={() => {
|
||||
if (!missing.length) return;
|
||||
channel.current?.send({ type: "card.bounce", missing_fields: missing, comment });
|
||||
setBounced(missing);
|
||||
mark(`возврат на уточнение: ${missing.join(", ")}`);
|
||||
}}>Вернуть на уточнение</button>
|
||||
</p>
|
||||
|
||||
{!bounced && (
|
||||
<details>
|
||||
<summary>Чего не хватает для выезда</summary>
|
||||
<div className="bounce-fields">
|
||||
{FIELDS.map((field) => (
|
||||
<label key={field.path}>
|
||||
<input type="checkbox" checked={missing.includes(field.path)}
|
||||
onChange={() => setMissing((prev) =>
|
||||
prev.includes(field.path) ? prev.filter((item) => item !== field.path) : [...prev, field.path])} />{" "}
|
||||
{field.label}
|
||||
</label>
|
||||
))}
|
||||
</div>
|
||||
<p>
|
||||
<input type="text" value={comment} placeholder="куда ехать без этажа"
|
||||
onChange={(event) => setComment(event.target.value)} />
|
||||
</p>
|
||||
</details>
|
||||
)}
|
||||
|
||||
<p>
|
||||
Зона ответственности:{" "}
|
||||
<button type="button" disabled={zone !== null} onClick={() => {
|
||||
channel.current?.send({ type: "zone.decision", in_zone: true });
|
||||
setZone(true); mark("наша зона");
|
||||
}}>наша</button>{" "}
|
||||
<button type="button" disabled={zone !== null} onClick={() => {
|
||||
channel.current?.send({ type: "zone.decision", in_zone: false });
|
||||
setZone(false); mark("не наша зона");
|
||||
}}>не наша</button>
|
||||
</p>
|
||||
<p>
|
||||
<button type="button" onClick={() => {
|
||||
channel.current?.send({ type: "crew.dispatched", at: new Date().toISOString() });
|
||||
mark("приказ на выезд");
|
||||
}}>Приказ на выезд</button>{" "}
|
||||
<button type="button" onClick={() => {
|
||||
channel.current?.send({ type: "crew.arrived", at: new Date().toISOString() });
|
||||
mark("прибытие на место");
|
||||
}}>Прибытие</button>
|
||||
</p>
|
||||
|
||||
<h2>Карточка от оператора 112</h2>
|
||||
{/* Снимок: после передачи он не меняется. */}
|
||||
<KioCard state={card} readOnly />
|
||||
</>
|
||||
)}
|
||||
|
||||
{marks.length > 0 && (
|
||||
<>
|
||||
<h2>Отметки времени</h2>
|
||||
<table className="grid">
|
||||
<tbody>{marks.map((line, index) => <tr key={index}><td>{line}</td></tr>)}</tbody>
|
||||
</table>
|
||||
</>
|
||||
)}
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
|
@ -62,6 +62,7 @@ export function Instructor() {
|
|||
? {
|
||||
trainee: `${location.origin}/trainee?session=${sessionId}`,
|
||||
wall: `${location.origin}/wall?session=${sessionId}`,
|
||||
dds: `${location.origin}/dds?session=${sessionId}&role=dds_01`,
|
||||
}
|
||||
: null;
|
||||
|
||||
|
|
@ -131,6 +132,7 @@ export function Instructor() {
|
|||
<tbody>
|
||||
<tr><th>АРМ курсанта</th><td><a href={links.trainee}>открыть</a></td></tr>
|
||||
<tr><th>Внешний монитор</th><td><a href={links.wall}>открыть</a></td></tr>
|
||||
<tr><th>АРМ ДДС</th><td><a href={links.dds}>открыть</a></td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
)}
|
||||
|
|
|
|||
|
|
@ -7,7 +7,9 @@
|
|||
import type {
|
||||
InstructorToServer,
|
||||
ServerToObserver,
|
||||
ServerToStation,
|
||||
ServerToTrainee,
|
||||
StationToServer,
|
||||
TraineeToServer,
|
||||
} from "@/shared/types/generated";
|
||||
|
||||
|
|
@ -104,6 +106,13 @@ export const callChannel = (sessionId: string, options?: ChannelOptions<ServerTo
|
|||
export const observeChannel = (sessionId: string, options?: ChannelOptions<ServerToObserver>) =>
|
||||
new Channel<ServerToObserver, never>(`/ws/observe/${sessionId}`, options);
|
||||
|
||||
/** Станция ДДС: только JSON, аудио здесь нет вообще. */
|
||||
export const stationChannel = (
|
||||
sessionId: string,
|
||||
role: string,
|
||||
options?: ChannelOptions<ServerToStation>,
|
||||
) => new Channel<ServerToStation, StationToServer>(`/ws/station/${sessionId}?role=${role}`, options);
|
||||
|
||||
/** Преподаватель: только передача, входящих в этом канале нет. */
|
||||
export const controlChannel = (sessionId: string, options?: { onStatus?: (status: ChannelStatus) => void }) =>
|
||||
new Channel<never, InstructorToServer>(`/ws/control/${sessionId}`, options);
|
||||
|
|
|
|||
|
|
@ -1,11 +0,0 @@
|
|||
// Заглушка экрана. Каждая ссылается на карточку, которая её закрывает.
|
||||
export function Stub({ title, card }: { title: string; card: string }) {
|
||||
return (
|
||||
<main className="stub">
|
||||
<h1>{title}</h1>
|
||||
<p>
|
||||
Экран не реализован. Карточка: <code>tasks/{card}.md</code>
|
||||
</p>
|
||||
</main>
|
||||
);
|
||||
}
|
||||
|
|
@ -94,3 +94,6 @@ button:disabled { opacity: 0.5; cursor: default; }
|
|||
.director-buttons button { padding: 10px 12px; text-align: left; font-size: 15px; }
|
||||
.director-buttons .danger { border-color: var(--violated); color: var(--violated); font-weight: 600; }
|
||||
.director input[type="text"] { width: 60%; }
|
||||
|
||||
/* Возврат карточки: список полей в две колонки, чтобы диспетчер не скроллил. */
|
||||
.bounce-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 2px 16px; margin: 8px 0; }
|
||||
|
|
|
|||
Loading…
Reference in a new issue