# 智慧车间

**Repository Path**: kanen/zhcj

## Basic Information

- **Project Name**: 智慧车间
- **Description**: 车间流水线模拟与订单状态查询
- **Primary Language**: HTML
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-07-29
- **Last Updated**: 2025-07-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 生产流程模拟系统

本项目是一个用于模拟生产流程的交互式系统，主要展示内外圈生产流程的状态变化，包括订单查询、流程高亮和模拟运行控制等功能。（仅做前端模拟使用，无后端逻辑，需要自行实现）

## 📁 项目结构

- **index.html**：系统主界面结构，包含生产区域、控制面板和状态显示。
- **script.js**：系统逻辑控制，如流程初始化、订单状态更新、模拟运行等。
- **styles.css**：系统样式，定义了流程步骤、按钮、状态颜色等外观样式。

## 🔧 功能描述

- **生产流程展示**：通过 `div.outer-circle` 和 `div.inner-circle` 展示内外圈生产流程。
- **状态高亮**：系统支持通过 `highlightCurrentProcess` 函数高亮当前生产步骤。
- **订单状态查询**：使用 `queryOrderStatus` 函数查询订单状态。
- **模拟控制**：提供模拟启动、停止等功能，通过 `startSimulation` 和 `stopSimulation` 实现。
- **示例订单**：支持添加示例订单，方便演示和测试。

## 🎨 状态说明

- **outer**：外圈流程状态
- **inner**：内圈流程状态
- **active**：当前活跃步骤
- **waiting**：等待状态
- **painting**：喷涂步骤
- **drying**：烘干步骤

## 🚀 使用方式

1. 打开 `index.html` 文件运行系统界面。
2. 使用控制面板中的输入框和按钮查询订单状态。
3. 点击“启动模拟”按钮开始流程模拟，点击“停止模拟”按钮结束流程。
4. 系统会自动更新并高亮当前运行的步骤。

## 🧩 初始化流程

在页面加载时，`initPage` 函数会初始化生产流程，并展示默认状态。该函数负责加载内外圈流程和初始状态样式。

## ⚙️ 控制逻辑

`script.js` 中的 `setupEventListeners` 函数负责绑定所有交互事件，包括按钮点击和输入框查询。

## 🧪 示例数据

使用 `addSampleOrder` 函数可以添加示例订单数据，方便进行测试和演示。

## 📜 贡献指南

欢迎提交 Pull Request 或 Issue，以帮助我们改进系统功能和用户体验。

## 📄 许可证

本项目使用 [MIT License](LICENSE)。

--- 

请确保实际代码功能与 README 内容一致。如有进一步需求，请提供代码内容或更新结构信息。