EApplet 支持的类型:有 list,simple-list,search-list,new,edit,detail,popup-detail,header-detail。其中 EApplet/search-list 是支持数据权限的列表,仅支持无限滚动。展示数据权限视图,不支持批处理按钮,不支持列表查询、筛选。

# 基础示例

通过设置 EApplet 组件的 template 属性为 search-list 使用。

# EApplet/search-list 组件接口

名称 位置 描述
config props 列表视图配置
selectedRows props 选中行。如果为 undefined 则不显示复选框
refresh props 最后一次刷新时间
changedRows props 表示变更的数据,用于无限滚动列表新建、编辑、删除数据后不刷新列表的场景,不设置时,新增、编辑、删除数据都需要调用查询接口刷新数据。字段一 type(string 类型): remove(删除)
changedDataScope event 数据权限 dataScope 变更
changedTableData event 列表数据变更

# Slots

名称 描述
默认 slot 默认 slot 用来放一些 Dialog
header-infix 在列表头部追加一些说明信息等
列的id 自定义列
inline-buttons 行处理按钮

# config 字段详细说明

名称 描述
value String,用来做搜索的 value 值,在列表查寻数据时使用
entity String,实体,用来查询数据,保存视图等使用,如列表数据查询 url 为: {config.urlPrefix}/v1/{config.entity}/query/{dataScope}
name String,实体名称,在列表头部显示
icon String,实体 logo,也可以直接填写 font icon 名称,列表头部 icon
urlPrefix String,所有数据查询、设置相关接口的 URL 前缀,不需要包含实体名称
overrideRequestParams Object,往请求 body 中加参数
overrideRequestOptions Function,修改请求参数函数,入参是请求参数对象,要求返回请求参数对象,如:(reqOpt) => ({url: reqOpt.url, body: reqOpt.body, headers: {...reqOpt.headers, timestamp: '1592202404353'}})
supportDataScopes String[],支持的数据权限列表。ListView 组件会根据该值自动创建这些值对应的列表视图,其中 profile 代表租户,一般显示为“全部客户”;organization-and-sub 代表我的部门,一般显示为“我部门的客户” ;position-and-sub 代表团队,一般显示为“我团队的客户”;position-current 代表个人,一般显示为“我的客户”
columns Object[],所有的列集合,包括不展示的
  id String,列 Id,用于 slot 等功能中,列自定义时,id 作为具名 slot 的名称
  name String,列名
  field String,对应的字段名称,和查询接口 filter 参数的 items: [{field: 'name', op: 'eq', value: 'xxx'}] 中的 field 字段对应
  dataType String,字段的数值类型,字符串(string)、数字(number)、日期(date)、布尔(boolean)。不同值类型支持的筛选操作不一样,如日期不支持”包含“。
  visible Boolean,是否展示在表格列中
  wordWrap Boolean,是否折行展示
  width Number,默认宽度,像素
inlineButtons Object[],支持自定义,行内按钮列表,参考 batchButtons 的定义。行内按钮抛出事件时,事件内容就是所在行记录