laoyang/TripLog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
29 Commits 1 Branch 0 Tags
cd37f89807115c3bd1028998e0ae9d058621406d
Commit Graph
7 Commits
Author SHA1 Message Date
laoyang 5645a8db5c 首页地图引线加箭头指向真实位置（批 23） 
① 被扇开的卡片，引线改成「从卡片指向真实坐标」：箭头画在真实位置那一端
  （marker-end + SVG marker），终点退开 DOT_R+2 px 免得盖住圆点。活动多了
  也能一眼看出这张卡片归哪个点 —— 这是用户「活动特别多会不会乱」的核心诉求。

② 箭头 marker 的 id 逐枚唯一（home-arrow-<下标>）：每枚标记的 content 各自
  带一份 <defs>，同页 id 重名会指向先出现的那份，属隐患。

验证：本地全链新增 10c2「首页地图密集活动排布」步骤 —— 密集夹具
（8 个活动：东北簇 3 + 长三角簇 3 + 孤立三亚/成都）断言卡片两两不叠、
都在地图容器内、扇开的都有箭头且箭头落点离自己真实坐标 <= 8px、marker id
不重名、孤立的两枚原地不动、密集下仍可点进活动；_map16 亦加两条箭头断言。
部署哨兵新增批 23 段 4 条（数代码形式字面量，防注释打挂）。
 2026-09-26 20:41:28 +08:00
laoyang c72f9d0b14 首页地图图标改「左图右文」方形卡片 + 同城拥挤扇形拉出排布（批 22） 
① 首页地图圆形图标改成方形小卡片：左侧封面图（无封面放 📍），
  右侧活动名（10 字截断）+ 地点/参与人摘要（超出 5 位显示「等 N 人」）。

② 同城/邻近（屏幕中心距 <110px）的活动归为一簇，按环形扇开拉到
  外围规则排开，SVG 引线连回真实位置；单独的活动原地不动不画线。
  判碰用椭圆（横半轴卡宽/纵半轴卡高），并查集聚类，半径 70→300 逐轮
  放大；缩放/换视野/改窗口后重排。卡片仍锚定真实坐标，点击进活动。

③ 修复扇开越界：原先固定从正上方开始扇，城市贴近地图上缘时卡片被
  甩到容器外（y=-29）、被上方标签栏挡住点不到。改为起始角优先朝向
  地图中心、每 22.5° 环绕尝试，且候选点必须落在地图容器边界内；
  全部放不下时钳回边界内兜底。

验证：本地全链（含 _map16 真浏览器：3 卡片、扇形拉出、引线、椭圆
判碰、容器边界不越界、5 档视口、点击进详情）全绿。
 2026-09-24 23:19:02 +08:00
laoyang 331fadfb48 地图与正文同宽 / 详情页封面改列表行样式 / 封面拖拽上传（批 21） 
① 带地图的页面（首页旅行地图、详情页行程地图）原本铺满整个视口
  （批 18 的负 margin 出血），用户反馈「上面正文固定宽、下面地图铺满屏」
  看着奇怪 → 改回与正文版心同宽，bleed() 已删、CSS 去边框覆盖已删。

② 活动详情页顶部整幅 16:9 大封面太大 → 改用活动列表同款「封面行」
  （.act-row-static：小封面 + 参与人 + 统计），数据复用 collectStats
  同一聚合口径；.activity-cover 样式删除。

③ 创建/编辑活动封面支持直接把图片拖进上传区：drop→DataTransfer 塞给
  原有 file input 并触发 change，类型/大小校验与裁剪流程原样复用；
  拖入悬停给高亮反馈。

验证：本地全链（含 _map12/_map16 同宽与封面行断言、5 档视口）全绿；
部署哨兵同步改向（批 17/18 锚定旧实现的断言全部反向或改口径）。
 2026-09-24 22:13:29 +08:00
laoyang 28fb9f6112 地图铺满整个视口宽度（批 18） 
反馈：界面宽度是固定的（正文版心 1080px 居中），地图也被框在这一条里。
按用户选择：**只让地图突破版心、占满整屏**，列表与文字仍保持版心（宽屏下好读）。

- 首页「旅行地图」与详情页「行程路线」都铺满整个视口宽度，
  高度改成 `clamp(460px, calc(100vh - 190px), 1000px)` —— 屏幕越大容器越大，
  地图显示的地理范围也越大（AMap 填满容器 + fitView 按当前视野重算），
  等于跟着分辨率自动缩放。
- 改窗口大小 / 旋转屏幕时：重算出量 → `map.resize()` → 重新适配视野并重排标记
  （200ms 防抖）。

