登录居中 · 个人 slogan · 三种生日 · 称呼视角化 · 附件统一走代理
按九点反馈一次性改造： 1. 登录页「图标 + 用手机号登录你的家书」包进 .auth-head 并真正居中 （以前只加了个 class 名，没有样式，看着像做了其实没做）。 2. slogan 改成两段式：系统级 slogan 作兜底，每个人可在自己的资料里写一个， 填了就显示自己的、留空就回落到系统那句。settings 里「家庭名称」字段去掉 （只在安装时归档，不参与展示）。 3. 三个生日：身份证生日（从证件号截取，永不改动）／真实阳历／农历。 同一人填了其一即自动推出另一个（靠 birthday_source 指明填的是哪一侧， 不依赖 JS）。三者落在同一天时合并成一条提醒，否则分别提醒。 农历表不是照抄流传的那份 lunarInfo（它在 5 个年份上是错的）—— 用五个独立实现按 7.3 万天多数表决重新推导，再要求 100% 重现。 4. 称呼改成「视角属性」：nicknames(family_id, viewer_id, target_id, nickname)。 「小明」不是某个人的属性——同一个人被不同人叫法不同，所以是「谁看」的属性。 旧的 persons.nickname 由 Nickname::migrateLegacy() 搬到新表，只搬一次。 5. 点自己的头像/名字直接进「我的资料」，不必再绕 「名册 → 找到自己 → 编辑资料」三步。 6. 附件（头像与其它上传）一律走 media.php 代理，不再直连 uploads/ 或云端地址： 可读性由登录态决定而不是「知道文件名」，Content-Type/缓存/下载头由服务端统一给。 uploads/ 整个目录 deny（含历史遗留备份文件），并有真实探针验证。 7. OSS 设置页加「连通性测试」（本地 / 云端两个按钮），逐步给出结论与耗时。 8. 生日输入改用「原生日期框 + 24 小时制时:分:秒 三个下拉」： datetime-local 的格式由浏览器 UI 语言决定（中文环境渲染成「下午 03:30」， 没有秒、还容易把上下午填反）。点输入框任意一处都能弹出选择器（showPicker）。 9. 结构版本号收敛成 Schema::VERSION 一处，安装时即盖章，避免首次请求白跑升级。 验证（全部为「先注入 bug 证伪、再跑通过」）： php -l 42 个文件；e2e 149 条；老库升级专测 37 条；反向验证 23 个注入全被抓； 桌面几何 108 条（768/1280/1920/2560）；移动端真机几何 212 条（360/375/390/414）； 交互检查 49 条（生日整框可点、登录居中）。
This commit is contained in:
+95
-22
@@ -1,6 +1,29 @@
|
||||
<?php
|
||||
/**
|
||||
* 成员表单（新增 / 编辑）。
|
||||
*
|
||||
* 三处与早期版本不同的地方：
|
||||
* · 「小名」没了 —— 称呼是**视角属性**（妈妈叫"明明"、姐姐叫"小弟"），
|
||||
* 在「成员详情」页里各自设置自己怎么叫，不写在这个人的档案里。
|
||||
* · 生日变成**三个**：身份证生日（由证件推导、只读）、阳历生日、农历生日。
|
||||
* 阳历与农历是同一个人的同一天，所以用「以哪个为准」明确这次填的是哪一个，
|
||||
* 服务端据此反推另一个 —— 不靠 JS，避免"JS 没跑到就静默存错"。
|
||||
* · 生日精确到**时分秒**：原生 datetime-local 只有时分、且中文环境会显示成
|
||||
* 「下午 03:30」，所以用 _datetime.php 的「日期 + 24 小时制时:分:秒」组合控件。
|
||||
*/
|
||||
$isEdit = !empty($person['id']);
|
||||
$avatarUrl = avatar_url($person['avatar'] ?? null);
|
||||
|
||||
$bdSource = old('birthday_source', 'solar');
|
||||
// 库里这列叫 birthday、表单叫 birthday_solar，一律走 solarOf() 取，别直接下标
|
||||
$solVal = old('birthday_solar', \App\Birthday::pretty(\App\Birthday::solarOf($person ?? [])));
|
||||
$lunVal = old('birthday_lunar', '');
|
||||
if ($lunVal === '') {
|
||||
// 农历控件的值 = 库里存的农历年月日 + 时间
|
||||
$lv = (string)($person['birthday_lunar'] ?? '');
|
||||
$lunVal = $lv;
|
||||
}
|
||||
$idBd = trim((string)($person['birthday_id_card'] ?? ''));
|
||||
?>
|
||||
|
||||
<div class="page-head">
|
||||
@@ -24,12 +47,6 @@ $avatarUrl = avatar_url($person['avatar'] ?? null);
|
||||
<?php if (!empty($errors['name'])): ?><span class="err"><?= e($errors['name']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="nickname">小名</label>
|
||||
<input class="input" id="nickname" name="nickname"
|
||||
value="<?= e(old('nickname', $person['nickname'] ?? '')) ?>" placeholder="家里怎么叫他/她">
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="gender">性别</label>
|
||||
<select class="select" id="gender" name="gender">
|
||||
@@ -40,14 +57,6 @@ $avatarUrl = avatar_url($person['avatar'] ?? null);
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="birthday">生日</label>
|
||||
<input class="input" id="birthday" name="birthday" type="date"
|
||||
value="<?= e(old('birthday', $person['birthday'] ?? '')) ?>">
|
||||
<span class="tip">填了之后，首页会提醒还有几天过生日。</span>
|
||||
<?php if (!empty($errors['birthday'])): ?><span class="err"><?= e($errors['birthday']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="birth_rank">家中排行</label>
|
||||
<input class="input" id="birth_rank" name="birth_rank" type="number" min="1" max="99"
|
||||
@@ -56,6 +65,76 @@ $avatarUrl = avatar_url($person['avatar'] ?? null);
|
||||
<?php if (!empty($errors['birth_rank'])): ?><span class="err"><?= e($errors['birth_rank']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="sort_order">排序号</label>
|
||||
<input class="input" id="sort_order" name="sort_order" type="number"
|
||||
value="<?= e(old('sort_order', $person['sort_order'] ?? 1000)) ?>">
|
||||
<span class="tip">小的排前面。</span>
|
||||
</div>
|
||||
|
||||
<!-- ==================== 三个生日 ==================== -->
|
||||
<div class="field full">
|
||||
<label>生日</label>
|
||||
<p class="small muted" style="margin:0 0 12px">
|
||||
一个人有三个生日：<b>身份证上的</b>（由证件推导，系统永远不会改它）、
|
||||
<b>真实阳历生日</b>、<b>农历生日</b>。填了身份证号会自动读出第一个；
|
||||
阳历与农历只要填一个，另一个自动算出来。三个不在同一天时，首页会分别提醒。
|
||||
</p>
|
||||
|
||||
<div class="field" style="margin-bottom:12px">
|
||||
<label for="birthday_id_card_display">身份证生日（只读）</label>
|
||||
<span class="bd-readonly" id="birthday_id_card_display"><?= $idBd !== '' ? e($idBd) : '填了身份证号后自动读出' ?></span>
|
||||
</div>
|
||||
|
||||
<div class="bd-source">
|
||||
<label for="bdSource">我这次填的是</label>
|
||||
<select class="select" id="bdSource" name="birthday_source" style="width:auto">
|
||||
<option value="solar" <?= $bdSource === 'solar' ? 'selected' : '' ?>>阳历（公历）</option>
|
||||
<option value="lunar" <?= $bdSource === 'lunar' ? 'selected' : '' ?>>农历（阴历）</option>
|
||||
</select>
|
||||
<span class="small muted">选中的那一边为准，另一边自动算</span>
|
||||
</div>
|
||||
|
||||
<div class="bd-pane" id="bdSolarWrap">
|
||||
<p class="bd-pane-k">阳历生日</p>
|
||||
<?php
|
||||
$dtName = 'birthday_solar';
|
||||
$dtValue = $solVal;
|
||||
$dtId = 'birthday_solar_date';
|
||||
$dtRequired = false;
|
||||
require __DIR__ . '/../_datetime.php';
|
||||
?>
|
||||
<span class="tip">精确到时分秒。不填时分秒就按 00:00:00 记。</span>
|
||||
<?php if (!empty($errors['birthday_solar'])): ?><span class="err"><?= e($errors['birthday_solar']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="bd-pane" id="bdLunarWrap">
|
||||
<p class="bd-pane-k">农历生日</p>
|
||||
<?php
|
||||
$dtName = 'birthday_lunar';
|
||||
$dtValue = $lunVal;
|
||||
$dtId = 'birthday_lunar_date';
|
||||
$dtRequired = false;
|
||||
require __DIR__ . '/../_datetime.php';
|
||||
?>
|
||||
<label class="check-item" style="margin-top:8px">
|
||||
<input type="checkbox" name="birthday_lunar_leap" value="1"
|
||||
<?= old('birthday_lunar_leap', $person['birthday_lunar_leap'] ?? 0) ? 'checked' : '' ?>>
|
||||
<span>这个月是<b>闰月</b>（如「闰六月」）</span>
|
||||
</label>
|
||||
<?php if (!empty($errors['birthday_lunar'])): ?><span class="err"><?= e($errors['birthday_lunar']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="field full">
|
||||
<label for="slogan">这个人的一句话</label>
|
||||
<input class="input" id="slogan" name="slogan" maxlength="200"
|
||||
value="<?= e(old('slogan', $person['slogan'] ?? '')) ?>"
|
||||
placeholder="可留空；留空时用家庭统一的那句">
|
||||
<span class="tip">显示在这个人自己的首页标题下面。本人也可以在自己的资料页里改。</span>
|
||||
<?php if (!empty($errors['slogan'])): ?><span class="err"><?= e($errors['slogan']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="phone">手机号</label>
|
||||
<input class="input" id="phone" name="phone" inputmode="numeric"
|
||||
@@ -77,7 +156,8 @@ $avatarUrl = avatar_url($person['avatar'] ?? null);
|
||||
value="<?= e(old('id_card', $idCardValue ?? '')) ?>" placeholder="可留空">
|
||||
<span class="tip">
|
||||
加密存储，页面上一律只显示前 6 后 4 位。
|
||||
家庭场景里真正需要它的场合很少 —— 能不填就别填。
|
||||
<b>填了它，上面的「身份证生日」会自动读出来</b>（当前：<span id="idCardBirthday"><?= $idBd !== '' ? e($idBd) : '' ?></span>），
|
||||
这个日期系统永远不会改动。家庭场景里真正需要它的场合很少 —— 能不填就别填。
|
||||
</span>
|
||||
<?php if (!empty($errors['id_card'])): ?><span class="err"><?= e($errors['id_card']) ?></span><?php endif; ?>
|
||||
</div>
|
||||
@@ -104,13 +184,6 @@ $avatarUrl = avatar_url($person['avatar'] ?? null);
|
||||
style="width:88px;height:88px;border-radius:12px;object-fit:cover;border:1px solid var(--line)">
|
||||
</div>
|
||||
|
||||
<div class="field">
|
||||
<label for="sort_order">排序号</label>
|
||||
<input class="input" id="sort_order" name="sort_order" type="number"
|
||||
value="<?= e(old('sort_order', $person['sort_order'] ?? 1000)) ?>">
|
||||
<span class="tip">小的排前面。</span>
|
||||
</div>
|
||||
|
||||
<div class="field full">
|
||||
<label class="check-item">
|
||||
<input type="checkbox" name="is_placeholder" value="1"
|
||||
|
||||
Reference in New Issue
Block a user