# RuoYi-Vue-Plus大屏展示

**Repository Path**: evenot/ruoyi-ui-screen

## Basic Information

- **Project Name**: RuoYi-Vue-Plus大屏展示
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2026-04-16
- **Last Updated**: 2026-04-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 平台简介

* 本仓库为**纯大屏展示前端项目**，基于 [Vue3](https://v3.cn.vuejs.org) + [Element Plus](https://element-plus.org/zh-CN) + [Vite](https://cn.vitejs.dev) + [ECharts](https://echarts.apache.org/) 技术栈。
* 项目已移除所有PC管理端页面和组件，只保留大屏展示功能。
* 配套后端代码集成在 ruoyi-admin 模块中，提供大屏数据展示和WebSocket实时数据推送功能。
* 前端运行端口：3000，后端服务端口：8080。

## 前端运行

```bash
# 进入项目目录
cd ruoyi-ui-screen

# 安装依赖
npm install --registry=https://registry.npmmirror.com

# 启动服务
npm run dev

# 构建生产环境
npm run build:prod

# 前端访问地址 http://localhost:3000
# 大屏页面路径：http://localhost:3000/screen
```

## 后端服务

大屏功能已集成到主应用中，随主应用一同启动：

```bash
# 进入后端项目目录
cd ruoyi-admin

# 编译打包
mvn clean package -DskipTests

# 启动服务
java -jar target/ruoyi-admin.jar --spring.profiles.active=dev

# 后端服务地址 http://localhost:8080
```

## 后端改造
参考后端代码内 `ruoyi-generator/resources/vm/vue/v3/readme.txt` 说明

## 大屏功能特性

1.  **纯大屏设计**：已移除所有PC管理端页面和组件，专为大屏展示优化
2.  **实时数据展示**：通过WebSocket实现实时数据推送和更新
3.  **多屏适配**：支持不同分辨率的大屏显示，自适应布局
4.  **图表组件丰富**：集成ECharts，提供多种图表类型
5.  **数据可视化**：支持数据统计图表、仪表盘等展示形式
6.  **全屏显示**：支持全屏展示模式
7.  **响应式设计**：支持不同设备和屏幕尺寸的适配
8.  **实时告警**：支持系统告警实时显示
9.  **现代化UI**：采用现代化的设计风格和动画效果
10. **轻量化部署**：移除不必要的依赖和资源，优化打包体积
11. **签章手写功能**：集成两处独立的手写签章模块，支持保存、修改、清空等操作

## 演示图

<table>
    <tr>
        <td><img src="https://oscimg.oschina.net/oscnet/cd1f90be5f2684f4560c9519c0f2a232ee8.jpg"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/1cbcf0e6f257c7d3a063c0e3f2ff989e4b3.jpg"/></td>
    </tr>
    <tr>
        <td><img src="https://oscimg.oschina.net/oscnet/up-8074972883b5ba0622e13246738ebba237a.png"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/up-9f88719cdfca9af2e58b352a20e23d43b12.png"/></td>
    </tr>
    <tr>
        <td><img src="https://oscimg.oschina.net/oscnet/up-39bf2584ec3a529b0d5a3b70d15c9b37646.png"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/up-936ec82d1f4872e1bc980927654b6007307.png"/></td>
    </tr>
	<tr>
        <td><img src="https://oscimg.oschina.net/oscnet/up-b2d62ceb95d2dd9b3fbe157bb70d26001e9.png"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/up-d67451d308b7a79ad6819723396f7c3d77a.png"/></td>
    </tr>	 
    <tr>
        <td><img src="https://oscimg.oschina.net/oscnet/5e8c387724954459291aafd5eb52b456f53.jpg"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/644e78da53c2e92a95dfda4f76e6d117c4b.jpg"/></td>
    </tr>
	<tr>
        <td><img src="https://oscimg.oschina.net/oscnet/up-8370a0d02977eebf6dbf854c8450293c937.png"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/up-49003ed83f60f633e7153609a53a2b644f7.png"/></td>
    </tr>
	<tr>
        <td><img src="https://oscimg.oschina.net/oscnet/up-d4fe726319ece268d4746602c39cffc0621.png"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/up-c195234bbcd30be6927f037a6755e6ab69c.png"/></td>
    </tr>
    <tr>
        <td><img src="https://oscimg.oschina.net/oscnet/b6115bc8c31de52951982e509930b20684a.jpg"/></td>
        <td><img src="https://oscimg.oschina.net/oscnet/up-5e4daac0bb59612c5038448acbcef235e3a.png"/></td>
    </tr>
</table>