laoyang
02f5d072a4
用户 2026-10-03 提的四条：
① 家谱卡片重做
· 去掉「⇄ 姻亲」按钮，改成**每个人**卡片右下角都有「以 TA 为中心」
（点了以他重画一张家谱，涵盖原来的姻亲场景）。
· 头像外框改**长方形**（96×72，宽度贴合头像），object-fit: contain 不裁切，
姓名/称呼在头像下方。
· 修「点右下角按钮误进成员页」：卡片不再整张是 <a>，
只有姓名是链接，右下角是独立的 <button>（物理上分开，不抢点击）。
② 家谱文案与按钮清理
· 去掉副标题与下方图例说明；整块去掉「看全部 / 回到我 / 回到我的家谱」
（顺带消掉"出现两个回到我的家谱"）。镜头由库自动 fit，拖拽/滚轮即可。
③ 首页控制台
· 标题下显示个人 slogan；去掉右侧三个统计；「我的资料/我的家谱」换成图标按钮；
去掉与导航条重复的「名册」按钮。
· 去掉「接下来的日子」（生日归到"未来七天"里，不再重复）。
· 新增统计信息块：按时段随机问候 + 今日天气（Open-Meteo，免 key，可留空不显示）
+ 近七天日程/待办/逾期数。
· 新增各模块小结卡（任务/日程/纪念日/观影/旅程/财务/名册/家谱/资源）。
· 个人设置新增「首页上的模块」：可勾选与拖动排序（每人一份，存 user_settings）。
· 保留「往年的今天」。
④ 名册改列表
· 卡片网格 → **竖向列表**：左头像、中间姓名+与我的关系+手机号+生日。
· 修拖动「只能往后不能往前」：落点改为显式记录"插到谁前面/后面"，
并排除被拖元素自身。
· 去掉那句拖动提示（能力保留）。
· 搜索新增**姓名首字母**检索（y / yy / yyq 都命中「杨永全」）：
新 app/Pinyin.php，intl 优先 + 内置常用字表兜底（本地无 intl 也能测）；
纯字母/数字查询词不走 SQL LIKE（拼音与加密手机号在库里都比不了）。
附带上两轮的收尾：
· 菜单点外部自动关闭（全局事件委托，覆盖所有 details.menu）。
· 旅程 is_public：列表与日历只显示公开的；详情页不拦（不丢数据）。
· 重复日程：新 app/Repeat.php（RRULE 解析/生成/展开，含"工作日"），
新表 calendar_event_skips（RFC 的 EXDATE）；日历按规则展开；
编辑支持三档「全部 / 这一次及以后 / 仅此一次」。
· 结束时间可添加/去掉，并随开始时间联动。
验证：端到端 772 项通过 / 0 失败；几何 368、交互 97、移动端 516、家谱 26、
升级 123 全绿；SQL 列名静态校验 0 处可疑；部署 11 条线上探针全过。
241 lines
12 KiB
PHP
241 lines
12 KiB
PHP
<?php
|
||
/**
|
||
* 家庭名册 —— 按「关系分组」分栏显示，卡片可以拖动。
|
||
*
|
||
* 三处刻意的设计：
|
||
* ① **名册是每人一份的**（v5 起，见 App\PersonRoster）：这里只显示"我加的人 +
|
||
* 别人分享给我的"，归到哪一组、排第几也都只影响我自己。所以"改分组"不再是
|
||
* 改全家的信息，而是改我自己那份 —— 于是顺手就能做成拖动。
|
||
* ② **拖动改分组、拖动改顺序**（需求原话：「拖动一个人的卡片进行排序…通过拖动
|
||
* 改变分组」）：拖动本身是 JS，但**每个分组栏也是空的时候照样存在**，
|
||
* 拖动时统一露出来当落点，否则"想拖到一个现在没人的分组里"就没地方放。
|
||
* ③ **没有 JS 也完全能用**：卡片上的 `<details>调整分组</details>` 还在，
|
||
* 而且手机上的 HTML5 拖放本来就不生效，那套表单就是窄屏的正路。
|
||
*
|
||
* ⚠️ 卡片结构是 div > a + details，**不能写成 a > form**：
|
||
* 表单套在链接里是非法 HTML，浏览器会把 DOM 拆开，表单里那个「移动」按钮
|
||
* 可能连提交机会都没有（或者把整张卡片点成跳转）。
|
||
*/
|
||
$canMove = \App\Auth::canWrite();
|
||
$pickable = $pickable ?? 0;
|
||
$total = 0;
|
||
foreach ($grouped as $list) {
|
||
$total += count($list);
|
||
}
|
||
|
||
/**
|
||
* 画一栏人。用闭包是因为"分好组的各栏"和"未分类"两处要画同一套卡片，
|
||
* 复制一遍迟早会改漏一处。
|
||
*
|
||
* ⚠️ `$groups` 必须写进 `use (...)`：卡片里的「调整分组」下拉要列出我能用的分组。
|
||
* 漏掉它的后果**不会报错**（PHP 8 只 warning 一句"未定义变量"，
|
||
* 而 foreach 拿到 null 就是零次循环）—— 于是每张卡片的那个下拉里
|
||
* 只剩「未分类」一项，看着像"分组功能没做"，其实是变量没传进来。
|
||
*/
|
||
$renderGrid = function (array $list) use ($meId, $canMove, $groups): void {
|
||
?>
|
||
<div class="people-grid">
|
||
<?php foreach ($list as $p): ?>
|
||
<?php
|
||
// 显示名走「我怎么称呼他」：同一个孩子，爸爸看到"儿子"、妈妈看到"小宝"。
|
||
// ⚠️ 不要再读 $p['nickname'] —— 那是已废弃的旧列（全家共用一个小名）。
|
||
// ⚠️ 一律走 person_name()：它按 shown → my_nickname → name 的顺序取，
|
||
// 这里自己拼一次迟早漏掉 my_nickname（v14 前就是漏的，于是设了称呼也不显示）。
|
||
$pshow = person_name($p);
|
||
$pNick = (string)($p['my_nickname'] ?? '');
|
||
$pid = (int)$p['id'];
|
||
?>
|
||
<div class="person" data-person="<?= $pid ?>" <?= $canMove ? 'draggable="true"' : '' ?>>
|
||
<?php if ($canMove): ?>
|
||
<span class="drag-handle" title="拖到我想要的位置 / 那一栏" aria-hidden="true">⠿</span>
|
||
<?php endif; ?>
|
||
<?php /* draggable="false" 很重要：链接与图片浏览器默认就是可拖的，
|
||
不关掉的话拖起来会变成"拖一个网址"，父卡片反而拿不到这次拖动。 */ ?>
|
||
<a class="person-main" href="<?= e(url('people/show', ['id' => $pid])) ?>" draggable="false">
|
||
<div class="ph"><img src="<?= e(avatar_url($p['avatar'])) ?>" alt="" draggable="false"></div>
|
||
<div class="pb">
|
||
<div class="pname">
|
||
<?= e($pshow) ?>
|
||
<?php if ($pid === (int)$meId): ?><span class="badge badge-me">我</span><?php endif; ?>
|
||
<?php if (!empty($p['is_placeholder'])): ?><span class="badge">待确认</span><?php endif; ?>
|
||
<?php /* 用户第 4 条：与我的关系放姓名右边（列表里一眼能看到） */ ?>
|
||
<?php if (!empty($p['label']) && $p['label'] !== '我'): ?>
|
||
<span class="rel-label"><?= e($p['label']) ?></span>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php /* 用户第 4 条：中间显示几个重要信息 —— 手机号 / 生日。
|
||
关系标签已挪到姓名行，这里只放"事实性"的两项。 */ ?>
|
||
<div class="pfacts">
|
||
<?php if (($p['phone_plain'] ?? '') !== ''): ?>
|
||
<span class="pfact" title="手机号">
|
||
<span class="pfact-k">手机</span><?= e((string)$p['phone_plain']) ?>
|
||
</span>
|
||
<?php endif; ?>
|
||
<?php if (($p['birthday_show'] ?? '') !== ''): ?>
|
||
<span class="pfact" title="<?= e((string)$p['birthday_kind']) ?>生日">
|
||
<span class="pfact-k"><?= e((string)$p['birthday_kind']) ?></span><?= e((string)$p['birthday_show']) ?>
|
||
</span>
|
||
<?php endif; ?>
|
||
</div>
|
||
<div class="pmeta">
|
||
<?php
|
||
$r = $p['account_role'] ?? '';
|
||
if ($r === 'admin' && ($p['account_status'] ?? '') === 'active') {
|
||
echo '<span class="badge badge-admin">管理员</span>';
|
||
} elseif ($r === 'guest') {
|
||
echo '<span class="badge">访客</span>';
|
||
} elseif (!empty($p['account_id'])) {
|
||
echo '<span class="badge badge-open">已开通</span>';
|
||
}
|
||
// 我叫他别的名字时，把本名再用小字附上，免得自己都认不出这人是谁
|
||
if ($pNick !== '' && $pNick !== (string)$p['name']) {
|
||
echo ' · <span class="muted">' . e((string)$p['name']) . '</span>';
|
||
}
|
||
// v7：因家谱关系自动进名册的人，标出来历 ——
|
||
// 不然"我没加过他，他怎么在我名册里"会让人怀疑数据坏了
|
||
if (($p['roster_source'] ?? '') === 'kin') {
|
||
echo ' <span class="badge" title="他在你的家谱树上（配偶/父母/子女/祖孙…），自动加入你的名册">家谱</span>';
|
||
}
|
||
?>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
<?php if ($canMove): ?>
|
||
<details class="person-more" data-no-drag>
|
||
<summary aria-label="调整分组">⋯</summary>
|
||
<form method="post" action="<?= e(url('people/group')) ?>" class="person-move">
|
||
<?= csrf_field() ?>
|
||
<input type="hidden" name="person_id" value="<?= $pid ?>">
|
||
<label class="sr-only" for="pg<?= $pid ?>">分组</label>
|
||
<select class="select" id="pg<?= $pid ?>" name="group_id" data-no-drag>
|
||
<option value="">未分类</option>
|
||
<?php foreach ($groups as $g): $gid = (int)$g['id']; ?>
|
||
<option value="<?= $gid ?>"
|
||
<?= (int)($p['group_id'] ?? 0) === $gid ? 'selected' : '' ?>>
|
||
<?= e((string)$g['name']) ?>
|
||
</option>
|
||
<?php endforeach; ?>
|
||
</select>
|
||
<button class="btn btn-ghost btn-sm" type="submit" data-no-drag>移动</button>
|
||
</form>
|
||
<?php if (($p['roster_source'] ?? '') === 'kin'): ?>
|
||
<p class="small muted person-move" style="margin:4px 0 0">因家谱关系自动加入；解除关系后自动移出。</p>
|
||
<?php else: ?>
|
||
<form method="post" action="<?= e(url('people/forget')) ?>" class="person-move">
|
||
<?= csrf_field() ?>
|
||
<input type="hidden" name="person_id" value="<?= $pid ?>">
|
||
<button class="btn btn-ghost btn-sm" type="submit" data-no-drag>从我的名册移走</button>
|
||
</form>
|
||
<?php endif; ?>
|
||
</details>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endforeach; ?>
|
||
</div>
|
||
<?php
|
||
};
|
||
|
||
/** 一栏（含空栏）。空栏平时收起来，拖动时由 JS 加 is-dragging 露出来当落点。 */
|
||
$renderBlock = function (int $gid, string $name, array $list) use ($renderGrid): void {
|
||
?>
|
||
<section class="group-block<?= $list ? '' : ' is-empty' ?>" data-group="<?= $gid ?>">
|
||
<h2 class="group-head">
|
||
<span class="group-title"><?= e($name) ?></span>
|
||
<span class="group-n"><span class="n"><?= count($list) ?></span> 人</span>
|
||
<span class="group-drop-hint">放到这里</span>
|
||
</h2>
|
||
<?php $renderGrid($list); ?>
|
||
</section>
|
||
<?php
|
||
};
|
||
?>
|
||
|
||
<div class="page-head">
|
||
<h1>家庭名册</h1>
|
||
<span class="sub">
|
||
共 <?= $total ?> 人<?= $groups && $q === '' ? '，分 ' . count($groups) . ' 个关系分组' : '' ?>
|
||
</span>
|
||
<div class="actions">
|
||
<?php if ($canMove && $pickable > 0): ?>
|
||
<a class="btn btn-ghost btn-sm" href="<?= e(url('people/pick')) ?>">
|
||
从家里已有的人里挑（<?= $pickable ?>）
|
||
</a>
|
||
<?php endif; ?>
|
||
<?php if (\App\Auth::isAdmin()): ?>
|
||
<a class="btn btn-sm" href="<?= e(url('people/new')) ?>">添加成员</a>
|
||
<?php endif; ?>
|
||
</div>
|
||
</div>
|
||
|
||
<?php /* 用户第 4 条：这句拖动提示**去掉**（用户直接点名要删）。
|
||
功能本身不变，只是不再占版面。 */ ?>
|
||
|
||
<form class="search" method="get" action="index.php">
|
||
<input type="hidden" name="r" value="people">
|
||
<?php /* 用户第 4 条：除了姓名/称呼/邮箱的模糊搜索，还支持**姓名首字母**
|
||
（yyq / yy / y 都能搜到「杨永全」）。后端在 Person::roster 里按
|
||
"汉字转首字母后再比对"实现，所以这里只要说清楚用法。 */ ?>
|
||
<input class="input" name="q" value="<?= e($q) ?>"
|
||
placeholder="姓名 / 称呼 / 邮箱 / 手机号，或姓名首字母（如 yyq）">
|
||
<button class="btn btn-ghost btn-sm" type="submit">搜索</button>
|
||
<?php if ($q !== ''): ?>
|
||
<a class="link-quiet" href="<?= e(url('people')) ?>">清除</a>
|
||
<?php endif; ?>
|
||
</form>
|
||
|
||
<?php if (!$people): ?>
|
||
<div class="empty">
|
||
<?php if ($q !== ''): ?>
|
||
<b>没有匹配的人</b>
|
||
换个词试试。
|
||
<?php elseif ($pickable > 0): ?>
|
||
<b>你的名册还是空的</b>
|
||
家里已经有 <?= (int)$pickable ?> 个人了 —— 直接挑过来就行，不用重新录一遍。
|
||
<div class="btn-row" style="justify-content:center;margin-top:14px">
|
||
<a class="btn" href="<?= e(url('people/pick')) ?>">从家里已有的人里挑</a>
|
||
<?php if (\App\Auth::isAdmin()): ?>
|
||
<a class="btn btn-ghost" href="<?= e(url('people/new')) ?>">添加一个新人</a>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php else: ?>
|
||
<b>名册还是空的</b>
|
||
<?php if (\App\Auth::isAdmin()): ?>
|
||
把家里人加进来，之后观影、旅行的同行人就可以直接从名册里选。
|
||
<div class="btn-row" style="justify-content:center;margin-top:14px">
|
||
<a class="btn" href="<?= e(url('people/new')) ?>">添加成员</a>
|
||
</div>
|
||
<?php else: ?>
|
||
等家里人把你加进来，或者让管理员给你开个账号。
|
||
<?php endif; ?>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php elseif ($q !== ''): ?>
|
||
<?php /* 搜索时按"命中的人"平铺 —— 分栏会把一次搜索拆成一堆只有一两个人的碎块，反而更难看 */ ?>
|
||
<p class="small muted" style="margin:0 0 12px">
|
||
找到 <?= count($people) ?> 个匹配「<?= e($q) ?>」的人（搜索时不分组）。
|
||
</p>
|
||
<?php $renderGrid($people); ?>
|
||
<?php else: ?>
|
||
<div class="roster<?= $canMove ? ' is-droppable' : '' ?>"
|
||
data-reorder="<?= e(url('people/reorder')) ?>"
|
||
data-csrf="<?= e(csrf_token()) ?>">
|
||
<?php foreach ($groups as $g): ?>
|
||
<?php $gid = (int)$g['id']; ?>
|
||
<?php $renderBlock($gid, (string)$g['name'], $grouped[$gid] ?? []); ?>
|
||
<?php endforeach; ?>
|
||
|
||
<?php
|
||
// 「未分类」栏永远画出来（哪怕是空的）—— 它是把卡片从某个分组里拖出来的落点。
|
||
// 提示语按需求删掉了（用户原话：「这些人还没归到任何分组里…这些提示，都去掉」）。
|
||
$renderBlock(0, '未分类', $grouped[0] ?? []);
|
||
?>
|
||
|
||
<?php if (!$groups): ?>
|
||
<p class="small muted" style="margin:0">
|
||
还没有任何分组。管理员可以在「系统设置 → 公共分组」里建一套全家共用的，
|
||
你也可以在「个人设置 → 我的分组」里加只给自己看的。
|
||
</p>
|
||
<?php endif; ?>
|
||
</div>
|
||
<?php endif; ?>
|