v54：首页任务标题截断（真根因=两列网格被撑破）/ 名册分组→标签且候选读词表 / 旅程地图视图 / 旅程设置按钮 / 显示方式默认列表或地图
用户 2026-10-16 傍晚五条。 ① 首页「近期任务」标题太长会挤成两行 用户原话：「首页**近期任务**那个地方要注意截断：如果任务标题太长， 会把这个任务**挤成两行**。」 🔴🔴 **真根因是两层，第一版只修了表面**： · 表面：`.dash-what` 只有 `flex:1 1 auto; min-width:0`，**缺** nowrap/hidden/ellipsis ⇒ 收缩后文字在框内换行； · 真身：`.home-duo` 是**两列 grid**，grid 子项默认 `min-width: auto` （"我最小也得装下我的内容"）⇒ 一条长标题把那一列顶到 **1763px** （父 `home-duo` 才 1032px）⇒ **整个两列布局被撑破**、页面横向溢出到 **2089px** （视口 1440）。⇒ 行宽 1721px、`scrollWidth === clientWidth`， **`text-overflow: ellipsis` 看起来"没生效"** —— 其实容器自己先爆了。 修法：`.home-duo > * { min-width: 0; }`，且 **整条 flex 链**都补 （`.hd-pane` → `.hd-pane-head` → `.hd-pane-body` → `.dash-list/.tk-list` → `.tk-row`） —— 链上任何一层漏了，收缩就断在那一层、下面的 nowrap 全白写。 配套：任务标题加 `title=` 悬停看全。 ⚠️ 这是本项目**第二次**踩 flex/grid 的 `min-width:auto`（v53 的 `.mv-grid` 是同类）。 **以后"文字截断不生效"先量容器有没有被撑破**。 ② 名册「分组」→「标签」；打标签的候选要**从设置里读** 用户原话：「现在名册里面给人打标签的时候，**这个标签数据是从哪读出来的**呀？ 在这个名册的设置页面，有很多分组，现在还叫分组。但是打标签的时候， **却不是从这些分组里读出来的**。……应该叫「名册标签」，是不是？ **应该从这里面把所有标签都读出来**吧？……以后就没有分组的概念了， **全部都是标签的概念**。」 🔴 **用户观察得完全正确，这是两套数据源**： · 设置页显示的词表来自 `person_groups`（**分组表**）； · 打标签的候选来自 `PersonTag::cloud()`（**你已经打过的词**，现算的）； ⇒ 两边根本不是一个数据源 ⇒ "设置里列着一堆、打标签时却只有几个"。 修法：**`PersonTag::choices()` = 设置页词表 ∪ 我用过的词**（并集，词表在前）。 · 词表里的词**还没用过**也能一点就打上（这正是词表的意义）； · 用过的词补在后面（历史不丢）； · 名册列表 / 新增 / 编辑 / 挑人 / 导入 **五处同一个函数**。 界面口径全面改"标签"（**表名仍是 `person_groups`**：改名要背着 `PersonGroup` 类、 `person_roster.group_id`、以及**另一个会话正在写的 `app/ApiHandler.php`** （它引用了 `PersonGroup::orderFor`）一起动，风险远大于收益）： · `_person_groups.php` 标题「名册标签」、按钮「加一个我自己的标签」； · 删除文案改成"只是从候选里去掉这个词，已打在别人身上的不受影响" （**语义真的变了**：标签是各自身上的字符串，不是引用）； · `people/_settings_menu.php`、`people/settings.php`、`settings/me.php`、 `settings.php`（「公共分组」→「公共标签」）全部同步。 顺带按"全部都是标签"改另两条入口： · `people/pick.php`「加进哪一组」下拉 → **打标签**； · `people/import.php` 同上；`ContactImporter::run()` 加 `$tags` 参数。 🔴 新增 `PersonTag::addOne()`（**追加**一个标签）—— 这两处**绝不能用 `setFor()`** （它是"先 DELETE 再 INSERT"的整组替换）⇒ 会把人**原有**的标签清光 （症状是"用一次导入，别人原有的标签全没了"，极难联想）。 ⚠️ `group_id` 在 pick/import 的**服务端仍收着**（老书签/脚本兼容），只是界面不再展示。 ③ 旅程模块加**地图视图**（读 TripLog 移植） 用户原话：「你去读一下 TripLog 的代码，在旅程这个模块，**可以在地图上显示旅程数据**。 1. 先读一下它之前那个代码是怎么实现的，**在我们的旅程模块也实现一下**。」 读 TripLog（`templates/activities/index.php`）得到的要点： · 用**高德 AMap**（合规白名单内，绝不是境外瓦片）； · `position` 必须是 **[lng,lat] 数组**（传 `{lng,lat}` 裸对象会让 AMap 抛错、 整个绘制循环当场中断 —— 它注释里写着"批 11 的光秃秃地图就是它"）； · `setFitView()` 后**上限 11 级**（只有一趟时会被放大到街道级，那是导航视角）； · `.amap-marker` 整层 `pointer-events:none`（否则包装层挡住别家卡片的点击）； · **容器必须有固定高度**（0 高度 → 空白地图）。 它那套"同城环形扇开"是**几百行几何**，本仓数据量没压出这个问题 ⇒ **有意不做**。 本仓数据更规整：`trip_nodes` 早有 `from_lng/from_lat/to_lng/to_lat`（v17 批） + `from_city/to_city` ⇒ 新增 `Trip::attachSpots()`： ① 有坐标取**重心**（不是端点 —— 端点会让"青岛→伊春"偏到某一头）； ② 没坐标退到**城市重心**（`Geo::lookup` 离线城市表，**不发网络请求**： 列表页几十趟若逐条打高德逆地理，一次开页就是几十个外部请求）； ③ 都没有就不上图（列表里照常有，模板会说清"有几趟没上图"）。 🔴 城市那里**必须也取重心**：`cities()` 的顺序是**按时间**（出发地在最前）， 取"第一个城市"会让**所有旅程都叠在家上**、地图毫无信息量。 布局：两个视图用**标签页**（`?view=map` 是**链接**不是纯 JS 按钮 —— 书签/前进后退/无 JS 都正确；也**有意不**把地图藏在 `display:none` 里， 高德在 0 尺寸容器里会渲染空白）。 高德 SDK 加载器重构：原来 `fbLoadAddr()` 顺带拉 `addr_suggest.js`， 而地图只用 SDK 自带的 `AMap.Map/Marker` ⇒ 抽出 `window.fbAmapSdk()`（只拉 SDK）、 新增 `fb-amap` meta（不带 plugin），`fb-addr` 那份共用同一加载器。 ④ 旅程列表页「新建旅程」**后面**加「设置」按钮 用户原话：「2. 在旅程的「新建旅程」后面也加一个「设置」按钮。」 ⇒ 补 `_settings_menu.php`（设置恒排最右），菜单**第一条**加「显示方式」。 ⑤ 显示方式：默认列表还是地图（用户自配） 用户原话：「3. 里面的设置让用户自己配置：**到底默认显示旅程列表，还是用地图显示**。」 ⇒ 新增 `trips/display`（设置页 + `?set=` 快速设置）与 `trips/display_save`， 存 **`user_settings.trip_default_view`**（每人一份，**不是**全家设置）。 ⚠️ 访客也能改（只影响自己看到的默认，不是数据变更）。 验证（新增 2 套件 + 更新 e2e/deploy 断言）： · _fb_v54_ui.py（**33 条**真机断言） · _b54_falsify.py（**11 注入 / 11 全抓**，基线 33/0） · e2e **1518/0**；familybook_deploy.sh 加「第54批形态」段（**24 条**） · 部署 **0 FAIL**；线上 **20 个文件 md5 逐字节一致**； 线上实测：词表 24 条、`choices()` 24 条、**`cloud` 15 条全部 ⊆ `choices`**、 4 趟旅程全部可上图（样例落在济南·青岛重心）；诊断页已删复验 404 ⚠️ 本轮踩坑（已写进 pitfalls.md）： · 🔴🔴 **"文字截断不生效"要先量容器有没有被撑破**（第一嫌疑是 flex/grid 子项 `min-width:auto`，不是 `text-overflow` 写错）； · **反向断言（"不该再出现 X"）必须用 `_code_has`（剥注释）** —— 需求原话正当留在注释里，裸 `grep -F` 会命中自己的说明（本轮部署假红一次）； · **冗余防线会让反向验证打不红**（两处 `min-width:0` 只去掉一条 ⇒ 探针照旧全绿， 注入必须一起去掉）； · **界面多加一个字符就可能打歪既有断言**（我在词表管理页给标签名加了 `#`， 把 e2e 的 `my_group_order()` 读成 `#家人`）。
This commit is contained in:
@@ -0,0 +1,73 @@
|
||||
<?php
|
||||
/**
|
||||
* 旅程**地图视图**的主体（v54 用户 2026-10-16 第 3 条）。
|
||||
*
|
||||
* 用户原话：「你去读一下 TripLog 的代码，在旅程这个模块，**可以在地图上显示旅程数据**。
|
||||
* 1. 先读一下它之前那个代码是怎么实现的，**在我们的旅程模块也实现一下**。」
|
||||
*
|
||||
* ── TripLog 那套是怎么做的（读了它的 `templates/activities/index.php`）──
|
||||
* · 用**高德 JS API**（`AMap.Map` + `AMap.Marker`）；
|
||||
* · 每个活动一枚标记；标记的 `content` 是自绘的"小卡片"（封面图 + 标题 + 地点），
|
||||
* 同城/邻近的卡片会**环形扇开**+画引线，避免叠在一起；
|
||||
* · `map.setFitView()` 自动框住所有点，但**上限 11 级**（不然只有一趟时会被
|
||||
* 一路放大到街道级，那是导航视角不是"足迹"视角）。
|
||||
*
|
||||
* ── 本仓怎么落地（同一套思路，但数据源更规整）──
|
||||
* · 坐标来源：`Trip::attachSpots()` —— 旅程下所有节点的 from/to 坐标**取重心**；
|
||||
* 没有坐标就退到城市（内置离线城市表，**不发网络请求**，见那里的说明）。
|
||||
* · 每趟旅程一枚标记，点它进 `trips/show`。
|
||||
* · 卡片只放"标题 + 时间 + 城市"，不放封面图 —— 本仓列表已经是图片卡片，
|
||||
* 地图上再来一层图片会喧宾夺主（地图的作用是"看空间分布"）。
|
||||
* · 视野上限同样 11 级、贴合全部标记。
|
||||
*
|
||||
* ⚠️ **合规**：地图用高德（腾讯/高德/百度/天地图是合规白名单内），
|
||||
* 绝不用 Google/OSM 等境外瓦片。key 走本仓既有配置（`App\Geo::jsConfig()`），
|
||||
* 由 `layout.php` 的 `fb-amap` 按需加载 —— 本页不自己拼 SDK 地址。
|
||||
* ⚠️ 容器必须有**固定高度**（这里是 `.trip-map` 的 CSS 高度）：
|
||||
* 高德地图在"高度为 0 的容器"里渲染出来是空白，这是最常见的坑。
|
||||
* ⚠️ 没有坐标的旅程**不画**（数据里说了 `trip_spot=false`）；
|
||||
* 若**一个点都没有**，不渲染地图容器，直接给一句说明（免得用户对着白框发呆）。
|
||||
*
|
||||
* 变量：$rows（Trip::all + attachDerived + attachSpots 之后）、$total
|
||||
*/
|
||||
$mapPoints = [];
|
||||
foreach ((array)($rows ?? []) as $row) {
|
||||
if (empty($row['trip_spot'])) {
|
||||
continue;
|
||||
}
|
||||
$mapPoints[] = [
|
||||
'id' => (int)$row['id'],
|
||||
'title' => (string)$row['title'],
|
||||
'lng' => (float)$row['trip_lng'],
|
||||
'lat' => (float)$row['trip_lat'],
|
||||
'when' => \App\Trip::activitySpan($row['starts_at'] ?? null, $row['ends_at'] ?? null),
|
||||
'city' => (string)($row['city'] ?? ''),
|
||||
'url' => url('trips/show', ['id' => (int)$row['id']]),
|
||||
];
|
||||
}
|
||||
?>
|
||||
<?php if (!$mapPoints): ?>
|
||||
<?php /* 一个坐标都没有 —— 如实说清楚"为什么没有"，而不是给个空地图。
|
||||
常见原因：行程里没填出发/到达地，或填了但（当时没配高德）没解析出坐标。 */ ?>
|
||||
<div class="card card-pad empty" id="tripMapEmpty">
|
||||
<b>还没有能在地图上显示的旅程</b>
|
||||
地图要靠行程里的**出发地 / 到达地**（有坐标或能认出城市）。
|
||||
去某趟旅程里加一段行程、把出发到达填上，它就会出现在这里。
|
||||
</div>
|
||||
<?php else: ?>
|
||||
<?php /* 🔴 高度写在内联 style 上不够稳（有的主题会覆盖），
|
||||
所以主要靠 `.trip-map` 的 CSS；这里只在**无 JS** 时兜一个提示。 */ ?>
|
||||
<div class="trip-map-wrap">
|
||||
<div class="trip-map" id="tripMapCanvas"
|
||||
data-points="<?= e(json_encode($mapPoints, JSON_UNESCAPED_UNICODE | JSON_HEX_APOS | JSON_HEX_QUOT)) ?>">
|
||||
<noscript><p class="trip-map-fallback">地图需要 JavaScript；用左侧的「列表」看旅程。</p></noscript>
|
||||
</div>
|
||||
<?php if (count($mapPoints) < (int)($total ?? 0)): ?>
|
||||
<?php /* 有旅程不在图上 —— 说清楚，免得用户以为"少了几趟"。 */ ?>
|
||||
<p class="small muted trip-map-hint">
|
||||
有 <?= (int)($total ?? 0) - count($mapPoints) ?> 趟旅程没有可用位置（行程里没填出发/到达，或认不出城市），
|
||||
没有画在地图上 —— 它们在「列表」里照常显示。
|
||||
</p>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
@@ -1,8 +1,11 @@
|
||||
<?php
|
||||
/**
|
||||
* 旅程模块的「设置」下拉（v24 第 16 批 用户第 8 条）。
|
||||
* 旅程模块的「设置」下拉（v24 第 16 批 用户第 8 条；v54 用户第 4 条加一项）。
|
||||
*
|
||||
* 用户原话：「右上角的按钮，需要增加一个设置按钮，用来设置车辆管理、出行方式、节点类型。」
|
||||
* 用户原话（v24）：「右上角的按钮，需要增加一个设置按钮，用来设置车辆管理、出行方式、节点类型。」
|
||||
*
|
||||
* 用户原话（v54）：「2. 在旅程的「新建旅程」**后面也加一个「设置」按钮**。
|
||||
* 3. 里面的设置让用户自己配置：**到底默认显示旅程列表，还是用地图显示**。」
|
||||
*
|
||||
* 与其它模块同一套规矩（用户 2026-10-01 定的四条）：
|
||||
* ① 按钮**没有文字**、只有图标，图标是**三条横线**；
|
||||
@@ -11,7 +14,7 @@
|
||||
* ④ 除设置外其它按钮都有颜色。
|
||||
*
|
||||
* 用法（require 前 set 好）：
|
||||
* $trSetCurrent 当前页 key（'vehicles'|'modes'|'types'|''）
|
||||
* $trSetCurrent 当前页 key（'vehicles'|'modes'|'types'|'display'|''）
|
||||
*/
|
||||
$trSetCurrent = (string)($trSetCurrent ?? '');
|
||||
$trSetOn = static function (string $key) use ($trSetCurrent): string {
|
||||
@@ -30,6 +33,9 @@ $trSetIcon = static function (string $name): string {
|
||||
. '<rect x="9" y="2" width="5" height="5" rx="1"/>'
|
||||
. '<rect x="2" y="9" width="5" height="5" rx="1"/>'
|
||||
. '<rect x="9" y="9" width="5" height="5" rx="1"/>',
|
||||
// 🔴 v54：显示方式 —— 列表 + 地图图钉两个小图形
|
||||
'display' => '<path d="M2.5 4h11M2.5 8h11M2.5 12h6"/>'
|
||||
. '<path d="M12.6 10.2a2.1 2.1 0 1 0-4.2 0c0 1.5 2.1 3.4 2.1 3.4s2.1-1.9 2.1-3.4z"/>',
|
||||
];
|
||||
$d = $paths[$name] ?? '';
|
||||
if ($d === '') {
|
||||
@@ -43,6 +49,10 @@ $trSetIcon = static function (string $name): string {
|
||||
<details class="movie-set menu">
|
||||
<summary class="btn btn-icon" title="旅程设置" aria-label="旅程设置"><svg viewBox="0 0 16 16" width="18" height="18" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.9" stroke-linecap="round"><path d="M2.5 4.5h11M2.5 8h11M2.5 11.5h11"/></svg></summary>
|
||||
<div class="menu-list">
|
||||
<?php /* 🔴 v54（第 4/5 条）：显示方式**排在第一条** ——
|
||||
它是这一页自己最常用的设置（"我进来先看列表还是先看地图"），
|
||||
下面三条（车/方式/类型）是"配一次就不动"的。 */ ?>
|
||||
<a href="<?= e(url('trips/display')) ?>"<?= $trSetOn('display') ?>><?= $trSetIcon('display') ?><span>显示方式</span></a>
|
||||
<a href="<?= e(url('trips/vehicles')) ?>"<?= $trSetOn('vehicles') ?>><?= $trSetIcon('car') ?><span>车辆管理</span></a>
|
||||
<a href="<?= e(url('trips/modes')) ?>"<?= $trSetOn('modes') ?>><?= $trSetIcon('modes') ?><span>出行方式</span></a>
|
||||
<a href="<?= e(url('trips/types')) ?>"<?= $trSetOn('types') ?>><?= $trSetIcon('types') ?><span>节点类型</span></a>
|
||||
|
||||
@@ -0,0 +1,72 @@
|
||||
<?php
|
||||
/**
|
||||
* 旅程「显示方式」设置（v54 用户 2026-10-16 第 5 条）。
|
||||
*
|
||||
* 用户原话：「3. 里面的设置让用户自己配置：**到底默认显示旅程列表，还是用地图显示**。」
|
||||
*
|
||||
* ⇒ 就两项：**列表** / **地图**。选哪个，以后进「旅程」模块就默认先显示哪个。
|
||||
* ⚠️ 这是**我自己的**偏好，存在 `user_settings.trip_default_view`（每人一份）——
|
||||
* 与"看板颜色""天气地点"同一层，改它绝不影响家人。
|
||||
* ⚠️ 名单页上的「列表 / 地图」标签页**任何时候都能手动切换**，
|
||||
* 这个设置只决定"**刚进来时**看哪个"（用户说的"默认"就是这个意思）。
|
||||
*
|
||||
* 变量：$current（'list'|'map'）
|
||||
*/
|
||||
$current = (string)($current ?? 'list');
|
||||
if (!in_array($current, ['list', 'map'], true)) {
|
||||
$current = 'list';
|
||||
}
|
||||
?>
|
||||
<div class="page-head">
|
||||
<h1>显示方式</h1>
|
||||
<span class="sub">打开「旅程」时默认先看哪个</span>
|
||||
<div class="actions">
|
||||
<a class="btn btn-ghost" href="<?= e(url('trips')) ?>">返回旅程</a>
|
||||
<?php $trSetCurrent = 'display'; require __DIR__ . '/_settings_menu.php'; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card card-pad">
|
||||
<h2 class="cinema-h2">
|
||||
默认视图
|
||||
<span class="hint">只影响你自己</span>
|
||||
</h2>
|
||||
<p class="small muted" style="margin:0 0 16px">
|
||||
进「旅程」时先显示<b>列表</b>还是<b>地图</b>。这只是"默认看哪个"——
|
||||
进去之后随时能用页面上的「列表 / 地图」切换，不受这里限制。
|
||||
</p>
|
||||
|
||||
<form method="post" action="<?= e(url('trips/display_save')) ?>">
|
||||
<?= csrf_field() ?>
|
||||
<div class="view-choice">
|
||||
<?php
|
||||
/* 两个单选项做成"卡片样"：图标 + 名称 + 一句说明。
|
||||
⚠️ 用原生 radio（不是 JS 假按钮）—— 无 JS 也能提交，与全站口径一致。 */
|
||||
$opts = [
|
||||
'list' => ['列表', '一行一趟旅程，带封面与参与人。找某一趟、看详情走这里。'],
|
||||
'map' => ['地图', '把去过的旅程钉在地图上看空间分布。看"都去过哪儿"走这里。'],
|
||||
];
|
||||
foreach ($opts as $k => $o): ?>
|
||||
<label class="view-choice-item<?= $current === $k ? ' is-on' : '' ?>">
|
||||
<input type="radio" name="view" value="<?= e($k) ?>" <?= $current === $k ? 'checked' : '' ?>>
|
||||
<span class="vci-body">
|
||||
<b><?= e($o[0]) ?></b>
|
||||
<span class="small muted"><?= e($o[1]) ?></span>
|
||||
</span>
|
||||
</label>
|
||||
<?php endforeach; ?>
|
||||
</div>
|
||||
<div class="btn-row">
|
||||
<button class="btn" type="submit">保存</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<div class="card card-pad" style="margin-top:16px">
|
||||
<h2 class="cinema-h2">地图上的点是哪来的</h2>
|
||||
<p class="small muted" style="margin-top:0">
|
||||
地图上每趟旅程一枚标记，位置按该旅程**各段行程的出发/到达地点**取一个代表点；
|
||||
没有坐标时退到**城市中心**（用内置的城市表，不联网）。
|
||||
所以想让某趟旅程出现在地图上，得在它里面把行程的<b>出发地 / 到达地</b>填上。
|
||||
</p>
|
||||
</div>
|
||||
@@ -1,6 +1,7 @@
|
||||
<?php
|
||||
/**
|
||||
* 旅程列表（v12 建立；v24 第 16 批 第 9 条把术语**固定下来**）。
|
||||
* 旅程列表（v12 建立；v24 第 16 批 第 9 条把术语**固定下来**；
|
||||
* v54 用户 2026-10-16 第 3/4/5 条加了**地图视图**与显示方式设置）。
|
||||
*
|
||||
* ⚠️ 术语（用户第 9 条原话）：「活动都改名吧，改成旅程，新建旅程，旅程包含行程，
|
||||
* 这个名字就固定下来。」
|
||||
@@ -9,8 +10,36 @@
|
||||
*
|
||||
* 时间与城市都是从各段**行程**派生出来的（第 15 批第 2 条）——
|
||||
* 列表里读的是 Trip::attachDerived() 挂上来的值，不是旅程自己的字段。
|
||||
*
|
||||
* 🔴 v54（用户 2026-10-16 第 3 条）：「你去读一下 TripLog 的代码，在旅程这个模块，
|
||||
* 可以在地图上显示旅程数据。1. 先读一下它之前那个代码是怎么实现的，
|
||||
* 在我们的旅程模块也实现一下。」
|
||||
* ⇒ 这一页现在有**两个视图**：「列表」（原有）与「地图」（新，见 _map_body.php）。
|
||||
* 两者是**同一份 $rows** 的两种看法，用标签页切换、不刷新整页。
|
||||
* ⚠️ 地图坐标由 `Trip::attachSpots()` 挂在 $rows 上（见路由）。
|
||||
* 🔴 v54（第 4/5 条）：「2. 在旅程的「新建旅程」后面也加一个「设置」按钮。
|
||||
* 3. 里面的设置让用户自己配置：到底**默认显示旅程列表，还是用地图显示**。」
|
||||
* ⇒ 右上角加了 `_settings_menu.php`（含新的「显示方式」设置页）；
|
||||
* 默认看哪个由 `$tripDefaultView`（我的 user_settings）决定。
|
||||
*/
|
||||
$canWrite = \App\Auth::canWrite();
|
||||
/* 默认视图：'list' | 'map'（来自 user_settings.trip_default_view，见路由）。
|
||||
⚠️ 给个兜底常量而不是空串 —— 万一调用方没传，页面也要能正常显示列表。 */
|
||||
$tripDefaultView = (string)($tripDefaultView ?? 'list');
|
||||
if (!in_array($tripDefaultView, ['list', 'map'], true)) {
|
||||
$tripDefaultView = 'list';
|
||||
}
|
||||
/* URL 上的 ?view=map 优先于个人默认（"我就想现在看一眼地图"不该被设置卡住）。
|
||||
⚠️ 值不合法时落回默认，避免 ?view=xxx 让页面空白。 */
|
||||
$tripView = (string)($_GET['view'] ?? '');
|
||||
if (!in_array($tripView, ['list', 'map'], true)) {
|
||||
$tripView = $tripDefaultView;
|
||||
}
|
||||
$tripHasSpot = false;
|
||||
foreach ((array)($rows ?? []) as $__r) {
|
||||
if (!empty($__r['trip_spot'])) { $tripHasSpot = true; break; }
|
||||
}
|
||||
unset($__r);
|
||||
?>
|
||||
<div class="page-head">
|
||||
<h1>旅程</h1>
|
||||
@@ -29,14 +58,52 @@ $canWrite = \App\Auth::canWrite();
|
||||
<?php else: ?>
|
||||
<span class="link-quiet">只读账号</span>
|
||||
<?php endif; ?>
|
||||
<?php /* 🔴 v54（第 4 条）：「在旅程的「新建旅程」**后面**也加一个「设置」按钮。」
|
||||
与其它旅程页同一份菜单（`_settings_menu.php`），设置恒排最右。 */ ?>
|
||||
<?php $trSetCurrent = ''; require __DIR__ . '/_settings_menu.php'; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<?php /* ---- 列表主体：包一层 id，供"新建成功后**动态刷新**"换掉（用户第 2 条）---- */ ?>
|
||||
<div id="tripListHost">
|
||||
<?php $tripListBody = true; require __DIR__ . '/_list_body.php'; ?>
|
||||
<?php /* ---- 视图切换（列表 / 地图）----
|
||||
⚠️ 用**链接**而不是纯 JS 按钮：`?view=map` 能被书签、前进后退、无 JS 环境正确处理；
|
||||
点链接会整页重载一次（比"两个 DOM 都渲染、JS 藏一个"更省内存，
|
||||
地图那种案例尤其不该把它藏在 display:none 里 —— 高德在 0 尺寸容器里会渲染空白）。
|
||||
⚠️ 只在**真有可显示的点**时才给「地图」这颗；否则点进去是一片空地图，
|
||||
不如老实告诉用户"还没有能上图的位置"（他自己去填出发到达）。 */ ?>
|
||||
<div class="trip-views" role="tablist">
|
||||
<a class="tv-btn<?= $tripView === 'list' ? ' is-on' : '' ?>" role="tab"
|
||||
aria-selected="<?= $tripView === 'list' ? 'true' : 'false' ?>"
|
||||
href="<?= e(url('trips', ['view' => 'list'] + ($keyword !== '' ? ['keyword' => $keyword] : []))) ?>">
|
||||
<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round"><path d="M2.5 4h11M2.5 8h11M2.5 12h11"/></svg>
|
||||
列表
|
||||
</a>
|
||||
<a class="tv-btn<?= $tripView === 'map' ? ' is-on' : '' ?>" role="tab"
|
||||
aria-selected="<?= $tripView === 'map' ? 'true' : 'false' ?>"
|
||||
href="<?= e(url('trips', ['view' => 'map'] + ($keyword !== '' ? ['keyword' => $keyword] : []))) ?>">
|
||||
<svg viewBox="0 0 16 16" width="14" height="14" aria-hidden="true" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"><path d="M2.5 3.5l3.5-1.2 4 1.4 3.5-1.2v10.5l-3.5 1.2-4-1.4-3.5 1.2z"/><path d="M6 2.3v10.4M10 3.7v10.4"/></svg>
|
||||
地图
|
||||
<?php if (!$tripHasSpot): ?><span class="tv-dim" title="还没有能上图的位置">（0）</span><?php endif; ?>
|
||||
</a>
|
||||
<?php /* "把当前这个设成默认" —— 放在标签页同一行右侧。
|
||||
⚠️ 只在**当前视图不是默认**时才给，否则会出现两颗功能重复的入口。 */ ?>
|
||||
<?php if ($tripView !== $tripDefaultView): ?>
|
||||
<a class="tv-default" href="<?= e(url('trips/display', ['set' => $tripView])) ?>"
|
||||
title="以后打开旅程模块默认看这个">把「<?= $tripView === 'map' ? '地图' : '列表' ?>」设为默认</a>
|
||||
<?php else: ?>
|
||||
<span class="tv-default">默认看：<?= $tripView === 'map' ? '地图' : '列表' ?></span>
|
||||
<?php endif; ?>
|
||||
</div>
|
||||
|
||||
<?php if ($tripView === 'map'): ?>
|
||||
<?php /* ---- 地图视图 ---- */ ?>
|
||||
<?php require __DIR__ . '/_map_body.php'; ?>
|
||||
<?php else: ?>
|
||||
<?php /* ---- 列表视图：包一层 id，供"新建成功后**动态刷新**"换掉（用户第 2 条）---- */ ?>
|
||||
<div id="tripListHost">
|
||||
<?php $tripListBody = true; require __DIR__ . '/_list_body.php'; ?>
|
||||
</div>
|
||||
<?php endif; ?>
|
||||
|
||||
<?php if ($canWrite): ?>
|
||||
<?php /* ---- 新建旅程弹框（内嵌同一份 form.php；初始关闭）---- */ ?>
|
||||
<?php
|
||||
|
||||
Reference in New Issue
Block a user