pdsuwwz / vue-element-admin

🌈 Fast build a prototype system for enterprise middle and backstage products

Vue-element-admin

简介

🌈 基于 Vue 和 Element UI，能够快速搭建起一个企业中后台产品原型，内置路由权限验证，高级列表，万能分页，引导动画等业务模型，方便扩展，极大提高生产力

内置功能

• 账户 User
  • 登录
  • 注销
  • 注册
• 路由权限 Route Permission
  • 路由权限
  • 指令权限
  • 角色权限
• 导航 Navigation
  • 顶部导航栏 NavBar
  • 路由面包屑 NavBreadcrumb
  • 侧边菜单栏 MenuBar (支持多级路由嵌套, ? 自适应收缩)
  • ? 路由标签切换选项卡
• 布局 Layout
  • iconfont / font Awesome
  • 布局切换(导航, 流式/定宽)
  • 主题色，换肤
  • 风格切换(可预览)
• 反馈 Feedback
  • 加载进度条
  • Dropdown 下拉菜单
  • 错误页 (404, 403, 500)
• 数据列表 List (header, content, footer)
  • 搜索列表(远程 remote)
  • 卡片列表(自适应; 无缝/留边)
  • 纯展示列表
  • 带筛选条件的列表
• 表单 Form
  • 基础表单
  • 组合表单
  • 分步表单
  • 表单详情(类似只读)
  • 表单 props rules Mixins 封装
• 图表 Chart (D3, Echarts...)
  • 仪表盘
  • 折线图
  • 柱状图
  • 饼图
  • 散点图
  • 架构图
  • 雷达图
  • 混合图
• 工具 Tools
  • axios 封装
  • js-cookie
  • 全局单例 Loading 封装
  • 全局路由搜索
  • mock api
  • 国际化 i18n
• 动画 Animation
• 高级模块
  • 万能分页(纯前端/后端接口分页)
  • 新手引导
  • 模态对话窗口
  • 懒加载/无限滚动/手动加载更多
  • 组合复选框(分组; 全选/取消全选; 未选中/未全部选中/选中)
  • 拖拽排序(水平/垂直)
  • 骨架屏
  • 日历
  • 富文本
  • 图片/文件上传

拓展

• 命令行 cli 支持自定义安装哪种功能
• 支持 Typescript
• 实现 JSON 可配置化
• 使用规范说明文档

参考

https://material-ui.com/zh/getting-started/supported-components/

https://preview.pro.ant.design/dashboard/analysis

https://preview.pro.ant.design/dashboard/workplace

https://github.com/baidu/amis

vue-element-admin's Issues

【已解决】vue cli 安装 babel-eslint 后导致异步 import() 中的插值表达式 ${} 报错

问题描述

TypeError: Cannot read property 'range' of null

版本

@vue/cli: 4.5.6
babel-eslint: 10.1.0

.eslintrc.js

module.exports = {
  root: true,
  env: {
    node: true
  },
  extends: [
    'plugin:vue/essential',
    '@vue/standard'
  ],
  parserOptions: {
    ecmaFeatures: {
      legacyDecorators: true
    },
    parser: 'babel-eslint'
  },
  rules: {
    'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
    'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off'
  }
}