通用管理后台

使用

import AdminCommon from 'admin-common'
const TestComponent from '../component/test.vue'

Vue.use(AdminCommon, {
  store, 
  router, 
  Parse: Vue.prototype.$Parse, 
  config: {title: '测试管理后台'},
  component: {
    test: TestComponent
  }
})

new Vue({
  el: '#app',
  router,
  store,
  template: '<App/>',
  components: { App: AdminCommon.App }
})

初始化配置

属性名	描述	类型	必填
store	vuex实例	Object	true
router	router实例	Object	true
Parse	Parse实例	Object	true
config	通用后台的配置	Object	false
plugin	通用后台的插件	Object	false
component	通用后台自定义组件	Object	false

config配置

属性名	描述	类型	默认值	必填
title	配置头部和登录页的标题	String	管理后台	false

component

可以自定义组件，自定义组件支持异步组件。

自定义组件必须为 vue 标准组件。具体的自定义组件规则见每个模块的说明。

菜单配置

• 没有配置 grids 的情况下，页面的路径为 /rs/${表名}
• 有配置 grids 的情况下，页面路径为/rs/${表名}/${grids配置中对应的key}

页面配置

通用管理后台分以下几大模块，每个模块都会有对应的配置文档说明：

• 模型属性： 定义表中各字段的基础属性，这个模块的配置会影响到 表格属性 、编辑器属性 和 查询器属性 模块。
• 表格属性：定义需要在列表中显示的字段和按钮。
• 编辑器属性：定义需要编辑的字段。
• 查询器属性：定义查询条件。
• formatter：定义列表显示时，需要用到的格式化数据的函数体，所定义的函数体在所有列表中都通用。