You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
|
|
|
|
|
## 前端运行
|
|
|
|
|
|
|
|
|
|
```bash
|
|
|
|
|
# 克隆项目
|
|
|
|
|
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：表示除去搜索条件后右边还剩余的高度
|
|
|
|
|
4. card-shadow：表示右边主体内容是否添加阴影
|
|
|
|
|
5. carder-border：右边主体内容是否添加边框
|
|
|
|
|
6. custom-dialog：弹窗自定义头部样式需要的主类名
|
|
|
|
|
7. scrollable-table:表格右侧始终显示滚动条
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
## 公共组件说明
|
|
|
|
|
1. ESelectSingle: 普通下拉框选择器
|
|
|
|
|
2. ETree: 页面左侧树结构
|
|
|
|
|
3. SingleStation: 级联下拉框选择器
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
# 公共组件趋势图说明
|
|
|
|
|
1. ChartsBar
|
|
|
|
|
* seriesData:只有一个对象的时候使用
|
|
|
|
|
2. ChartsBarLine
|
|
|
|
|
* seriesData:是数组的时候使用
|
|
|
|
|
2. ChartsTimeBar
|
|
|
|
|
* 时间轴的趋势图(缩放echarts使用)
|
|
|
|
|
* legendData: 图例数据
|
|
|
|
|
* xAxisData: x轴数据
|
|
|
|
|
* seriesData: 图表数据
|
|
|
|
|
* textTitle: 图表标题
|
|
|
|
|
* unit: 单位
|
|
|
|
|
* echartType: 图表类型
|
|
|
|
|
* timeType: 时间类型
|
|
|
|
|
* grid: 图表网格配置
|
