reagent_manage/docs/frontend

介绍

功能

- 首屏加载动画

- 登录 \ 注册
  - 集成多种canvas背景动画
  - 仿极验滑动验证

- 布局功能
  - 异步路由组件loading骨架屏
  - 动态侧边栏（支持多级路由嵌套）
  - 动态面包屑
  - 多页签（支持详情页缓存）
  - 支持移动端
  - 导航栏、侧边栏可隐藏
  - 侧边栏折叠时可显示上级

- Excel导出，支持多级表头、合并行

- 错误页面
  - 403
  - 404

- 组件
  - 用户导航
  - 行政区划选择器，支持树形和选项卡型
  - 封装的上传组件，整合七牛云，支持多种格式的文件预览
  - 封装了antd风格的dialog，可拖拽、超出可滚动
  - 手写签名

- element-ui增强
  - message支持分组、进度条功能
  - select重写，分别使用了popperjs的v1和v2版本

目录结构

├── element-ui-personal        # element-ui增强
├── mock                       # 项目mock，需打开devServer.before的注释
├── public                     # 静态资源文件夹
├── src
│   ├── api                    # 数据请求集合
│   ├── assets
│   │   │── icons              # 项目所有svg icons
│   │   └── styles             # 样式集合
│   ├── bizComponents          # 公用业务组件
│   ├── components             # 公用组件
│   ├── config
│   │   │── index.js           # 基础配置项
│   │   └── request.js         # axios封装
│   ├── directive              # 自定义指令集合
│   ├── filters                # 自定义过滤器集合
│   ├── layout                 # 布局文件夹，包含了导航栏、侧边栏、多页签、全局页脚、页面
│   ├── mixins                 # 公用混入
│   ├── plugin                 # 一些插件，均使用import()来动态引入
│   ├── router
│   │   │── authority          # 需要鉴权的路由集合
│   │   │── constant           # 不需要鉴权的路由集合
│   │   │── index.js
│   │   └── util.js
│   ├── store                  # vuex配置
│   ├── utils                  # 工具类
│   ├── views                  # 路由页面集合
│   ├── App.vue
│   └── main.js