# 工智云域管理系统的前端VUE3

**Repository Path**: magicxie/vue

## Basic Information

- **Project Name**: 工智云域管理系统的前端VUE3
- **Description**: 采用现代化的前端技术栈（Vue 3 + Vite + Pinia）和主流UI框架（Ant Design Vue + Element Plus）开发，具备美观直观的用户界面和流畅的交互体验。后端基于Spring Boot + MyBatis Plus构建，提供稳定高效的数据处理能力。数据可视化的前端采用 dataV+ECharts +Vue3  , 数据库采用MySQL 
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2025-10-21
- **Last Updated**: 2025-10-21

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# **工智云域——基于全栈技术的智慧工厂生产协同管理信息系统项目简介**

工智云域是一套面向制造业的综合性生产管理平台，通过整合生产、质量、设备、仓储、人员等各环节数据，实现工厂全流程数字化管理。系统采用微服务架构设计，前后端分离开发，结合数据可视化技术，为制造企业打造全方位的智能工厂解决方案。

## 系统功能

- **基础管理（PM）**：车间管理、生产线管理、产品管理
- **生产管理（PM）**：计划排产、工单管理、BOM管理
- **设备管理（DM）**：基础信息、设备维护、设备报警
- **仓库管理（WMS）**：库位管理、仓库管理
- **质量管理（QC）**：质检管理、不良品处理
- **物料管理（MWM）**：物料管理、物料库存
- **班次管理（SM）**：班次设置、团队管理、班组排班、成员管理
- **申请管理（tas）**：入库申请、出库申请
- **我的任务（sks）**：入库审核、出库审核、供应商管理
- **数据看板**：生产监控、KPI统计、趋势分析
- **系统管理**：用户权限、数据字典、日志审计

## 技术架构

### 前端技术栈

- **核心框架**：Vue 3 + Vite
- **UI组件**：Element Plus
- **状态管理**：Pinia/Vuex
- **路由管理**：Vue Router
- **数据可视化**：ECharts
- **HTTP请求**：Axios

### 后端技术栈

- **开发框架**：Spring Boot
- **权限框架**：Spring Security
- **数据持久层**：MyBatis Plus
- **数据库**：MySQL/Redis
- **消息队列**：RabbitMQ（实时数据处理）

## 系统特色

#### 数据可视化

-**生产大屏**：关键KPI实时监控

-**设备状态**：直观展示设备运行状态

-**生产追踪**：工单执行可视化跟踪

-**趋势分析**：生产、质量等多维度数据趋势分析

#### 智能决策支持

-**产能分析**：基于历史数据的产能评估

-**预测预警**：设备故障预测，物料需求预警

-**优化建议**：生产排程优化，资源配置建议

#### 协同与集成

-**跨部门协同**：生产、质检、仓储等部门信息实时共享

-**供应链集成**：与供应商、客户系统无缝对接

-**设备互联**：支持多协议设备数据采集与控制

## 快速开始

### 环境要求

- Node.js 16+
- JDK 1.8+
- MySQL 5.7+
- Redis 6.0+
- Maven 3.6+

### 可视化源码链接

https://gitee.com/mr_hongxiansheng/IMCH

### 启动开发服务器

npm run dev

### 构建生产环境

npm run build

## 项目结构

```
├── src                        # 源代码
│   ├── api                    # 接口请求
│   ├── assets                 # 静态资源
│   ├── components             # 公共组件
│   ├── directive              # 自定义指令
│   ├── layout                 # 布局组件
│   ├── plugins                # 插件配置
│   ├── router                 # 路由配置
│   ├── store                  # 状态管理
│   ├── utils                  # 工具函数
│   ├── views                  # 页面组件
│   ├── App.vue                # 根组件
│   ├── main.js                # 入口文件
│   ├── permission.js          # 权限控制
│   └── settings.js            # 全局配置
├── public                     # 静态资源
├── .env.*                     # 环境变量配置
├── vite.config.js             # Vite配置
└── package.json               # 项目依赖
```

## 效果图展示

![1744194800954](image/xiaoguo/1744194800954.png)

![1744194810811](image/xiaoguo/1744194810811.png)

![1744194819639](image/xiaoguo/1744194819639.png)

![1744194829633](image/xiaoguo/1744194829633.png)

![1744194839711](image/xiaoguo/1744194839711.png)

![1744194851768](image/xiaoguo/1744194851768.png)

![1744194859304](image/xiaoguo/1744194859304.png)

![1744194882451](image/xiaoguo/1744194882451.png)

![1744194893778](image/xiaoguo/1744194893778.png)

![1744194902130](image/xiaoguo/1744194902130.png)

![1744194911944](image/xiaoguo/1744194911944.png)

![1744194918338](image/xiaoguo/1744194918338.png)

![1744194928863](image/xiaoguo/1744194928863.png)

![1744194935791](image/xiaoguo/1744194935791.png)

![1744194942479](image/xiaoguo/1744194942479.png)

![1744194949447](image/xiaoguo/1744194949447.png)

![1744194956084](image/xiaoguo/1744194956084.png)

![1744194965534](image/xiaoguo/1744194965534.png)

![1744194972149](image/xiaoguo/1744194972149.png)

![1744194977728](image/xiaoguo/1744194977728.png)

![1744194987285](image/xiaoguo/1744194987285.png)

![1744194999948](image/xiaoguo/1744194999948.png)

![1744195006926](image/xiaoguo/1744195006926.png)

![1744195034913](image/xiaoguo/1744195034913.png)

![1744195143250](image/xiaoguo/1744195143250.png)

![1744195148952](image/xiaoguo/1744195148952.png)

![1744195154526](image/xiaoguo/1744195154526.png)

![1744195159525](image/xiaoguo/1744195159525.png)

![1744195166676](image/xiaoguo/1744195166676.png)

![1744195173293](image/xiaoguo/1744195173293.png)

![1744195179804](image/xiaoguo/1744195179804.png)

![1744195187288](image/xiaoguo/1744195187288.png)

![1744195193041](image/xiaoguo/1744195193041.png)

![1744195197946](image/xiaoguo/1744195197946.png)

![1744195208585](image/xiaoguo/1744195208585.png)

![1744195617084](image/xiaoguo/1744195617084.png)

![1744195626542](image/xiaoguo/1744195626542.png)

![1744195636413](image/xiaoguo/1744195636413.png)

![1744195646114](image/xiaoguo/1744195646114.png)

![1744195766479](image/xiaoguo/1744195766479.png)

![1744195775161](image/xiaoguo/1744195775161.png)

## 开发指南

### 命名规范

- 文件夹：小写字母，多单词以连字符(-)分隔
- 文件名：大驼峰命名（PascalCase）
- 组件名：大驼峰命名（PascalCase）
- 变量名：小驼峰命名（camelCase）
- 常量：大写字母，多单词以下划线(_)分隔