nxxmdata/government-mini-program

政府端小程序

基于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+
• 微信开发者工具

安装依赖

npm install

开发模式

# H5开发
npm run dev:h5

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

构建生产版本

# 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 中配置小程序信息：

{
  "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