2026-01-06 17:01:32 +08:00
|
|
|
|
# 九聚-宁夏武警公众号前端页面
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
## 项目介绍
|
|
|
|
|
|
本项目是九聚-宁夏武警公众号的前端页面,基于Vue.js框架开发,提供了面向用户的医疗服务功能,包括预约挂号、缴费、报告查询、健康管理等多种功能模块。
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
## 技术栈
|
|
|
|
|
|
- **前端框架**: 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
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
## 功能模块
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
### 核心功能
|
|
|
|
|
|
- **预约挂号**: 提供科室选择、医生预约、挂号记录查询等功能
|
|
|
|
|
|
- **门诊缴费**: 支持在线缴费、缴费记录查询
|
|
|
|
|
|
- **报告查询**: 检验报告、检查报告的在线查询
|
|
|
|
|
|
- **住院管理**: 住院费用查询、日清单查看
|
|
|
|
|
|
- **健康体检**: 体检预约、体检报告查询
|
|
|
|
|
|
- **个人中心**: 用户信息管理、家庭成员管理、就诊记录查询
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
### 辅助功能
|
|
|
|
|
|
- **医院导航**: 医院信息、科室介绍、医生信息查询
|
|
|
|
|
|
- **智能导诊**: 症状自查、疾病查询
|
|
|
|
|
|
- **消息中心**: 系统通知、就诊提醒
|
|
|
|
|
|
- **意见反馈**: 用户建议与反馈
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
## 项目结构
|
|
|
|
|
|
```
|
|
|
|
|
|
src/
|
|
|
|
|
|
├── assets/ # 静态资源文件(图片等)
|
|
|
|
|
|
├── components/ # 公共组件
|
|
|
|
|
|
├── css/ # 全局样式
|
|
|
|
|
|
├── request/ # API请求配置
|
|
|
|
|
|
├── router/ # 路由配置
|
|
|
|
|
|
├── store/ # Vuex状态管理
|
|
|
|
|
|
├── utils/ # 工具函数
|
|
|
|
|
|
├── views/ # 页面组件
|
|
|
|
|
|
├── App.vue # 根组件
|
|
|
|
|
|
└── main.js # 入口文件
|
|
|
|
|
|
```
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
## 安装与运行
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
### 环境要求
|
|
|
|
|
|
- Node.js 14.x 或更高版本
|
|
|
|
|
|
- Yarn 或 npm
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
### 安装依赖
|
|
|
|
|
|
```bash
|
|
|
|
|
|
yarn install
|
|
|
|
|
|
npm install
|
|
|
|
|
|
```
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
|
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
### 生产环境构建
|
|
|
|
|
|
```bash
|
|
|
|
|
|
npm run build
|
|
|
|
|
|
```
|
2026-01-06 15:03:14 +08:00
|
|
|
|
|
2026-01-06 17:01:32 +08:00
|
|
|
|
## 注意事项
|
|
|
|
|
|
1. 项目基于微信公众号开发,需要在微信环境中测试部分功能
|
|
|
|
|
|
2. 图片资源已进行优化处理,提高页面加载速度
|
|
|
|
|
|
3. 部分功能需要后端API支持,请确保API服务正常运行
|
|
|
|
|
|
4. 构建时会自动进行资源压缩和代码分割,优化前端性能
|
|
|
|
|
|
|
|
|
|
|
|
## API接口
|
|
|
|
|
|
项目使用以下API接口(示例):
|
|
|
|
|
|
```javascript
|
|
|
|
|
|
// API基础地址
|
|
|
|
|
|
Vue.prototype.httpurl = "https://nxwj.btlsoln.com/nxgzh";
|
|
|
|
|
|
```
|
|
|
|
|
|
|
|
|
|
|
|
## 开发
|
|
|
|
|
|
九聚科技开发团队-桑
|
|
|
|
|
|
|
|
|
|
|
|
## 许可证
|
|
|
|
|
|
MIT License
|