# 配置: add|edit|view-template

表单字段配置

# key:column

key:column形式配置多个字段 示例:

addTemplate:{
    userId:{ //表单字段
        title:'用户id', //字段label
        component:{ //字段组件
            name: 'el-input'
        }
    },
    userId:{ //字段
        title:'用户id', //字段label
        component:{ //字段组件配置
            name: 'el-input'
        }
    },
}

# column.title

  • 说明: 表单 label 的名称
  • 类型: String
  • 可选值: 无
  • 默认值: 无

# column.value

  • 说明: 表单模板的默认值
  • 类型: 无
  • 可选值: 无
  • 默认值: 无

# column.component

# column.component.name

  • 说明: 表单渲染的组件名
  • 类型: String
  • 可选值: el-input / dict-select / dict-radio / dict-checkbox 等任何支持v-model的表单组件
  • 默认值: 无

# column.component.render

  • 说明: 使用render函数创建组件,支持jsx语法。(component.name优先级更高)
  • 类型: Function (h)
  • 可选值: 无
  • 默认值: 无

# column.component.span

# column.component.offset

# group

  • 说明: 表单分组配置, __group__,与普通的字段key做区分
  • 类型: Object
  • 可选值: 无
  • 默认值: 无
addTemplate:{
    __group__:{ //分组信息
        accordion: false,
        type: "collapse",
        groups: { //分组列表
            base: { //分组key,可以随意命名
                title: '商品基础', //分组标题
                icon: 'el-icon-goods', //分组icon
                columns:{ // 分组内包含的字段配置,key:column形式配置多个字段
                    title: { //字段配置
                        title:'商品标题', //字段label
                        component:{ // 字段组件配置
                            name: 'el-input'
                        }
                    },
                    images: { 
                        title:'商品图片',
                        component:{
                            name: 'el-upload'
                        }
                    }
                }
            }
        }
    }
}