86 lines
2.5 KiB
Markdown
86 lines
2.5 KiB
Markdown
# 九聚-宁夏武警公众号前端页面
|
||
|
||
## 项目介绍
|
||
本项目是九聚-宁夏武警公众号的前端页面，基于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
|
||
|
||
### 安装依赖
|
||
```bash
|
||
yarn install
|
||
npm install
|
||
```
|
||
|
||
|
||
### 生产环境构建
|
||
```bash
|
||
npm run build
|
||
```
|
||
|
||
## 注意事项
|
||
1. 项目基于微信公众号开发，需要在微信环境中测试部分功能
|
||
2. 图片资源已进行优化处理，提高页面加载速度
|
||
3. 部分功能需要后端API支持，请确保API服务正常运行
|
||
4. 构建时会自动进行资源压缩和代码分割，优化前端性能
|
||
|
||
## API接口
|
||
项目使用以下API接口（示例）：
|
||
```javascript
|
||
// API基础地址
|
||
Vue.prototype.httpurl = "https://nxwj.btlsoln.com/nxgzh";
|
||
```
|
||
|
||
## 开发
|
||
九聚科技开发团队-桑
|
||
|
||
## 许可证
|
||
MIT License
|