docs: 重构管理端/小助手PRD文档结构,优化md-viewer图片预览体验
- PRD按一级菜单分类组织页面清单和逐页说明,补充复杂弹窗截图 - 筛选条件描述从表格改为行内格式,统一文档风格 - md-viewer修复图片280px压缩问题,新增lightbox点击放大,统一正文字号14px Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,84 +1,10 @@
|
||||
<style>
|
||||
/* 浏览器预览时左侧固定目录导航 */
|
||||
@media screen {
|
||||
#toc-container {
|
||||
position: fixed;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 280px;
|
||||
height: 100vh;
|
||||
overflow-y: auto;
|
||||
padding: 20px;
|
||||
background: #f8f9fa;
|
||||
border-right: 1px solid #e0e0e0;
|
||||
box-sizing: border-box;
|
||||
font-size: 14px;
|
||||
z-index: 1000;
|
||||
}
|
||||
#toc-container ul { list-style: none; padding-left: 16px; }
|
||||
#toc-container > ul { padding-left: 0; }
|
||||
#toc-container a { color: #333; text-decoration: none; display: block; padding: 3px 0; }
|
||||
#toc-container a:hover { color: #0366d6; }
|
||||
#main-content { margin-left: 300px; max-width: 900px; padding: 20px; }
|
||||
}
|
||||
@media print { #toc-container { position: static; width: auto; } #main-content { margin-left: 0; } }
|
||||
</style>
|
||||
# 健康长庆升级项目 - 产品需求文档(PRD)
|
||||
|
||||
<div id="toc-container">
|
||||
|
||||
## 目录
|
||||
|
||||
- [一、文档概述](#一文档概述)
|
||||
- [二、项目背景与目标](#二项目背景与目标)
|
||||
- [(一)项目背景](#一项目背景)
|
||||
- [(二)项目目标](#二项目目标)
|
||||
- [(三)交付标准](#三交付标准)
|
||||
- [三、项目需求分析](#三项目需求分析)
|
||||
- [(一)用户画像分析](#一用户画像分析)
|
||||
- [(二)项目交付成果分析](#二项目交付成果分析)
|
||||
- [(三)核心业务分析](#三核心业务分析)
|
||||
- [四、共性需求说明](#四共性需求说明)
|
||||
- [(一)PC端共性需求](#一pc端共性需求)
|
||||
- [1.布局与框架](#1布局与框架)
|
||||
- [2.表单设计规范](#2表单设计规范)
|
||||
- [3.搜索与筛选规范](#3搜索与筛选规范)
|
||||
- [4.交互与操作](#4交互与操作)
|
||||
- [5.数据展示](#5数据展示)
|
||||
- [6.文件处理规范](#6文件处理规范)
|
||||
- [7.反馈与提示](#7反馈与提示)
|
||||
- [8.权限控制](#8权限控制)
|
||||
- [(二)移动端共性需求](#二移动端共性需求)
|
||||
- [1.布局与导航](#1布局与导航)
|
||||
- [2.表单设计规范](#2表单设计规范)
|
||||
- [3.交互与操作](#3交互与操作)
|
||||
- [4.数据展示](#4数据展示)
|
||||
- [5.图片与文件处理](#5图片与文件处理)
|
||||
- [6.反馈与提示](#6反馈与提示)
|
||||
- [7.网络异常处理](#7网络异常处理)
|
||||
- [(三)跨端通用规范](#三跨端通用规范)
|
||||
- [1.品牌与视觉一致性](#1品牌与视觉一致性)
|
||||
- [2.数据安全与隐私保护](#2数据安全与隐私保护)
|
||||
- [3.字典与枚举规范](#3字典与枚举规范)
|
||||
- [4.无障碍规范](#4无障碍规范)
|
||||
- [五、功能需求详细设计](#五功能需求详细设计)
|
||||
- [(一)系统管理](#一系统管理)
|
||||
- [(二)健康评估](#二健康评估)
|
||||
- [(三)应急就医](#三应急就医)
|
||||
- [(四)专家咨询](#四专家咨询)
|
||||
- [六、非功能性需求](#六非功能性需求)
|
||||
- [(一)性能要求](#一性能要求)
|
||||
- [(二)兼容性要求](#二兼容性要求)
|
||||
- [七、技术实现方案](#七技术实现方案)
|
||||
- [(一)项目技术架构设计](#一项目技术架构设计)
|
||||
- [(二)数据库设计](#二数据库设计)
|
||||
- [(三)接口设计](#三接口设计)
|
||||
- [(四)系统安全与可用性设计](#四系统安全与可用性设计)
|
||||
- [(五)系统部署与运维设计](#五系统部署与运维设计)
|
||||
|
||||
</div>
|
||||
|
||||
<div id="main-content">
|
||||
> **所属端**:健康长庆升级项目共性需求说明
|
||||
> **模块路径**:`platform-prototype/`
|
||||
> **最后更新**:2026-04-17
|
||||
|
||||
---
|
||||
# 一、文档概述
|
||||
|
||||
本文档为“健康长庆升级项目”的产品需求规格说明书(以下简称PRD),旨在系统性地定义本次升级的业务目标、功能范围、用户角色及非功能性需求,为项目团队(包括产品、设计、研发、测试等角色)提供统一的需求基线。该文档适用于“健康长庆升级项目”的全生命周期,涵盖需求分析、系统设计、原型设计、测试验证、交付验收各阶段。
|
||||
@@ -234,7 +160,7 @@
|
||||
|
||||
- 列表分页默认每页 10 条,支持切换每页条数(10 / 20 / 50/100)
|
||||
|
||||
- 列表表格支持列宽拖动、根据每列内容合理规划列宽(如手机号身份证号等长度固定的字段)、列显隐配置,配置状态本地持久化
|
||||
- 列表表格支持列宽拖动、根据每列内容合理规划列宽(如手机号、身份证号、性别、年龄、工号等长度固定的字段)、列显隐配置,配置状态本地持久化
|
||||
|
||||
- 超长文本单行截断显示"...",鼠标悬浮展示完整内容(Tooltip)
|
||||
|
||||
@@ -318,7 +244,7 @@
|
||||
|
||||
### 7.反馈与提示
|
||||
|
||||
- 操作成功/失败:使用顶部居中 Toast 提示,3 秒后自动消失
|
||||
- 操作成功/失败:使用顶部居中 Toast 提示,3 秒后自动消失;提示词保持格式统一,如:‘删除成功’、‘删除成功’、‘保存成功’、‘保存失败’...
|
||||
|
||||
- 关键操作(删除、提交、发布):使用 Confirm 确认框,需用户主动确认
|
||||
|
||||
@@ -551,6 +477,4 @@
|
||||
|
||||
## (四)系统安全与可用性设计
|
||||
|
||||
## (五)系统部署与运维设计
|
||||
|
||||
</div>
|
||||
## (五)系统部署与运维设计
|
||||
Reference in New Issue
Block a user