# jvs-spc-ui

**Repository Path**: software-minister_admin/jvs-spc-ui

## Basic Information

- **Project Name**: jvs-spc-ui
- **Description**: 轻量制造业SPC质量控制系统，支持检测规则配置、Excel导入、控制图分析、异常判定与处理、过程能力分析，实现过程波动实时监控与预警，防批量不良。https://spc.bctools.cn
- **Primary Language**: NodeJS
- **License**: Apache-2.0
- **Default Branch**: 2.4
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 2
- **Created**: 2026-07-25
- **Last Updated**: 2026-07-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JVS SPC UI

## 项目简介

JVS SPC UI 是一个基于 Vue 3 + TypeScript + Vite 构建的统计过程控制（SPC）前端应用。该应用专注于工业质量管控领域，提供完整的数据可视化、异常监控、检验管理等功能。

## 技术栈

- **框架**: Vue 3
- **语言**: TypeScript
- **构建工具**: Vite
- **样式**: SCSS
- **HTTP**: Axios
- **图标**: Iconfont
- **部署**: Docker (Nginx)

## 功能模块

### 1. SPC工作台
- 产品树管理
- 控制图分析
- 数据导入
- 异常列表
- 消息配置

### 2. 异常中心
- 异常看板
- 异常列表
- 异常详情抽屉

### 3. 检验管理
- 检验表单

### 4. 系统管理
- 消息模板
- 系统配置
- 用户信息管理

### 5. 数据可视化
- 看板页面
- 动态页面设计
- 组件设计与管理

## 快速开始

### 环境要求

- Node.js 16+
- npm 或 yarn

### 安装依赖

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

### 开发模式

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

### 构建生产版本

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

### Docker 部署

```bash
# 构建镜像
docker build -t jvs-spc-ui docker/

# 运行容器
docker run -d -p 80:80 jvs-spc-ui
```

## 项目结构

```
├── public/                 # 静态资源
│   └── jvs-ui-public/      # JVS UI 公共资源
│       ├── icon/           # 图标文件
│       ├── fonts/          # 字体文件
│       ├── img/            # 图片资源
│       └── cdn/            # CDN资源
├── src/
│   ├── api/               # API接口
│   ├── components/        # 公共组件
│   ├── const/             # 常量定义
│   ├── router/            # 路由配置
│   ├── store/             # 状态管理
│   ├── styles/            # 样式文件
│   ├── util/              # 工具函数
│   ├── views/             # 页面视图
│   ├── App.vue            # 根组件
│   └── main.ts            # 入口文件
├── docker/                # Docker配置
├── index.html             # HTML入口
├── package.json           # 项目配置
├── vite.config.ts         # Vite配置
└── tsconfig.json          # TypeScript配置
```

## 配置说明

### API配置

在 `src/api/request.ts` 中配置基础请求参数：

```typescript
const instance: AxiosInstance
// 配置请求拦截器和响应拦截器
```

### 路由配置

路由文件位于 `src/router/index.ts` 和 `src/router/page.ts`

### 环境变量

通过 `vite.config.ts` 配置环境变量

## 浏览器支持

- Chrome (推荐)
- Firefox
- Edge
- Safari


本项目适合用于学习 SPC 系统设计、质量管理数字化实践，也可以作为企业内部质量管理系统的一期基础版本。
![输入图片说明](https://foruda.gitee.com/images/1784949287377494612/e19fbeb3_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949306380907690/a703c2ec_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949314125189564/0d9b3b50_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949321738330002/f65585cf_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949341849893199/edc1f354_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949359921610561/3ed93c01_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949369952769375/18b95bf1_10006021.png "屏幕截图")
![输入图片说明](https://foruda.gitee.com/images/1784949379121907529/b3b0bd8a_10006021.png "屏幕截图")

## 许可证

本项目采用 Apache-2.0 开源协议。

## 贡献指南

欢迎提交 Issue 和 Pull Request。

## 联系方式

- 项目地址: https://gitee.com/software-minister/jvs-spc-ui
- 问题反馈: https://gitee.com/software-minister/jvs-spc-ui/issues