1b87097447
重构项目中的"时间银行"模块，统一更名为"互助中心"，涉及前端路由、组件、文档及多处文本替换。新增互助中心页面功能，包括： 1. 通证兑换服务弹窗 2. 互助任务列表展示 3. 区块链存证交互流程 同时优化护理记录页面，增加筛选、导出功能，完善监管端仪表盘交互
105 lines
6.2 KiB
Markdown
105 lines
6.2 KiB
Markdown
# “智护链”初赛系统原型开发计划（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 可视化大屏细节。
|