}>({ seq: 0, tables: new Set() })
+
+ const rows = useMemo(() => data?.tables ?? [], [data])
+ const visible = useMemo(() => visibleRows(rows, query, filter, sort), [rows, query, filter, sort])
+ const counts = useMemo(() => filterCounts(rows, query), [rows, query])
+ const base = `/data/catalog/${encodeURIComponent(sourceId)}`
+ const openTable = useCallback((t: string) => navigate(`${base}/${encodeURIComponent(t)}`), [navigate, base])
+ const back = source?.origin === 'upload' ? '/data/tables' : '/data/databases'
+
+ /** 写入、审阅之后按返回的单表目录更新清单里那一行 */
+ const onDetail = useCallback((d: CatalogDetail) => {
+ setData((cur) => cur && ({
+ ...cur,
+ tables: cur.tables.map((r) => (r.table_name === d.table_name ? rowFromDetail(d, r) : r)),
+ }))
+ }, [])
+
+ const onDrafted = useCallback((tables: string[]) => {
+ setDrafted((cur) => ({ seq: cur.seq + 1, tables: new Set(tables) }))
+ setSelected(new Set())
+ void load()
+ }, [load])
+
+ // 上一张 / 下一张按清单当前的筛选和排序走；正在看的表不在筛选结果里（刚确认完、从关联关系跳过来）时按全部表走
+ const [prev, next] = useMemo(() => {
+ if (!table) return [null, null]
+ const list = visible.some((r) => r.table_name === table) ? visible : visibleRows(rows, '', 'all', sort)
+ const i = list.findIndex((r) => r.table_name === table)
+ if (i < 0) return [null, null]
+ return [list[i - 1]?.table_name ?? null, list[i + 1]?.table_name ?? null]
+ }, [table, visible, rows, sort])
+
+ const filtered = !!query.trim() || filter !== 'all'
+ const empty = rows.length > 0 && rows.every((r) => progressOf(r.counts) === 'none')
+ const hasTables = rows.length > 0
+ const draftButton = (primary = false) => (
+
+ )
+ // 页头的「起草」窄屏只留图标，标题才放得下
+ const headerDraft = (
+
+ )
+
+ let body: ReactNode
+ if (!data) {
+ body = loadError
+ ? (loadError instanceof ApiError && loadError.status === 404
+ ? } title={CT.sourceMissing} body={CT.sourceMissingBody} offline={false}
+ action={} />
+ : void load()} />
)
+ :
+ } else if (!hasTables) {
+ // 没有表结构：先去探查。上传的表格没有「探查结构」，只能重新上传
+ body = (
+
+ }
+ title={CT.noSchemaTitle}
+ body={source?.origin === 'upload' ? CT.noSchemaUploadBody : CT.noSchemaBody(data.schema_note ?? '')}
+ offline={false}
+ action={}
+ />
+
+ )
+ } else {
+ body = (
+
+
+
+ {table
+ ? (
+ navigate(base)} onDetail={onDetail} />
+ )
+ : }
+
+
+
}
+ title={CT.title(source?.name ?? sourceId)}
+ subtitle={CT.subtitle}
+ actions={(
+
+ {hasTables && headerDraft}
+
+
+ )}
+ />
+ {body}
+ {drafting && data && (
+
setDrafting(false)}
+ onDrafted={onDrafted}
+ />
+ )}
+
+
+ {empty
+ ?
} title={CT.emptyTitle} body={CT.emptyBody} offline={false} action={draft} className="!py-8" />
+ : (
+
+
{CT.overviewTitle}
+
{CT.overviewBody}
+
+ {CT.overviewStats(rows.length, stats.pending, stats.done, stats.none)}
+
+
+ {pendingNext && (
+
+
+ {CT.reviewNextHint}
+
+ )}
+
+ )}
+ {systemNotes &&
}
+
+
+
+ {seg(done, 'var(--st-done)', CT.filter.done)}
+ {seg(pending, 'var(--st-waiting)', CT.filter.pending)}
+ {seg(none, 'var(--border-strong)', CT.filter.none)}
+
+ )
+}
diff --git a/frontend/src/pages/catalog/ColumnTable.tsx b/frontend/src/pages/catalog/ColumnTable.tsx
new file mode 100644
index 00000000..e5903287
--- /dev/null
+++ b/frontend/src/pages/catalog/ColumnTable.tsx
@@ -0,0 +1,211 @@
+import { memo } from 'react'
+import type { ReactNode } from 'react'
+import { AlertTriangle, CheckCheck, Lock } from 'lucide-react'
+import clsx from 'clsx'
+import type {
+ CatalogColumnNotes, CatalogItem, CatalogMeasure, CatalogReviewAction, CatalogStructureColumn,
+} from '../../types'
+import { IconButton } from '../../components/ui'
+import {
+ CATALOG_COLUMN_FIELD_LABEL, CATALOG_MEASURE_HINT, CATALOG_MEASURE_LABEL, CATALOG_TEXT as CT,
+} from '../../lib/terms'
+import { ItemMark } from './parts'
+import type { ReviewTarget } from './parts'
+import { COLUMN_FIELDS, columnPath } from './model'
+import type { ColumnField } from './model'
+
+// ===========================================================================
+// 单表详情的列表格：列名 / 类型、中文名、含义、单位、度量类型、码值。每格的值旁边是只有图标的状态标识，点开看来源、
+// 做确认 / 驳回 / 恢复；有推断项的行末尾有「确认本列推断」。编辑时每格换成输入框。
+// 一张表 50 列时每次按键都会重画整张表：行是 memo 的，只有改动的那一行重画。
+// ===========================================================================
+
+const MEASURES = Object.keys(CATALOG_MEASURE_LABEL) as CatalogMeasure[]
+const CODES_SHOWN = 4
+
+export interface ColumnModel {
+ name: string
+ /** 表结构里的这一列；表结构里已经没有、目录还留着的为 null */
+ structure: CatalogStructureColumn | null
+ items: CatalogColumnNotes | undefined
+}
+
+type ColumnTexts = Partial>
+
+export function ColumnTable({ columns, form, initial, problems, busy, systemNotes, onReview, onConfirmColumn, onChange }: {
+ columns: ColumnModel[]
+ /** 编辑中：列名 → 字段 → 文字（form 是当前的，initial 是进入编辑时的）；不在编辑时为 null */
+ form: Record | null
+ initial: Record | null
+ /** 格式问题：键 c:<列名>:<字段> */
+ problems: Record
+ busy: boolean
+ /** 导入表格的源：列的说明是系统生成的，只读地写在列名下面 */
+ systemNotes: boolean
+ onReview: (target: ReviewTarget, action: CatalogReviewAction) => void
+ onConfirmColumn: (col: string) => void
+ onChange: (col: string, field: ColumnField, value: string) => void
+}) {
+ return (
+
+
+
+
+ | {CT.columnHead.name} / {CT.columnHead.type} |
+ {CT.columnHead.label} |
+ {CT.columnHead.meaning} |
+ {CT.columnHead.unit} |
+ {CT.columnHead.measure} |
+
+ {CT.columnHead.codes}
+ {form && · {CT.codesHint}}
+ |
+ {CT.confirmColumn} |
+
+
+
+ {columns.map((c) => (
+
+ ))}
+
+
+
+
+ {editing ? input : view}
+ {it && !changed && (
+
+ onReview({ path: columnPath(name, f), where, source: it.source, status: it.status }, a)} />
+
+ )}
+ {problem} }
+ |
+ )
+ }
+ const text = (f: ColumnField, opts?: { mono?: boolean; narrow?: boolean }) => {
+ const it = items?.[f] as CatalogItem | undefined
+ const rejected = it?.status === 'rejected'
+ const value = draft?.[f] ?? ''
+ return cell(
+ f,
+ {v}} />,
+ onChange(name, f, e.target.value)}
+ data-input={f}
+ />,
+ )
+ }
+ const measure = items?.measure
+ const codes = items?.codes
+ return (
+
+ |
+
+ {name}
+ {structure?.pk && {CT.pk}}
+
+ {structure && {structure.type || '—'} }
+ {comment && (
+
+
+ {CT.systemTag}：{comment}
+
+ )}
+ {!structure && (
+
+ )}
+ |
+ {text('label')}
+ {text('meaning')}
+ {text('unit')}
+ {cell(
+ 'measure',
+ {CATALOG_MEASURE_LABEL[v as CatalogMeasure] ?? v}} />,
+ ,
+ )}
+ {cell(
+ 'codes',
+ } />} />,
+