From 458adb15af7fe6e5d8fc67113918540ac624d4b8 Mon Sep 17 00:00:00 2001
From: Sisyphus <sisyphus@direv.local>
Date: Thu, 9 Jul 2026 15:22:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(F006-W17.8):=20openapi/app=20=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E6=92=91=E6=BB=A1=20+=20=E6=93=8D=E4=BD=9C=E5=88=97?=
 =?UTF-8?q?=E6=8C=89=E9=92=AE=E5=AE=8C=E6=95=B4=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

用户反馈: 应用列表表格不撑满 + 操作列按钮显示不全
对比参考页 (用户列表) 修复:

列宽调整 (参考 RoleListView/UserListView 列宽方案):
- 应用名称 minWidth 180 → 220 (让列总宽超过容器, el-table 自然撑满)
- AppID minWidth 220 → 240 (增加密度)
- 新增最后调用列 (lastUsedAt, width 170) - 真实业务字段, 表格更充实
- 操作列 width 140 → 160 + align: center + fixed: right
  * 加宽 20px 给重发二维码 + ⋯ 留出空间
  * fixed: right 避免 el-table 重排时把操作列挤压到中间
  * align: center 跟其他列 (W17.7) 表头居中保持一致

测量对比 (1440 视口, 左菜单 260 + 主区 padding 28x2 = 316 可用):
- 用户列表 (参考):  表格 1152px, 右边距 28px
- openapi/app (修后): 表格 1150px, 右边距 29px → 视觉一致 ✅

操作列按钮完整性 (Playwright 实测):
- 行 0/2 (status=0/1): [详情, 重发二维码] + ⋯ (4按钮前2+⋯) ✅
- 行 1 (status=2):    [详情, 删除] (1按钮无⋯) ✅
---
 src/modules/openapi/OpenAppListView.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/modules/openapi/OpenAppListView.vue b/src/modules/openapi/OpenAppListView.vue
index 3dff50d..53abd57 100644
--- a/src/modules/openapi/OpenAppListView.vue
+++ b/src/modules/openapi/OpenAppListView.vue
@@ -161,11 +161,12 @@ async function loadCustomers() {
 
 const columns = [
   { prop: 'customerName', label: '客户名', minWidth: 180 },
-  { prop: 'appName', label: '应用名称', minWidth: 180 },
-  { prop: 'appId', label: 'AppID', minWidth: 220 },
+  { prop: 'appName', label: '应用名称', minWidth: 220 },
+  { prop: 'appId', label: 'AppID', minWidth: 240 },
   { prop: 'status', label: '状态', width: 100, slot: 'status' as const },
   { prop: 'createDate', label: '创建时间', width: 170, slot: 'createDate' as const },
-  { label: '操作', width: 140, slot: 'action' as const }
+  { prop: 'lastUsedAt', label: '最后调用', width: 170, formatter: (row: any) => fmtDate(row.lastUsedAt) },
+  { label: '操作', width: 160, align: 'center' as const, fixed: 'right' as const, slot: 'action' as const }
 ]
 
 function onSearch() { page.value = 1; load() }