对接规范落地：版本锁1.3.24/操作列actionColumn text/表格撑满新模型/撤配色切换器/超管门槛+外观三键

src/views/app/AppList.vue

@@ -1,5 +1,5 @@
 <template>
-    <div class="main-wrapper">
+    <div class="page-wrapper yh-fill">
         <div class="main-container">
             <div class="search-wrap fix">
                 <span class="tip">
@@ -12,8 +12,7 @@
                 </div>
             </div>
 
-            <TablePageAlovaNew ref="tableRef" :dataApi="tableApi" :columns="columns" :dataFilter="normalizeRows"
-                :tableHeight="tableHeight">
+            <TablePageAlovaNew ref="tableRef" :dataApi="tableApi" :columns="columns" :dataFilter="normalizeRows">
                 <template #appKey="{ row }">
                     <span v-if="row.appKey === '*'" class="window-tag">*（匿名窗口）</span>
                     <span v-else class="mono">{{ row.appKey }}</span>
@@ -45,9 +44,6 @@
                 <template #gmtModified="{ row }">
                     <span>{{ row.gmtModified ? Utils.dateFormat(row.gmtModified, 'yyyy-MM-dd HH:mm:ss') : '-' }}</span>
                 </template>
-                <template #action="{ row }">
-                    <Button type="primary" size="small" :loading="savingId === row.id" @click="save(row)">保存</Button>
-                </template>
             </TablePageAlovaNew>
 
             <Modal v-model="createShow" :mask-closable="false" width="560" title="新增应用">
@@ -85,22 +81,18 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import useCurrentInstance from '@/utils/hook/useCurrentInstance';
 import TablePageAlovaNew from '@/components/TablePageAlovaNew.vue';
+import { actionColumn } from '@/utils/tableActions';
 import Utils from '@/utils';
 
 defineOptions({ name: 'AppList' });
 
-const { $utils } = useCurrentInstance();
-
 const tableRef = ref<InstanceType<typeof TablePageAlovaNew> | null>(null);
 const savingId = ref<number | null>(null);
 
 const tableApi = (params: { pageIndex: number; pageSize: number }) =>
     Apis.GatewayAdmin.apps({ params, cacheFor: null });
 
-const tableHeight = ref($utils.useTableHeight({ isOperat: false, isPage: true, isSearch: true }));
-
 const columns = [
     { title: 'id', key: 'id', width: 70, align: 'center' },
     { title: 'appKey', slot: 'appKey', width: 160 },
@@ -110,7 +102,13 @@ const columns = [
     { title: '启用', slot: 'enabled', width: 80, align: 'center' },
     { title: '备注', slot: 'remark', minWidth: 140 },
     { title: '更新时间', slot: 'gmtModified', width: 170 },
-    { title: '操作', slot: 'action', width: 90, align: 'center', fixed: 'right' as const },
+    actionColumn(
+        [
+            // 保存按行数据置灰保位（§5.2 红线）：本行提交中即灰，位置恒在
+            { key: 'save', label: '保存', on: (r: any) => save(r), disabledWhen: (r: any) => savingId.value === r.id },
+        ],
+        { mode: 'text', width: 90, fixed: 'right' },
+    ),
 ];
 
 /** 服务端 expireAt 为 ISO 串：补一行内编辑用的 "yyyy-MM-dd HH:mm:ss" 文本 */