|
1 |
| -# 组件加载顺序 |
2 |
| -- 父组件:beforeCreate |
3 |
| -- 父组件:created |
4 |
| -- 父组件:beforeMount |
5 |
| -- 子组件:beforeCreate |
6 |
| -- 子组件:created |
7 |
| -- 子组件:beforeMount |
8 |
| -- 子组件:mounted |
9 |
| -- 父组件:mounted |
| 1 | +# 目录说明 |
| 2 | +| 目录 | 二级目录 | 功能描述 | |
| 3 | +|:---|:---|:---| |
| 4 | +| api | business | 业务相关api定义目录 | |
| 5 | +| api | system | 系统相关功能定义目录 | |
| 6 | +| assets | - | 较小的可以直接打包的图标类文件 | |
| 7 | +| components | Advance | 高级组件 | |
| 8 | +| components | Common | 通用组件 | |
| 9 | +| components | Layout | 布局组件 | |
| 10 | +| config | directives | 自定义指令 | |
| 11 | +| config | lib | lib库插件、设备相关、ws、网络请求axios配置目录 | |
| 12 | +| config | mixins | 公共混入 | |
| 13 | +| config | theme | 自定义样式及less变量定义处 | |
| 14 | +| layouts | DashboardLayout.vue | 管理后台布局 | |
| 15 | +| layouts | ErrorLayout.vue | 失败页面布局 | |
| 16 | +| layouts | PageLayout.vue | 业务页面布局 | |
| 17 | +| layouts | PortalLayout.vue | 门户页面布局 | |
| 18 | +| layouts | ScreenLayout.vue | 大屏页面布局 | |
| 19 | +| layouts | SideLayout.vue | 左右布局页面 | |
| 20 | +| layouts | SignLayout.vue | 登录页面布局 | |
| 21 | +| router | - | 路由配置 | |
| 22 | +| router | modules | 异步路由、常量路由、异常路由 | |
| 23 | +| store | - | 全局变量及缓存配置 | |
| 24 | +| store | modules | app、权限、用户 | |
| 25 | +| utils | index.js | 通过工具类 | |
| 26 | +| utils | route.js | 路由相关工具类 | |
| 27 | +| views | business | form、home、list、table等组件示例目录 | |
| 28 | +| views | system | 部门、错误、文件、表单、日志、菜单、消息、角色、登录、字典、用户、个人中心、个人设置 | |
| 29 | +| src | App.vue | 应用全局大小监听及应用入口 | |
| 30 | +| src | bootstrap.js | 应用启动配置 | |
| 31 | +| src | main.js | vue实例化入口 | |
| 32 | +| dashboard | public | 外部引入文件、自动生成主题、tinymce汉化 | |
| 33 | +| dashboard | theme.js | 自定义主题生成 | |
| 34 | +| dashboard | vue.config.js | vue及打包拆包配置 | |
| 35 | +# 组件列表 |
| 36 | +| 组件类别 | 组件大类 | 组件名称 | 组件目录 | 组件说明 | 组件说明 | |
| 37 | +|:---|:---|:---|:---|:---|:---| |
| 38 | +| 公共组件 | 动画组件 | Animate | @/components/Common/Animate | 组件路由动画切换 | 已完成 | |
| 39 | +| 公共组件 | 弹窗组件 | Dialog | @/components/Common/Dialog | 封装Modal与Drawer保持api一致 | 已完成 | |
| 40 | +| 公共组件 | 文件列表组件 | FileList,File | @/components/Common/FileList | 文件列表及操作集成 | 已完成 | |
| 41 | +| 公共组件 | 表单项组件 | ColorPicker | @/components/Common/FormItem/ColorPicker | 颜色选择器 | 已完成 | |
| 42 | +| 公共组件 | 表单项组件 | FileUpload | @/components/Common/FormItem/FileUpload | 文件上传器 | 已完成 | |
| 43 | +| 公共组件 | 表单项组件 | IconPicker | @/components/Common/FormItem/IconPicker | 图标选择器 | 已完成 | |
| 44 | +| 公共组件 | 表单项组件 | IconRadio | @/components/Common/FormItem/IconRadio | 图标单选器 | 已完成 | |
| 45 | +| 公共组件 | 表单项组件 | ImagePicker | @/components/Common/FormItem/ImagePicker | 图片选择器 | 已完成 | |
| 46 | +| 公共组件 | 表单项组件 | MapPicker | @/components/Common/FormItem/MapPicker | 地图选择器 | 待完成 | |
| 47 | +| 公共组件 | 表单项组件 | OptionTree | @/components/Common/FormItem/OptionTree | 选项编辑器 | 已完成 | |
| 48 | +| 公共组件 | 表单项组件 | RichText | @/components/Common/FormItem/RichText | 富文本编辑器 | 已完成 | |
| 49 | +| 公共组件 | 表单项组件 | TableSelect | @/components/Common/FormItem/TableSelect | 表格选择器 | 待完成 | |
| 50 | +| 公共组件 | 表单项组件 | TagCheck | @/components/Common/FormItem/TagCheck | 标签选择器 | 已完成 | |
| 51 | +| 公共组件 | 通用标题组件 | FuncTitle | @/components/Common/FuncTitle | 通用标题组件集成跳转等功能 | 已完成 | |
| 52 | +| 公共组件 | 扩展功能区 | FuncZone | @/components/Common/FuncZone | Card,Tab等扩展功能区的按钮实现及事件 | 已完成 | |
| 53 | +| 公共组件 | 统一图标组件 | IconFont | @/components/Common/IconFont | 图标扩展组件统一内置及自定义IconFont图标 | 已完成 | |
| 54 | +| 公共组件 | JSON可视化 | JsonView | @/components/Common/JsonView | JSON可视化预览实现组件 | 已完成 | |
| 55 | +| 公共组件 | 菜单样式树 | MenuTree | @/components/Common/MenuTree | 菜单样式树支持扩展操作功能及搜索 | 已完成 | |
| 56 | +| 公共组件 | 单元格格式化 | CellRender | @/components/Render/CellRender | 单元格格式化组件,可复用于FuncList,FuncTable,FuncDesc等组件 | 已完成 | |
| 57 | +| 公共组件 | 表单字段格式化 | FieldRender | @/components/Render/FieldRender | 表单字段格式化,用于表单的内部单元呈现及动态表单等组件 | 已完成 | |
| 58 | +| 公共组件 | 字段自动校验规划生成 | FieldRender | @/components/Render/FieldRules | 字段自动校验规划生成 | 已完成 | |
| 59 | +| 公共组件 | 按钮组件 | TipButton,TipButtonGroup | @/components/Common/TipButton | 文件列表及操作集成 | 已完成 | |
| 60 | +| 高阶组件 | 自定义表单 | FormMaker | @/components/Advance/FormMaker | 完整的自定义表单功能,几乎可以满足所有需求 | 已完成 | |
| 61 | +| 高阶组件 | 功能性描述表格 | FuncDesc | @/components/Advance/FuncDesc | Desc描述表格的展示形式,支持自动的请求格式化 | 已完成 | |
| 62 | +| 高阶组件 | 表单弹窗 | FormDialog | @/components/Advance/FuncForm/FormDialog | 自定义弹窗与自定义表单列表的组合方便写出各种编辑窗口 | 已完成 | |
| 63 | +| 高阶组件 | 表单过滤器 | FormFilter | @/components/Advance/FuncForm/FormFilter | 自定义过滤条,通过配置即可完成过滤条的配置 | 已完成 | |
| 64 | +| 高阶组件 | 列表式表单 | FormList | @/components/Advance/FuncForm/FormList | 通过配置即可完成复杂表单的配置,及数据双绑,支持多种自定义表单项组件 | 已完成 | |
| 65 | +| 高阶组件 | 功能性列表 | FuncList | @/components/Advance/FuncList | 支持完整的List属性,通过apiUrl配置即可完成复杂的动态数据查询与修改编辑动作 | 已完成 | |
| 66 | +| 高阶组件 | 功能性表格 | FuncTable | @/components/Advance/FuncTable | 支持完整的Table属性,通过apiUrl配置即可完成复杂的动态数据查询与修改编辑动作,实现元数据的查询编辑删除等动作不用1天,不用1小时,仅用10分钟即可搞定 | 已完成 | |
| 67 | +| 布局组件 | 全局底栏 | Footer | @/components/Layout/Footer | 全局底栏 | 已完成 | |
| 68 | +| 布局组件 | 顶栏右侧功能区 | HeaderRight | @/components/Layout/HeaderRight | 顶栏右侧功能区 | 已完成 | |
| 69 | +| 布局组件 | 图标 | Logo | @/components/Layout/Logo | 图标 | 已完成 | |
| 70 | +| 布局组件 | 菜单 | Menu | @/components/Layout/Menu | 菜单,侧边及顶边菜单 | 已完成 | |
| 71 | +| 布局组件 | 多标签 | MultiTab | @/components/Layout/MultiTab | 多标签相关功能组件 | 已完成 | |
| 72 | +| 布局组件 | 侧边触发器 | SiderTrigger | @/components/Layout/SiderTrigger | 侧边触发器 | 已完成 | |
| 73 | +| 布局组件 | 移动端布局 | DrawerLayout.vue | @/components/Layout/DrawerLayout.vue | 移动端布局,适配移动端的侧边拉出 | 已完成 | |
| 74 | +| 布局组件 | 混合布局 | MixLayout.vue | @/components/Layout/MixLayout.vue | 混合布局 | 已完成 | |
| 75 | +| 布局组件 | 基础路由 | RouteView.vue | @/components/Layout/RouteView.vue | 基础路由具有动画及保活功能配置 | 已完成 | |
| 76 | +| 布局组件 | 侧边布局 | SiderLayout.vue | @/components/Layout/SiderLayout.vue | 侧边布局 | 已完成 | |
| 77 | +| 布局组件 | 顶栏布局 | TopLayout.vue | @/components/Layout/TopLayout.vue | 顶栏布局 | 已完成 | |
10 | 78 |
|
11 |
| -FormMaker组件在组件间移动不报错需要修改 |
12 |
| -vuedraggable组件中的三个文件,参考如下修改 |
13 |
| -https://github.com/SortableJS/vue.draggable.next/pull/52 |
14 |
| -vuedraggable.umd.js,vuedraggable.common.js,vuedraggable.js三个文件手工改动 |
15 |
| -insertNodeAt(this.$el, evt.item, evt.oldIndex); |
16 |
| -改成: |
17 |
| -insertNodeAt(evt.from, evt.item, evt.oldIndex); |
|
0 commit comments