# 物业管理前端系统

这是一个基于Vue.js和Element UI的物业管理前端系统，提供完整的物业管理功能界面。

## 项目概述

本项目是一个现代化的物业管理前端系统，采用Vue.js框架开发，使用Element UI组件库构建用户界面。系统提供了完整的物业管理功能，包括用户管理、社区管理、便民服务等模块。

## 主要功能模块

### 便民服务管理
- **功能描述**: 管理系统中的便民服务信息，如家政服务、维修服务等
- **操作权限**: 
  - ✅ 查看服务列表
  - ✅ 修改服务信息
  - ❌ 新增服务（已禁用）
  - ❌ 删除服务（已禁用）
- **特殊限制**: 
  - 服务类型字段在修改时不可更改（置灰状态）
  - 只能修改服务的描述、预约热线和轮播图信息
- **轮播图功能**: 
  - ✅ 支持上传多张图片（最多5张）
  - ✅ 支持图片预览和删除
  - ✅ 图片数据自动保存为逗号分隔的字符串
  - ✅ 支持拖拽排序和批量管理
- **使用说明**: 
  - 点击"修改"按钮可以编辑现有服务信息
  - 服务类型会自动置灰，确保服务分类的稳定性
  - 轮播图支持多张图片上传，点击"+"按钮添加图片
  - 支持按服务类型、描述、预约热线等条件搜索

### 其他功能模块
- 用户管理
- 社区管理
- 车位管理
- 访客管理
- 维修管理
- 支付管理

## 技术架构

- **前端框架**: Vue.js 2.x
- **UI组件库**: Element UI
- **状态管理**: Vuex
- **路由管理**: Vue Router
- **HTTP客户端**: Axios
- **构建工具**: Webpack

## 开发

```bash
# 进入项目目录
cd ruoyi-ui

# 安装依赖
npm install

# 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev
```

浏览器访问 http://localhost:80

## 发布

```bash
# 构建测试环境
npm run build:stage

# 构建生产环境
npm run build:prod
```