节点表单:参与人直接勾选 + 起点终点记录详细地址(批 13)
参与人(用户反馈:不想等全部填完、保存之后才回详情页加人):
- 节点表单里新增「参与人(直接勾选)」区块:家庭成员按胶囊复选框列出,
保存即生效;编辑时预勾选已有人。
- Members::syncForNode() 只做增删,**不动留下来的那些人的情绪 / 签到 /
角色标签**(重新勾一遍不该把之前记的心情清掉)。
- 安全性:新增走 Members::save(),逐条校验「用户属于该活动所在家庭」,
夹带别家 user_id 进不来;只有请求带 members_present=1(表单确实渲染了
参与人区块)才同步 —— 否则没这个字段的请求会把已有成员清空。
起点/终点记录详细地址(用户反馈:高德联想只返回简化地名):
- 联想项选中后不再是「青岛北站」就完事:
① 有坐标 → 逆地理编码(AMap.Geocoder.getAddress)取该点的
formattedAddress;
② 没坐标 → 按「区县 + 名称」正查,顺带把坐标补回来。
- 详细地址写进 start/end_location 的 address 字段,输入框下方实时显示
「详细地址:…」,节点详情页本来就展示这一项。
- 路线地图补点(只有地名没坐标时)改为**优先用详细地址**查询,
比简化地名定位准。
已验证:本地全链 12 步全绿(渲染检查 350 项、真 AMap 浏览器验证 11 项、
表单交互 75 项);远端 e2e 350 项 0 失败(新增 10 项:勾选落库 / 跨家庭
拒绝 / 取消勾选移出 / 情绪不被清 / 无标记不动参与人);部署静态断言、
双 PHP 渲染、内容断言全过后提交。
This commit is contained in:
@@ -1303,3 +1303,22 @@ video.video-thumb.video-thumb-mini {
|
||||
.route-map { height: 62vh; }
|
||||
.route-tab { padding: 7px 14px; font-size: 13px; }
|
||||
}
|
||||
|
||||
/* ── 21. 节点表单:参与人勾选 + 位置详细地址(批 13)───────────── */
|
||||
.member-pick { display: flex; flex-wrap: wrap; gap: 8px; }
|
||||
.member-pick-item {
|
||||
display: inline-flex; align-items: center; gap: 6px;
|
||||
padding: 7px 12px; border: 1px solid var(--border);
|
||||
border-radius: 999px; background: var(--surface); cursor: pointer;
|
||||
font-size: 14px; transition: background .15s, border-color .15s;
|
||||
}
|
||||
.member-pick-item:hover { border-color: var(--border-strong); }
|
||||
.member-pick-item input[type="checkbox"] { margin: 0; accent-color: var(--accent); }
|
||||
.member-pick-item:has(input:checked) {
|
||||
border-color: var(--accent); background: color-mix(in srgb, var(--accent) 10%, #fff);
|
||||
}
|
||||
.member-pick-avatar {
|
||||
width: 22px; height: 22px; border-radius: 50%; object-fit: cover; display: block;
|
||||
}
|
||||
/* 联想选中后回填的详细地址(让人看见记下来的是什么) */
|
||||
.loc-detail { margin-top: 6px; font-size: 12.5px; word-break: break-all; }
|
||||
|
||||
Reference in New Issue
Block a user