补 a11y（键盘可达）=========
// 用法：
...
// 输出 role="button" + tabIndex 0 + Enter/Space 键盘事件
// 仅高频可点击 div 使用（quick-item、决策按钮等关键路径），
// 详情面板内嵌区域沿用原 onClick 即可
// ============================================================
const clickable = (onClick, ariaLabel) => ({
role: 'button',
tabIndex: 0,
onClick,
...(ariaLabel ? { 'aria-label': ariaLabel } : {}),
onKeyDown: (e) => {
if (e.key === 'Enter' || e.key === ' ') {
e.preventDefault();
onClick && onClick(e);
}
},
});
// ============================================================
// === MP 端 UI 元数据字典（单一真相源 · 各页面只读不改） =======
// 与 admin/MOCK 的 PROJECT_STATUS_META / PROJECT_RISK_META 语义对齐，
// 但 cls 字段使用 mp 端的 wx-tag 颜色系（red/orange/green/blue/gold/gray）
// 而非 admin 端的 chip-* class。新增 kind/status 时只改这一处。
// ============================================================
const MP_PROJECT_STATUS_META = {
active: { label: '进行中', cls: 'green' },
rejected: { label: '已驳回 · 待修订', cls: 'red' },
'advisor-review': { label: '导师审核中', cls: 'orange' },
'center-review': { label: '实验中心审核', cls: 'orange' },
'dean-review': { label: '学院终审', cls: 'orange' },
closed: { label: '已结案', cls: 'gray' },
draft: { label: '草稿', cls: 'gray' },
};
const MP_PROJECT_RISK_META = {
high: { label: '高风险', cls: 'red' },
medium: { label: '中风险', cls: 'orange' },
low: { label: '低风险', cls: 'green' },
};
// 教师端 TEA_PENDING.kind 的视觉元数据（icon 用 components.jsx 的 Icon 名）
const MP_PENDING_KIND_META = {
appeal: { tagCls: 'red', bg: '#fbe9e7', color: 'var(--wx-red)', icon: 'warn' },
booking: { tagCls: 'blue', bg: '#e5ecf5', color: 'var(--wx-green)', icon: 'calendar' },
chem: { tagCls: 'orange', bg: '#faf1e0', color: '#b8661a', icon: 'flask' },
rectify: { tagCls: 'gold', bg: '#fbf4e0', color: '#8a6d28', icon: 'check-circle' },
project: { tagCls: 'blue', bg: '#e5ecf5', color: 'var(--wx-green)', icon: 'flask' },
waste: { tagCls: 'green', bg: '#e5f5e9', color: 'var(--wx-success)', icon: 'shield' },
purchase: { tagCls: 'orange', bg: '#fff0d6', color: '#a04706', icon: 'mail' },
night: { tagCls: 'blue', bg: '#ede9fe', color: '#5b21b6', icon: 'bell' },
};
// ============================================================
// === TeaSubmittedView · 教师/巡查员审批提交后的反馈页（抽出共享） ====
// 用于 TeaReviewPage / TeaProjectPage / PatAppealPage 等审批页提交后的
// 「图标 + 标题 + 副标题 + 同步通知列表 + 可选 amber 说明」。
// 各页只传内容、不再各自维护一份 30 行的反馈页布局。
// ============================================================
const TeaSubmittedView = ({
navTitle,
icon = 'check', iconBg = '#e5f5e9', iconColor = 'var(--wx-success)',
title, subtitle,
syncList = [],
footnote,
onBack,
backText = '返回首页',
}) => (
{title}
{subtitle &&
{subtitle}
}
{syncList.length > 0 && (
系统将自动同步至：
{syncList.map((s, i) => · {s}
)}
)}
{footnote && (
{footnote}
)}
);
// ============================================================
// === LabRealtimeCard · 我的实验室 · 实时看板（反馈 4） ============
// 学生 home / 教师 home 共用：视频缩略图（mock：色相渐变 + LIVE 标识）+
// inRoom 头像组 + 温度 + 一键呼叫负责人/巡查员（tel: 跳系统拨号）
// 仅显示 lab.contacts 配置的角色；缺数据时降级文字提示。
// ============================================================
const LabRealtimeCard = ({ lab }) => {
// 时间码每秒更新（critique P2 修复 · 避免 LIVE 闪烁但时间静止穿帮）
const [now, setNow] = React.useState(() => new Date());
React.useEffect(() => {
const t = setInterval(() => setNow(new Date()), 1000);
return () => clearInterval(t);
}, []);
if (!lab) return null;
const inRoom = lab.inRoom ?? 0;
const temp = lab.temp ?? '—';
const hue = lab.camHue ?? 200;
const contacts = lab.contacts || [];
const lead = contacts.find(c => c.role === 'lead');
const inspector = contacts.find(c => c.role === 'inspector');
return (
MY LAB · LIVE
{lab.id} · {lab.name}
{lab.dept}
{/* mock 视频缩略图：色相渐变 + LIVE 闪烁红点 + 摄像头图标 */}
{/* LIVE 标识 */}
LIVE
{/* 右下角时间码 */}
{now.toTimeString().slice(0, 8)}
{/* 实时数据 + 在室人员 */}
在室
0 ? 'var(--wx-green)' : 'var(--text-3)', fontFamily: 'JetBrains Mono, monospace' }}>{inRoom}
{Array.from({ length: Math.min(inRoom, 3) }).map((_, i) => (
0 ? -6 : 0,
}}>{['赵','李','张'][i] || '·'}
))}
{inRoom === 0 &&
暂无人员
}
{/* 通话按钮（tel: 跳拨号；当前 demo 仅展示 phone 占位） */}
);
};
// 导出到 window
Object.assign(window, {
Icon, StatusBar, NavBar, TabBar, MiniProgram, TeaSubmittedView, LabRealtimeCard, clickable,
MP_PROJECT_STATUS_META, MP_PROJECT_RISK_META, MP_PENDING_KIND_META,
});