# 政府端小程序

基于Vue.js和uni-app开发的政府管理系统微信小程序，提供完整的政府监管、审批、人员管理等功能。

## 功能特性

### 核心功能
- **数据看板**: 实时展示各类统计数据和分析图表
- **监管管理**: 监管记录管理、检查任务分配、结果跟踪
- **审批管理**: 各类申请审批流程管理
- **人员管理**: 政府工作人员信息管理
- **疫情监控**: 疫情数据监控和预警
- **服务管理**: 政府服务项目管理
- **仓库管理**: 物资仓库管理

### 技术特性
- 基于Vue 2.6 + uni-app框架
- 支持微信小程序、H5、App多端发布
- 响应式设计，适配各种屏幕尺寸
- 模块化组件设计，易于维护和扩展
- 完整的API接口集成
- 用户认证和权限管理

## 项目结构

```
government-mini-program/
├── src/
│   ├── components/          # 组件目录
│   │   ├── Home.vue        # 首页组件
│   │   ├── Login.vue       # 登录组件
│   │   ├── Dashboard.vue   # 数据看板
│   │   ├── Supervision.vue # 监管管理
│   │   ├── Approval.vue    # 审批管理
│   │   ├── Personnel.vue   # 人员管理
│   │   ├── Epidemic.vue    # 疫情监控
│   │   ├── Service.vue     # 服务管理
│   │   ├── Warehouse.vue   # 仓库管理
│   │   └── Profile.vue     # 个人中心
│   ├── pages/              # 页面目录
│   ├── services/           # API服务
│   ├── utils/              # 工具类
│   ├── styles/             # 样式文件
│   ├── router/             # 路由配置
│   ├── App.vue             # 根组件
│   └── main.js             # 入口文件
├── public/                 # 静态资源
├── package.json            # 项目配置
├── pages.json             # 页面配置
├── manifest.json          # 应用配置
└── vue.config.js          # Vue配置
```

## 开发环境

### 环境要求
- Node.js 16.20.2+
- npm 8.0.0+
- 微信开发者工具

### 安装依赖
```bash
npm install
```

### 开发模式
```bash
# H5开发
npm run dev:h5

# 微信小程序开发
npm run dev:mp-weixin
```

### 构建生产版本
```bash
# H5构建
npm run build:h5

# 微信小程序构建
npm run build:mp-weixin
```

## API接口

### 认证接口
- `POST /api/auth/login` - 用户登录
- `GET /api/auth/userinfo` - 获取用户信息

### 数据看板接口
- `GET /api/visualization/data` - 获取可视化数据
- `GET /api/supervision/stats` - 获取监管统计
- `GET /api/approval/stats` - 获取审批统计

### 监管管理接口
- `GET /api/supervision/list` - 获取监管列表
- `POST /api/supervision` - 创建监管记录
- `PUT /api/supervision/:id` - 更新监管记录
- `DELETE /api/supervision/:id` - 删除监管记录

### 审批管理接口
- `GET /api/approval/list` - 获取审批列表
- `POST /api/approval` - 创建审批
- `POST /api/approval/:id/approve` - 审批通过
- `POST /api/approval/:id/reject` - 审批拒绝

### 人员管理接口
- `GET /api/personnel/list` - 获取人员列表
- `POST /api/personnel` - 创建人员
- `PUT /api/personnel/:id` - 更新人员
- `DELETE /api/personnel/:id` - 删除人员

### 疫情监控接口
- `GET /api/epidemic/list` - 获取疫情列表
- `POST /api/epidemic` - 创建疫情记录
- `GET /api/epidemic/stats` - 获取疫情统计

### 服务管理接口
- `GET /api/service/list` - 获取服务列表
- `POST /api/service` - 创建服务
- `PUT /api/service/:id` - 更新服务
- `DELETE /api/service/:id` - 删除服务

### 仓库管理接口
- `GET /api/warehouse/list` - 获取仓库列表
- `POST /api/warehouse` - 创建仓库
- `PUT /api/warehouse/:id` - 更新仓库
- `DELETE /api/warehouse/:id` - 删除仓库

## 配置说明

### 环境配置
在项目根目录创建 `.env` 文件（或复制 `config.env` 为 `.env`）：
```
# API基础地址
VUE_APP_API_BASE_URL=http://localhost:5352/api

# 应用配置
VUE_APP_TITLE=政府管理系统
VUE_APP_VERSION=1.0.0
```

### 微信小程序配置
在 `manifest.json` 中配置小程序信息：
```json
{
  "mp-weixin": {
    "appid": "your-wechat-appid",
    "setting": {
      "urlCheck": false,
      "es6": true,
      "postcss": true,
      "minified": true
    }
  }
}
```

## 部署说明

### 微信小程序部署
1. 使用微信开发者工具打开项目
2. 配置小程序AppID
3. 点击上传，提交审核
4. 审核通过后发布

### H5部署
1. 执行 `npm run build:h5`
2. 将 `dist` 目录上传到服务器
3. 配置nginx或其他web服务器

## 开发指南

### 添加新页面
1. 在 `src/pages` 目录下创建页面文件夹
2. 在 `pages.json` 中注册页面
3. 在 `src/router/index.js` 中添加路由

### 添加新组件
1. 在 `src/components` 目录下创建组件文件
2. 在需要使用的页面中导入并使用

### 添加新API
1. 在 `src/services` 目录下创建服务文件
2. 在 `src/utils/request.js` 中添加请求方法
3. 在组件中调用API

## 注意事项

1. 确保后端API服务正常运行
2. 检查网络请求配置和跨域设置
3. 微信小程序需要配置合法域名
4. 生产环境需要配置HTTPS

## 许可证

MIT License