# 树+表模板

树+表模板 = (树组件实例) + (搜索组件实例 + 表单组件实例 + 表格组件实例)

# 组件名

TreeTableTmpl

# 功能配置

{
  "tree": {
    "config": {
      "objectCode": null
    },
    "instanceCodes": {
      "TreeView": null
    }
  },
  "table": {
    "config": {
      "objectCode": null,
      "foreignPrimaryKey": null
    },
    "instanceCodes": {
      "SearchView": null,
      "TableView": null,
      "FormView": null
    }
  }
}

# props

# config

功能配置,即上面的json。优先级高于fc, 一般情况而言,只有当数据库中没有的功能配置,硬编码写死的,可以直接通过此属性传入。

# fc

功能编码,即 featureCode的简写。内部会自动获取fc代表的功能配置。

# 插槽

# operation-bar

表格顶部操作栏。参数见TableView

# prefix-btn

表格顶部操作条添加按钮前的插槽。传递参数:

  • conf: operation-bar配置项
  • choseData: 表格点选的数据

# add-btn

表格顶部操作条添加按钮的插槽。传递参数:

  • conf: operation-bar.add配置项
  • choseData: 表格点选的数据
  • add: 新增行为,可执行

# batch-delete-btn

表格顶部操作条删除按钮的插槽。传递参数:

  • conf: operation-bar.delete配置项
  • choseData: 表格点选的数据
  • batchDelete: 新增行为,可执行

# suffix-btn

表格顶部操作条删除按钮后的插槽。传递参数:

  • conf: operation-bar配置项
  • choseData: 表格点选的数据

# float-right-btn

顶部操作条浮动右侧的插槽。传递参数:

  • conf: operation-bar配置项
  • choseData: 表格勾选的数据
  • activeData: 表格点选的数据

# buttons

表格操作列中按钮组的插槽。传递参数:

  • scope: 当前记录数据, 见el-table文档
  • conf: buttons配置

# inner-before-extend-btn

表格操作列中按钮组前面的插槽。传递参数:

  • scope: 当前记录数据, 见el-table文档
  • conf: buttons配置

# view-btn

表格操作列中查看按钮插槽。传递参数:

  • scope: 当前记录数据, 见el-table文档
  • conf: buttons.view.conf配置
  • view: 按钮行为方法

# edit-btn

表格操作列中编辑按钮插槽。传递参数:

  • scope: 当前记录数据, 见el-table文档
  • conf: buttons.edit.conf配置
  • edit: 按钮行为方法

# delete-btn

表格操作列中删除按钮插槽。传递参数:

  • scope: 当前记录数据, 见el-table文档
  • conf: buttons.delete.conf配置
  • delete: 按钮行为方法

# inner-after-extend-btn

表格操作列中按钮组后面的插槽。传递参数:

  • scope: 当前记录数据, 见el-table文档
  • conf: buttons配置

# pagination-extend

底部分页条尾部扩展插槽。传递参数:

  • pageModel: 分页数据模型对象。
  • choseData: 表格勾选的数据
  • activeData: 表格点选的数据
Last Updated: 4/25/2022, 3:34:47 PM