Skip to content

D
db-tools
Commit 984dadff authored by Data Governance Dev's avatar Data Governance Dev
Browse files
Options

fix(web): 字段长度异常 tab 表格列重整，避免视口窄时列堆叠异常 

原表 9 列、累计固定宽 1100+px、首两列 fixed → 在较窄窗口下渲染异常。
改为 7 列、min-width 弹性布局、去掉 fixed、合并'实际长度/标准长度'：
  - 表名          min-width=140  show-overflow-tooltip
  - 字段名        min-width=130  show-overflow-tooltip
  - 长度(实际/标准) min-width=130 模板渲染 (实际红色加粗/灰色/标准)
  - 浪费字节       width=90   align=right
  - 国家标准      min-width=120  show-overflow-tooltip
  - 规则          min-width=160  show-overflow-tooltip
  - 建议          min-width=160  show-overflow-tooltip
  - el-table 加 max-height=560，行多时纵向滚动

数据字段全部已在 step6 产出，无需改后端。
验证：HTTP 抓取的页面 HTML 已含新表格定义。
parent a53fa3b1
Hide whitespace changes
Inline Side-by-side
Showing with 16 additions and 10 deletions
web/static/index.html
View file @ 984dadff
...@@ -459,16 +459,22 @@ ...@@ -459,16 +459,22 @@
<!-- 字段长度异常 --> <!-- 字段长度异常 -->
<el-tab-pane label="字段长度异常" name="length"> <el-tab-pane label="字段长度异常" name="length">
<el-alert :title="`${jobResult.sections.length_issues?.summary?.total_issues || 0} 条异常，应用 ${jobResult.sections.length_issues?.summary?.rules_applied || 0} 条规则`" type="warning" :closable="false" /> <el-alert :title="`${jobResult.sections.length_issues?.summary?.total_issues || 0} 条异常，应用 ${jobResult.sections.length_issues?.summary?.rules_applied || 0} 条规则`" type="warning" :closable="false" />
<el-table :data="jobResult.sections.length_issues?.issues || []" stripe size="small" style="margin-top: 12px"> <el-table :data="jobResult.sections.length_issues?.issues || []" stripe size="small" style="margin-top: 12px" max-height="560">
<el-table-column prop="table_name" label="表名" width="180" fixed /> <el-table-column prop="table_name" label="表名" min-width="140" show-overflow-tooltip />
<el-table-column prop="column_name" label="字段名" width="160" fixed /> <el-table-column prop="column_name" label="字段名" min-width="130" show-overflow-tooltip />
<el-table-column prop="data_type" label="类型" width="80" /> <el-table-column label="长度 (实际/标准)" min-width="130" align="center">
<el-table-column prop="actual_length" label="实际长度" width="100" /> <template #default="{ row }">
<el-table-column prop="required_length" label="标准长度" width="100" /> <span style="color: #f56c6c; font-weight: 600">{{ row.actual_length }}</span>
<el-table-column prop="wasted_bytes_per_row" label="每行浪费字节" width="120" /> <span class="muted"> / </span>
<el-table-column prop="standard" label="国家标准" width="160" /> <span>{{ row.required_length }}</span>
<el-table-column prop="rule" label="规则" width="200" /> </template>
<el-table-column prop="suggestion" label="建议" /> </el-table-column>
<el-table-column prop="wasted_bytes_per_row" label="浪费字节" width="90" align="right">
<template #default="{ row }">{{ row.wasted_bytes_per_row }}</template>
</el-table-column>
<el-table-column prop="standard" label="国家标准" min-width="120" show-overflow-tooltip />
<el-table-column prop="rule" label="规则" min-width="160" show-overflow-tooltip />
<el-table-column prop="suggestion" label="建议" min-width="160" show-overflow-tooltip />
</el-table> </el-table>
</el-tab-pane> </el-tab-pane>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment