feat: HSAP platform v2 — modular navigation, quality review, audit log, world model simulation
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)
This commit is contained in:
71
platform/web/src/components/ui/Badge.tsx
Normal file
71
platform/web/src/components/ui/Badge.tsx
Normal file
@@ -0,0 +1,71 @@
|
||||
import React from "react";
|
||||
|
||||
interface BadgeProps {
|
||||
variant?: "default" | "success" | "warning" | "danger" | "info";
|
||||
size?: "small" | "medium";
|
||||
className?: string;
|
||||
children: React.ReactNode;
|
||||
}
|
||||
|
||||
const variantClasses: Record<string, string> = {
|
||||
default: "bg-gray-100 text-gray-700",
|
||||
success: "bg-green-100 text-green-800",
|
||||
warning: "bg-yellow-100 text-yellow-800",
|
||||
danger: "bg-red-100 text-red-800",
|
||||
info: "bg-blue-100 text-blue-800",
|
||||
};
|
||||
|
||||
const sizeClasses = {
|
||||
small: "px-1.5 py-0.5 text-[10px]",
|
||||
medium: "px-2.5 py-1 text-xs",
|
||||
};
|
||||
|
||||
export const Badge: React.FC<BadgeProps> = ({
|
||||
variant = "default",
|
||||
size = "medium",
|
||||
className = "",
|
||||
children,
|
||||
}) => {
|
||||
const cls = [
|
||||
"inline-flex items-center font-medium rounded-full whitespace-nowrap",
|
||||
variantClasses[variant] || variantClasses.default,
|
||||
sizeClasses[size],
|
||||
className,
|
||||
].join(" ");
|
||||
|
||||
return <span className={cls}>{children}</span>;
|
||||
};
|
||||
|
||||
/** Stage badge — maps batch stages to colors */
|
||||
export const StageBadge: React.FC<{ stage: string }> = ({ stage }) => {
|
||||
const map: Record<string, { variant: BadgeProps["variant"]; label: string }> = {
|
||||
raw_pool: { variant: "default", label: "待标注" },
|
||||
out_for_labeling: { variant: "info", label: "标中" },
|
||||
labeling_submitted: { variant: "warning", label: "已提交" },
|
||||
returned: { variant: "success", label: "待入库" },
|
||||
ingested: { variant: "success", label: "已入库" },
|
||||
in_review: { variant: "warning", label: "质检中" },
|
||||
review_approved: { variant: "success", label: "质检通过" },
|
||||
review_rejected: { variant: "danger", label: "质检退回" },
|
||||
};
|
||||
const m = map[stage] || { variant: "default" as const, label: stage };
|
||||
return <Badge variant={m.variant}>{m.label}</Badge>;
|
||||
};
|
||||
|
||||
/** Status badge for approvals, jobs, deliveries */
|
||||
export const StatusBadge: React.FC<{ status: string }> = ({ status }) => {
|
||||
const map: Record<string, { variant: BadgeProps["variant"]; label: string }> = {
|
||||
pending: { variant: "warning", label: "待审核" },
|
||||
approved: { variant: "success", label: "已通过" },
|
||||
rejected: { variant: "danger", label: "已驳回" },
|
||||
running: { variant: "info", label: "执行中" },
|
||||
completed: { variant: "success", label: "已完成" },
|
||||
failed: { variant: "danger", label: "失败" },
|
||||
draft: { variant: "default", label: "草稿" },
|
||||
submitted: { variant: "info", label: "已提交" },
|
||||
ingested: { variant: "success", label: "已入湖" },
|
||||
cancelled: { variant: "default", label: "已取消" },
|
||||
};
|
||||
const m = map[status] || { variant: "default" as const, label: status };
|
||||
return <Badge variant={m.variant}>{m.label}</Badge>;
|
||||
};
|
||||
Reference in New Issue
Block a user