Chengfang Lu
e72bc061c5
Major changes: - New frontend (platform/web/): Vite + React 18 + TypeScript + Tailwind - 4-module navigation: 数据送标 / 模型管理 / 车队管理 / 系统管理 - Data catalog with charts (DMS/ADAS/Lane 3-tab view) - Quality review workflow (标注质检): Good/Fine/Bad scoring with auto-advance - Audit enhancements: batch operations, rejection categories, Feishu notifications - Operation audit log (操作日志) - World model simulation studio (仿真工坊) - Dataset version management with snapshots and diff - ADAS 7-class dataset integration (138K images organized + compressed) - User management with Feishu integration and pagination - CRUD/search/filter on all pages, card layout redesign - PIL-optimized image overlay rendering - Auto-snapshot on build, in_review workflow stage - Removed embedded algorithm code (now in workspace)
48 lines
1.8 KiB
TypeScript
48 lines
1.8 KiB
TypeScript
import React from "react";
|
|
import { Switch, Route, Redirect, NavLink, useRouteMatch } from "react-router-dom";
|
|
import { ModuleGuard } from "@/components/ModuleGuard";
|
|
import { DashboardPage } from "./pages/DashboardPage";
|
|
import { VehiclesPage } from "./pages/VehiclesPage";
|
|
import { LiveMapPage } from "./pages/LiveMapPage";
|
|
import { TripRecordsPage } from "./pages/TripRecordsPage";
|
|
import { TboxConfigPage } from "./pages/TboxConfigPage";
|
|
|
|
const TABS = [
|
|
{ to: "/fleet/dashboard", label: "车队总览", perm: "read:fleet" },
|
|
{ to: "/fleet/vehicles", label: "车辆管理", perm: "read:fleet" },
|
|
{ to: "/fleet/map", label: "实时地图", perm: "read:fleet" },
|
|
{ to: "/fleet/trips", label: "行程记录", perm: "read:fleet" },
|
|
{ to: "/fleet/tbox", label: "T-Box 配置", perm: "write:fleet" },
|
|
];
|
|
|
|
export const FleetShell: React.FC = () => {
|
|
const { path } = useRouteMatch();
|
|
|
|
return (
|
|
<ModuleGuard requiredPerms={["read:fleet"]}>
|
|
<div>
|
|
<nav className="module-tabs">
|
|
{TABS.map((tab) => (
|
|
<NavLink
|
|
key={tab.to}
|
|
to={tab.to}
|
|
className="module-tab"
|
|
activeClassName="active"
|
|
>
|
|
{tab.label}
|
|
</NavLink>
|
|
))}
|
|
</nav>
|
|
<Switch>
|
|
<Route exact path={`${path}`} render={() => <Redirect to="/fleet/dashboard" />} />
|
|
<Route path={`${path}/dashboard`} component={DashboardPage} />
|
|
<Route path={`${path}/vehicles`} component={VehiclesPage} />
|
|
<Route path={`${path}/map`} component={LiveMapPage} />
|
|
<Route path={`${path}/trips`} component={TripRecordsPage} />
|
|
<Route path={`${path}/tbox`} component={TboxConfigPage} />
|
|
</Switch>
|
|
</div>
|
|
</ModuleGuard>
|
|
);
|
|
};
|