前端运行

# 克隆项目
git clone https://github.com/yangzongzhuan/RuoYi-Vue3.git

# 进入项目目录
cd RuoYi-Vue3

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

# 启动服务
yarn dev

# 构建测试环境 yarn build:stage
# 构建生产环境 yarn build:prod
# 前端访问地址 http://localhost:80

公共样式说明

1. app-container-bg：表示右边整体背景
   • 如果不需要背景色在common.scss文件中把样式隐藏掉即可
2. --first-card-height：动态计算的搜索条件的卡片的高度
   • ref = firstRef 关键 3.el-card-p：表示除去搜索条件后右边还剩余的高度
3. card-shadow：表示右边主体内容是否添加阴影
4. carder-border：右边主体内容是否添加边框
5. custom-dialog：弹窗自定义头部样式需要的主类名
6. scrollable-table:表格右侧始终显示滚动条

公共组件说明

1. ESelectSingle: 普通下拉框选择器
2. ETree: 页面左侧树结构
3. SingleStation: 级联下拉框选择器

公共组件趋势图说明

1. ChartsBar
   • seriesData:只有一个对象的时候使用
2. ChartsBarLine
   • seriesData:是数组的时候使用
3. ChartsDataZoom
   • 时间轴的趋势图(缩放echarts使用)
   • legendData: 图例数据
   • xAxisData: x轴数据
   • seriesData: 图表数据
   • textTitle: 图表标题
   • unit: 单位
   • echartType: 图表类型
   • timeType: 时间类型
   • grid: 图表网格配置