🔴 出血量为什么由 JS 给（模板里的 `bleed()`）：
版心留白是 `max(gutter, (100% - 1080px)/2)`，**自定义属性里的 100% 是在「使用它的
那个元素」上解析的** —— 把它取负直接写在地图元素（它在版心内部，宽 1080）上，
算出来只有 -gutter，实测地图只铺到 1128/1440。
所以改成读 container 实际渲染出来的 `padding-left` 再取负。
也不写 `width: 100vw`：它含滚动条宽度，会让整页横向溢出。

验证：两条几何断言钉住「铺满」+「不溢出」（详情页 18 项 / 首页 29 项），
首页还逐档改视口（390 / 768 / 1280 / 1920 / 2560）各量一次 —— 是真的改视口，
不是只看默认尺寸。另重抓了一次线上快照，用工作树 CSS 跑布局几何检查 385 项。
本地全链 13 步全绿（渲染检查 372 项）；远端 e2e 365 项 0 失败；
部署静态断言 213 条 0 FAIL、双 PHP 渲染逐字节一致、内容断言全过。
 2026-09-24 18:59:03 +08:00
laoyang 388d5dc212 首页改成「旅行地图 / 活动列表」两个标签页（批 16） 
原来首页是一屏卡片网格，一次旅行一张卡，看不出「去过哪儿」。改成：

- **默认「🗺️ 旅行地图」**：一张大地图（`clamp(520px, 78vh, 920px)`），
  **一次旅行一枚图标**（有封面放封面、没有放 📍，下面挂一行活动名），
  点图标直接进那次旅行的详情页。位置 = 那次旅行所有坐标点的**重心**
  （执行节点优先、计划节点兜底，取消的不算）。
- **另一个标签「📋 活动列表」**：每行一条 —— 左边封面，右边
  标题 + 简述 + **主要参与人**（头像/名字，超过 5 位显示「等 N 人」）+
  去了几个地方（地名去重）+ 经历了几天（自然日）+ 几个节点。
- 只有一次旅行（或几次都在同城）时 `setFitView` 会一路放大到街道级 ——
  那是导航视角不是"旅行足迹"视角，用 `MAX_ZOOM = 11` 压住。
- 一次旅行都没落坐标的家庭：不出标签条，退化成原来的单页列表。
- 图标下面挂了活动名，整块是 56×64 **矩形**，判重叠就按矩形；
  详情页那种纯圆标才按中心距 —— 形状不同判定不同，混用会误判。

数据由 `ActivityController::collectStats()` 用几条 IN 查询**一次聚合**
（不做逐活动的 N+1）：节点明细 / 参与人（按参与节点数降序）/ 时间跨度 / 地点去重。

验证：新增真浏览器用例 `_page16.php` + `_map16.js`（首页 **20 项**），
夹具覆盖「两个重心只差几公里的同城旅行」（防重合回归）+「完全没坐标的活动」
（不上图但列表里要有）。首轮抓到两件事：① 断言拿了被截断的标题做匹配；
② 夹具里只有两个点，`fitView` 把它们拉得很开、根本测不到重合
→ 补一个远在三亚的活动把视野拉回"看全国"。
e2e 新增 6b 节（**注意必须放在「删除活动」之前**，否则活动连带节点、
参与人一起被删，首页变空态、断言全程空转 —— 首轮就是这样红的）。
本地全链 13 步全绿（渲染检查 370 项、首页浏览器 20 项）；远端 e2e 365 项
0 失败；部署静态断言 204 条 0 FAIL、双 PHP 渲染逐字节一致、内容断言全过。
 2026-09-24 17:03:55 +08:00
laoyang f9a624ef4b 交通字段简化 + 照片多图/裁剪/双存储后端 + 界面重构 
交通字段
- 飞机只记航班号、火车只记车次，不再收座位号 / 线路 / 承运人 / 登机口
  （多人同乘一趟时座位号本来就无意义）
- trip_nodes 的历史列保留但不再写入也不再渲染，编辑一次即被显式清成 NULL
- 节点表单按出行方式切换号码标签（航班号 / 车次 / 班次 / 线路 / 航次）

照片
- 一个节点可传多张照片，前端支持逐张裁剪（Cropper.js，只把裁过的走 base64）
- MIME 由自建的 src/Mime.php 按内容识别：getimagesize → 魔数嗅探 → 扩展名映射，
  刻意不依赖 fileinfo —— 线上同时装着 PHP 7.4（没装该扩展）与 8.1
- 单张体积上限、可传张数在设置页可调

双存储后端
- 本站 uploads/ 或阿里云 OSS，在「存储设置」页配 endpoint / 桶名 / 前缀 / 内网开关；
  OSS 配置不完整时静默回退本地，避免管理员填错就把上传整个弄挂
- OSS 鉴权支持 ECS 实例 RAM 角色换 STS 临时凭证（临时凭证缓存在 /tmp，不落 Web 目录），
  也支持直接填 AccessKey
