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 条线上探针全过。
368 lines
17 KiB
PHP
368 lines
17 KiB
PHP
<?php
|
||
/**
|
||
* 设置（仅管理员）。
|
||
*
|
||
* 与早期版本的两处不同，都是被明确要求改的：
|
||
* ① **「家庭名称」撤了**。首页标题已经是「某某某的家书」，一个家庭级名字
|
||
* 既没人看、又容易和它打架；后端 settings/update 也不再接收这个字段，
|
||
* 免得"某次提交把名字清空"。库里那一列留着不动（历史数据无害）。
|
||
* ② **slogan 变成"系统级默认"**。真正的 slogan 是每个人自己写的那句
|
||
* （在「我的资料」里），这里是**没人写自己的时候拿出来的兜底**。
|
||
* 另加：阿里云 OSS 的**连通性测试**——逐步摊开结论，
|
||
* 让"连不上"有具体原因，而不是一句"写入失败"。
|
||
*/
|
||
?>
|
||
<form method="post" action="<?= e(url('settings/update')) ?>" class="card card-pad">
|
||
<?= csrf_field() ?>
|
||
<h2 class="section-title">家庭 <span class="hint">首页上那一行小字</span></h2>
|
||
<div class="form-grid">
|
||
<div class="field full">
|
||
<label for="motto">系统 slogan</label>
|
||
<input class="input" id="motto" name="motto" value="<?= e($family['motto'] ?? '') ?>"
|
||
placeholder="例如：一本用岁月写成的家谱">
|
||
<span class="tip">
|
||
每个人都可以在「我的资料」里写**自己的一句**，有的话就显示他自己的；
|
||
<b>没写的人才用这里的这句</b>。所以这是一句"兜底"，不是全家的统一口号。
|
||
</span>
|
||
</div>
|
||
<?php /* 用户 2026-10-03 第 3 条：首页要显示"今天的天气"，所以得有地方填坐标。
|
||
用 Open-Meteo（不需要 key）。只填经纬度，不填城市名 ——
|
||
经纬度是"位置"，城市名只是给人看的备注。 */ ?>
|
||
<div class="field">
|
||
<label for="weather_place">天气 · 地点名</label>
|
||
<input class="input" id="weather_place" name="weather_place"
|
||
value="<?= e((string)($weatherPlace ?? '')) ?>" placeholder="如：青岛">
|
||
<span class="tip">只用于显示，随便写。</span>
|
||
</div>
|
||
<div class="field">
|
||
<label for="weather_lat">天气 · 纬度</label>
|
||
<input class="input" id="weather_lat" name="weather_lat"
|
||
value="<?= e((string)($weatherLat ?? '')) ?>" placeholder="如：36.067">
|
||
</div>
|
||
<div class="field">
|
||
<label for="weather_lon">天气 · 经度</label>
|
||
<input class="input" id="weather_lon" name="weather_lon"
|
||
value="<?= e((string)($weatherLon ?? '')) ?>" placeholder="如：120.383">
|
||
<span class="tip">
|
||
<b>三个都留空就不显示天气</b>（首页不会因此出错 —— 不猜城市，猜错比不显示更糟）。
|
||
坐标可以在地图网站上右键查。
|
||
</span>
|
||
</div>
|
||
</div>
|
||
<div class="btn-row">
|
||
<button class="btn" type="submit">保存</button>
|
||
</div>
|
||
</form>
|
||
|
||
<?php if (($upgradeWarn ?? '') !== ''): ?>
|
||
<div class="flash" style="margin-top:16px">
|
||
<div class="flash-item err">
|
||
<b>上次结构升级有步骤失败了</b>（其余步骤已经跑完，站点可用）：<br>
|
||
<?= e((string)$upgradeWarn) ?><br>
|
||
<span class="muted small">修好之后可以清掉这条提示。</span>
|
||
</div>
|
||
</div>
|
||
<?php endif; ?>
|
||
|
||
<!-- ==================== 公共分组 ==================== -->
|
||
<?php
|
||
$pubGroups = $pubGroups ?? [];
|
||
$pubCounts = $pubCounts ?? [];
|
||
$pubTotal = count($pubGroups);
|
||
?>
|
||
<div class="card card-pad" style="margin-top:20px" id="public-groups">
|
||
<h2 class="section-title">
|
||
公共分组
|
||
<span class="hint">全家人共用的一套</span>
|
||
</h2>
|
||
<p class="small muted" style="margin:0 0 16px">
|
||
名册按「关系分组」分栏显示。这里维护的是<b>公共的那一套</b> ——
|
||
建一次，全家每个人都能拿来用。
|
||
<br>
|
||
每个人还可以在「个人设置 → 我的分组」里<b>再加只给自己看的分组</b>，
|
||
那部分不在这儿、也不会影响别人。挪顺序用 ▲ ▼（▲▼ 调的是"全家的默认顺序"，
|
||
各人仍可在个人设置里改成自己习惯的顺序）。
|
||
<br>
|
||
删掉一个分组<b>不会删掉人</b>：名册里归到那一组的人会变成「未分类」，
|
||
各自重新归类即可。
|
||
</p>
|
||
|
||
<?php if ($pubGroups): ?>
|
||
<ol class="order-list">
|
||
<?php foreach ($pubGroups as $i => $g): $gid = (int)$g['id']; ?>
|
||
<li class="order-row">
|
||
<span class="order-no"><?= $i + 1 ?></span>
|
||
<span class="order-name"><?= e((string)$g['name']) ?></span>
|
||
<span class="order-count"><?= (int)($pubCounts[$gid] ?? 0) ?> 人</span>
|
||
<form method="post" action="<?= e(url('settings/groups/move')) ?>" class="order-move">
|
||
<?= csrf_field() ?>
|
||
<input type="hidden" name="id" value="<?= $gid ?>">
|
||
<input type="hidden" name="scope" value="public">
|
||
<button class="btn btn-ghost btn-sm" type="submit" name="dir" value="up"
|
||
title="上移一组" <?= $i === 0 ? 'disabled' : '' ?>>▲</button>
|
||
<button class="btn btn-ghost btn-sm" type="submit" name="dir" value="down"
|
||
title="下移一组" <?= $i === $pubTotal - 1 ? 'disabled' : '' ?>>▼</button>
|
||
</form>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
</ol>
|
||
<?php endif; ?>
|
||
|
||
<form method="post" action="<?= e(url('settings/groups/add')) ?>" class="inline-form" style="margin-top:16px">
|
||
<?= csrf_field() ?>
|
||
<input type="hidden" name="scope" value="public">
|
||
<label class="sr-only" for="newPubGroup">新分组名</label>
|
||
<input class="input" id="newPubGroup" name="name" maxlength="20" placeholder="例如：邻居、亲家、老同事">
|
||
<button class="btn btn-sm" type="submit">加一个公共分组</button>
|
||
</form>
|
||
|
||
<?php if ($pubGroups): ?>
|
||
<ul class="group-manage" style="margin-top:14px">
|
||
<?php foreach ($pubGroups as $g): $gid = (int)$g['id']; ?>
|
||
<li class="group-manage-row">
|
||
<form method="post" action="<?= e(url('settings/groups/rename')) ?>" class="group-rename">
|
||
<?= csrf_field() ?>
|
||
<input type="hidden" name="id" value="<?= $gid ?>">
|
||
<input type="hidden" name="scope" value="public">
|
||
<label class="sr-only" for="pgname<?= $gid ?>">分组名</label>
|
||
<input class="input" id="pgname<?= $gid ?>" name="name" maxlength="20"
|
||
value="<?= e((string)$g['name']) ?>">
|
||
<button class="btn btn-ghost btn-sm" type="submit">改名</button>
|
||
</form>
|
||
<span class="group-count muted small"><?= (int)($pubCounts[$gid] ?? 0) ?> 人</span>
|
||
<details class="del-wrap">
|
||
<summary class="btn btn-ghost btn-sm">删除</summary>
|
||
<form method="post" action="<?= e(url('settings/groups/delete')) ?>" class="del-confirm">
|
||
<?= csrf_field() ?>
|
||
<input type="hidden" name="id" value="<?= $gid ?>">
|
||
<input type="hidden" name="scope" value="public">
|
||
<span class="small muted">这组的人会变成「未分类」，确定？</span>
|
||
<button class="btn btn-ghost btn-sm danger" type="submit">确认删除</button>
|
||
</form>
|
||
</details>
|
||
</li>
|
||
<?php endforeach; ?>
|
||
</ul>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<!-- ==================== 附件存储 ==================== -->
|
||
<form method="post" action="<?= e(url('settings/storage')) ?>" class="card card-pad" style="margin-top:20px">
|
||
<?= csrf_field() ?>
|
||
<h2 class="section-title">
|
||
附件存储
|
||
<span class="hint">头像等文件存哪儿</span>
|
||
</h2>
|
||
|
||
<p class="small muted" style="margin:0 0 16px">
|
||
数据库里只存「相对路径」，所以随时可以在本地与云端之间切换 ——
|
||
已上传的文件会按「本地优先」的顺序去找，切换后老文件照样能打开，出问题也能随时切回来。
|
||
<br>
|
||
<b>不管选哪个，页面上的图片与附件都统一走 <code>media.php</code> 代理</b>：
|
||
桶不必开公共读、<code>uploads/</code> 也可以封死，能不能看由登录态决定。
|
||
</p>
|
||
|
||
<div class="field" style="margin-bottom:16px">
|
||
<label>存在哪里</label>
|
||
<div class="radio-row">
|
||
<label class="radio-item">
|
||
<input type="radio" name="driver" value="local" <?= $storageDriver === 'local' ? 'checked' : '' ?>>
|
||
<span><b>服务器本地</b><br><span class="muted small">最简单，文件和服务在一起。适合家里自己用。</span></span>
|
||
</label>
|
||
<label class="radio-item">
|
||
<input type="radio" name="driver" value="oss" <?= $storageDriver === 'oss' ? 'checked' : '' ?>>
|
||
<span><b>阿里云 OSS</b><br><span class="muted small">文件独立存放，换服务器不丢。</span></span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<?php if ($storageDriver === 'oss' && !$storageOk): ?>
|
||
<div class="flash"><div class="flash-item err">
|
||
云端配置还不完整，系统现在<b>临时用本地存储</b>在跑 —— 填全下面的信息再保存。
|
||
</div></div>
|
||
<?php elseif ($storageDriver === 'oss'): ?>
|
||
<div class="flash"><div class="flash-item">
|
||
当前生效：阿里云 OSS<?= $storageEffective === 'local' ? '（配置不完整，实际走的本地）' : '' ?>
|
||
</div></div>
|
||
<?php endif; ?>
|
||
|
||
<details class="oss-box" <?= $storageDriver === 'oss' ? 'open' : '' ?>>
|
||
<summary>阿里云 OSS 参数</summary>
|
||
<div class="form-grid" style="margin-top:14px">
|
||
<div class="field">
|
||
<label>凭据方式</label>
|
||
<select class="select" name="oss[auth_mode]">
|
||
<option value="ak" <?= $storageOss['auth_mode'] === 'ak' ? 'selected' : '' ?>>AccessKey（手动填）</option>
|
||
<option value="ecs_role" <?= $storageOss['auth_mode'] === 'ecs_role' ? 'selected' : '' ?>>服务器绑定角色（更安全）</option>
|
||
</select>
|
||
<span class="tip">若这台服务器是阿里云 ECS 且绑了 RAM 角色，优先用角色 —— 服务器上不落长期密钥。</span>
|
||
</div>
|
||
<div class="field">
|
||
<label>Bucket</label>
|
||
<input class="input" name="oss[bucket]" value="<?= e($storageOss['bucket']) ?>" placeholder="例如 my-family-bucket">
|
||
</div>
|
||
<div class="field">
|
||
<label>Endpoint</label>
|
||
<input class="input" name="oss[endpoint]" value="<?= e($storageOss['endpoint']) ?>"
|
||
placeholder="oss-cn-beijing.aliyuncs.com">
|
||
<span class="tip">不要带 https://，且要和桶的地域一致。</span>
|
||
</div>
|
||
<div class="field">
|
||
<label>桶内前缀</label>
|
||
<input class="input" name="oss[prefix]" value="<?= e($storageOss['prefix']) ?>" placeholder="可留空，如 familybook">
|
||
<span class="tip">一个桶放多个站点时用它隔开。</span>
|
||
</div>
|
||
<div class="field">
|
||
<label>AccessKey ID</label>
|
||
<input class="input" name="oss[access_key_id]" value="<?= e($storageOss['access_key_id']) ?>"
|
||
autocomplete="off" placeholder="用角色方式时可留空">
|
||
</div>
|
||
<div class="field">
|
||
<label>AccessKey Secret</label>
|
||
<input class="input" name="oss[access_key_secret]" type="password"
|
||
value="<?= $storageOss['access_key_secret'] !== '' ? '••••••••••••' : '' ?>"
|
||
autocomplete="new-password" placeholder="留空表示不改动已保存的">
|
||
</div>
|
||
<div class="field">
|
||
<label>RAM 角色名</label>
|
||
<input class="input" name="oss[ram_role_name]" value="<?= e($storageOss['ram_role_name']) ?>"
|
||
placeholder="留空 = 自动取实例绑定的角色">
|
||
</div>
|
||
<div class="field">
|
||
<label>自定义域名 / CDN</label>
|
||
<input class="input" name="oss[custom_domain]" value="<?= e($storageOss['custom_domain']) ?>"
|
||
placeholder="可留空">
|
||
<span class="tip">填了会替代 bucket.endpoint 生成访问地址；该域名需已绑定到这个桶。</span>
|
||
</div>
|
||
<div class="field full">
|
||
<label class="check-item">
|
||
<input type="checkbox" name="oss[internal_endpoint]" value="1"
|
||
<?= $storageOss['internal_endpoint'] === '1' ? 'checked' : '' ?>>
|
||
<span>服务端读取优先走内网 endpoint（服务器与桶在同地域时更快，还免流量费）</span>
|
||
</label>
|
||
<label class="check-item">
|
||
<input type="checkbox" name="oss[https]" value="1"
|
||
<?= $storageOss['https'] === '1' ? 'checked' : '' ?>>
|
||
<span>用 HTTPS 访问对象</span>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
</details>
|
||
|
||
<div class="btn-row">
|
||
<button class="btn" type="submit">保存存储设置</button>
|
||
</div>
|
||
</form>
|
||
|
||
<!-- ==================== 两种测试 ==================== -->
|
||
<div class="card card-pad" style="margin-top:16px">
|
||
<h2 class="section-title">
|
||
连通性测试
|
||
<span class="hint">两种测试的分工不一样</span>
|
||
</h2>
|
||
<p class="small muted" style="margin:0 0 14px">
|
||
「当前存储」测的是<b>现在生效的那一个</b>（可能是本地），只回答"能不能存东西"；
|
||
「OSS 连通性」测的是<b>下面填的那套 OSS 参数本身</b> —— 即使现在跑在本地也能测，
|
||
这样就可以<b>先把 OSS 测通、再切过去</b>，而不是"先切、发现不行、再切回来"。
|
||
</p>
|
||
|
||
<div class="test-actions">
|
||
<form method="post" action="<?= e(url('settings/test_storage')) ?>">
|
||
<?= csrf_field() ?>
|
||
<button class="btn btn-ghost" type="submit">测试当前存储</button>
|
||
<span class="small muted">写一个临时文件 → 读回来 → 删掉</span>
|
||
</form>
|
||
<form method="post" action="<?= e(url('settings/test_oss')) ?>">
|
||
<?= csrf_field() ?>
|
||
<button class="btn btn-ghost" type="submit">测试 OSS 连通性</button>
|
||
<span class="small muted">逐步：配置 → 凭据 → 地域 → 公网 → 内网 → 读写</span>
|
||
</form>
|
||
</div>
|
||
|
||
<?php if (!empty($ossDiag['steps'])): ?>
|
||
<?php
|
||
$dSteps = (array)$ossDiag['steps'];
|
||
$dOk = 0;
|
||
foreach ($dSteps as $s) {
|
||
if (!empty($s['ok'])) {
|
||
$dOk++;
|
||
}
|
||
}
|
||
$dAll = $dOk === count($dSteps);
|
||
?>
|
||
<div class="oss-diag <?= $dAll ? 'is-ok' : 'is-bad' ?>">
|
||
<div class="oss-diag-head">
|
||
<b><?= $dAll ? '全部通过' : '有问题' ?></b>
|
||
<span>共 <?= count($dSteps) ?> 步，通过 <?= $dOk ?> 步</span>
|
||
<?php if (!empty($ossDiag['at'])): ?>
|
||
<span class="muted small">· <?= e(date('Y-m-d H:i:s', (int)$ossDiag['at'])) ?></span>
|
||
<?php endif; ?>
|
||
</div>
|
||
<table class="oss-diag-table">
|
||
<thead>
|
||
<tr><th>步骤</th><th>结论</th><th>耗时</th><th>详情</th></tr>
|
||
</thead>
|
||
<tbody>
|
||
<?php foreach ($dSteps as $s): ?>
|
||
<tr class="<?= !empty($s['ok']) ? 'row-ok' : 'row-bad' ?>">
|
||
<td><?= !empty($s['ok']) ? '✓' : '✕' ?> <?= e((string)($s['name'] ?? '')) ?></td>
|
||
<td><?= !empty($s['ok']) ? '通过' : '失败' ?></td>
|
||
<td class="mono"><?= (int)($s['ms'] ?? 0) ?> ms</td>
|
||
<td><?= nl2br(e((string)($s['detail'] ?? ''))) ?></td>
|
||
</tr>
|
||
<?php endforeach; ?>
|
||
</tbody>
|
||
</table>
|
||
<p class="small muted" style="margin:12px 0 0">
|
||
探针对象用后即删，不会在桶里留垃圾；跑完这一遍之后再切驱动最稳妥。
|
||
</p>
|
||
</div>
|
||
<?php else: ?>
|
||
<p class="small muted" style="margin:14px 0 0">
|
||
还没测过。建议<b>先在下面填好 OSS 参数并保存，再点「测试 OSS 连通性」</b>，
|
||
通过之后再回到上面把「存在哪里」切到阿里云 OSS。
|
||
</p>
|
||
<?php endif; ?>
|
||
</div>
|
||
|
||
<!-- ==================== 运行环境 ==================== -->
|
||
<div class="card card-pad" style="margin-top:20px">
|
||
<h2 class="section-title">运行环境 <span class="hint">排错时看这一块</span></h2>
|
||
<dl class="kv">
|
||
<div class="kv-row"><dt>PHP</dt><dd><?= e(PHP_VERSION) ?></dd></div>
|
||
<div class="kv-row"><dt>数据库</dt><dd><?= e($dbVersion) ?></dd></div>
|
||
<div class="kv-row"><dt>加密密钥</dt><dd><?= $keyOk ? '已配置' : '<span style="color:var(--red)">未配置</span>' ?></dd></div>
|
||
<div class="kv-row">
|
||
<dt>附件存储</dt>
|
||
<dd><?= $storageEffective === 'oss' ? '阿里云 OSS' : '服务器本地' ?>
|
||
<?php if ($storageDriver !== $storageEffective): ?>
|
||
<span class="muted small">（设置的是 OSS，但配置不全，实际用本地）</span>
|
||
<?php endif; ?>
|
||
</dd>
|
||
</div>
|
||
<div class="kv-row">
|
||
<dt>附件出口</dt>
|
||
<dd>统一走 media.php 代理 <span class="muted small">（本地与云端同一形态，需登录才能读）</span></dd>
|
||
</div>
|
||
<div class="kv-row">
|
||
<dt>亲属连线</dt>
|
||
<dd><?= (int)$relCount ?> 条</dd>
|
||
</div>
|
||
<div class="kv-row">
|
||
<dt>账号</dt>
|
||
<dd>
|
||
管理员 <?= (int)$roleCounts['admin'] ?> ·
|
||
家庭成员 <?= (int)$roleCounts['member'] ?> ·
|
||
访客 <?= (int)$roleCounts['guest'] ?>
|
||
</dd>
|
||
</div>
|
||
</dl>
|
||
<p class="small muted" style="margin:14px 0 0">
|
||
手机号与身份证号都是加密后入库的。这个密钥一旦换掉，已有数据就再也解不开 ——
|
||
请把它和数据库分开、各备份一份。
|
||
</p>
|
||
<p class="small muted" style="margin:10px 0 0">
|
||
访客账号在「<a href="<?= e(url('accounts/invite')) ?>">邀请访客</a>」里开通。
|
||
</p>
|
||
</div>
|