# bigScreen

**Repository Path**: zhongrunming/big-screen

## Basic Information

- **Project Name**: bigScreen
- **Description**: 后台大屏单页面
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 1
- **Created**: 2022-11-11
- **Last Updated**: 2023-03-09

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README



# big-screen

基于 vue-cli5.0 + webpack 4 + sass+axios 封装，构建脚手架

### Node 版本要求

`Vue CLI` 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)。

本示例 Node.js 16.15.0

### 启动项目

```bash

cd big-screen

安装依赖
npm install

本地启动
npm run serve

打包线上地址
npm run build


```

- .env.development 本地开发环境配置

```bash
NODE_ENV='development'
# must start with VUE_APP_
VUE_APP_MODE = 'dev'

```

- .env.production 打包为正式环境配置

```bash
 NODE_ENV='production'
# must start with VUE_APP_
VUE_APP_MODE = 'build'
```

# 1、各应用系统日志告警
## a)初始为20个系统，当有新增系统时，页面能自动调整排版展示新增的系统，当少于20个系统时，也能自适用排版；
## b)20个系统中文名根据splunk返回的值按顺序展示。

## c)当应用系统出现日志告警时，对应的“应用系统名称”模块颜色需要有变化。

### i.日志系统有高级别告警时，该系统变红；
### ii.日志系统有中级别告警时，该系统变黄；
# 2、应用系统告警详情表

##a)按告警的时间倒叙优先展示高级别，再到中级别，告警列表滚动播放；
## b)表格字段暂定为5个，当有新增字段时，页面能自动调整排版展示字段，但是新增字段个数不会超过8个；
# 3、告警级别饼图
### 以饼图展示告警信息中高和中级别的占比。