后端webadmin调整显示布局

2026-07-07 17:43:01 +08:00
parent 7e3c0011bb
commit 5fef6ae2b1
8 changed files with 175 additions and 34 deletions
@@ -0,0 +1,34 @@
+import { Typography } from 'antd';
+
+type AdminCellLineProps = {
+  primary?: string | null;
+  secondary?: string | null;
+  separator?: string;
+};
+
+/** 表格单元格：主/副信息同一行展示，超出省略，hover 显示全文 */
+export function AdminCellLine({
+  primary,
+  secondary,
+  separator = ' · ',
+}: AdminCellLineProps) {
+  const main = primary?.trim() || '—';
+  const sub = secondary?.trim();
+  const full = sub ? `${main}${separator}${sub}` : main;
+
+  return (
+    <Typography.Text
+      className="admin-cell-line"
+      ellipsis={{ tooltip: full }}
+      style={{ maxWidth: '100%' }}
+    >
+      {main}
+      {sub ? (
+        <span className="admin-cell-line-secondary">
+          {separator}
+          {sub}
+        </span>
+      ) : null}
+    </Typography.Text>
+  );
+}