- OSS V1 签名手写实现，不引 SDK（本项目无 composer / 无 autoload）

媒体代理
- 照片与活动封面一律经 media/show、media/cover 代理输出，先校验家庭归属再吐字节
- 页面里不出现 OSS 域名，也不出现本地真实路径；桶保持私有
- 响应带 nosniff，并关闭 display_errors，免得 PHP 报错混进图片正文把图弄坏

数据库
- 新增迁移机制（src/Migrate.php + tools/migrate.php，仅 CLI 可跑）
- 建 app_settings 表；attachments 增加 storage / object_key / mime_type / size_bytes /
  width / height / is_image 与 idx_storage
- MySQL 8 不支持「加列时带 IF NOT EXISTS」，迁移一律先查 information_schema

界面
- 顶栏只留品牌与「新建活动」，其余入口收进右上角下拉菜单（details/summary，零 JS 可开合）
- 新增「存储设置」页：当前生效存储、数据库结构版本、是否 ECS 运行环境三张状态卡，
  外加测试连接与角色探测
- 样式表整体重写

验证
- 模板渲染检查 234 项、SQL 列名静态检查、模板到 CSS 的类覆盖检查、内联 JS 语法检查全通过
- 已部署到 trip.yangyq.net 并完成线上验证：双 PHP（8.1 / 7.4）14 条路由渲染字节数完全一致、
  26 项内容断言全部通过、照片代理取件与磁盘原件逐字节一致（69/69 字节）
 2026-09-22 23:09:37 +08:00
laoyang a79956758b 补齐未接入代码的功能域：参与人 / 评论 / 花销与分摊 
数据库里早就建好了 comments、node_members + role_tags、expenses +
expense_splits 三组表，但一直没有代码接入。本次把这三块连上业务，
并新增「节点详情页」作为聚合入口。

新增
- src/Access.php          统一归属校验。此前每个控制器各写各的 family_id
                          条件，容易漏；现在 activity()/node()/target() 一处收敛，
                          requireAdmin() 统一管理员判断。
- src/Comments.php        两级平铺：parent_id 只允许指向顶层，写「回复的回复」
                          时规范化回顶层；删顶层会连同回复一起删。
- src/Members.php         参与人 + 角色标签 + 情绪 + 签到。情绪目录 17 项，
                          全部选用 Emoji 11.0（2018）及以前的码位，避免旧系统
                          字体缺字形显示成空白方块。
- src/Expenses.php        花销与分摊。分摊按「分」为单位 intdiv 平均，
                          余数归最后一人，保证 SUM(share_amount) = total_amount。
- templates/nodes/show.php 节点详情页：基本信息 + 参与人 + 花销 + 讨论 + 附件入口。
- 角色标签管理、评论区、参与人区、花销区各自的模板与控制器。

修复
- 越权：往别人活动的节点上插节点、把别家用户加成参与人，都只校验了
  「节点存在」，没校验「用户与节点同家庭」。现统一走 Access。
- 删活动时节点附件文件删不掉：附件在 /uploads/attachments/ 下，却调了
  只认 /uploads/covers/ 的删除函数，判定不通过 → 文件永久残留。改为
  统一的 deleteUploadFile()，两个目录都认。
- 删有引用记录的用户会 500（activities.created_by / attachments.uploader_id /
  comments.author_id / expenses.payer_user_id 这几处没有级联，也没做前置检查）。

其他
- 活动/节点列表补上附件、评论、参与人、花销四个计数（一次 GROUP BY 查完）。
- 首页布局新增一条迁移易踩的规避：新列上的索引必须排在 ALTER TABLE 之后。
- 新增 .gitignore：config.php（含数据库口令）与 uploads/ 下用户上传的
  头像封面不入库，只保留 uploads/.htaccess 那条禁止执行脚本的规则。
- 新增 config.example.php 作为新环境的配置模板。

本批不改数据库结构，不需要任何数据迁移。

本地与线上验证
- php -l 全绿（PHP 8.4 本地 / 线上 7.4.30 与 8.1.7 双版本）。
- 模板渲染检查 180 项全通过。
- 线上端到端 153 项全通过：登录、活动增删改查、节点流转、
  参与人/角色标签/情绪/签到、评论、花销与分摊、权限、级联清理、
  全站页面无 PHP 报错泄漏、跑完基线逐表核对且既有 id 集合逐字未变。
- 顺带写了 trip_sql_column_check.py：拿真实库表结构静态校验全项目 SQL 的
  列名引用。本次就是靠它之外的 e2e 抓到 travel_modes 并没有 line_name
  （该列属于 trip_nodes），一个列名写错导致节点详情页整页 Fatal。
 2026-09-22 22:03:08 +08:00