## 问题
分栏布局里,产品图是 4:3 矩形、自带浅灰蓝背景,贴在页面白底上有一道
**明显的竖直硬边**;上一提交用径向遮罩缓解了,但本质上"图在盒子里"这个
结构仍会让人觉得过渡生硬(用户指出,并建议:做成一张全图,左边没内容或
少量内容,或者左边用毛玻璃、背后能稍微看到内容)。
## 方案(按用户建议)
**一张全图做底 + 左侧毛玻璃面板**,从结构上消除"过渡"这件事:
1. **重新生成主视觉图**(Agnes Image 图生图,2K 16:9):
- 柜子置于画面**右侧约四成**,左侧约六成是**纯净负空间**(无物体/阴影/文字)
- ⛔ 明确声明画面内**不出现任何文字、数字、字母、水印、logo**
(v1 的教训:提示词里写了十六进制色值和"36",模型把它们**当文字画进了图里**,
左侧出现"36 智能充电电柜 / #0366e6"。故颜色只描述为"品牌蓝",绝不写 hex)
2. **全屏背景**:`.bg` 用 `background-size: cover` 铺满视口(保持宽高比、永不变形)
3. **左侧白纱**:`.bg::after` 叠一层从左到右渐淡的白色轻纱,保证文字对比度
4. **毛玻璃面板**(核心):
```css
background: rgba(255,255,255,0.58);
backdrop-filter: blur(26px) saturate(1.5);
border: 1px solid rgba(255,255,255,0.72);
border-radius: 22px;
box-shadow: 0 24px 60px rgba(15,20,25,0.10), inset 0 1px 0 rgba(255,255,255,0.85);
```
背后的柜子与渐变会**隐约透出**,边界从"贴图的硬边"变成"玻璃的质感"。
## 清理
- 删除 `deploy/landing/hero.jpg`(分栏布局废弃,146KB)
- 删除 `.hero` / `.hero::before` / `.hero img` 全部 CSS 与 HTML(含此前的 mask 方案)
- 媒体查询改为:窄屏收紧面板宽度、减弱白纱让图更多露出
## 文件
| 文件 | 变化 |
|---|---|
| `deploy/landing/hero-full.jpg` | 新增(1920×1077,114.7KB) |
| `deploy/landing/index.html` | 全屏背景 + 毛玻璃面板;删 hero 相关 |
| `deploy/landing/hero.jpg` | **删除** |
## 实测(发布后打真实 URL)
```
200 114.7KB image/jpeg hero-full.jpg
200 68.6KB image/jpeg og-image.jpg
200 21.1KB image/svg+xml favicon.svg
200 12.3KB image/svg+xml logo.svg
404 text/html hero.jpg (已删)
```
HTML 已确认含 `background: url("hero-full.jpg")`、两条 `backdrop-filter`、
`<div class="copy">`,且不再有 `class="hero"` / `mask-image`。
## 备注
生成按 Agnes **串行**要求执行:全程一次一个任务(v1 失败 → v2 成功)。
充电柜矩阵系统 (Power Matrix System / PMS)
产品名:安知充(anzhizhichong),品牌名:艾动智能
项目简介
36仓体直流电瓶车充电柜,仓数不固定:1柜控板+N仓控板,每仓控板管6仓,最小6仓。
技术栈
- 后端:Rust + Axum
- 前端:React + Arco Design Pro(管理端)
- 微信小程序用户端:uni-app + Vue 3(构建目标 mp-weixin)
- 数据库:MySQL(阿里云RDS)
- 缓存:Redis(阿里云Redis)
- 设备通讯:TCP长连接(柜控板4G模块,Air780E Cat.1)
项目结构
charging-cabinet/
├── tasks/ # 任务文件(opencode执行)
├── docs/ # 开发文档、协议文档(API.md、柜控板固件对接文档.md …)
├── deploy/ # 部署配置与脚本
│ ├── nginx/ # Nginx 配置镜像(nginx.conf 主配置 + app / test,共三份,与线上逐字节一致)
│ ├── *.service # systemd 单元(pms-api / pms-device × prod·test)
│ ├── deploy-prod.ps1 # 正式环境一键部署(推荐入口)
│ └── deploy-*.sh # ⛔ 已废弃(执行即报错退出)
├── tools/ # 开发工具
│ ├── db.py # 数据库工具(默认连测试库 pms_dev;需先起 SSH 隧道)
│ ├── dev-tunnel.ps1 # 开发机 SSH 隧道(127.0.0.1:13306/16379 → 阿里云 RDS/Redis)
│ └── db_schema_diff.py # 结构漂移巡检(测试库 vs 生产库 / vs 代码权威 DDL)
├── software/
│ ├── api-server/ # Rust API服务(产物 pms-api)
│ ├── device-server/ # Rust TCP设备服务(产物 pms-device-server)
│ ├── web/ # React管理端前端
│ └── h5-uniapp/ # 微信小程序用户端(uni-app + Vue 3,构建目标 mp-weixin)
├── hardware/ # 硬件资料(原理图/PCB等)
└── test/ # 测试/验收脚本
├── tcp_e2e_smoke.py # TCP 协议端到端(模拟柜控板打测试环境 :3001)
├── schema_alignment_e2e.py # 结构对齐端到端(造临时行并自动清理)
├── device_status_parse.test.mjs # PC 与小程序状态位解析一致性
├── rssi_signal.test.mjs # PC 与小程序 RSSI 分档一致性(0–99 逐值)
└── security-hardening/ # 安全加固探针脚本
本仓库不存放技能库(skills)。开发期技能从全局技能目录加载(
~/.dsh/skills、~/.agents/skills),请勿在仓库内重新 vendor。
部署架构
| 环境 | 域名 | API 服务 | TCP 服务 | MySQL | Redis DB | 部署路径 | 前端路径 |
|---|---|---|---|---|---|---|---|
| 正式环境 | app.anzhizhichong.com | :9000 |
:9001 |
pms |
db5 | /data/pms |
/pms/ |
| 测试环境 | test.anzhizhichong.com | :3000 |
:3001 |
pms_dev |
db6 | /data/pms_dev |
/pms/ |
⚠️ 两个环境完全隔离(独立库 + 独立 Redis DB + 独立端口 + 独立部署目录)。 ⛔ 绝不要把测试域名的 API 指向生产端口
:9000—— 历史事故:测试 nginx 曾指向当时的生产端口, 等于"测试后台在操作生产数据"。判断方法:test域名/api/pms/返回 401(有测试后端)是对的; 返回 502 说明测试后端没起。 ⚠️ 代码里的默认端口(api3000/ tcp3002)只在没设环境变量时生效,线上由.env的PORT/TCP_PORT覆盖 —— 以本表为准。
服务器:CentOS Stream 9(2核/3.5G/49G),118.31.119.206(ZeroTier 10.8.0.252)
内部服务:
- Gitea: https://app.anzhizhichong.com/doc/
- 文档Wiki: https://app.anzhizhichong.com/doc/anzhizhichong/charging-cabinet/wiki/
部署方式:本地交叉编译(cargo zigbuild --release --target x86_64-unknown-linux-gnu)后传二进制,
服务器上不装 Rust/Node(会 OOM)。一键脚本与「部署注意事项」见 AGENTS.md「部署与维护」。
服务架构
┌─────────────────────────────────────────────────────────────┐
│ API服务 (api-server / pms-api) — 主服务 │
│ - HTTP API(后台管理 + 小程序)端口: 正式 9000 / 测试 3000 │
│ - 业务逻辑处理(验签/存DB/建单结单/告警/能耗) │
│ - 节点管理(设备服务注册/心跳) │
│ - 后台 Worker:上报消费(RPOP 200ms 轮询) / 回执 / 订单超时 / │
│ 日志清理 / 占用对账 │
└─────────────────────────────────────────────────────────────┘
↑ Redis LIST device:reports ↑ Redis LIST device:commands
│ (设备上报,device-server LPUSH) │ (平台指令,api-server LPUSH)
│ │ device-server 按 HGET device:{imei} node_id
│ │ 路由到 device:commands:{node_id}
┌─────────────────────────────────────────────────────────────┐
│ 设备服务 (device-server / pms-device-server) — 轻量化 │
│ - TCP监听: 正式 9001 / 测试 3001(设备长连接) │
│ - 只处理通信和指令解析(归属/签名/业务全在 api-server) │
│ - 不存DB、不验证签名、不处理业务 │
│ - 节点注册/心跳:Redis `node:{node_id}`(含 ip/tcp_port/ │
│ status/last_heartbeat),TTL = DEVICE_REGISTER_TTL │
│ - 设备路由:`device:{imei}` 的 `node_id` 字段 │
└─────────────────────────────────────────────────────────────┘
核心设计原则:
- TCP服务轻量化 — 只处理TCP通信和指令解析,不处理业务逻辑
- Redis做缓冲 — 服务间通信用Redis LIST,不用HTTP直接调用
- 全异步处理 — 所有指令异步处理,msg_id匹配响应
- 协程处理任务 — API服务用tokio::spawn处理Redis队列消息
通信流程:
- 设备上报:设备 → TCP → 设备服务(
LPUSH device:reports,带LTRIM上限)→ API服务 worker 消费 - 平台指令:API服务(
LPUSH device:commands)→ 设备服务按node_id路由 → TCP → 设备 - 指令响应:设备 → TCP → 设备服务 → Redis LIST → API服务按
msg_id+act匹配回执 - 死信:投递失败的指令进
device:commands:dead
⚠️ 队列消费一律用
RPOP非阻塞轮询(200ms)+ 空队列sleep,禁止BRPOP—— Redis 走 nginx stream 代理 + 多路复用连接时BRPOP语义不可靠(BRPOP 0会永久卡死且无日志); 该 stream 转发已于 2026-09-20 移除(服务侧现直连阿里云 Redis,开发机走tools/dev-tunnel.ps1隧道), 但轮询约定不变。 依据:workers/report_worker.rs的REDIS_POLL_INTERVAL_MS注释。
节点管理:
- 设备服务启动时注册到 Redis
node:{node_id}(并调用 API 的注册接口) - 每 60 秒心跳(
HEARTBEAT_INTERVAL=60),180 秒无心跳视为离线(DEVICE_REGISTER_TTL=180, 线上.env显式设置;代码默认值是 300,仅在没有该环境变量时生效) - 支持多节点扩展(当前单节点
node-1)
TCP 设备通讯协议
TCP 设备通讯协议见 docs/protocol/柜控板固件对接文档.md(唯一权威,v1.1)。本文不再重复。 全局整数单位(voltage mV、current mA、temp K×100、soc ‰)见 docs/tech/API.md。 平台侧 Redis 实时状态的实际存储结构(key/字段/写入时机)见 AGENTS.md。
开发任务与质量约束
- 任务需求写到
tasks/目录的md文件(编号递增) - 通过 Agent 子代理包裹 opencode 执行,异步通知
- 质量约束模板固定追加到每个任务文件(模板见 AGENTS.md)
- 完成代码后执行对应栈静态校验:Rust →
cargo check,TS →npm run typecheck(即tsc -b),零报错零警告- ⛔ 不要写
tsc --noEmit:software/web/tsconfig.json是 solution 型(files: []+references), 不带-b时它一个文件都不编译、直接 exit 0,是假绿。实测依据见 AGENTS.md 「踩过的坑」第 2 条
- ⛔ 不要写
验收与自检
# 后端:静态校验 + 单测
cd software/api-server && cargo check --all-targets && cargo test --bin pms-api
cd software/device-server && cargo check --all-targets && cargo test --bin pms-device-server
# 前端:真实类型检查
cd software/web && npm run typecheck
# 结构漂移巡检(改了表结构/迁移必跑)
python tools/db_schema_diff.py
python tools/db_schema_diff.py --vs-ddl
# 端到端
python test/tcp_e2e_smoke.py
python test/schema_alignment_e2e.py --env dev --jwt-secret <JWT_SECRET>
# 两端一致性(PC ↔ 小程序)
node test/device_status_parse.test.mjs
node test/rssi_signal.test.mjs
完整验收流程(含自证能失败的要求)见 AGENTS.md。