# report-vue

**Repository Path**: micro_2/report-vue

## Basic Information

- **Project Name**: report-vue
- **Description**: 报表
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2024-05-29
- **Last Updated**: 2024-06-04

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 介绍
Micro - 可视化数据大屏(Vue全家桶+ElementUi+Echart+dataV)开发，丰富的交互控件和图表组件，提供智能图形推荐，报表图形任意切换，且不受维度,度量的限制。

## 特点
- 缩短开发周期
    提供丰富的二次开发接口
- 快速响应
    支持动态局部刷新，秒级响应
- 多端部署
    适配各种拼接大屏场景
-  实时数据
    支持多种数据源接入数据

### 多种数据源
- 在线API
- 静态数据
- SQL数据
- WebScoket数据
- 数据集
### 20+常用组件
- 图表
  - Echart通用型
  - DataV
  - 柱状图
  - 折线图
  - 饼图
  - 象形图
  - 雷达图
  - 散点图
  - 漏斗图
  - 地图
- 文字
  - 文本框
  - 跑马灯
  - 超链接
  - 实时时间
- 媒体
  - 图片
  - 图片框
  - 轮播图
  - iframe
  - hls播放器
  - video播放器
- 指标
  - 翻牌器
  - 环形图
  - 进度条
  - 仪表盘
  - 字符云
- 表格
  - 选项卡
  - 表格
- 边框以及各种常用组件，同时支持自定义组件

- 运行(前提已经安装了node.js)
```
npm install

npm run serve
```
- 打包(前提已经安装了node.js)
```
npm run build
```
- 后端接口配置（注意是要配置网关的端口 比如：http://192.168.1.104:20004）
```
 在 public/config.js
```

- 项目部署（注意一定要按照下面配置的来 打包出的路径可自由修改）
```
 执行npm run build打出对应的目录
 //nginx为例子 
 location /{
    root /data/avue/avue-data; //打包出的路径 
    index index.html; 
    error_page 404 /index.html; 
    //根据vue-router路由history特性，这句一定要配置，否 则会出现404问题
  }
```

- 修改默认端口
```
 vue.config.js文件下修改
 
  module.exports = {
    devServer: {
      port: 8081
    }
  }
```

```
 更新到2023-4-13 9:53
 但是 2023-3-25 10:49 和 2023-3-27 2:12 没同步
```