<divclass="step"><spanclass="step-no">1</span><divclass="step-content"><b>选择数据源</b><el-selectv-model="form.source"placeholder="请选择数据源"class="source-select"@change="onSourceChange"><el-optionv-for="source in sources":key="source.id":label="`${source.name}(${source.db_type})`" :value="source.id" /></el-select></div></div>
<divclass="step"><spanclass="step-no">2</span><divclass="step-content"><b>选择数据库</b><el-selectv-model="form.database"placeholder="请选择数据库/Schema"class="source-select":loading="loading"@change="loadTables"><el-optionv-for="schema in schemas":key="schema":label="schema":value="schema"/></el-select><divclass="scope-choice"><el-radio-groupv-model="form.scope"@change="form.tables = []"><el-radiolabel="database">整个数据库</el-radio><el-radiolabel="tables">指定数据表</el-radio></el-radio-group></div><divv-if="form.scope === 'tables'"class="table-picker"><el-checkbox-groupv-model="form.tables"><el-checkboxv-for="table in tables":key="table.table_name":label="table.table_name">{{table.table_name}}<smallv-if="table.table_comment">({{table.table_comment}})</small></el-checkbox></el-checkbox-group><spanv-if="form.database && !tables.length"class="muted">{{loading?'正在加载...':'暂无可访问的数据表'}}</span></div></div></div>
<divv-elseclass="table-scroll"><tableclass="design-result-table"><thead><tr><th>数据表</th><th>表注释</th><th>状态</th><th>不合格原因</th></tr></thead><tbody><trv-for="row in result.results":key="row.table_name"><td>{{row.table_name}}</td><td>{{row.table_comment||'—'}}</td><td><span:class="row.ok ? 'status-good' : 'status-bad'">{{row.ok?'合格':'不合格'}}</span></td><td><spanv-if="row.ok">—</span><divv-else><divv-for="reason in row.reasons":key="reason">{{reason}}</div><divv-if="row.missing_columns?.length"class="missing">字段:{{row.missing_columns.join('、')}}</div></div></td></tr><trv-if="!result.results?.length"><tdcolspan="4"class="empty-cell">未找到可校验的数据表</td></tr></tbody></table></div>