Skip to content

Latest commit

 

History

History

DocumentOperators

DocumentOperators

对于DocumentOperator,其data属性对应一条记录(一个对象)。

DocumentOperatorInfo

详情操作组件

属性名 是否必需 类型 属性描述 备注
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":"假装有段描述",
    }
}

DocumentOperatorEdit

编辑操作组件

属性名 是否必需 类型 属性描述 备注
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数组

DocumentOperatorDelete

删除操作组件

参数:

属性名 是否必需 类型 属性描述 备注
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]的语法糖

DocumentOperatorLink

链接操作组件,通常有关联表时才需要这种类型的组件

参数:

属性名 是否必需 类型 属性描述 备注
data Object 这一条记录的数据 作为operator组件自动传入
tag String 渲染的组件 默认是a
getLink Function 获取链接的方法 第一个参数是data值,返回值作为router-link的to参数,this指向一个vue实例
getText Function 获取展示文字的方法 第一个参数是data值,返回值作为router-link的内容,this指向一个vue实例
triggerConfig Object 触发按钮的配置项 默认为空对象