西宁市党建联盟
社区共享自习室 小程序功能优化方案

一原需求还原与优化诊断

先对齐需求原文，再说明为什么要优化

需求原文（3 条）

诊断：现有需求存在的 6 个问题

优化结论

二整体功能架构

底部 4 个 Tab，功能不重叠、入口不超过两层

页面清单（一期）

三首页：地图 ＋ 列表（落地 REQ-01 / 02）

上地图、下列表，双向联动；所有字段一次性给足

3.1 顶部地图区（占首屏约 38%）

• 覆盖范围：一期完整渲染 城中区、城西区、城北区、城东区 四个行政区，用淡蓝色 polygon 描边着色并标注区名；湟中区、大通回族土族自治县、湟源县作为二期扩展（数据结构预留，不做硬编码）。
• 标点样式：普通自习室用党旗红水滴标；党建联盟示范点加高原金圆环。同屏标点超过 12 个时自动聚合为数字气泡，点击展开。
• 点标交互：点击标点 → 从底部浮出 气泡卡（名称 / 所在县区 / 距我距离 / 剩余座位），卡上带【导航】【详情】两个按钮，不再需要进详情页才能导航。
• 地图↔列表双向联动：
  ① 上滑列表浏览时，地图自动平移居中并放大被浏览的那家；
  ② 拖动/缩放地图后，列表自动过滤为当前可视范围内的自习室；
  ③ 地图右上角提供"回到我的位置"与"全览四区"两个浮动按钮。
• 定位授权：首次进入申请位置权限；用户拒绝时降级为以市中心为默认中心点，并显示"开启定位可查看距离"引导条，不得出现空白地图。
• 顶部悬浮条：搜索框（名称 / 地址 / 社区 / 特色关键词）＋ 区筛选 chips（全部·城中·城西·城北·城东）。

3.2 列表区（地图下方，支持上滑拖拽全屏展开）

卡片字段与需求逐条对应，一个不漏、一个不堆：

3.3 排序、筛选与状态

四自习室详情页（"查看详情"的落地形态）

列表负责"快速比较"，详情负责"看明白、马上约"

页面分区（自上而下）

• 图片轮播：3–6 张实景图（门头 / 自习区 / 书架 / 活动区），支持点击看大图，右上角"共 N 张"。
• 标题区：自习室名称 ＋ 县区/社区标签 ＋ 状态徽章 ＋ 党建联盟示范点 金标。
• 核心推荐理由：单独高亮卡展示（金色左边框），这是党建阵地的"卖点"，不与普通信息混排。
• 基础信息：详细地址（点即导航）、开放时间（周一至周日 08:30–21:00）、座位总数/当前余座、联系电话、所属社区与党组织。
• 配套设施：两行图标栅格（8–12 项），有则亮、无则灰，避免只列有的一侧造成误判。
• 推荐理由详情：可长文，支持分段与照片插图。
• 联系人区：姓名 / 职务 / 电话，一键拨号；注明值守时间。
• 党建元素区：所属党建联盟、共建单位党组织、"党员先锋岗"值守人、最近一场阵地活动。
• 底部固定操作条：立即预约（主按钮）＋ 导航 ＋ 收藏 ＋ 分享小程序卡片。

五界面骨架示意（评审用线框）

只表达信息层级与按钮位置，不是最终视觉稿

六核心新增闭环：选座预约与签到

这是共享自习室"能用"的关键，也是原需求最大的缺口

6.1 预约流程细则

• 选时段：以 30 分钟为粒度，可选 08:30–21:00 内任意连续区间，最长单次 4 小时；已被约满的时段置灰并显示"余 N 座"。
• 选座位：提供"座位平面图"（推荐，直观）与"座位列表"（无障碍）两种视图；已占用座位灰显，可快速筛选"靠窗 / 靠书架 / 单人位 / 讨论区"。
• 实名认证：首次预约需手机号 ＋ 身份认证（一次性），之后免填；党员用户认证后显示党徽标识，享提前 24 小时预约权与示范点优先权——这是党建元素的实际价值体现，而非装饰。
• 提交结果：生成 预约码（二维码 ＋ 6 位数字双通道），并写入"我的预约"，同时下发订阅消息。

6.2 到馆与离馆

6.3 规则（必须写进方案，否则现场必吵）

