# 组态大屏设计器

**Repository Path**: hogan_dev/screen

## Basic Information

- **Project Name**: 组态大屏设计器
- **Description**: 🎉🔥Go物联网可视化，Web组态，大屏面板，报表设计，规则链设计。采用最新技术VUE3，Typescript，vite进行开发。
- **Primary Language**: TypeScript
- **License**: AGPL-3.0
- **Default Branch**: master
- **Homepage**: http://www.pandax.vip:7792
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 28
- **Created**: 2025-08-12
- **Last Updated**: 2025-08-12

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 组态大屏

<div align="center"><h3 align="center">物联网低代码引擎-组态大屏、规则链、报表系统</h3></div>
<div align="center"><h3 align="center">组态大屏、规则链、报表系统，基于 Vue3 + TypeScript + vite3 + Element-plus技术完成</h3></div>


<table>
    <tr>
        <td><img src="image/zt.gif"/></td>
        <td><img src="image/mb.png"/></td>
    </tr>
    <tr>
        <td><img src="image/screen.png"/></td>
        <td><img src="image/3d.png"/></td>
    </tr>
</table>

---

### ⭐️ 有什么功能？

- <span class="tag done-tag">✔</span> **`多数据源`** - _MySQL，Postgresql,Tdengine，MQTT,Wensocket，http等。._
- <span class="tag done-tag">✔</span> **`孪生体绑定`** - _设备孪生体绑定。_
- <span class="tag done-tag">✔</span> **`事件绑定`** - _节点绑定事件，点击事件等，支持打开连接，触发动画，停止动画，关联页面，孪生体操作等。_
- <span class="tag done-tag">✔</span> **`动画管理`** - _绑定动效，可根据数据驱动触发动效，例如报警闪烁，风机旋转等。_
- <span class="tag done-tag">✔</span> **`多画布支持`** - _可设计多个画布，通过事件绑定进行切换。_
- <span class="tag done-tag">✔</span> **`基础组件`** - _基础节点，组态大屏都可使用。_
- <span class="tag done-tag">✔</span> **`图谱组态`** - _拓扑图组件节点，没有的可以通过图片节点上传。_
- <span class="tag done-tag">✔</span> **`大屏图表`** - _包括柱状图，线型图等图表_
- <span class="tag done-tag">✔</span> **`装饰框`** - _装饰框_
- <span class="tag done-tag">✔</span> **`报表节点`** - _根据数据源生成报表。_
- <span class="tag done-tag">✔</span> **`规则链设计`** - _规则链设计，作为物联网数据的链路过滤。_

## 案例
<img src="image/al1.png"/>



> **开发交流的 `QQ 2417920382` 也可根据需求进行定制！**