first commit

docs/DevPlan.md

@@ -0,0 +1,104 @@
+# “智护链”初赛系统原型开发计划（V2.0 深度对标版）
+
+## 一、 开发愿景：从“功能展示”到“逻辑证真”
+本计划深度对标 [Project.md](file:///d:/Code%20-%20Workspace/test/Project.md) 中的核心理论，旨在通过前端原型证明：**“技术如何构建信任”**。
+演示系统将不再是孤立的页面，而是一个完整的**“可信证据流”**循环。
+
+---
+
+## 二、 设计系统 (Design System)：构建“科技向善”的视觉语言
+- **配色方案**：
+    - **信任蓝 (Trust Blue)**：主色调，用于区块链与管理端，传递专业与稳重。
+    - **生命橙 (Vitality Orange)**：用于用户端与健康指标，传递温暖与关怀。
+    - **警戒红 (Alert Red)**：仅用于 L4 级紧急响应，形成视觉冲击。
+- **动效设计**：
+    - **数据上链动效**：当 AI 识别事件时，设计一个从“机器人”流向“区块立方体”的光效，视觉化“行为即存证”。
+    - **隐私脱敏动效**：实时图像经过一个“扫描栅格”后变为骨骼点图，视觉化“隐私计算”。
+
+---
+
+## 三、 五大核心展示端详细设计
+
+### 3.1 机器人与边缘模拟端 (The Truth Source)
+**核心对标：AI 边缘感知、隐私计算、L1-L4 分级逻辑**
+- **页面 1：AI 实时决策舱**
+    - **视觉效果**：左侧为模拟摄像头画面（实为骨骼点图），右侧为实时更新的 AI 逻辑推理树。
+    - **交互逻辑**：
+        - 模拟 **L2 (中风险)**：检测到老人 3 小时未活动 -> 机器人屏幕显示询问文字 -> 机器人自动靠近。
+        - 模拟 **L4 (紧急风险)**：检测到快速跌倒 -> 屏幕瞬间切换为红色警告 -> 显示“数据摘要已生成并广播至联盟链”。
+- **页面 2：隐私计算实验室**
+    - **视觉效果**：对比显示“原始图像（打码）”与“特征指纹（Hash）”。
+    - **功能展示**：展示数据如何在本地完成推理，仅将加密摘要外传的动态过程。
+
+### 3.2 用户/家属端 (The Trust Interface)
+**核心对标：目标人群（子女）、隐私友好、时间银行**
+- **页面 1：智能守护看板**
+    - **视觉效果**：非视频监控，而是基于 AI 识别的“实时行为状态图表”（如：正在午睡、已喝水、散步中）。
+    - **功能点**：点击“查看证据”，跳转至区块链存证详情。
+- **页面 2：时间银行 & 公益互助**
+    - **视觉效果**：电子存折风格。
+    - **功能点**：展示家属为邻居老人提供互助服务获得的“智护通证”，可兑换本系统的机器人租赁额度。
+- **页面 3：残障友好模式**
+    - **视觉效果**：高对比度界面。
+    - **功能展示**：模拟“触觉转换指令”，点击屏幕，机器人发出特定节奏的震动或频率，引导视障老人避障。
+
+### 3.3 机构/护理员协作端 (The Collaborative Workspace)
+**核心对标：受约束执行、服务责任认定**
+- **页面 1：多机协同指挥部**
+    - **视觉效果**：电子地图上分布着多个机器人图标，颜色代表 L1-L4 状态。
+    - **功能点**：护理员接管 L3 告警，系统要求护理员进行“私钥签名”确认，所有操作实时上链。
+- **页面 2：服务质量回溯**
+    - **视觉效果**：时间轴形式。
+    - **功能展示**：展示从 AI 发现异常到护理员到场处理的完整闭环，每一步都带链上存证标识。
+
+### 3.4 政府/审计监管大屏 (The Order Keeper)
+**核心对标：三重互信之“秩序互信”、链上监管沙盒**
+- **页面 1：区域养老态势感知**
+    - **视觉效果**：炫酷的 3D 数据可视化。
+    - **功能点**：统计全区养老机构的“数据真实度评分”（基于区块链共识校验）。
+- **页面 2：纠纷仲裁台**
+    - **视觉效果**：严肃的文书风格。
+    - **功能点**：一键调取纠纷发生时的链上证据包，展示 AI 原始判定、机构响应时间、家属反馈，形成法律闭环。
+
+### 3.5 区块链底层浏览器 (The Trust Foundation)
+**核心对标：三重互信（信息、资源、秩序）、智能合约自动化**
+- **页面 1：分布式账本实时流**
+    - **视觉效果**：瀑布流。
+    - **功能展示**：展示“健康档案摘要”、“服务契约”、“互助通证”三种不同类型的区块交易。
+- **页面 2：智能合约实验室**
+    - **视觉效果**：逻辑流程图动效。
+    - **功能展示**：模拟“服务达标自动结算”合约逻辑。当护理记录在链上被多方确认，对应的服务费（模拟通证）自动从家属账户划拨至机构账户。
+
+---
+
+## 四、 关键技术展示策略（Mock 方案）
+1. **Hash 生成逻辑**：
+   ```javascript
+   // 模拟生成符合 Project.md 要求的存证摘要
+   const generateEvidence = (action) => ({
+     timestamp: new Date().getTime(),
+     actor: "Robot_ID_082",
+     behavior: action,
+     ai_confidence: 0.985,
+     tx_hash: "0x" + Math.random().toString(16).slice(2, 66),
+     status: "Commited on FISCO BCOS"
+   });
+   ```
+2. **L1-L4 状态机**：前端维护一个全局状态机，模拟不同的触发场景，一键切换所有端的显示状态。
+
+---
+
+## 五、 答辩“黄金路径”脚本设计
+1. **入场**：展示**管理端大屏**，讲述老龄化社会的监管挑战（对标 1.1）。
+2. **场景模拟**：切换到**机器人端**，模拟王大爷跌倒（L4）。
+3. **技术解密**：暂停画面，展示**隐私计算**和**数据上链**动效（对标 4.1 & 4.3）。
+4. **多端联动**：展示**护理员端**收到报警并签收，**家属端**实时查看脱敏后的证据链（对标 5.1）。
+5. **价值升华**：最后回到**区块链浏览器**，展示“时间银行”的通证流转，讲述可持续发展的互助生态（对标 5.2）。
+
+---
+
+## 六、 接下来 72 小时执行清单
+1. [ ] **0-12h**：搭建多端路由骨架，完成设计系统（CSS 变量定义）。
+2. [ ] **12-36h**：重点打磨机器人端的 L1-L4 切换逻辑与上链动效。
+3. [ ] **36-60h**：完成家属端“隐私看板”与管理端“纠纷仲裁”页面。
+4. [ ] **60-72h**：全链路模拟数据贯通，优化 3D 可视化大屏细节。