fix(ui): 用户验收反馈 R2——单卡片骨架+实测高度对齐 Notice、应用管理启用/停用、Tag 真组件、科室行 deptKey、成员多选、顶栏去房子图标钮

src/views/flow/admin/Defs.vue

@@ -4,12 +4,12 @@
 // 本页不再直接编辑 JSON 文本（编辑器内置"源码"高级模式兜底）；行内「源码」为只读查看+复制。
 import { ref, computed, onMounted } from "vue";
 import { useRouter } from "vue-router";
-import { Message } from "view-ui-plus";
+import { Message, Tag } from "view-ui-plus";
 import MyConfirm from "@/components/MyConfirm";
 import SourceDrawer from "@/views/flow/components/SourceDrawer.vue";
 import { flowApi } from "@/api/module/flow";
 import { actionColumn } from "@/utils/tableActions";
-import Utils from "@/utils";
+import { useElementHeight } from "@/utils/hook/useElementHeight";
 
 const router = useRouter();
 const DEF_STATUS: Record<number, string> = { 0: "草稿", 1: "已发布", 2: "停用" };
@@ -22,8 +22,9 @@ const versions = ref<any[]>([]);
 const sourceVisible = ref(false);
 const sourceText = ref("");
 const sourceTitle = ref("");
-// 操作按钮区 + 表格，无搜索、无分页
-const tableHeight = ref(Utils.useTableHeight({ isOperat: true }));
+// 操作按钮区 + 表格，无搜索、无分页：表格高度实测 .table-region（flex:1）
+const defsRegionRef = ref<HTMLElement | null>(null);
+const defsH = useElementHeight(defsRegionRef);
 // 按应用筛选（flw_def.app_key，2026-10-10）：下拉数据源来自应用设置白名单（flw_app enabled=1）
 const apps = ref<{ appKey: string; appName: string }[]>([]);
 const appMap = ref<Record<string, string>>({});
@@ -37,7 +38,7 @@ const columns = [
     { title: "版本", key: "version", width: 70, align: "center" },
     { title: "状态", width: 90, align: "center", render: (h: any, p: any) => {
         const c = p.row.status === 1 ? "green" : p.row.status === 0 ? "orange" : "gray";
-        return h("Tag", { color: c }, () => DEF_STATUS[p.row.status] || p.row.status);
+        return h(Tag, { color: c }, () => DEF_STATUS[p.row.status] || p.row.status);
     } },
     { title: "GUID", key: "flowGuid", width: 200 },
     { title: "发布时间", width: 160, render: (h: any, p: any) => h("span", (p.row.publishTime || "").replace("T", " ") || "-") },
@@ -220,7 +221,7 @@ onMounted(() => {
 </script>
 
 <template>
-    <div class="page-wrapper">
+    <div class="page-wrapper yh-fill">
         <div class="main-container">
             <!-- 操作按钮区：主操作靠左（bsch应用页规范 §1） -->
             <div class="fix mb-12">
@@ -231,14 +232,16 @@ onMounted(() => {
                 </Select>
             </div>
 
-            <Table :columns="columns" :data="rows" :loading="loading" class="link-table table-bottom-box"
-                :height="tableHeight" no-data-text="暂无数据" />
+            <div class="table-region" ref="defsRegionRef">
+                <Table :columns="columns" :data="rows" :loading="loading" class="link-table table-bottom-box"
+                    :height="defsH || undefined" no-data-text="暂无数据" />
+            </div>
 
             <Modal v-model="versionVisible" title="版本历史" width="640">
                 <Table :columns="[
                     { title: '版本', key: 'version', width: 80 },
                     { title: '名称', key: 'name' },
-                    { title: '状态', width: 90, render: (h, p) => h('Tag', () => DEF_STATUS[p.row.status]) },
+                    { title: '状态', width: 90, render: (h, p) => h(Tag, () => DEF_STATUS[p.row.status]) },
                     { title: '发布时间', width: 160, render: (h, p) => (p.row.publishTime || '').replace('T', ' ') || '-' },
                 ]" :data="versions" size="small" no-data-text="暂无数据" />
             </Modal>
@@ -269,3 +272,11 @@ onMounted(() => {
         </div>
     </div>
 </template>
+
+<style scoped>
+/* 无分页脚：通道只对含 .page-panel 的卡片自动转纵向分栏，本页自声明保证 table-region 撑满 */
+.main-container {
+    display: flex;
+    flex-direction: column;
+}
+</style>