# yiliaocrm- 蝉印诊所管家运营平台前端

**Repository Path**: example-codes/yiliaocrm-his-tenant-admin

## Basic Information

- **Project Name**: yiliaocrm- 蝉印诊所管家运营平台前端
- **Description**: 蝉印诊所管家运营平台前端
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 7
- **Created**: 2025-10-29
- **Last Updated**: 2025-10-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 蝉印诊所管家运营端前端

> 基于 Vue 3 + Element Plus 构建的现代化诊所管理系统前端

## 🚀 快速开始

### 环境要求

- Node.js >= 16.0.0
- npm >= 8.0.0 或 yarn >= 1.22.0

### 安装依赖

```bash
npm install
# 或
yarn install
```

### 启动开发环境

```bash
npm run dev
# 或
yarn dev
```

### 构建生产环境

```bash
npm run build
# 或
yarn build
```

## 🖼️ 界面预览

<table>
  <tr>
    <td align="center"><b>登录页面</b><br><img src="./readme/login.png" alt="登录页面" width="100%"></td>
    <td align="center"><b>数据看板</b><br><img src="./readme/dashboard.png" alt="数据看板" width="100%"></td>
  </tr>
  <tr>
    <td align="center"><b>租户管理</b><br><img src="./readme/tenant.png" alt="租户管理" width="100%"></td>
    <td align="center"><b>系统配置</b><br><img src="./readme/config.png" alt="系统配置" width="100%"></td>
  </tr>
  <tr>
    <td align="center"><b>文件管理</b><br><img src="./readme/filesystem.png" alt="文件管理" width="100%"></td>
    <td align="center"><b>OEM配置</b><br><img src="./readme/oem.png" alt="OEM配置" width="100%"></td>
  </tr>
</table>

## 🏗️ 技术架构

### 核心技术栈

- **前端框架**: Vue 3.x
- **UI组件库**: Element Plus 2.x
- **构建工具**: Vite 4.x
- **路由管理**: Vue Router 4.x
- **状态管理**: Pinia
- **HTTP客户端**: Axios
- **样式框架**: Tailwind CSS

### 目录结构

```
src/
├── api/                # API接口定义
├── assets/            # 静态资源
├── components/        # 公共组件
├── config/            # 配置文件
├── directives/        # 自定义指令
├── layout/            # 布局组件
├── locales/           # 国际化文件
├── router/            # 路由配置
├── store/             # 状态管理
├── style/             # 样式文件
├── utils/             # 工具函数
└── views/             # 页面组件
```

## 🔧 开发说明

### 代码规范

项目使用 Prettier 进行代码格式化：

```bash
npm run format
```

### 组件开发

- 使用 Vue 3 Composition API
- 遵循 Element Plus 设计规范
- 组件命名采用 PascalCase
- 文件命名采用 kebab-case

## 🐛 常见问题

### Q: 构建后的文件如何部署？
A: 将 `admin` 目录下的文件部署到laravel项目中`public/dist/`目录下

## 📞 技术支持

如有问题，请联系开发团队或提交 Issues：
---

© 2025 蝉印诊所管家运营端. All rights reserved.