七党建联盟模块（让"党建"名副其实）

这是本小程序区别于商业自习室 App 的根本

• 联盟介绍与成员单位：以"党建联盟"名义整合的社区党组织、机关企事业单位、社会组织、驻区单位名录，按县区分类展示，每个成员单位可挂接其开放的自习室。
• 共建结对：展示共建单位党组织与共建项目（如"某单位党支部援建书架 200 册"），有实景图更佳。
• 党员先锋岗：每间自习室标注先锋岗值守党员与值守时段，可一键联系；值守记录计入党员志愿服务时长。
• 阵地活动：主题党日、"三会一课"、青年夜校、亲子阅读、寒暑假公益托管班、考公考研互助小组——统一的活动列表 ＋ 报名 ＋ 签到，活动地点可直接挂到某间自习室。
• 党员双报到：党员在线到社区报到、认领志愿服务岗（图书整理、秩序维护、公益辅导），服务次数计入积分。
• "先锋自习室"榜单：按开放时长、服务人次、活动场次综合排名，月度更新，榜首授予金标——用榜单驱动各社区持续运营，避免"上线即僵尸"。

八我的（个人中心）

轻量聚合页，不做重内容

九数据字段定义（开发直接可用）

三张主表，字段类型、必填、来源一次说清

9.1 自习室表 rooms（来源：社区填报 → 区委组织部审核）

9.2 预约表 bookings

9.3 活动表 activities

十关键交互流程

评审时按这条线走一遍，功能是否完整一目了然

主流程：找 → 约 → 到 → 学 → 评

两条短路径（体验关键）

十一党建红色系视觉规范（验收标准）

把"红色系"变成可量化的验收条款，避免十种红

11.1 主色板（与西宁党建小程序既有色板保持同一套）

11.2 用色规则（写进验收）

• 色值唯一：全站只允许出现上述色板，红色只有"党旗红 / 深党旗红"两支，禁止自由调红。
• 比例控制：红色占比 ≤ 30%，用于顶部导航、主按钮、重点数据、选中态；大面积留白用米白底，避免满屏红造成视觉疲劳与廉价感。
• 金色只用于荣誉：示范点金标、积分、榜单、徽章；蓝色专用于地图与信息辅助，绿色表示"开放中/已完成"，语义全站统一。
• 地图配色：行政区填充用青海湖蓝低透明度（10–14%），道路浅灰，标点党旗红——保证标点在全图最醒目。

11.3 版式与图标

11.4 文案红线

• 专有名词、领域简称一律加中文引号："党建联盟"、"三会一课"、"双报到"、"党员先锋岗"。
• 不得编造领导讲话与政策文件名称；政策可写"《青海省促进全民阅读条例》"一类常规表述，不引用具体条款编号。
• 全中文界面，不留占位文字（"待补充""TODO"）与测试数据；示例数据用西宁真实区名与社区名，增强可信度。

十二技术实现要点

交付给开发团队的关键接口与坑位

十三分期建设路线

先让群众能用，再让运营省力，最后让数据说话

十四验收清单

逐条打勾，双方无争议

1. 地图完整显示城中区、城西区、城北区、城东区四区，区名与边界清晰可辨
2. 所有已录入自习室在地图上标点准确，实地比对误差小于 50 米
3. 列表卡片字段齐全：名称、所在县区、位置信息、推荐理由、配套措施、联系人、联系方式、图片，缺一不可
4. 点击位置信息可正常唤起微信内置地图并进入导航
5. 点击联系电话经确认弹窗后可正常拨出
6. 点击卡片可进入详情页，返回后列表滚动位置与筛选状态不丢失
7. 地图与列表双向联动生效：滑列表地图跟随，拖地图列表过滤
8. 拒绝定位授权后有降级方案，地图不出现空白
9. 弱网、无数据、接口失败三种异常均有明确提示与重试入口
10. 全站符合党建红色系规范：色值取自指定色板，红色占比 ≤30%
11. 图标全部为矢量 SVG，无 emoji，无外部图片外链依赖
12. 无占位文字（"待补充""TODO"），无测试残留数据
13. 专有名词加中文引号，政治表述规范，无编造讲话与文件
14. 后台可完成自习室增删改查与审核，字段与前端一致