fix: 完善顺运宝列表紧凑布局 (#216)

admin/static/css/app.css

@@ -79,6 +79,23 @@ body {
 /* ── 页面主体 ─────────────────────────── */
 .page { padding: 16px; }
 
+/* 顺运宝是高密度操作表：桌面端让主区域占满导航和固定状态栏之间的空间，
+   工具条或条件提示高度变化时，表格自动取得剩余高度，不依赖固定像素扣减。 */
+body.syb-page-body {
+  height: 100vh;
+  height: 100dvh;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+body.syb-page-body > .nav { flex: 0 0 auto; }
+body.syb-page-body > .page {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  flex-direction: column;
+}
+
 /* ── 第一段：顶部工具条 ───────────────── */
 .toolbar {
   display: flex;
@@ -256,7 +273,9 @@ tr.empty small { color: #aaa; }
   max-width: 140px;
 }
 .syb-table-wrap {
-  max-height: calc(100vh - 270px);
+  flex: 1 1 auto;
+  min-height: 0;
+  max-height: none;
   overflow: auto;
   scrollbar-gutter: stable;
 }
@@ -266,6 +285,13 @@ tr.empty small { color: #aaa; }
   z-index: 1;
 }
 @media (max-width: 760px) {
+  body.syb-page-body {
+    height: auto;
+    min-height: 100dvh;
+    display: block;
+    overflow: auto;
+  }
+  body.syb-page-body > .page { display: block; }
   .syb-table-wrap { max-height: none; }
 }