-
Data Governance Dev authored
用户反馈国标违规 tab 列被压扁、表格未铺满。上一版用 overflow-x:auto 包裹 未能根治。根因:原 el-table-column type="expand" 嵌套子 el-table 加 el-tabs__content 的 overflow:hidden 组合在某些视口下渲染异常。 参照字段长度异常 tab 的简洁模板布局重做两个表: 按标准统计(7 列,无展开): - 标准 width=120 - 标准名称 min-width=380 模板:粗体代码 + 小字名称 - 字段数 width=100 align=right - 抽样数 width=120 align=right - 违规数 width=120 align=right - 违规率 width=140 三色(>50% 红 / >20% 橙 / 余绿) - 字段清单/违规率 min-width=340 模板内联最多 6 个字段,超出显示「…等共 N 个字段」 (替代原本的展开行,违规率按字段级别上色) 违规明细(3 列大幅合并): - 表 / 字段 min-width=280 模板:粗体表名 + 小字字段名 - 标准 / 标准名 min-width=320 模板:粗体规则代码 + 小字标准名 - 值 / 违规原因 min-width=420 模板:<code> 包值 + 小字错误原因 样式统一字段长度 tab: el-table style="margin-top: 12px; width: 100%" max-height="480" 删除上一版的 overflow-x: auto 包裹(不再需要)。 验证:本地 == HTTP 服务返回(54914 字节一致)。d2917cf8