From 908916fefdce116b049a9b32082f9c4a16f9a06b Mon Sep 17 00:00:00 2001
From: XuqmGroup <noreply@xuqm.com>
Date: Wed, 27 May 2026 12:52:29 +0800
Subject: [PATCH] =?UTF-8?q?feat(logs):=20=E6=B7=BB=E5=8A=A0=E5=8D=B3?=
 =?UTF-8?q?=E6=97=B6=E9=80=9A=E8=AE=AF=E6=93=8D=E4=BD=9C=E6=97=A5=E5=BF=97?=
 =?UTF-8?q?=E5=B9=B6=E4=BC=98=E5=8C=96=E7=95=8C=E9=9D=A2=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 在 operation log 视图中新增即时通讯标签页
- 为 IM 服务添加操作摘要、资源类型等字段支持
- 统一三个标签页的操作类型和资源类型的中文映射
- 重构操作摘要生成功能，区分租户平台、即时通讯和版本管理
- 优化表格列宽度和布局显示
- 添加 IM 日志的数据加载和分页功能
- 新增 IM 应用选择和页面切换事件处理
- 在 API 定义中添加 summary 字段支持
---
 tenant-platform/src/api/im.ts                 |   1 +
 .../src/views/logs/OperationLogView.vue       | 452 +++++++++++++-----
 2 files changed, 324 insertions(+), 129 deletions(-)

diff --git a/tenant-platform/src/api/im.ts b/tenant-platform/src/api/im.ts
index 234287c..301ea6b 100644
--- a/tenant-platform/src/api/im.ts
+++ b/tenant-platform/src/api/im.ts
@@ -138,6 +138,7 @@ export interface OperationLog {
   resourceType: string
   resourceId?: string | null
   detail?: string | null
+  summary?: string | null
   createdAt: number
 }
 
diff --git a/tenant-platform/src/views/logs/OperationLogView.vue b/tenant-platform/src/views/logs/OperationLogView.vue
index d775271..b66d5f1 100644
--- a/tenant-platform/src/views/logs/OperationLogView.vue
+++ b/tenant-platform/src/views/logs/OperationLogView.vue
@@ -4,6 +4,7 @@
 
     <el-card shadow="never">
       <el-tabs v-model="activeSource">
+        <!-- ── 租户平台 ───────────────────────────────────────────── -->
         <el-tab-pane label="租户平台" name="TENANT">
           <div class="toolbar responsive-toolbar">
             <el-select
@@ -18,7 +19,7 @@
               <el-option label="应用管理" value="APP" />
               <el-option label="子账号管理" value="SUB_ACCOUNT" />
               <el-option label="服务管理" value="SERVICE" />
-              <el-option label="密钥验证" value="APP_SECRET" />
+              <el-option label="密钥管理" value="APP_SECRET" />
               <el-option label="邮箱验证" value="EMAIL_VERIFY" />
             </el-select>
             <el-button :loading="tenantLoading" @click="loadTenantLogs">刷新</el-button>
@@ -34,22 +35,17 @@
               <el-table-column prop="moduleType" label="模块" width="110">
                 <template #default="{ row }">
                   <el-tag size="small" :type="moduleTagType(row.moduleType)" effect="plain">
-                    {{ tenantModuleLabel(row.moduleType) }}
+                    {{ moduleLabel(row.moduleType) }}
                   </el-tag>
                 </template>
               </el-table-column>
-              <el-table-column label="操作摘要" min-width="320">
+              <el-table-column label="操作摘要" min-width="360">
                 <template #default="{ row }">
                   <div class="summary-cell">
-                    <el-tag
-                      size="small"
-                      :type="actionTagType(row.action)"
-                      effect="dark"
-                      class="action-tag"
-                    >
+                    <el-tag size="small" :type="actionTagType(row.action)" effect="dark" class="action-tag">
                       {{ actionLabel(row.action) }}
                     </el-tag>
-                    <span class="summary-text">{{ row.summary || generateSummary(row) }}</span>
+                    <span class="summary-text">{{ row.summary || generateTenantSummary(row) }}</span>
                   </div>
                 </template>
               </el-table-column>
