标准组件库

数据：表格 cloudcc-table

用途

table表格，用于展示多条结构类似的数据，可对数据进行排序、筛选、对比或其他自定义操作。

属性简介

表头、内容控件配置：
- 是否排序：该列数据是否可排序
- 标题：label
- 数据对应字段：props
- 宽度：该列的宽度，默认自动撑开
- 显示控件：可选值文本/链接/输入框/选择框/下拉框
- ➖：删除该选项
- ➕：添加新的column选项
当内容控件为select时需配置的选项：若上述显示控件选择下拉框，需设置option选项

[
    {
      "label":"选项一",
      "value":"选项一"
    },
    {
      "label":"选项二",
      "value":"选项二"
    }
]

合并行或列：单元格合并

function test({ row, column, rowIndex, columnIndex }){

}

组件尺寸：Table 的尺寸,可选值medium / small / mini
默认排序的列：输入该列的label值
默认排序的顺序：可选值ascending/descending（正序/倒序）
空数据显示的文本：表格无数据时表格内容的提示信息，默认‘暂无数据’
是否展示斑马纹：是否为斑马纹 table
是否带边框：是否带有纵向边框
列的宽度是否自动撑开：列的宽度是否自撑开，默认true
是否展示表头：是否显示表头，默认true
是否展开所有行：若为true则type="expand"，表头出现向右的箭头，可点击展开该行数据
tooltip effect属性：可选值dark/light
select-on-indeterminate：在多选表格中，当仅有部分行被选中时，点击表头的多选框时的行为。若为 true，则选中所有行；若为 false，则取消选择所有行
树节点的缩进：展示树形数据时，树节点的缩进（距离左边的数据）
是否懒加载子节点：是否懒加载子节点数据
是否显示排序列：是否显示有序号的列
是否显示操作列：是否显示有自定义操作的列
操作列选项配置：
- 显示名称：要操作的名称，如：查看/删除/修改
- 名称对应的key：与名称对应的key值，如：look/delete/update
- pageApi：点击操作打开对应的的dialog页面的页面地址（保存页面时所写的API）
- requestApi：数据请求地址
- ➖：删除该项
- ➕ 添加选项：添加新的操作项
对应列的类型：如果设置了 selection 则显示多选框；如果设置了 expand 则显示为一个可展开的按钮
对齐方式：表格的对齐方式，可选值left/center/right
表对齐方式：表头对齐方式，若不设置该项，则使用表格的对齐方式，可选值left/center/right
能否拖动改变宽度（需border属性为真）：对应列是否可以通过拖动改变宽度（需要在 el-table 上设置 border 属性为真）
是否显示tooltip：当内容过长被隐藏时是否显示 tooltip
表头背景色：表头的背景颜色
接口地址：用于table表格获取数据的接口访问地址

http://localhost:8080/api/openCall/common

请求体：function方法，用于处理访问接口的请求参数

function test() {
  let requestParams = {
    className: "TestUpdate", // 类名 string
    methodName: "queryGao", // 方法名 string
    params: [
      {
        "argType": "java.lang.String",
        "argValue": "1111",
      },
      {
        "argType": "java.lang.String",
        "argValue": "2222",
      }
    ], // 请求参数 
  };
  return requestParams;
}

返回体：function方法，用于处理访问接口的返回数据

function test(res){
  let dataList = []
  if (res.data.status) {
    if (res.data.contactList.length > 0) {
       dataList = res.data.contactList
    }
  }
  return dataList
}

自定义页面

自定义组件

标准组件库

数据：表格 cloudcc-table

用途

属性简介

On this page