Skip to content

ExcelImport 导入

Excel 导入是管理系统最常用功能之一,在之前的工作中深感各种导入实现的繁琐,对于开发同学的心智负担太大,所以编写了此通用的导入组件。

组件功能特点:

  1. 开发者仅需定义列验证规则,无需关注其他任何工作细节,验证规则参考 Validate 数据验证
  2. 自带模板导出功能,无需编写下载模板的逻辑,也不用保存模板文件,模板由组件内部动态生成。
  3. 支持多行标题的excel导入。
  4. 支持导入前验证模板是否匹配。
  5. excel文件自动解析,无需编写任何解析逻辑。
  6. 验证规则会在excel导出的模板中体现。
  7. 内置导入时验证错误信息的展示。
  8. 支持服务器端数据验证,并展示验证错误信息。
  9. 支持错误信息的导出。

工作流程

在使用前我们先了解一下导入组件的工作流程

基础用法

tip提示文字

复杂用法

ExcelImport API

ExcelImport 属性

属性名描述类型默认值
columnsexcel列定义 ImportExcelColumn []object必填
template-file-name下载导出模板文件名称string'导入模板'
layout表格布局方式'auto' | 'stretch''auto'
on-complete前端验证通过数据的回调方法,如果是异步操作,请返回Promise对象Function必填
init-data下载模板的初始化数据ExcelImportInitData

ExcelImport Slots

插槽名详情类型
tip备注信息插槽

ExcelImport Exposes

方法名详情类型
download-template下载模板文件Function
valid-data验证表格数据Function
sub-import确认导入Function
export-error导出错误信息Function

ImportExcelColumn 类型

属性名描述类型默认值
prop字段名string必填
label列名称string必填
rules验证规则,参考 Validate 数据验证ValidRules
hidden此列隐藏booleanfalse
note列备注string
children子项object