@@ -61,21 +57,12 @@
               </el-table-column>
               <el-table-column label="详细数据" width="80" align="center">
                 <template #default="{ row }">
-                  <el-popover
-                    v-if="hasDetail(row.detailJson)"
-                    placement="left"
-                    :width="380"
-                    trigger="click"
-                  >
+                  <el-popover v-if="hasDetail(row.detailJson)" placement="left" :width="380" trigger="click">
                     <template #reference>
                       <el-button link type="primary" size="small">查看</el-button>
                     </template>
                     <div class="detail-popover">
-                      <div
-                        v-for="(item, idx) in parseDetail(row.detailJson)"
-                        :key="idx"
-                        class="detail-row"
-                      >
+                      <div v-for="(item, idx) in parseDetail(row.detailJson)" :key="idx" class="detail-row">
                         <span class="detail-key">{{ item.key }}</span>
                         <span class="detail-value">{{ item.value }}</span>
                       </div>
@@ -97,6 +84,65 @@
           />
         </el-tab-pane>
 
+        <!-- ── 即时通讯 ───────────────────────────────────────────── -->
+        <el-tab-pane label="即时通讯" name="IM">
+          <div class="toolbar responsive-toolbar">
+            <el-select
+              v-model="imAppKey"
+              placeholder="选择应用"
+              style="width: 320px"
+              filterable
+              @change="handleImAppChange"
+            >
+              <el-option
+                v-for="app in apps"
+                :key="app.appKey"
+                :label="`${app.name} · ${app.packageName}`"
+                :value="app.appKey"
+              />
+            </el-select>
+            <el-button :loading="imLoading" @click="loadImLogs">刷新</el-button>
+          </div>
+
+          <div class="table-wrap">
+            <el-table :data="imLogs" v-loading="imLoading" border stripe>
+              <el-table-column prop="createdAt" label="时间" width="170">
+                <template #default="{ row }">
+                  <span class="time-text">{{ formatTime(row.createdAt) }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" width="160">
+                <template #default="{ row }">
+                  <el-tag size="small" :type="actionTagType(row.action)" effect="dark">
+                    {{ actionLabel(row.action) }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="资源类型" width="120">
+                <template #default="{ row }">
+                  <el-tag size="small" effect="plain">{{ resourceTypeLabel(row.resourceType) }}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作详情" min-width="360">
+                <template #default="{ row }">
+                  <span class="summary-text">{{ row.detail || generateImSummary(row) }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="operatorId" label="操作人" width="120" />
+            </el-table>
+          </div>
+
+          <el-pagination
+            style="margin-top: 16px"
+            layout="total, prev, pager, next"
+            :total="imTotal"
+            :page-size="imPageSize"
+            :current-page="imPage + 1"
+            @current-change="handleImPageChange"
+          />
+        </el-tab-pane>
+
+        <!-- ── 版本管理 ───────────────────────────────────────────── -->
         <el-tab-pane label="版本管理" name="UPDATE">
           <div class="toolbar responsive-toolbar">
             <el-select
@@ -122,19 +168,40 @@
               <el-table-column prop="createdAt" label="时间" width="170">
                 <template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
               </el-table-column>
-              <el-table-column prop="resourceType" label="资源类型" width="140">
+              <el-table-column label="操作摘要" min-width="360">
                 <template #default="{ row }">
-                  <el-tag size="small" effect="plain">{{ updateResourceLabel(row.resourceType) }}</el-tag>
+                  <div class="summary-cell">
+                    <el-tag size="small" :type="actionTagType(row.action)" effect="dark" class="action-tag">
+                      {{ actionLabel(row.action) }}
+                    </el-tag>
+                    <span class="summary-text">{{ updateSummaryText(row) }}</span>
+                  </div>
                 </template>
               </el-table-column>
-              <el-table-column prop="action" label="动作" width="160">
-                <template #default="{ row }">{{ updateActionLabel(row.action) }}</template>
-              </el-table-column>
-              <el-table-column prop="resourceId" label="资源ID" min-width="220" show-overflow-tooltip />
-              <el-table-column prop="operator" label="操作人" width="180" />
-              <el-table-column label="原因 / 详情" min-width="320">
+              <el-table-column label="资源类型" width="140">
                 <template #default="{ row }">
-                  <span class="detail">{{ row.reason || formatDetail(row.detailJson) }}</span>
+                  <el-tag size="small" effect="plain">{{ resourceTypeLabel(row.resourceType) }}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="operator" label="操作人" width="140" />
+              <el-table-column label="详情" width="100" align="center">
+                <template #default="{ row }">
+                  <el-popover v-if="row.reason || hasDetail(row.detailJson)" placement="left" :width="380" trigger="click">
+                    <template #reference>
+                      <el-button link type="primary" size="small">查看</el-button>
+                    </template>
+                    <div class="detail-popover">
+                      <div v-if="row.reason" class="detail-row">
+                        <span class="detail-key">原因</span>
+                        <span class="detail-value">{{ row.reason }}</span>
+                      </div>
+                      <div v-for="(item, idx) in parseDetail(row.detailJson)" :key="idx" class="detail-row">
+                        <span class="detail-key">{{ item.key }}</span>
+                        <span class="detail-value">{{ item.value }}</span>
+                      </div>
+                    </div>
+                  </el-popover>
+                  <span v-else class="no-detail">-</span>
                 </template>
               </el-table-column>
             </el-table>
@@ -150,18 +217,30 @@ import { onMounted, reactive, ref, watch } from 'vue'
 import { appApi, type App } from '@/api/app'
 import { updateAdminApi, type OperationLog as UpdateOperationLog } from '@/api/update'
 import { operationLogApi, type TenantOperationLog } from '@/api/operationLog'
+import { imAdminApi, type OperationLog as ImOperationLog } from '@/api/im'
 import { formatTime } from '@/utils/date'
 
-const activeSource = ref<'TENANT' | 'UPDATE'>('TENANT')
+const activeSource = ref<'TENANT' | 'IM' | 'UPDATE'>('TENANT')
+
+// ── 租户平台 state ───────────────────────────────────────────────────────────
 
 const tenantLoading = ref(false)
 const tenantLogs = ref<TenantOperationLog[]>([])
 const tenantTotal = ref(0)
 const tenantPage = ref(0)
 const tenantPageSize = ref(20)
-const tenantFilters = reactive({
-  moduleType: '',
-})
+const tenantFilters = reactive({ moduleType: '' })
+
+// ── IM state ────────────────────────────────────────────────────────────────
+
+const imLoading = ref(false)
+const imLogs = ref<ImOperationLog[]>([])
+const imTotal = ref(0)
+const imPage = ref(0)
+const imPageSize = ref(20)
+const imAppKey = ref('')
+
+// ── 版本管理 state ──────────────────────────────────────────────────────────
 
 const updateLoading = ref(false)
 const updateLogs = ref<UpdateOperationLog[]>([])
@@ -169,33 +248,30 @@ const updateLimit = ref(100)
 const apps = ref<App[]>([])
 const updateAppKey = ref('')
 
+// ── 初始化 ──────────────────────────────────────────────────────────────────
+
 onMounted(async () => {
-  await Promise.all([
-    loadApps(),
-    loadTenantLogs(),
-  ])
+  await Promise.all([loadApps(), loadTenantLogs()])
 })
 
 watch(activeSource, async (value) => {
-  if (value === 'UPDATE' && !apps.value.length) {
+  if ((value === 'UPDATE' || value === 'IM') && !apps.value.length) {
     await loadApps()
   }
-  if (value === 'UPDATE') {
-    await loadUpdateLogs()
-  }
+  if (value === 'UPDATE') await loadUpdateLogs()
+  if (value === 'IM' && imAppKey.value) await loadImLogs()
 })
 
+// ── 数据加载 ────────────────────────────────────────────────────────────────
+
 async function loadApps() {
   if (apps.value.length) return
   try {
     const res = await appApi.list()
     apps.value = res.data.data
-    if (!updateAppKey.value && apps.value.length) {
-      updateAppKey.value = apps.value[0].appKey
-    }
-  } catch {
-    // ignore
-  }
+    if (!updateAppKey.value && apps.value.length) updateAppKey.value = apps.value[0].appKey
+    if (!imAppKey.value && apps.value.length) imAppKey.value = apps.value[0].appKey
+  } catch { /* ignore */ }
 }
 
 async function loadTenantLogs() {
@@ -214,11 +290,21 @@ async function loadTenantLogs() {
   }
 }
 
-async function loadUpdateLogs() {
-  if (!updateAppKey.value) {
-    updateLogs.value = []
-    return
+async function loadImLogs() {
+  if (!imAppKey.value) { imLogs.value = []; return }
+  imLoading.value = true
+  try {
+    const res = await imAdminApi.getOperationLogs(imAppKey.value, imPage.value, imPageSize.value)
+    const data = res.data.data
+    imLogs.value = data.content ?? []
+    imTotal.value = data.totalElements ?? 0
+  } finally {
+    imLoading.value = false
   }
+}
+
+async function loadUpdateLogs() {
+  if (!updateAppKey.value) { updateLogs.value = []; return }
   updateLoading.value = true
   try {
     const res = await updateAdminApi.listOperationLogs(updateAppKey.value, updateLimit.value)
@@ -228,6 +314,8 @@ async function loadUpdateLogs() {
   }
 }
 
+// ── 事件处理 ────────────────────────────────────────────────────────────────
+
 function handleTenantPageChange(nextPage: number) {
   tenantPage.value = nextPage - 1
   loadTenantLogs()
@@ -238,13 +326,23 @@ function handleTenantModuleChange() {
   loadTenantLogs()
 }
 
+function handleImAppChange() {
+  imPage.value = 0
+  loadImLogs()
+}
+
+function handleImPageChange(nextPage: number) {
+  imPage.value = nextPage - 1
+  loadImLogs()
+}
+
 function handleUpdateAppChange() {
   loadUpdateLogs()
 }
 
-// ── Label mappings ──────────────────────────────────────────────────────────
+// ── 通用标签映射 ────────────────────────────────────────────────────────────
 
-function tenantModuleLabel(moduleType: string) {
+function moduleLabel(moduleType: string): string {
   return {
     CONSOLE: '控制台',
     APP: '应用管理',
@@ -266,43 +364,185 @@ function moduleTagType(moduleType: string): '' | 'success' | 'warning' | 'info'
   }[moduleType] as any ?? ''
 }
 
+/** 操作类型 → 中文（三个 tab 共用） */
 function actionLabel(action: string): string {
-  return {
-    CREATE_APP: '创建',
-    UPDATE_APP: '编辑',
-    DELETE_APP: '删除',
+  const map: Record<string, string> = {
+    // ── tenant-service: 应用管理 ──
+    CREATE_APP: '创建应用',
+    UPDATE_APP: '编辑应用',
+    DELETE_APP: '删除应用',
     RESET_APP_SECRET: '重置密钥',
-    REQUEST_SECRET_VERIFY: '验证',
+    REQUEST_SECRET_VERIFY: '申请密钥验证',
     REVEAL_APP_SECRET: '查看密钥',
-    CREATE_SUB_ACCOUNT: '创建',
-    DISABLE_SUB_ACCOUNT: '禁用',
+    // ── tenant-service: 子账号 ──
+    CREATE_SUB_ACCOUNT: '创建子账号',
+    DISABLE_SUB_ACCOUNT: '禁用子账号',
     SEND_VERIFY_CODE: '发送验证码',
     VERIFY_EMAIL: '验证邮箱',
-    DISABLE_SERVICE: '停用',
-    UPDATE_SERVICE_CONFIG: '更新配置',
-    REQUEST_SERVICE_ACTIVATION: '申请开通',
+    // ── tenant-service: 服务管理 ──
+    DISABLE_SERVICE: '停用服务',
+    UPDATE_SERVICE_CONFIG: '更新服务配置',
+    REQUEST_SERVICE_ACTIVATION: '申请开通服务',
     REGENERATE_KEY: '重新生成密钥',
-    VIEW_DASHBOARD: '查看',
-  }[action] ?? action
+    // ── tenant-service: 控制台 ──
+    VIEW_DASHBOARD: '查看控制台',
+    // ── im-service: 用户管理 ──
+    UPDATE_USER_STATUS: '变更用户状态',
+    UPDATE_USER: '编辑用户信息',
+    REGISTER_USER: '注册用户',
+    GENERATE_USERSIG: '生成用户签名',
+    VERIFY_USERSIG: '验证用户签名',
+    SEARCH_USERS: '搜索用户',
+    KICK_USERS: '踢用户下线',
+    // ── im-service: 群组管理 ──
+    CREATE_GROUP: '创建群组',
+    UPDATE_GROUP: '编辑群组',
+    SEARCH_GROUPS: '搜索群组',
+    ADMIN_DISMISS_GROUP: '解散群组',
+    ADMIN_ADD_GROUP_MEMBER: '添加群成员',
+    ADMIN_REMOVE_GROUP_MEMBER: '移除群成员',
+    ADMIN_SET_GROUP_ROLE: '设置群角色',
+    ADMIN_TRANSFER_GROUP_OWNER: '转让群主',
+    ADMIN_UPDATE_GROUP_ATTRIBUTES: '更新群属性',
+    ADMIN_REMOVE_GROUP_ATTRIBUTES: '删除群属性',
+    ADMIN_MUTE_GROUP_MEMBER: '禁言群成员',
+    QUERY_GROUP_READ_RECEIPTS: '查询群已读回执',
+    ADMIN_ACCEPT_GROUP_JOIN_REQUEST: '同意入群申请',
+    ADMIN_REJECT_GROUP_JOIN_REQUEST: '拒绝入群申请',
+    // ── im-service: 消息管理 ──
+    SEARCH_MESSAGES: '搜索消息',
+    VIEW_STATS: '查看数据统计',
+    VIEW_HISTORY: '查看聊天记录',
+    ADMIN_REVOKE_MESSAGE: '撤回消息',
+    BATCH_SEND_MESSAGE: '群发消息',
+    ADMIN_SET_MSG_READ: '标记消息已读',
+    IMPORT_MESSAGES: '导入消息',
+    // ── im-service: 社交关系 ──
+    CREATE_FRIEND_REQUEST: '发起好友申请',
+    ACCEPT_FRIEND_REQUEST: '接受好友申请',
+    REJECT_FRIEND_REQUEST: '拒绝好友申请',
+    ADD_BLACKLIST: '加入黑名单',
+    REMOVE_BLACKLIST: '移出黑名单',
+    // ── im-service: Webhook ──
+    CREATE_WEBHOOK: '创建事件回调',
+    UPDATE_WEBHOOK: '编辑事件回调',
+    DELETE_WEBHOOK: '删除事件回调',
+    ACK_WEBHOOK_ALERT: '确认回调告警',
+    // ── im-service: 内容审核 ──
+    CREATE_KEYWORD_FILTER: '创建关键词过滤',
+    UPDATE_KEYWORD_FILTER: '编辑关键词过滤',
+    DELETE_KEYWORD_FILTER: '删除关键词过滤',
+    SET_GLOBAL_MUTE: '设置全局禁言',
+    // ── update-service: 版本管理 ──
+    UPLOAD: '上传版本',
+    PUBLISH: '发布版本',
+    REPUBLISH: '重新发布',
+    SCHEDULE_PUBLISH: '定时发布',
+    SAVE_DRAFT: '存为草稿',
+    UPDATE_FORCE: '修改强更',
+    UNPUBLISH: '下架版本',
+    DELETE: '删除版本',
+    GRAY_UPDATE: '调整灰度',
+    CHANGELOG_UPDATE: '更新日志',
+    // ── update-service: 市场配置 ──
+    STORE_SUBMIT: '提交应用市场',
+    CREATE_STORE_CONFIG: '创建市场配置',
+    UPDATE_STORE_CONFIG: '更新市场配置',
+    DELETE_STORE_CONFIG: '删除市场配置',
+    // ── update-service: 自动流程 ──
+    AUTO_PUBLISH: '自动发布',
+    AUTO_SCHEDULE: '自动定时发布',
+    STORE_SUBMIT_REQUEST: '提交市场审核',
+    STORE_REVIEW: '市场审核回调',
+    STORE_LIVE_DETECTED: '检测到已上架',
+    STORE_SUBMIT_STAGE: '市场提交进度',
+    // ── update-service: 批量提交 ──
+    STORE_SUBMIT_BATCH_SKIPPED: '批量提交跳过',
+    STORE_SUBMIT_BATCH_START: '批量提交开始',
+    STORE_SUBMIT_BATCH_FAILED: '批量提交失败',
+    STORE_SUBMIT_BATCH_END: '批量提交完成',
+    STORE_SUBMIT_STORE_START: '单市场提交开始',
+    STORE_SUBMIT_STORE_SKIPPED: '单市场提交跳过',
+    STORE_SUBMIT_STORE_FAILED: '单市场提交失败',
+    STORE_SUBMIT_STORE_SUCCESS: '单市场提交成功',
+    STORE_SUBMIT_STORE_STAGE: '单市场提交进度',
+    STORE_SUBMIT_ALREADY_LIVE: '市场已上架',
+    STORE_WITHDRAW_BEFORE_RESUBMIT: '撤回后重新提交',
+  }
+  return map[action] ?? action
 }
 
 function actionTagType(action: string): '' | 'success' | 'warning' | 'info' | 'danger' {
-  if (action.startsWith('CREATE')) return 'success'
-  if (action.startsWith('DELETE')) return 'danger'
-  if (action.startsWith('DISABLE')) return 'danger'
-  if (action.startsWith('RESET') || action.startsWith('REGENERATE')) return 'warning'
-  if (action.startsWith('UPDATE') || action.startsWith('REVEAL')) return ''
-  if (action.startsWith('VIEW')) return 'info'
-  if (action.startsWith('SEND') || action.startsWith('VERIFY') || action.startsWith('REQUEST')) return 'info'
+  if (action.startsWith('CREATE') || action.startsWith('REGISTER') || action.startsWith('ACCEPT') || action.startsWith('UPLOAD')) return 'success'
+  if (action.startsWith('DELETE') || action.startsWith('DISABLE') || action.startsWith('DISMISS') || action.startsWith('REMOVE') || action.startsWith('REJECT') || action.startsWith('KICK') || action.startsWith('REVOKE') || action.startsWith('UNPUBLISH')) return 'danger'
+  if (action.startsWith('RESET') || action.startsWith('REGENERATE') || action.startsWith('MUTE') || action.startsWith('SET_GLOBAL') || action.startsWith('WITHDRAW')) return 'warning'
+  if (action.startsWith('UPDATE') || action.startsWith('TRANSFER') || action.startsWith('IMPORT') || action.startsWith('BATCH') || action.startsWith('GRAY') || action.startsWith('CHANGELOG')) return ''
+  if (action.startsWith('VIEW') || action.startsWith('SEARCH') || action.startsWith('QUERY') || action.startsWith('VERIFY') || action.startsWith('GENERATE') || action.startsWith('ACK') || action.startsWith('STORE_LIVE') || action.startsWith('STORE_SUBMIT_STORE_S')) return 'info'
+  if (action.startsWith('SEND') || action.startsWith('REQUEST') || action.startsWith('PUBLISH') || action.startsWith('REPUBLISH') || action.startsWith('SCHEDULE') || action.startsWith('AUTO')) return 'info'
   return ''
 }
 
-function generateSummary(row: TenantOperationLog): string {
-  const action = actionLabel(row.action)
-  const resource = row.resourceId || ''
-  return `${action} ${resource}`
+/** 资源类型 → 中文（三个 tab 共用） */
+function resourceTypeLabel(resourceType: string): string {
+  return {
+    // tenant-service
+    DASHBOARD: '控制台概览',
+    APP: '应用',
+    APP_SECRET: '应用密钥',
+    SUB_ACCOUNT: '子账号',
+    FEATURE_SERVICE: '功能服务',
+    SERVICE_ACTIVATION: '服务开通',
+    EMAIL_VERIFY: '邮箱验证',
+    // im-service
+    ACCOUNT: '用户账号',
+    GROUP: '群组',
+    MESSAGE: '消息',
+    STATS: '数据统计',
+    FRIEND_REQUEST: '好友请求',
+    BLACKLIST: '黑名单',
+    WEBHOOK: '事件回调',
+    WEBHOOK_ALERT: '回调告警',
+    KEYWORD_FILTER: '关键词过滤',
+    GLOBAL_MUTE: '全局禁言',
+    GROUP_JOIN_REQUEST: '入群申请',
+    // update-service
+    APP_VERSION: '应用版本',
+    RN_BUNDLE: 'RN 包',
+    STORE_CONFIG: '市场配置',
+    PUBLISH_CONFIG: '发布配置',
+    GRAY_MEMBER: '灰度成员',
+    STORE_SUBMIT: '市场提交',
+    SERVICE: '服务配置',
+  }[resourceType] ?? resourceType
 }
 
+// ── 租户平台摘要生成 ────────────────────────────────────────────────────────
+
+function generateTenantSummary(row: TenantOperationLog): string {
+  const act = actionLabel(row.action)
+  const res = resourceTypeLabel(row.resourceType)
+  return `${act}（${res}）`
+}
+
+// ── IM 摘要生成 ─────────────────────────────────────────────────────────────
+
+function generateImSummary(row: ImOperationLog): string {
+  const act = actionLabel(row.action)
+  const res = resourceTypeLabel(row.resourceType)
+  if (row.resourceId) return `${act} — ${res} ${row.resourceId}`
+  return `${act}（${res}）`
+}
+
+// ── 版本管理摘要 ────────────────────────────────────────────────────────────
+
+function updateSummaryText(row: UpdateOperationLog): string {
+  const res = resourceTypeLabel(row.resourceType)
+  if (row.reason) return `${res} — ${row.reason}`
+  return res
+}
+
+// ── 详情解析 ────────────────────────────────────────────────────────────────
+
 function hasDetail(detailJson?: string): boolean {
   if (!detailJson) return false
   try {
@@ -329,6 +569,12 @@ const DETAIL_KEY_LABELS: Record<string, string> = {
   appCount: '应用数',
   serviceCount: '服务数',
   subAccountCount: '子账号数',
+  userId: '用户ID',
+  groupId: '群组ID',
+  messageId: '消息ID',
+  status: '状态',
+  reason: '原因',
+  target: '目标',
 }
 
 function parseDetail(detailJson?: string): { key: string; value: string }[] {
@@ -344,50 +590,6 @@ function parseDetail(detailJson?: string): { key: string; value: string }[] {
     return [{ key: '原始数据', value: detailJson }]
   }
 }
-
-function updateResourceLabel(resourceType: string) {
-  return {
-    APP_VERSION: '应用版本',
-    RN_BUNDLE: 'RN 包',
-    STORE_CONFIG: '应用市场',
-    PUBLISH_CONFIG: '发布配置',
-    GRAY_MEMBER: '灰度成员',
-    STORE_SUBMIT: '市场提交流程',
-    SERVICE: '服务配置',
-  }[resourceType] ?? resourceType
-}
-
-function updateActionLabel(action: string) {
-  return {
-    UPLOAD: '上传',
-    PUBLISH: '发布',
-    REPUBLISH: '重新发布',
-    SCHEDULE_PUBLISH: '定时发布',
-    UPDATE_FORCE: '修改强更',
-    UNPUBLISH: '下架',
-    GRAY_UPDATE: '灰度调整',
-    STORE_SUBMIT: '提交市场',
-    CREATE_STORE_CONFIG: '创建配置',
-    UPDATE_STORE_CONFIG: '更新配置',
-    DELETE_STORE_CONFIG: '删除配置',
-    AUTO_PUBLISH: '自动发布',
-    REQUEST_SERVICE_ACTIVATION: '申请开通',
-    UPDATE_SERVICE_CONFIG: '更新服务配置',
-    DISABLE_SERVICE: '停用服务',
-    VIEW_DASHBOARD: '查看控制台',
-  }[action] ?? action
-}
-
-function formatDetail(detailJson?: string) {
-  if (!detailJson) return '-'
-  try {
-    const parsed = JSON.parse(detailJson)
-    if (parsed === null || parsed === undefined) return '-'
-    return typeof parsed === 'string' ? parsed : JSON.stringify(parsed)
-  } catch {
-    return detailJson
-  }
-}
 </script>
 
 <style scoped>
@@ -431,14 +633,6 @@ function formatDetail(detailJson?: string) {
   color: #909399;
 }
 
-.detail {
-  display: inline-block;
-  max-width: 100%;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-}
-
 .detail-popover {
   max-height: 400px;
   overflow-y: auto;