九聚-宁夏武警公众号前端页面

项目介绍

本项目是九聚-宁夏武警公众号的前端页面，基于Vue.js框架开发，提供了面向用户的医疗服务功能，包括预约挂号、缴费、报告查询、健康管理等多种功能模块。

技术栈

• 前端框架: Vue.js 2.6.11
• UI组件库: Vant 2.12.48
• 路由管理: Vue Router 3.2.0
• 状态管理: Vuex 3.4.0
• HTTP请求: Vue Resource 1.5.1
• 图表库: ECharts 6.0.0
• 地图服务: Vue AMAP 0.5.10
• 文档处理: pdfh5 1.4.7, vue-pdf 4.3.0
• 富文本编辑器: Quill 1.3.6
• 二维码生成: vue-qr 2.5.0
• 构建工具: Vue CLI 4.4.0

功能模块

核心功能

• 预约挂号: 提供科室选择、医生预约、挂号记录查询等功能
• 门诊缴费: 支持在线缴费、缴费记录查询
• 报告查询: 检验报告、检查报告的在线查询
• 住院管理: 住院费用查询、日清单查看
• 健康体检: 体检预约、体检报告查询
• 个人中心: 用户信息管理、家庭成员管理、就诊记录查询

辅助功能

• 医院导航: 医院信息、科室介绍、医生信息查询
• 智能导诊: 症状自查、疾病查询
• 消息中心: 系统通知、就诊提醒
• 意见反馈: 用户建议与反馈

项目结构

src/
├── assets/            # 静态资源文件(图片等)
├── components/        # 公共组件
├── css/               # 全局样式
├── request/           # API请求配置
├── router/            # 路由配置
├── store/             # Vuex状态管理
├── utils/             # 工具函数
├── views/             # 页面组件
├── App.vue            # 根组件
└── main.js            # 入口文件

安装与运行

环境要求

• Node.js 14.x 或更高版本
• Yarn 或 npm

安装依赖

yarn install
npm install

生产环境构建

npm run build

注意事项

1. 项目基于微信公众号开发，需要在微信环境中测试部分功能
2. 图片资源已进行优化处理，提高页面加载速度
3. 部分功能需要后端API支持，请确保API服务正常运行
4. 构建时会自动进行资源压缩和代码分割，优化前端性能

API接口

项目使用以下API接口（示例）：

// API基础地址
Vue.prototype.httpurl = "https://nxwj.btlsoln.com/nxgzh";

开发

九聚科技开发团队-桑

许可证

MIT License