根据截图,这是一个导入校验失败的弹窗,显示了9处错误信息,目前以纯文本列表形式展示。我来创建一个以表格形式展示导入错误的通用组件:
现在创建一个示例页面来展示这个组件的效果:
已创建 ImportErrorDialog 组件,将导入错误信息以表格形式展示,包含以下优化:
- 表格结构:三列显示 - 行号、列名、错误描述,信息更清晰有序
- 错误/警告区分:支持 error 和 warning 两种类型,分别用红色和橙色图标标识
- 统计信息:顶部显示错误和警告的数量统计
- 可滚动区域:当错误较多时,表格区域可滚动,表头固定
访问 /import-demo 可查看效果演示。