对于DocumentOperator,其data属性对应一条记录(一个对象)。
详情操作组件
属性名 | 是否必需 | 类型 | 属性描述 | 备注 |
---|---|---|---|---|
fields | 是 | Object | model的字段列表 | 作为operator组件自动传入 |
data | 是 | Object | 这一条记录的数据 | 作为operator组件自动传入 |
getDetailInfo | 是 | Function | 获得详情信息的方法 | - |
triggerConfig | 否 | Object | 触发按钮的配置项 | 默认为空对象 |
dialogConfig | 否 | Object | 弹框组件的配置项 | 默认为空对象 |
fieldsLayoutConfig | 否 | Object | MetaFieldsLayout组建的配置 | - |
更多说明:
- getDetailInfo(data) 一般情况下该函数的this指向info组件实例,data是这条记录的原始记录,返回promise,内容格式如下:
{
// 布局信息
"fieldLayoutList":[
["name"],
["gender","typ"],
["desc"]
],
// 需要的字段
"record":{
"name":"张三",
"gender":0,
"typ":"店小二",
"desc":"假装有段描述",
}
}
编辑操作组件
属性名 | 是否必需 | 类型 | 属性描述 | 备注 |
---|---|---|---|---|
fields | 是 | Object | model的字段列表 | 作为operator组件自动传入 |
data | 是 | Object | 这一条记录的数据 | 作为operator组件自动传入 |
getEditInfo | 是 | Function | 获取编辑相关信息 | - |
doEditRequest | 是 | Function | 编辑操作的方法 | - |
triggerConfig | 否 | Object | 触发按钮的配置项 | 默认为空对象 |
dialogConfig | 否 | Object | 弹框组件的配置项 | 默认为空对象 |
fieldLayout | 是 | Function Array | 字段布局 | - |
effectLayoutFields | 当fieldLayout为Function时必须 | Array | 影响布局的字段 | - |
confirmBtnConfig | 否 | Object | 取消按钮的配置项 | 默认为空对象 |
cancelBtnConfig | 否 | Object | 确认创建按钮的配置项 | 默认为空对象 |
autoValidate | 否 | Boolean | 是否自动表单验证 | 默认为false,第一次点提交时才自动表单验证 |
transformData | 否 | Function | 在doEditRequest前对表单数据做一次转换 | |
idfield | 否 | String | 指明id字段 | 默认是id |
recordWatch | 否 | Function | 对表单数据进行观察,用于复杂联动 | 需要返回unwatch数组 |
fieldsLayoutConfig | 否 | Object | MetaFieldsLayout组建的配置 | - |
更多说明:
- getEditInfo(data) , 一般情况下该函数的this指向edit组件实例,data是这条记录的原始记录,返回promise,返回数据示例如下:
{
// 需要编辑的字段
"editableFields":[
"name",
"gender",
"typ",
"privilege",
"desc"
],
// 字段及对应值
"record":{
"name":"张三",
"gender":"0",
"typ":1,
"privilege":[],
"desc":"假装有段描述"
}
}
- fieldLayout Array形式应为二维数组,每一项表示一行需要哪些字段。函数形式应该返回二维数组,函数调用时第一个参数是新record(字段由effectLayoutFields确定)第二个参数为旧record
- transformData(data) data为表单中的数据,需要返回一个对象(处理后的数据)
- doEditRequest(data) 一般情况下该函数的this指向edit组件实例,data是经过transformData处理的数据,返回promise,promise resolve后会刷新列表。
- recordWatch(data) data是表单中的数据,可以进行自定义观察,用于处理复杂的联动关系,一定要返回unwatch数组
删除操作组件
参数:
属性名 | 是否必需 | 类型 | 属性描述 | 备注 |
---|---|---|---|---|
data | 是 | Object | 这一条记录的数据 | 作为operator组件自动传入 |
doDeleteRequest | 是 | Function | 删除操作请求 | - |
triggerConfig | 否 | Object | 触发按钮的配置项 | 默认为空对象 |
idfield | 否 | String | 指明id字段 | 默认是id |
更多说明:
- doDeleteRequest(data) 一般情况该函数调用时this指向Delete组件实例,data是这条记录原始数据,返回promise
- 在doDeleteRequest中,可以通过
this.id
访问id字段,它本身是this.data[this.idfield]
的语法糖
链接操作组件,通常有关联表时才需要这种类型的组件
参数:
属性名 | 是否必需 | 类型 | 属性描述 | 备注 |
---|---|---|---|---|
data | 是 | Object | 这一条记录的数据 | 作为operator组件自动传入 |
tag | 否 | String | 渲染的组件 | 默认是a |
getLink | 是 | Function | 获取链接的方法 | 第一个参数是data值,返回值作为router-link的to参数,this指向一个vue实例 |
getText | 是 | Function | 获取展示文字的方法 | 第一个参数是data值,返回值作为router-link的内容,this指向一个vue实例 |
triggerConfig | 否 | Object | 触发按钮的配置项 | 默认为空对象 |