# 组态

**Repository Path**: solitudeYu/configuration

## Basic Information

- **Project Name**: 组态
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-04-30
- **Last Updated**: 2025-04-30

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# diagram-editor

## Project setup

```
npm install
```

### Compiles and hot-reloads for development

```
npm run serve:dev
```

### Compiles and minifies for production

```
npm run build:test
npm run build:pro
```

### Lints and fixes files

```
npm run lint
```

### 打包注意事项：

### 1. vue.config.js 里 loadCDN 标记 html 动态注入资源文件加载是 cdn 还是本地

### 2. vue.config.js 里 loadMin 标记 html 动态注入资源文件是否加载压缩文件

### 应用侧使用方式：

### 1. 引入文件 public/libs/self/diagram-app/1.0.0/diagram-app.js，方式可以查看 vue.config.js 365 行

### 2. 应用侧二次开发可参考 components/modal-diagram/Preview.vue 预览里使用方法，预览传递给组态图的数据为根据图中各节点配置的数据模型生成的随机数 105 行，正式使用可通过接口传递后端数据

### 3. 组态图单击节点等事件可查看预览中初始化完成后注册事件 125 行，正式使用使用注释部分注册事件，回调函数暴露节点相关信息，节点配置信息节点 ID、外部数据 key（即后端数据 key）

### 特别说明：

### 示例图片非专业 UI 设计，模仿学习自己截图厂商示例简单处理的

### 示例中图片节点几乎使用通用类节点下的图片节点，其它电力、工业等类下的 image，html.svg 类型（右侧信息框类型）内置节点为检验初始化大量内置节点性能，数据类型和事件未规划，可根据节点自身特点丰富一些数据模型和事件的设置，建议绘图中需要数据驱动改变状态的节点使用通用类节点下的图片节点，上传 2 倍图，3 倍图，不需要数据驱动改变状态的节点可以使用内置节点，内置节点不宜初始化太多