Question

import { JVXETypes } from '@/components/jeecg/JVxeTable'

>[info] 注：所有的组件参数配置都继承columns 参数配置，有特别标注参数的组件都是专属于该组件的属性。

普通文本

不显示任何组件，只显示普通文本

• 类型：JVXETypes.normal

单行文本

• 类型：JVXETypes.input

多行文本

• 类型：JVXETypes.textarea

数字输入框

• 类型：JVXETypes.inputNumber
• 参数：
  • statistics：array，统计列配置，设置了之后会自动统计当前列的所有数据并显示在底部
    • sum 求和
    • average 平均值

统计列配置示例

复选框（开关）

• 类型：JVXETypes.checkbox
• 参数：
  • defaultChecked：boolean，默认值是否选中
  • customValue：array，自定义值，checkbox需要的是boolean值。 如果数据是其他值（例如'Y' or 'N'）时，就会导致错误，所以提供了该属性进行转换。 例：customValue: ['Y','N']，会将true转换为'Y'，false转换为'N'，反之亦然

单选框

• 类型：JVXETypes.radio
• 参数：
  • options：array，选项 注意：如果选项过多超出了列的宽度，将有可能被截取， 所以建议不要使用太多的选项，或使用下拉框组件替代。
  • allowClear boolean，默认false，是否可以清除选择。 如果设为true的话，那么点击已被选中的选项时会取消选中。

下拉框

• 类型：JVXETypes.select
• 参数：
  • options：【必填】 array，下拉选项列表，详见下表
  • allowInput：是否允许用户输入内容，并创建新的内容
  • allowSearch：是否允许用户搜索内容（仅搜索，不创建）
  • dictCode：数据字典Code，若options也有值，则拼接在options后面

>[info] 注意事项

1.  `allowInput`和`allowSearch`不能同时使用，若同时使用，则`allowSearch`的优先级更高
2.  若`options`的某一项设置了`disabled:true`，则搜索不到该项

options 所需参数

参数	类型	必填	说明
text	string	✔️	显示标题
value	string	✔️	真实值
disabled	boolean		是否禁用当前选项
title	string		显示标题（已废弃，若同时填写了 title 和 text 那么优先使用 text）

下拉多选框

• 类型：JVXETypes.selectMultiple
• 参数：继承下拉框的所有参数

下拉搜索框

• 类型：JVXETypes.selectSearch
• 参数：继承下拉框的所有参数 只不过是自动将allowSearch参数设为true了，相当于一个语法糖

下拉字典搜索框

• 类型：JVXETypes.selectDictSearch
• 参数：
  • async：是否异步搜索
  • dict：仅async=true时生效，字典code（数据库表名,显示字段名,存储字段名） 示例："sys_user,realname,username"
  • options：仅async=false时生效，搜索选项
  • tipsContent：提示内容，默认：请输入搜索内容

日期

• 类型：JVXETypes.date
• 参数：
  • format：格式化显示，默认值：YYYY-MM-DD

日期时间

• 类型：JVXETypes.datetime
• 参数：
  • format：格式化显示，默认值：YYYY-MM-DD HH:mm:ss

进度条

给什么值就显示什么进度，最小值0，最大值100

• 类型：JVXETypes.progress

文件上传（单个）

• 类型：JVXETypes.upload
• 参数：
  • action：【必填】 上传文件路径
  • token：boolean，默认false，上传的时候是否传递token
  • responseName：【必填】* 若要从上传成功后从response中取出返回的文件名，那么这里填后台返回的包含文件名的字段名
  • btnText：string，默认"点击上传"，按钮的显示文本
  • allowDownload：boolean，默认true，是否允许下载
  • allowRemove：boolean，默认true，是否允许删除

文件上传（批量）

• 类型：JVXETypes.file
• 参数：继承文件上传（单个）的所有参数
  • action：非必填，默认"/sys/common/upload"
  • responseName：非必填，默认"message"
  • btnText：默认"上传文件"

图片上传（批量）

• 类型：JVXETypes.image
• 参数：继承文件上传（批量）的所有参数
  • btnText：默认"上传图片"

Popup

• 类型：JVXETypes.popup
• 参数：
  • popupCode：【必填】 online报表编码
  • field：【必填】 online报表查询出来的列名，多个以逗号隔开
  • orgFields：【必填】 online报表查询出来的列名，多个以逗号隔开
  • destFields：【必填】 回填到表单的列名，多个以逗号隔开

插槽（slot）

• 类型：JVXETypes.slot
• 参数：
  • slotName：【必填】 slot的名称 使用方式详见：【使用示例_四】

隐藏列

设置了之后该列不会显示出来，但是能正常赋值、取值。

• 类型：JVXETypes.hidden