# zzyl_web

**Repository Path**: itheima-zzyl/zzyl_web

## Basic Information

- **Project Name**: zzyl_web
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-06-10
- **Last Updated**: 2025-06-10

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

<p align="center">
	<img alt="logo" src="https://xingxing-2021.oss-cn-chengdu.aliyuncs.com/favicon.ico">
</p>
<h1 align="center" style="margin: 30px 0 30px; font-weight: bold;">中州智慧养老管理系统 - 前端项目</h1>
<h4 align="center">基于 Vue3 + Element Plus + Vite 的现代前端开发架构</h4>

---

## 📖 项目介绍

本系统为中州智慧养老管理系统的前端子项目，旨在通过 Vue3 现代化技术栈，为养老机构提供高效、清晰、智能化的人机交互界面，提升服务质量与用户体验。

系统适用于多种养老服务场景，包括：

* 养老院 / 护理中心
* 社区养老 / 居家养老
* 老人家属远程服务与监控平台

系统支持多端兼容，界面简洁，交互友好，结合后端数据实时响应用户操作。

---

## ✨ 技术选型

* ☑ Vue3 Composition API
* ☑ TypeScript（可选）
* ☑ Element Plus
* ☑ Vite 构建工具
* ☑ Axios 请求库
* ☑ Pinia 状态管理（可选）
* ☑ Vue Router 路由系统
* ☑ ECharts 数据可视化
* ☑ 支持 i18n 国际化扩展

---

## ▶️ 快速启动

```bash
# 克隆项目
git clone https://gitee.com/tuowei_1/zzyl-web.git

# 进入前端项目目录
cd ceshi

# 安装依赖（推荐使用国内源）
yarn --registry=https://registry.npmmirror.com

# 启动开发环境
yarn dev

# 构建生产环境
yarn build

# 前端访问地址
http://localhost:80
```

---

## 🌟 前端核心模块功能

1. 👤 老人档案视图：支持健康信息、入住记录、家庭联系人等模块展示。
2. ⚖️ 服务申请与支付：老人与家属可在线申请护理、生活等服务，并完成在线支付。
3. 👁️ 实时监控展示：接入设备数据或后台接口，实时展现老人的活动与健康状态。
4. 🏢 管理员门户：权限控制下的功能视图定制，例如护理计划配置、数据查询等。
5. 📊 数据大屏展示：基于 ECharts 实现入住率、护理类型、服务频次等统计图表。
6. 🌐 家属端服务：适配手机浏览器，支持查看老人信息、远程通话等交互。

---

## 💬 项目结构

```
|-- src
|   |-- api        // 所有 API 接口封装
|   |-- assets     // 图片、图标等静态资源
|   |-- components // 通用组件封装
|   |-- views      // 页面组件模块（如老人物理状态、服务下单）
|   |-- router     // Vue Router 配置
|   |-- store      // Pinia 状态管理（如登录状态、用户信息）
|   |-- utils      // 工具函数（如时间格式化、权限控制）
|-- public         // 静态文件
|-- vite.config.ts // Vite 配置
```

---

## 🛠️ 后续规划

* ☑ PWA 支持，实现养老院局域网离线访问
* ☑ 家属端 App 打包（H5）
* ☑ 健康数据大屏滚动展示
* ☑ 登录界面美化与多角色身份适配

---

## 📚 文档与参考

* Vue3 文档：[https://cn.vuejs.org](https://cn.vuejs.org)
* Element Plus：[https://element-plus.org/zh-CN/](https://element-plus.org/zh-CN/)
* Vite 文档：[https://vitejs.dev](https://vitejs.dev)
* 项目演示地址（若有）：即将上线

---

## 👏 致谢

本系统基于 RuoYi-Vue3 框架开发，感谢开源作者提供的高质量基础架构。

中州智慧养老管理系统，致力于用科技提升养老服务质量。