From 5580f9b99bdd0b63fd7fad0388a92c55e019f9be Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Tue, 27 Oct 2026 12:38:31 +0800
Subject: [PATCH 01/12] =?UTF-8?q?feat(admin):=20=E6=96=B0=E5=A2=9E?=
 =?UTF-8?q?=E6=94=B6=E8=97=8F=E4=B8=8E=E7=82=B9=E8=B5=9E=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E9=A1=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

全量 lint 仍有 5 处既有 vue/no-mutating-props 基线错误，
位于 LocaleTextFields.vue 与 ClassificationDramaDialogs.vue，本次未处理。
---
 src/api/admin/engagement.ts                |  50 ++++++
 src/views/userManagement/FavoritesView.vue | 172 ++++++++++++++++++++
 src/views/userManagement/LikesView.vue     | 177 +++++++++++++++++++++
 3 files changed, 399 insertions(+)
 create mode 100644 src/api/admin/engagement.ts
 create mode 100644 src/views/userManagement/FavoritesView.vue
 create mode 100644 src/views/userManagement/LikesView.vue

diff --git a/src/api/admin/engagement.ts b/src/api/admin/engagement.ts
new file mode 100644
index 0000000..c79b63f
--- /dev/null
+++ b/src/api/admin/engagement.ts
@@ -0,0 +1,50 @@
+// Author: fruit.com.cn
+
+import request from '@/axios'
+import type { PageResult } from './types'
+
+/** 收藏与点赞只读分页筛选条件。 */
+export interface EngagementPageParams {
+  pageIndex?: number
+  pageSize?: number
+  keyword?: string
+  userId?: string | number
+  deviceId?: string
+  dramaId?: string | number
+  dramaTitle?: string
+  targetType?: string
+  targetId?: string | number
+  episodeId?: string | number
+  startTime?: string
+  endTime?: string
+}
+
+/** 后台互动列表行。 */
+export interface EngagementItem {
+  id: string
+  userId: string | null
+  uid: string | null
+  nickname: string | null
+  deviceId: string | null
+  anonymous: boolean
+  dramaId: string | null
+  dramaTitle: string | null
+  dramaCover: string | null
+  dramaStatus: string | null
+  dramaPublished: boolean
+  targetType: string
+  targetId: string
+  episodeId: string | null
+  episodeNo: number | null
+  episodeTitle: string | null
+  commentSummary: string | null
+  createdAt: string
+}
+
+/** 查询收藏分页。 */
+export const pageFavoritesApi = (params: EngagementPageParams) =>
+  request.get<PageResult<EngagementItem>>({ url: '/admin/favorites/page', params })
+
+/** 查询点赞分页。 */
+export const pageLikesApi = (params: EngagementPageParams) =>
+  request.get<PageResult<EngagementItem>>({ url: '/admin/likes/page', params })
diff --git a/src/views/userManagement/FavoritesView.vue b/src/views/userManagement/FavoritesView.vue
new file mode 100644
index 0000000..f51460a
--- /dev/null
+++ b/src/views/userManagement/FavoritesView.vue
@@ -0,0 +1,172 @@
+<!-- Author: fruit.com.cn -->
+
+<script setup>
+import { onMounted, reactive, ref } from 'vue'
+import dayjs from 'dayjs'
+import PageHeading from '@/views/components/PageHeading.vue'
+import { pageFavoritesApi } from '@/api/admin/engagement'
+
+const PAGE_SIZES = [10, 20, 50]
+
+const filters = reactive({ keyword: '', deviceId: '', dramaTitle: '', range: null })
+const rows = ref([])
+const total = ref(0)
+const loading = ref(false)
+const pageIndex = ref(1)
+const pageSize = ref(10)
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await pageFavoritesApi({
+      pageIndex: pageIndex.value,
+      pageSize: pageSize.value,
+      keyword: filters.keyword.trim() || undefined,
+      deviceId: filters.deviceId.trim() || undefined,
+      dramaTitle: filters.dramaTitle.trim() || undefined,
+
+      startTime: filters.range?.[0] || undefined,
+      endTime: filters.range?.[1] || undefined
+    })
+    rows.value = res.data?.list || []
+    total.value = res.data?.total || 0
+  } finally {
+    loading.value = false
+  }
+}
+
+function search() {
+  pageIndex.value = 1
+  load()
+}
+
+function resetFilters() {
+  Object.assign(filters, { keyword: '', deviceId: '', dramaTitle: '', range: null })
+  search()
+}
+
+function handleSizeChange() {
+  pageIndex.value = 1
+  load()
+}
+
+function formatTime(value) {
+  return value && dayjs(value).isValid() ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '—'
+}
+
+onMounted(load)
+</script>
+
+<template>
+  <PageHeading eyebrow="用户管理" title="收藏列表" />
+  <section class="panel">
+    <div class="console-toolbar">
+      <el-input
+        v-model="filters.keyword"
+        class="console-keyword"
+        clearable
+        placeholder="uid / 昵称"
+        @keyup.enter="search"
+      />
+      <el-input
+        v-model="filters.deviceId"
+        class="console-keyword"
+        clearable
+        placeholder="设备 ID"
+        @keyup.enter="search"
+      />
+      <el-input
+        v-model="filters.dramaTitle"
+        class="console-keyword"
+        clearable
+        placeholder="短剧名称"
+        @keyup.enter="search"
+      />
+
+      <el-date-picker
+        v-model="filters.range"
+        class="engagement-range"
+        type="datetimerange"
+        value-format="YYYY-MM-DD HH:mm:ss"
+        range-separator="至"
+        start-placeholder="开始时间"
+        end-placeholder="结束时间"
+      />
+      <el-button type="primary" @click="search">查询</el-button>
+      <el-button @click="resetFilters">重置</el-button>
+      <span class="console-count">共 {{ total }} 条</span>
+    </div>
+    <el-table
+      v-loading="loading"
+      :data="rows"
+      row-key="id"
+      border
+      class="drama-el-table"
+      empty-text="暂无收藏"
+    >
+      <el-table-column label="用户" min-width="180">
+        <template #default="{ row }">
+          <div class="app-user-meta">
+            <template v-if="row.userId == null">
+              <el-tag type="info" size="small">游客</el-tag>
+              <span class="app-user-uid">{{ row.deviceId || '—' }}</span>
+            </template>
+            <template v-else>
+              <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
+              <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
+            </template>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="短剧" min-width="220">
+        <template #default="{ row }">
+          <div class="engagement-drama">
+            <el-image
+              v-if="row.dramaCover"
+              :src="row.dramaCover"
+              fit="cover"
+              class="engagement-cover"
+            />
+            <span>{{ row.dramaTitle || `短剧 #${row.dramaId || '—'}` }}</span>
+            <el-tag v-if="row.dramaPublished === false" type="info" size="small" effect="plain"
+              >未发布</el-tag
+            >
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="dramaId" label="短剧 ID" min-width="150" show-overflow-tooltip />
+      <el-table-column label="收藏时间" min-width="170">
+        <template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="pageIndex"
+        v-model:page-size="pageSize"
+        :page-sizes="PAGE_SIZES"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        @current-change="load"
+        @size-change="handleSizeChange"
+      />
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.engagement-range {
+  width: 360px;
+  max-width: 100%;
+}
+.engagement-drama {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.engagement-cover {
+  width: 40px;
+  height: 56px;
+  flex: none;
+}
+</style>
diff --git a/src/views/userManagement/LikesView.vue b/src/views/userManagement/LikesView.vue
new file mode 100644
index 0000000..f0cddb5
--- /dev/null
+++ b/src/views/userManagement/LikesView.vue
@@ -0,0 +1,177 @@
+<!-- Author: fruit.com.cn -->
+
+<script setup>
+import { onMounted, reactive, ref } from 'vue'
+import dayjs from 'dayjs'
+import PageHeading from '@/views/components/PageHeading.vue'
+import { pageLikesApi } from '@/api/admin/engagement'
+
+const PAGE_SIZES = [10, 20, 50]
+const TARGET_OPTIONS = [
+  { value: '', label: '全部' },
+  { value: 'DRAMA', label: '短剧' },
+  { value: 'EPISODE', label: '剧集' },
+  { value: 'COMMENT', label: '评论' }
+]
+
+const filters = reactive({ keyword: '', deviceId: '', dramaTitle: '', range: null, targetType: '' })
+const rows = ref([])
+const total = ref(0)
+const loading = ref(false)
+const pageIndex = ref(1)
+const pageSize = ref(10)
+
+async function load() {
+  loading.value = true
+  try {
+    const res = await pageLikesApi({
+      pageIndex: pageIndex.value,
+      pageSize: pageSize.value,
+      keyword: filters.keyword.trim() || undefined,
+      deviceId: filters.deviceId.trim() || undefined,
+      dramaTitle: filters.dramaTitle.trim() || undefined,
+      targetType: filters.targetType || undefined,
+      startTime: filters.range?.[0] || undefined,
+      endTime: filters.range?.[1] || undefined
+    })
+    rows.value = res.data?.list || []
+    total.value = res.data?.total || 0
+  } finally {
+    loading.value = false
+  }
+}
+
+function search() {
+  pageIndex.value = 1
+  load()
+}
+
+function resetFilters() {
+  Object.assign(filters, { keyword: '', deviceId: '', dramaTitle: '', range: null, targetType: '' })
+  search()
+}
+
+function handleSizeChange() {
+  pageIndex.value = 1
+  load()
+}
+
+function formatTime(value) {
+  return value && dayjs(value).isValid() ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '—'
+}
+
+function targetText(row) {
+  if (row.targetType === 'COMMENT') return row.commentSummary || '—'
+  if (row.targetType === 'EPISODE') return `${row.dramaTitle || '—'} 第 ${row.episodeNo ?? '—'} 集`
+  return row.dramaTitle || '—'
+}
+
+function typeText(type) {
+  return TARGET_OPTIONS.find((item) => item.value === type)?.label || type || '—'
+}
+
+onMounted(load)
+</script>
+
+<template>
+  <PageHeading eyebrow="用户管理" title="点赞列表" />
+  <section class="panel">
+    <div class="console-toolbar">
+      <el-input
+        v-model="filters.keyword"
+        class="console-keyword"
+        clearable
+        placeholder="uid / 昵称"
+        @keyup.enter="search"
+      />
+      <el-input
+        v-model="filters.deviceId"
+        class="console-keyword"
+        clearable
+        placeholder="设备 ID"
+        @keyup.enter="search"
+      />
+      <el-input
+        v-model="filters.dramaTitle"
+        class="console-keyword"
+        clearable
+        placeholder="短剧名称"
+        @keyup.enter="search"
+      />
+      <el-select v-model="filters.targetType" class="console-select" placeholder="全部目标类型">
+        <el-option
+          v-for="item in TARGET_OPTIONS"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
+      <el-date-picker
+        v-model="filters.range"
+        class="engagement-range"
+        type="datetimerange"
+        value-format="YYYY-MM-DD HH:mm:ss"
+        range-separator="至"
+        start-placeholder="开始时间"
+        end-placeholder="结束时间"
+      />
+      <el-button type="primary" @click="search">查询</el-button>
+      <el-button @click="resetFilters">重置</el-button>
+      <span class="console-count">共 {{ total }} 条</span>
+    </div>
+    <el-table
+      v-loading="loading"
+      :data="rows"
+      row-key="id"
+      border
+      class="drama-el-table"
+      empty-text="暂无点赞"
+    >
+      <el-table-column label="用户" min-width="180">
+        <template #default="{ row }">
+          <div class="app-user-meta">
+            <template v-if="row.userId == null">
+              <el-tag type="info" size="small">游客</el-tag>
+              <span class="app-user-uid">{{ row.deviceId || '—' }}</span>
+            </template>
+            <template v-else>
+              <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
+              <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
+            </template>
+          </div>
+        </template>
+      </el-table-column>
+      <el-table-column label="目标类型" width="110">
+        <template #default="{ row }">{{ typeText(row.targetType) }}</template>
+      </el-table-column>
+      <el-table-column label="目标" min-width="200" show-overflow-tooltip>
+        <template #default="{ row }"
+          ><span :title="targetText(row)">{{ targetText(row) }}</span></template
+        >
+      </el-table-column>
+      <el-table-column prop="dramaTitle" label="所属短剧" min-width="180" show-overflow-tooltip />
+      <el-table-column label="点赞时间" min-width="170">
+        <template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination
+        v-model:current-page="pageIndex"
+        v-model:page-size="pageSize"
+        :page-sizes="PAGE_SIZES"
+        :total="total"
+        layout="total, sizes, prev, pager, next, jumper"
+        background
+        @current-change="load"
+        @size-change="handleSizeChange"
+      />
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.engagement-range {
+  width: 360px;
+  max-width: 100%;
+}
+</style>

From 3409a2b4275a3ba4b5396e466e9eed4be3399a90 Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Tue, 27 Oct 2026 12:47:45 +0800
Subject: [PATCH 02/12] =?UTF-8?q?fix(admin):=20=E4=BF=AE=E5=A4=8D=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=20props=20=E5=8F=98=E5=BC=82=E7=9A=84=20lint=20?=
 =?UTF-8?q?=E5=9F=BA=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/LocaleTextFields.vue       | 16 ++++++++++++----
 .../contentManagement/CategoryDramaView.vue     |  1 +
 .../CategoryManagementView.vue                  |  1 +
 .../ClassificationDramaDialogs.vue              | 17 +++++++++++++++--
 .../contentManagement/DramaManagementView.vue   |  2 ++
 .../contentManagement/DramaPlaylistView.vue     |  2 ++
 .../contentManagement/TagManagementView.vue     |  1 +
 7 files changed, 34 insertions(+), 6 deletions(-)

diff --git a/src/views/components/LocaleTextFields.vue b/src/views/components/LocaleTextFields.vue
index f331fb1..cc52082 100644
--- a/src/views/components/LocaleTextFields.vue
+++ b/src/views/components/LocaleTextFields.vue
@@ -13,15 +13,21 @@ const props = defineProps({
   showLanguages: { type: Boolean, default: true },
   required: { type: Boolean, default: true }
 })
-const emit = defineEmits(['update:languages'])
+const emit = defineEmits(['update:languages', 'update:locales'])
 
 function changeLanguages(codes) {
   const next = codes.includes('zh') ? codes : ['zh', ...codes]
+  const locales = { ...props.locales }
   next.forEach((code) => {
-    if (props.locales[code] == null) props.locales[code] = ''
+    if (locales[code] == null) locales[code] = ''
   })
+  emit('update:locales', locales)
   emit('update:languages', next)
 }
+
+function changeLocale(code, value) {
+  emit('update:locales', { ...props.locales, [code]: value })
+}
 </script>
 
 <template>
@@ -50,13 +56,15 @@ function changeLanguages(codes) {
   >
     <el-input
       v-if="!multiline"
-      v-model="locales[code]"
+      :model-value="locales[code]"
+      @update:model-value="changeLocale(code, $event)"
       :maxlength="maxlength"
       :placeholder="'请填写' + languageLabel(code) + label"
     />
     <el-input
       v-else
-      v-model="locales[code]"
+      :model-value="locales[code]"
+      @update:model-value="changeLocale(code, $event)"
       type="textarea"
       :rows="2"
       :maxlength="maxlength"
diff --git a/src/views/contentManagement/CategoryDramaView.vue b/src/views/contentManagement/CategoryDramaView.vue
index ed235bb..343c8af 100644
--- a/src/views/contentManagement/CategoryDramaView.vue
+++ b/src/views/contentManagement/CategoryDramaView.vue
@@ -372,6 +372,7 @@ onMounted(loadClassifications)
     v-model:candidate-keyword="candidateKeyword"
     :editing-id="editingId"
     :form="form"
+    @update:form="Object.assign(form, $event)"
     :saving="saving"
     :candidate-loading="candidateLoading"
     :candidates="candidates"
diff --git a/src/views/contentManagement/CategoryManagementView.vue b/src/views/contentManagement/CategoryManagementView.vue
index 7e6e67a..ef06967 100644
--- a/src/views/contentManagement/CategoryManagementView.vue
+++ b/src/views/contentManagement/CategoryManagementView.vue
@@ -180,6 +180,7 @@ onMounted(load)
       <LocaleTextFields
         v-model:languages="languages"
         :locales="form.locales"
+        @update:locales="form.locales = $event"
         label="名称"
         :maxlength="64"
       />
diff --git a/src/views/contentManagement/ClassificationDramaDialogs.vue b/src/views/contentManagement/ClassificationDramaDialogs.vue
index abccbd1..19f1c95 100644
--- a/src/views/contentManagement/ClassificationDramaDialogs.vue
+++ b/src/views/contentManagement/ClassificationDramaDialogs.vue
@@ -37,6 +37,7 @@ defineProps({
 const emit = defineEmits([
   'update:editorVisible',
   'update:languages',
+  'update:form',
   'update:candidateVisible',
   'update:candidateKeyword',
   'save',
@@ -61,13 +62,25 @@ const emit = defineEmits([
         label="名称"
         :maxlength="64"
         @update:languages="emit('update:languages', $event)"
+        @update:locales="emit('update:form', { ...form, locales: $event })"
       />
       <div class="classification-form-row">
         <el-form-item label="排序">
-          <el-input-number v-model="form.sort" :min="0" :max="SORT_MAX" controls-position="right" />
+          <el-input-number
+            :model-value="form.sort"
+            :min="0"
+            :max="SORT_MAX"
+            controls-position="right"
+            @update:model-value="emit('update:form', { ...form, sort: $event })"
+          />
         </el-form-item>
         <el-form-item label="状态">
-          <el-switch v-model="form.status" :active-value="1" :inactive-value="0" />
+          <el-switch
+            :model-value="form.status"
+            :active-value="1"
+            :inactive-value="0"
+            @update:model-value="emit('update:form', { ...form, status: $event })"
+          />
         </el-form-item>
       </div>
     </el-form>
diff --git a/src/views/contentManagement/DramaManagementView.vue b/src/views/contentManagement/DramaManagementView.vue
index b46faf8..42e46ae 100644
--- a/src/views/contentManagement/DramaManagementView.vue
+++ b/src/views/contentManagement/DramaManagementView.vue
@@ -641,6 +641,7 @@ onMounted(async () => {
         <LocaleTextFields
           :languages="textLanguages"
           :locales="form.titleLocales"
+          @update:locales="form.titleLocales = $event"
           label="名称"
           :maxlength="80"
           @update:languages="changeTextLanguages"
@@ -672,6 +673,7 @@ onMounted(async () => {
         <LocaleTextFields
           :languages="textLanguages"
           :locales="form.synopsisLocales"
+          @update:locales="form.synopsisLocales = $event"
           label="简介"
           :maxlength="1000"
           multiline
diff --git a/src/views/contentManagement/DramaPlaylistView.vue b/src/views/contentManagement/DramaPlaylistView.vue
index 1174f8a..da12fa5 100644
--- a/src/views/contentManagement/DramaPlaylistView.vue
+++ b/src/views/contentManagement/DramaPlaylistView.vue
@@ -432,6 +432,7 @@ onMounted(loadCategories)
       <LocaleTextFields
         :languages="languages"
         :locales="form.locales"
+        @update:locales="form.locales = $event"
         label="名称"
         :maxlength="64"
         @update:languages="changeLanguages"
@@ -439,6 +440,7 @@ onMounted(loadCategories)
       <LocaleTextFields
         :languages="languages"
         :locales="form.descriptionLocales"
+        @update:locales="form.descriptionLocales = $event"
         label="描述"
         :maxlength="255"
         multiline
diff --git a/src/views/contentManagement/TagManagementView.vue b/src/views/contentManagement/TagManagementView.vue
index 26ab010..af5cd24 100644
--- a/src/views/contentManagement/TagManagementView.vue
+++ b/src/views/contentManagement/TagManagementView.vue
@@ -202,6 +202,7 @@ onMounted(load)
       <LocaleTextFields
         v-model:languages="languages"
         :locales="form.locales"
+        @update:locales="form.locales = $event"
         label="名称"
         :maxlength="64"
       />

From 8cd4569a20cca9626b9c32bb431e81f4b23de0f6 Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Tue, 27 Oct 2026 13:03:53 +0800
Subject: [PATCH 03/12] =?UTF-8?q?fix(admin):=20=E6=94=B6=E7=B4=A7=E6=94=B6?=
 =?UTF-8?q?=E8=97=8F=E4=B8=8E=E7=82=B9=E8=B5=9E=E5=88=97=E8=A1=A8=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/userManagement/FavoritesView.vue | 14 ++++++++++++--
 src/views/userManagement/LikesView.vue     | 11 ++++++++++-
 2 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/views/userManagement/FavoritesView.vue b/src/views/userManagement/FavoritesView.vue
index f51460a..2c63e7a 100644
--- a/src/views/userManagement/FavoritesView.vue
+++ b/src/views/userManagement/FavoritesView.vue
@@ -109,7 +109,9 @@ onMounted(load)
           <div class="app-user-meta">
             <template v-if="row.userId == null">
               <el-tag type="info" size="small">游客</el-tag>
-              <span class="app-user-uid">{{ row.deviceId || '—' }}</span>
+              <span class="app-user-uid engagement-device-id" :title="row.deviceId || ''">{{
+                row.deviceId || '—'
+              }}</span>
             </template>
             <template v-else>
               <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
@@ -134,7 +136,6 @@ onMounted(load)
           </div>
         </template>
       </el-table-column>
-      <el-table-column prop="dramaId" label="短剧 ID" min-width="150" show-overflow-tooltip />
       <el-table-column label="收藏时间" min-width="170">
         <template #default="{ row }">{{ formatTime(row.createdAt) }}</template>
       </el-table-column>
@@ -155,15 +156,24 @@ onMounted(load)
 </template>
 
 <style scoped>
+.engagement-device-id {
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .engagement-range {
   width: 360px;
   max-width: 100%;
 }
+
 .engagement-drama {
   display: flex;
   align-items: center;
   gap: 8px;
 }
+
 .engagement-cover {
   width: 40px;
   height: 56px;
diff --git a/src/views/userManagement/LikesView.vue b/src/views/userManagement/LikesView.vue
index f0cddb5..569be35 100644
--- a/src/views/userManagement/LikesView.vue
+++ b/src/views/userManagement/LikesView.vue
@@ -132,7 +132,9 @@ onMounted(load)
           <div class="app-user-meta">
             <template v-if="row.userId == null">
               <el-tag type="info" size="small">游客</el-tag>
-              <span class="app-user-uid">{{ row.deviceId || '—' }}</span>
+              <span class="app-user-uid engagement-device-id" :title="row.deviceId || ''">{{
+                row.deviceId || '—'
+              }}</span>
             </template>
             <template v-else>
               <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
@@ -170,6 +172,13 @@ onMounted(load)
 </template>
 
 <style scoped>
+.engagement-device-id {
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .engagement-range {
   width: 360px;
   max-width: 100%;

From 12d63e9670918c2775ec195b9e4d739456c75cf3 Mon Sep 17 00:00:00 2001
From: Zhou Weidong <502333560@qq.com>
Date: Tue, 27 Oct 2026 13:10:19 +0800
Subject: [PATCH 04/12] =?UTF-8?q?fix(admin):=20=E4=BF=AE=E6=AD=A3=E6=B8=B8?=
 =?UTF-8?q?=E5=AE=A2=E6=A0=87=E7=AD=BE=E6=8B=89=E4=BC=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/business/app-user-management.css | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/business/app-user-management.css b/src/styles/business/app-user-management.css
index a126314..90a7fbf 100644
--- a/src/styles/business/app-user-management.css
+++ b/src/styles/business/app-user-management.css
@@ -63,6 +63,7 @@
 .app-user-meta {
   display: flex;
   flex-direction: column;
+  align-items: flex-start;
   gap: 2px;
   min-width: 0;
 }

From f3fbc57c148eef27a3396c1b6a5a5d1aa4a4dcc9 Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 13:53:53 +0800
Subject: [PATCH 05/12] =?UTF-8?q?feat(admin):=20=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E5=8D=95=E5=85=83=E6=A0=BC=EF=BC=8C=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E6=B8=B8=E5=AE=A2=E8=AE=BE=E5=A4=87=E5=8F=B7=E4=B8=8E?=
 =?UTF-8?q?=E5=AE=A2=E6=88=B7=E7=AB=AF=E7=B3=BB=E7=BB=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 新增 AppUserCell，游客显示标签+deviceId，第二行统一展示系统与机型
- 收藏、点赞、观看记录三页复用，观看记录去掉重复的系统列
---
 src/api/admin/engagement.ts                   |  6 +-
 src/views/components/AppUserCell.vue          | 63 +++++++++++++++++++
 src/views/userManagement/FavoritesView.vue    | 23 +------
 src/views/userManagement/LikesView.vue        | 23 +------
 src/views/userManagement/WatchHistoryView.vue | 13 ++--
 5 files changed, 78 insertions(+), 50 deletions(-)
 create mode 100644 src/views/components/AppUserCell.vue

diff --git a/src/api/admin/engagement.ts b/src/api/admin/engagement.ts
index c79b63f..e0f511e 100644
--- a/src/api/admin/engagement.ts
+++ b/src/api/admin/engagement.ts
@@ -26,12 +26,16 @@ export interface EngagementItem {
   uid: string | null
   nickname: string | null
   deviceId: string | null
+  /** 客户端系统，来自设备画像；老客户端未上报时为空。 */
+  platform: string | null
+  osVersion: string | null
+  deviceModel: string | null
   anonymous: boolean
   dramaId: string | null
   dramaTitle: string | null
   dramaCover: string | null
   dramaStatus: string | null
-  dramaPublished: boolean
+  dramaPublished: boolean | null
   targetType: string
   targetId: string
   episodeId: string | null
diff --git a/src/views/components/AppUserCell.vue b/src/views/components/AppUserCell.vue
new file mode 100644
index 0000000..d9664ea
--- /dev/null
+++ b/src/views/components/AppUserCell.vue
@@ -0,0 +1,63 @@
+<!-- Author: fruit.com.cn -->
+
+<script setup>
+import { computed } from 'vue'
+
+/**
+ * 后台各列表共用的「用户」单元格。
+ *
+ * 口径：已登录显示昵称 + uid；未登录显示「游客」标签 + deviceId（单行省略，悬浮看全值）。
+ * 第二行统一展示客户端系统，系统缺失（老客户端没上报）时显示横线。
+ */
+const props = defineProps({
+  row: { type: Object, required: true }
+})
+
+const PLATFORM_TEXT = { ANDROID: 'Android', IOS: 'iOS', WEB: 'Web' }
+
+const isGuest = computed(() => props.row?.userId == null)
+
+const systemText = computed(() => {
+  const row = props.row || {}
+  const name = PLATFORM_TEXT[row.platform] || row.platform || ''
+  const version = row.osVersion || ''
+  const text = `${name} ${version}`.trim()
+  if (!text) return '—'
+  return row.deviceModel ? `${text} · ${row.deviceModel}` : text
+})
+</script>
+
+<template>
+  <div class="app-user-meta">
+    <template v-if="isGuest">
+      <el-tag type="info" size="small">游客</el-tag>
+      <span class="app-user-uid app-user-device" :title="row.deviceId || ''">{{
+        row.deviceId || '—'
+      }}</span>
+    </template>
+    <template v-else>
+      <span class="app-user-name" :title="row.nickname || ''">{{
+        row.nickname || '未设置昵称'
+      }}</span>
+      <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
+    </template>
+    <span class="app-user-system">{{ systemText }}</span>
+  </div>
+</template>
+
+<style scoped>
+.app-user-device {
+  max-width: 150px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.app-user-system {
+  color: #b0adbd;
+  font-size: 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+</style>
diff --git a/src/views/userManagement/FavoritesView.vue b/src/views/userManagement/FavoritesView.vue
index 2c63e7a..51f677e 100644
--- a/src/views/userManagement/FavoritesView.vue
+++ b/src/views/userManagement/FavoritesView.vue
@@ -4,6 +4,7 @@
 import { onMounted, reactive, ref } from 'vue'
 import dayjs from 'dayjs'
 import PageHeading from '@/views/components/PageHeading.vue'
+import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageFavoritesApi } from '@/api/admin/engagement'
 
 const PAGE_SIZES = [10, 20, 50]
@@ -104,20 +105,9 @@ onMounted(load)
       class="drama-el-table"
       empty-text="暂无收藏"
     >
-      <el-table-column label="用户" min-width="180">
+      <el-table-column label="用户" min-width="200">
         <template #default="{ row }">
-          <div class="app-user-meta">
-            <template v-if="row.userId == null">
-              <el-tag type="info" size="small">游客</el-tag>
-              <span class="app-user-uid engagement-device-id" :title="row.deviceId || ''">{{
-                row.deviceId || '—'
-              }}</span>
-            </template>
-            <template v-else>
-              <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
-              <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
-            </template>
-          </div>
+          <AppUserCell :row="row" />
         </template>
       </el-table-column>
       <el-table-column label="短剧" min-width="220">
@@ -156,13 +146,6 @@ onMounted(load)
 </template>
 
 <style scoped>
-.engagement-device-id {
-  max-width: 150px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .engagement-range {
   width: 360px;
   max-width: 100%;
diff --git a/src/views/userManagement/LikesView.vue b/src/views/userManagement/LikesView.vue
index 569be35..f838288 100644
--- a/src/views/userManagement/LikesView.vue
+++ b/src/views/userManagement/LikesView.vue
@@ -4,6 +4,7 @@
 import { onMounted, reactive, ref } from 'vue'
 import dayjs from 'dayjs'
 import PageHeading from '@/views/components/PageHeading.vue'
+import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageLikesApi } from '@/api/admin/engagement'
 
 const PAGE_SIZES = [10, 20, 50]
@@ -127,20 +128,9 @@ onMounted(load)
       class="drama-el-table"
       empty-text="暂无点赞"
     >
-      <el-table-column label="用户" min-width="180">
+      <el-table-column label="用户" min-width="200">
         <template #default="{ row }">
-          <div class="app-user-meta">
-            <template v-if="row.userId == null">
-              <el-tag type="info" size="small">游客</el-tag>
-              <span class="app-user-uid engagement-device-id" :title="row.deviceId || ''">{{
-                row.deviceId || '—'
-              }}</span>
-            </template>
-            <template v-else>
-              <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
-              <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
-            </template>
-          </div>
+          <AppUserCell :row="row" />
         </template>
       </el-table-column>
       <el-table-column label="目标类型" width="110">
@@ -172,13 +162,6 @@ onMounted(load)
 </template>
 
 <style scoped>
-.engagement-device-id {
-  max-width: 150px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
 .engagement-range {
   width: 360px;
   max-width: 100%;
diff --git a/src/views/userManagement/WatchHistoryView.vue b/src/views/userManagement/WatchHistoryView.vue
index eace7b7..8fd78b4 100644
--- a/src/views/userManagement/WatchHistoryView.vue
+++ b/src/views/userManagement/WatchHistoryView.vue
@@ -3,8 +3,9 @@
 <script setup>
 import { onMounted, reactive, ref } from 'vue'
 import PageHeading from '@/views/components/PageHeading.vue'
+import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageWatchHistoryApi } from '@/api/admin/appUser'
-import { formatDuration, systemText } from './composables/useAppUsers'
+import { formatDuration } from './composables/useAppUsers'
 
 const SOURCE_OPTIONS = [
   { value: '', label: '全部' },
@@ -168,17 +169,11 @@ onMounted(load)
       empty-text="暂无符合条件的观看记录"
     >
       <el-table-column prop="watchedAt" label="观看时间" min-width="170" show-overflow-tooltip />
-      <el-table-column label="用户" min-width="180">
+      <el-table-column label="用户" min-width="200">
         <template #default="{ row }">
-          <div class="app-user-meta">
-            <span class="app-user-name">{{ row.nickname || '未设置昵称' }}</span>
-            <span class="app-user-uid">{{ row.uid || `用户 #${row.userId || '—'}` }}</span>
-          </div>
+          <AppUserCell :row="row" />
         </template>
       </el-table-column>
-      <el-table-column label="系统" width="130" show-overflow-tooltip>
-        <template #default="{ row }">{{ systemText(row) }}</template>
-      </el-table-column>
       <el-table-column label="短剧" min-width="190">
         <template #default="{ row }">
           <el-tooltip :content="contentTooltip(row)" placement="top">

From c89c5668e124a4be79fc18b21fe902a99a596741 Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 14:00:07 +0800
Subject: [PATCH 06/12] =?UTF-8?q?refactor(admin):=20=E7=94=A8=E6=88=B7?=
 =?UTF-8?q?=E5=8D=95=E5=85=83=E6=A0=BC=E5=8F=AA=E4=BF=9D=E7=95=99=E5=B9=B3?=
 =?UTF-8?q?=E5=8F=B0=E6=A0=87=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

机型与系统版本号属于多余信息，Android/iOS 加游客标签已足够区分。
---
 src/api/admin/engagement.ts          |  4 +---
 src/views/components/AppUserCell.vue | 19 ++++++-------------
 2 files changed, 7 insertions(+), 16 deletions(-)

diff --git a/src/api/admin/engagement.ts b/src/api/admin/engagement.ts
index e0f511e..b856ecb 100644
--- a/src/api/admin/engagement.ts
+++ b/src/api/admin/engagement.ts
@@ -26,10 +26,8 @@ export interface EngagementItem {
   uid: string | null
   nickname: string | null
   deviceId: string | null
-  /** 客户端系统，来自设备画像；老客户端未上报时为空。 */
+  /** 客户端平台 ANDROID / IOS / WEB；老客户端未上报时为空。 */
   platform: string | null
-  osVersion: string | null
-  deviceModel: string | null
   anonymous: boolean
   dramaId: string | null
   dramaTitle: string | null
diff --git a/src/views/components/AppUserCell.vue b/src/views/components/AppUserCell.vue
index d9664ea..5215b94 100644
--- a/src/views/components/AppUserCell.vue
+++ b/src/views/components/AppUserCell.vue
@@ -7,7 +7,7 @@ import { computed } from 'vue'
  * 后台各列表共用的「用户」单元格。
  *
  * 口径：已登录显示昵称 + uid；未登录显示「游客」标签 + deviceId（单行省略，悬浮看全值）。
- * 第二行统一展示客户端系统，系统缺失（老客户端没上报）时显示横线。
+ * 第二行只展示客户端平台（Android / iOS），老客户端没上报时显示横线。
  */
 const props = defineProps({
   row: { type: Object, required: true }
@@ -17,13 +17,9 @@ const PLATFORM_TEXT = { ANDROID: 'Android', IOS: 'iOS', WEB: 'Web' }
 
 const isGuest = computed(() => props.row?.userId == null)
 
-const systemText = computed(() => {
-  const row = props.row || {}
-  const name = PLATFORM_TEXT[row.platform] || row.platform || ''
-  const version = row.osVersion || ''
-  const text = `${name} ${version}`.trim()
-  if (!text) return '—'
-  return row.deviceModel ? `${text} · ${row.deviceModel}` : text
+const platformText = computed(() => {
+  const platform = props.row?.platform || ''
+  return PLATFORM_TEXT[platform] || platform || '—'
 })
 </script>
 
@@ -41,7 +37,7 @@ const systemText = computed(() => {
       }}</span>
       <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
     </template>
-    <span class="app-user-system">{{ systemText }}</span>
+    <span class="app-user-platform">{{ platformText }}</span>
   </div>
 </template>
 
@@ -53,11 +49,8 @@ const systemText = computed(() => {
   white-space: nowrap;
 }
 
-.app-user-system {
+.app-user-platform {
   color: #b0adbd;
   font-size: 12px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 </style>

From 5dbc752798757900c31cff7e5371448166fef793 Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 14:17:37 +0800
Subject: [PATCH 07/12] =?UTF-8?q?feat(admin):=20=E8=A7=82=E7=9C=8B/?=
 =?UTF-8?q?=E6=94=B6=E8=97=8F/=E7=82=B9=E8=B5=9E=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=8D=95=E7=8B=AC=E5=A2=9E=E5=8A=A0=E7=B3=BB=E7=BB=9F=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

用户单元格只保留身份信息，Android/iOS 抽成独立「系统」列，三页列结构一致。
---
 src/views/components/AppUserCell.vue              | 15 +--------------
 src/views/userManagement/FavoritesView.vue        |  4 ++++
 src/views/userManagement/LikesView.vue            |  4 ++++
 src/views/userManagement/WatchHistoryView.vue     |  5 ++++-
 .../userManagement/composables/useAppUsers.js     |  6 ++++++
 5 files changed, 19 insertions(+), 15 deletions(-)

diff --git a/src/views/components/AppUserCell.vue b/src/views/components/AppUserCell.vue
index 5215b94..eb2866d 100644
--- a/src/views/components/AppUserCell.vue
+++ b/src/views/components/AppUserCell.vue
@@ -7,20 +7,13 @@ import { computed } from 'vue'
  * 后台各列表共用的「用户」单元格。
  *
  * 口径：已登录显示昵称 + uid；未登录显示「游客」标签 + deviceId（单行省略，悬浮看全值）。
- * 第二行只展示客户端平台（Android / iOS），老客户端没上报时显示横线。
+ * 客户端平台由独立的「系统」列展示，这里不再重复。
  */
 const props = defineProps({
   row: { type: Object, required: true }
 })
 
-const PLATFORM_TEXT = { ANDROID: 'Android', IOS: 'iOS', WEB: 'Web' }
-
 const isGuest = computed(() => props.row?.userId == null)
-
-const platformText = computed(() => {
-  const platform = props.row?.platform || ''
-  return PLATFORM_TEXT[platform] || platform || '—'
-})
 </script>
 
 <template>
@@ -37,7 +30,6 @@ const platformText = computed(() => {
       }}</span>
       <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
     </template>
-    <span class="app-user-platform">{{ platformText }}</span>
   </div>
 </template>
 
@@ -48,9 +40,4 @@ const platformText = computed(() => {
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-
-.app-user-platform {
-  color: #b0adbd;
-  font-size: 12px;
-}
 </style>
diff --git a/src/views/userManagement/FavoritesView.vue b/src/views/userManagement/FavoritesView.vue
index 51f677e..105a85f 100644
--- a/src/views/userManagement/FavoritesView.vue
+++ b/src/views/userManagement/FavoritesView.vue
@@ -6,6 +6,7 @@ import dayjs from 'dayjs'
 import PageHeading from '@/views/components/PageHeading.vue'
 import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageFavoritesApi } from '@/api/admin/engagement'
+import { platformText } from './composables/useAppUsers'
 
 const PAGE_SIZES = [10, 20, 50]
 
@@ -110,6 +111,9 @@ onMounted(load)
           <AppUserCell :row="row" />
         </template>
       </el-table-column>
+      <el-table-column label="系统" width="100">
+        <template #default="{ row }">{{ platformText(row) }}</template>
+      </el-table-column>
       <el-table-column label="短剧" min-width="220">
         <template #default="{ row }">
           <div class="engagement-drama">
diff --git a/src/views/userManagement/LikesView.vue b/src/views/userManagement/LikesView.vue
index f838288..cf169be 100644
--- a/src/views/userManagement/LikesView.vue
+++ b/src/views/userManagement/LikesView.vue
@@ -6,6 +6,7 @@ import dayjs from 'dayjs'
 import PageHeading from '@/views/components/PageHeading.vue'
 import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageLikesApi } from '@/api/admin/engagement'
+import { platformText } from './composables/useAppUsers'
 
 const PAGE_SIZES = [10, 20, 50]
 const TARGET_OPTIONS = [
@@ -133,6 +134,9 @@ onMounted(load)
           <AppUserCell :row="row" />
         </template>
       </el-table-column>
+      <el-table-column label="系统" width="100">
+        <template #default="{ row }">{{ platformText(row) }}</template>
+      </el-table-column>
       <el-table-column label="目标类型" width="110">
         <template #default="{ row }">{{ typeText(row.targetType) }}</template>
       </el-table-column>
diff --git a/src/views/userManagement/WatchHistoryView.vue b/src/views/userManagement/WatchHistoryView.vue
index 8fd78b4..1feb6db 100644
--- a/src/views/userManagement/WatchHistoryView.vue
+++ b/src/views/userManagement/WatchHistoryView.vue
@@ -5,7 +5,7 @@ import { onMounted, reactive, ref } from 'vue'
 import PageHeading from '@/views/components/PageHeading.vue'
 import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageWatchHistoryApi } from '@/api/admin/appUser'
-import { formatDuration } from './composables/useAppUsers'
+import { formatDuration, platformText } from './composables/useAppUsers'
 
 const SOURCE_OPTIONS = [
   { value: '', label: '全部' },
@@ -174,6 +174,9 @@ onMounted(load)
           <AppUserCell :row="row" />
         </template>
       </el-table-column>
+      <el-table-column label="系统" width="100">
+        <template #default="{ row }">{{ platformText(row) }}</template>
+      </el-table-column>
       <el-table-column label="短剧" min-width="190">
         <template #default="{ row }">
           <el-tooltip :content="contentTooltip(row)" placement="top">
diff --git a/src/views/userManagement/composables/useAppUsers.js b/src/views/userManagement/composables/useAppUsers.js
index 46d3226..2cdf69c 100644
--- a/src/views/userManagement/composables/useAppUsers.js
+++ b/src/views/userManagement/composables/useAppUsers.js
@@ -36,6 +36,12 @@ export function statusMeta(status) {
 
 const PLATFORM_TEXT = { ANDROID: 'Android', IOS: 'iOS', WEB: 'Web' }
 
+/** 客户端平台，只有 iOS / Android 两种取值（缺记录显示横线）。 */
+export function platformText(row) {
+  const platform = row?.platform || ''
+  return PLATFORM_TEXT[platform] || platform || '—'
+}
+
 /** 登录会话上的系统，例如 Android 16。没有记录时显示横线。 */
 export function systemText(row) {
   const name = PLATFORM_TEXT[row?.platform] || row?.platform || ''

From e1eb58d4c499200108b9579156384859b88dcb85 Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 14:27:16 +0800
Subject: [PATCH 08/12] =?UTF-8?q?feat(admin):=20=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=8C=89=E7=B3=BB=E7=BB=9F=E7=AD=9B=E9=80=89?=
 =?UTF-8?q?=EF=BC=8C=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A5=E8=AF=AD=E4=B9=89?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 收藏/点赞/观看增加「全部系统 / Android / iOS」下拉
- 用户列第二行标注 UID，游客行标注设备，避免一串字母看不出含义
---
 src/api/admin/appUser.ts                      |  2 ++
 src/api/admin/engagement.ts                   |  2 ++
 src/views/components/AppUserCell.vue          | 18 +++++------
 src/views/userManagement/FavoritesView.vue    | 31 ++++++++++++++++--
 src/views/userManagement/LikesView.vue        | 32 +++++++++++++++++--
 src/views/userManagement/WatchHistoryView.vue | 22 +++++++++++++
 6 files changed, 93 insertions(+), 14 deletions(-)

diff --git a/src/api/admin/appUser.ts b/src/api/admin/appUser.ts
index 884938d..7879b04 100644
--- a/src/api/admin/appUser.ts
+++ b/src/api/admin/appUser.ts
@@ -21,6 +21,8 @@ export interface WatchHistoryPageParams {
   dramaTitle?: string
   dramaId?: number
   episodeId?: number
+  /** 客户端平台：ANDROID / IOS / WEB */
+  platform?: string
   source?: string
   finished?: boolean
   startTime?: string
diff --git a/src/api/admin/engagement.ts b/src/api/admin/engagement.ts
index b856ecb..13cf0b4 100644
--- a/src/api/admin/engagement.ts
+++ b/src/api/admin/engagement.ts
@@ -10,6 +10,8 @@ export interface EngagementPageParams {
   keyword?: string
   userId?: string | number
   deviceId?: string
+  /** 客户端平台：ANDROID / IOS / WEB */
+  platform?: string
   dramaId?: string | number
   dramaTitle?: string
   targetType?: string
diff --git a/src/views/components/AppUserCell.vue b/src/views/components/AppUserCell.vue
index eb2866d..47cb37e 100644
--- a/src/views/components/AppUserCell.vue
+++ b/src/views/components/AppUserCell.vue
@@ -6,8 +6,8 @@ import { computed } from 'vue'
 /**
  * 后台各列表共用的「用户」单元格。
  *
- * 口径：已登录显示昵称 + uid；未登录显示「游客」标签 + deviceId（单行省略，悬浮看全值）。
- * 客户端平台由独立的「系统」列展示，这里不再重复。
+ * 口径：已登录显示昵称 + `UID xxx`；未登录显示「游客」标签 + `设备 xxx`。
+ * 两行都带标签，避免一串随机字母看不出是什么。平台由独立的「系统」列展示。
  */
 const props = defineProps({
   row: { type: Object, required: true }
@@ -20,15 +20,15 @@ const isGuest = computed(() => props.row?.userId == null)
   <div class="app-user-meta">
     <template v-if="isGuest">
       <el-tag type="info" size="small">游客</el-tag>
-      <span class="app-user-uid app-user-device" :title="row.deviceId || ''">{{
-        row.deviceId || '—'
-      }}</span>
+      <span class="app-user-uid app-user-device" :title="row.deviceId || ''">
+        设备 {{ row.deviceId || '—' }}
+      </span>
     </template>
     <template v-else>
-      <span class="app-user-name" :title="row.nickname || ''">{{
-        row.nickname || '未设置昵称'
-      }}</span>
-      <span class="app-user-uid">{{ row.uid || `用户 #${row.userId}` }}</span>
+      <span class="app-user-name" :title="row.nickname || ''">
+        {{ row.nickname || '未设置昵称' }}
+      </span>
+      <span class="app-user-uid">UID {{ row.uid || `#${row.userId}` }}</span>
     </template>
   </div>
 </template>
diff --git a/src/views/userManagement/FavoritesView.vue b/src/views/userManagement/FavoritesView.vue
index 105a85f..295a13a 100644
--- a/src/views/userManagement/FavoritesView.vue
+++ b/src/views/userManagement/FavoritesView.vue
@@ -9,8 +9,19 @@ import { pageFavoritesApi } from '@/api/admin/engagement'
 import { platformText } from './composables/useAppUsers'
 
 const PAGE_SIZES = [10, 20, 50]
+const PLATFORM_OPTIONS = [
+  { value: '', label: '全部系统' },
+  { value: 'ANDROID', label: 'Android' },
+  { value: 'IOS', label: 'iOS' }
+]
 
-const filters = reactive({ keyword: '', deviceId: '', dramaTitle: '', range: null })
+const filters = reactive({
+  keyword: '',
+  deviceId: '',
+  dramaTitle: '',
+  platform: '',
+  range: null
+})
 const rows = ref([])
 const total = ref(0)
 const loading = ref(false)
@@ -26,7 +37,7 @@ async function load() {
       keyword: filters.keyword.trim() || undefined,
       deviceId: filters.deviceId.trim() || undefined,
       dramaTitle: filters.dramaTitle.trim() || undefined,
-
+      platform: filters.platform || undefined,
       startTime: filters.range?.[0] || undefined,
       endTime: filters.range?.[1] || undefined
     })
@@ -43,7 +54,13 @@ function search() {
 }
 
 function resetFilters() {
-  Object.assign(filters, { keyword: '', deviceId: '', dramaTitle: '', range: null })
+  Object.assign(filters, {
+    keyword: '',
+    deviceId: '',
+    dramaTitle: '',
+    platform: '',
+    range: null
+  })
   search()
 }
 
@@ -84,6 +101,14 @@ onMounted(load)
         placeholder="短剧名称"
         @keyup.enter="search"
       />
+      <el-select v-model="filters.platform" class="console-select" placeholder="全部系统">
+        <el-option
+          v-for="item in PLATFORM_OPTIONS"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
 
       <el-date-picker
         v-model="filters.range"
diff --git a/src/views/userManagement/LikesView.vue b/src/views/userManagement/LikesView.vue
index cf169be..5ff57f8 100644
--- a/src/views/userManagement/LikesView.vue
+++ b/src/views/userManagement/LikesView.vue
@@ -15,8 +15,20 @@ const TARGET_OPTIONS = [
   { value: 'EPISODE', label: '剧集' },
   { value: 'COMMENT', label: '评论' }
 ]
+const PLATFORM_OPTIONS = [
+  { value: '', label: '全部系统' },
+  { value: 'ANDROID', label: 'Android' },
+  { value: 'IOS', label: 'iOS' }
+]
 
-const filters = reactive({ keyword: '', deviceId: '', dramaTitle: '', range: null, targetType: '' })
+const filters = reactive({
+  keyword: '',
+  deviceId: '',
+  dramaTitle: '',
+  range: null,
+  targetType: '',
+  platform: ''
+})
 const rows = ref([])
 const total = ref(0)
 const loading = ref(false)
@@ -33,6 +45,7 @@ async function load() {
       deviceId: filters.deviceId.trim() || undefined,
       dramaTitle: filters.dramaTitle.trim() || undefined,
       targetType: filters.targetType || undefined,
+      platform: filters.platform || undefined,
       startTime: filters.range?.[0] || undefined,
       endTime: filters.range?.[1] || undefined
     })
@@ -49,7 +62,14 @@ function search() {
 }
 
 function resetFilters() {
-  Object.assign(filters, { keyword: '', deviceId: '', dramaTitle: '', range: null, targetType: '' })
+  Object.assign(filters, {
+    keyword: '',
+    deviceId: '',
+    dramaTitle: '',
+    range: null,
+    targetType: '',
+    platform: ''
+  })
   search()
 }
 
@@ -108,6 +128,14 @@ onMounted(load)
           :value="item.value"
         />
       </el-select>
+      <el-select v-model="filters.platform" class="console-select" placeholder="全部系统">
+        <el-option
+          v-for="item in PLATFORM_OPTIONS"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
       <el-date-picker
         v-model="filters.range"
         class="engagement-range"
diff --git a/src/views/userManagement/WatchHistoryView.vue b/src/views/userManagement/WatchHistoryView.vue
index 1feb6db..4ccfc27 100644
--- a/src/views/userManagement/WatchHistoryView.vue
+++ b/src/views/userManagement/WatchHistoryView.vue
@@ -21,11 +21,18 @@ const FINISHED_OPTIONS = [
   { value: false, label: '未看完' }
 ]
 
+const PLATFORM_OPTIONS = [
+  { value: '', label: '全部系统' },
+  { value: 'ANDROID', label: 'Android' },
+  { value: 'IOS', label: 'iOS' }
+]
+
 const filters = reactive({
   keyword: '',
   dramaTitle: '',
   source: '',
   finished: '',
+  platform: '',
   range: null
 })
 const rows = ref([])
@@ -44,6 +51,7 @@ async function load() {
       dramaTitle: filters.dramaTitle.trim() || undefined,
       source: filters.source || undefined,
       finished: filters.finished === '' ? undefined : filters.finished,
+      platform: filters.platform || undefined,
       startTime: filters.range?.[0] || undefined,
       endTime: filters.range?.[1] || undefined
     })
@@ -64,6 +72,7 @@ function resetFilters() {
   filters.dramaTitle = ''
   filters.source = ''
   filters.finished = ''
+  filters.platform = ''
   filters.range = null
   search()
 }
@@ -145,6 +154,19 @@ onMounted(load)
           :value="item.value"
         />
       </el-select>
+      <el-select
+        v-model="filters.platform"
+        class="console-select"
+        placeholder="全部系统"
+        @change="search"
+      >
+        <el-option
+          v-for="item in PLATFORM_OPTIONS"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
       <el-date-picker
         v-model="filters.range"
         class="watch-history-range"

From 5da72d1aa215f863344c5aece60c9fc702f9762c Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 14:28:59 +0800
Subject: [PATCH 09/12] =?UTF-8?q?fix(admin):=20=E7=94=A8=E6=88=B7=E5=88=97?=
 =?UTF-8?q?=E8=A1=A5=E5=85=A8=E3=80=8C=E6=98=B5=E7=A7=B0=20/=20UID=20/=20?=
 =?UTF-8?q?=E8=AE=BE=E5=A4=87=E3=80=8D=E6=A0=87=E7=AD=BE=E4=B8=8E=E5=86=92?=
 =?UTF-8?q?=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

两行都以「字段名：值」呈现，避免只看到一串随机字母。
---
 src/views/components/AppUserCell.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/components/AppUserCell.vue b/src/views/components/AppUserCell.vue
index 47cb37e..c63b026 100644
--- a/src/views/components/AppUserCell.vue
+++ b/src/views/components/AppUserCell.vue
@@ -21,14 +21,14 @@ const isGuest = computed(() => props.row?.userId == null)
     <template v-if="isGuest">
       <el-tag type="info" size="small">游客</el-tag>
       <span class="app-user-uid app-user-device" :title="row.deviceId || ''">
-        设备 {{ row.deviceId || '—' }}
+        设备：{{ row.deviceId || '—' }}
       </span>
     </template>
     <template v-else>
       <span class="app-user-name" :title="row.nickname || ''">
-        {{ row.nickname || '未设置昵称' }}
+        昵称：{{ row.nickname || '未设置昵称' }}
       </span>
-      <span class="app-user-uid">UID {{ row.uid || `#${row.userId}` }}</span>
+      <span class="app-user-uid">UID：{{ row.uid || `#${row.userId}` }}</span>
     </template>
   </div>
 </template>

From 111bbdaeb73c1c572798588cc64bab7c5a60097f Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 14:29:56 +0800
Subject: [PATCH 10/12] =?UTF-8?q?fix(admin):=20=E7=94=A8=E6=88=B7=E5=88=97?=
 =?UTF-8?q?=E6=A0=87=E7=AD=BE=E6=94=B9=E7=94=A8=E5=8D=8A=E8=A7=92=E5=86=92?=
 =?UTF-8?q?=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/AppUserCell.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/components/AppUserCell.vue b/src/views/components/AppUserCell.vue
index c63b026..47f4db0 100644
--- a/src/views/components/AppUserCell.vue
+++ b/src/views/components/AppUserCell.vue
@@ -21,14 +21,14 @@ const isGuest = computed(() => props.row?.userId == null)
     <template v-if="isGuest">
       <el-tag type="info" size="small">游客</el-tag>
       <span class="app-user-uid app-user-device" :title="row.deviceId || ''">
-        设备：{{ row.deviceId || '—' }}
+        设备: {{ row.deviceId || '—' }}
       </span>
     </template>
     <template v-else>
       <span class="app-user-name" :title="row.nickname || ''">
-        昵称：{{ row.nickname || '未设置昵称' }}
+        昵称: {{ row.nickname || '未设置昵称' }}
       </span>
-      <span class="app-user-uid">UID：{{ row.uid || `#${row.userId}` }}</span>
+      <span class="app-user-uid">UID: {{ row.uid || `#${row.userId}` }}</span>
     </template>
   </div>
 </template>

From daf681ae1a79576e68e0ea09f8e083a29d0de473 Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 14:39:18 +0800
Subject: [PATCH 11/12] =?UTF-8?q?fix(admin):=20=E8=A7=82=E7=9C=8B=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E7=BB=9F=E4=B8=80=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=B8=BA?=
 =?UTF-8?q?=20yyyy-MM-dd=20HH:mm:ss?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

后端改输出格式后仍保留前端兜底，同时修掉用户详情里的原始 ISO 展示。
---
 src/views/userManagement/AppUsersView.vue           | 5 ++++-
 src/views/userManagement/WatchHistoryView.vue       | 6 ++++--
 src/views/userManagement/composables/useAppUsers.js | 6 ++++++
 3 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/src/views/userManagement/AppUsersView.vue b/src/views/userManagement/AppUsersView.vue
index ab5c11e..07cb670 100644
--- a/src/views/userManagement/AppUsersView.vue
+++ b/src/views/userManagement/AppUsersView.vue
@@ -9,6 +9,7 @@ import { useRbac } from '@/stores/rbac'
 import {
   APP_USER_STATUS,
   COUNTRY_OPTIONS,
+  formatDateTime,
   formatDuration,
   statusMeta,
   systemText,
@@ -312,7 +313,9 @@ function canBeBanned(row) {
                 SOURCE_TEXT[row.source] || row.source || '—'
               }}</template>
             </el-table-column>
-            <el-table-column prop="watchedAt" label="时间" width="160" show-overflow-tooltip />
+            <el-table-column label="时间" width="160">
+              <template #default="{ row }">{{ formatDateTime(row.watchedAt) }}</template>
+            </el-table-column>
           </el-table>
         </div>
 
diff --git a/src/views/userManagement/WatchHistoryView.vue b/src/views/userManagement/WatchHistoryView.vue
index 4ccfc27..e834a6d 100644
--- a/src/views/userManagement/WatchHistoryView.vue
+++ b/src/views/userManagement/WatchHistoryView.vue
@@ -5,7 +5,7 @@ import { onMounted, reactive, ref } from 'vue'
 import PageHeading from '@/views/components/PageHeading.vue'
 import AppUserCell from '@/views/components/AppUserCell.vue'
 import { pageWatchHistoryApi } from '@/api/admin/appUser'
-import { formatDuration, platformText } from './composables/useAppUsers'
+import { formatDateTime, formatDuration, platformText } from './composables/useAppUsers'
 
 const SOURCE_OPTIONS = [
   { value: '', label: '全部' },
@@ -190,7 +190,9 @@ onMounted(load)
       class="drama-el-table"
       empty-text="暂无符合条件的观看记录"
     >
-      <el-table-column prop="watchedAt" label="观看时间" min-width="170" show-overflow-tooltip />
+      <el-table-column label="观看时间" min-width="170">
+        <template #default="{ row }">{{ formatDateTime(row.watchedAt) }}</template>
+      </el-table-column>
       <el-table-column label="用户" min-width="200">
         <template #default="{ row }">
           <AppUserCell :row="row" />
diff --git a/src/views/userManagement/composables/useAppUsers.js b/src/views/userManagement/composables/useAppUsers.js
index 2cdf69c..2d15ef5 100644
--- a/src/views/userManagement/composables/useAppUsers.js
+++ b/src/views/userManagement/composables/useAppUsers.js
@@ -1,6 +1,7 @@
 // Author: fruit.com.cn
 
 import { onMounted, reactive, ref } from 'vue'
+import dayjs from 'dayjs'
 import { ElMessage, ElMessageBox } from 'element-plus'
 import {
   getAppUserApi,
@@ -50,6 +51,11 @@ export function systemText(row) {
   return text || '—'
 }
 
+/** 后端返回 ISO 时间串，统一格式化成后台可读的本地时间 */
+export function formatDateTime(value) {
+  return value && dayjs(value).isValid() ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '—'
+}
+
 /** 毫秒转 mm:ss，观看流水里的进度用 */
 export function formatDuration(ms) {
   const total = Math.max(0, Math.floor((ms || 0) / 1000))

From bedae029460065c56846e09d1fdea749bc8a4c86 Mon Sep 17 00:00:00 2001
From: Vicky <10212746+haifeng-jiang@user.noreply.gitee.com>
Date: Tue, 27 Oct 2026 15:45:23 +0800
Subject: [PATCH 12/12] =?UTF-8?q?feat:=20phase1=20UI=20prep=20=E2=80=94=20?=
 =?UTF-8?q?=E5=90=8E=E5=8F=B0=20App=20=E7=94=A8=E6=88=B7=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E7=B3=BB=E7=BB=9F=E7=AD=9B=E9=80=89=20+=20?=
 =?UTF-8?q?=E5=9B=BD=E5=AE=B6=E4=B8=AD=E6=96=87=E5=90=8D=20+=20=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E8=AF=AD=E4=B9=89=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增: 系统下拉 (ANDROID/IOS)、国家中文名映射、用户列昵称/UID 冒号标签
详情抽屉: 同步系统/国家/标签展示
---
 src/api/admin/appUser.ts                      |  2 +
 src/styles/business/app-user-management.css   |  3 +-
 src/views/userManagement/AppUsersView.vue     | 54 +++++++++----
 .../userManagement/composables/useAppUsers.js | 77 ++++++++++++++++---
 4 files changed, 111 insertions(+), 25 deletions(-)

diff --git a/src/api/admin/appUser.ts b/src/api/admin/appUser.ts
index 7879b04..82cbe9f 100644
--- a/src/api/admin/appUser.ts
+++ b/src/api/admin/appUser.ts
@@ -11,6 +11,8 @@ export interface AppUserPageParams {
   status?: string
   countryCode?: string
   registerSource?: string
+  /** 客户端平台：ANDROID / IOS / WEB */
+  platform?: string
 }
 
 export interface WatchHistoryPageParams {
diff --git a/src/styles/business/app-user-management.css b/src/styles/business/app-user-management.css
index 90a7fbf..6b18b3d 100644
--- a/src/styles/business/app-user-management.css
+++ b/src/styles/business/app-user-management.css
@@ -18,7 +18,8 @@
 }
 
 .app-user-toolbar .app-user-status,
-.app-user-toolbar .app-user-country {
+.app-user-toolbar .app-user-country,
+.app-user-toolbar .app-user-platform {
   width: 150px;
   flex: 0 0 150px;
 }
diff --git a/src/views/userManagement/AppUsersView.vue b/src/views/userManagement/AppUsersView.vue
index 07cb670..2f7fae7 100644
--- a/src/views/userManagement/AppUsersView.vue
+++ b/src/views/userManagement/AppUsersView.vue
@@ -9,10 +9,11 @@ import { useRbac } from '@/stores/rbac'
 import {
   APP_USER_STATUS,
   COUNTRY_OPTIONS,
+  countryText,
   formatDateTime,
   formatDuration,
+  platformText,
   statusMeta,
-  systemText,
   useAppUsers
 } from './composables/useAppUsers'
 
@@ -26,6 +27,7 @@ const {
   keyword,
   statusFilter,
   countryFilter,
+  platformFilter,
   currentPage,
   pageSize,
   detailVisible,
@@ -54,6 +56,11 @@ const SOURCE_TEXT = {
   FAVORITE: '收藏'
 }
 const BAN_TYPE_TEXT = { BAN: '封禁', LIMIT: '限制', MUTE: '禁言' }
+const PLATFORM_OPTIONS = [
+  { value: '', label: '全部系统' },
+  { value: 'ANDROID', label: 'Android' },
+  { value: 'IOS', label: 'iOS' }
+]
 const APPEAL_TEXT = {
   none: '未申诉',
   pending: '待处理',
@@ -117,6 +124,20 @@ function canBeBanned(row) {
           :value="item.value"
         />
       </el-select>
+      <el-select
+        v-model="platformFilter"
+        class="app-user-platform"
+        clearable
+        placeholder="全部系统"
+        @change="queryUsers"
+      >
+        <el-option
+          v-for="item in PLATFORM_OPTIONS"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        />
+      </el-select>
       <el-select
         v-model="countryFilter"
         class="app-user-country"
@@ -166,24 +187,24 @@ function canBeBanned(row) {
               <template v-else>{{ avatarText(row) }}</template>
             </span>
             <div class="app-user-meta">
-              <span class="app-user-name" :title="row.nickname">{{
-                row.nickname || '未设置昵称'
-              }}</span>
-              <span class="app-user-uid" :title="row.uid">{{ row.uid }}</span>
+              <span class="app-user-name" :title="row.nickname || ''">
+                昵称: {{ row.nickname || '未设置昵称' }}
+              </span>
+              <span class="app-user-uid">UID: {{ row.uid }}</span>
             </div>
           </div>
         </template>
       </el-table-column>
-      <el-table-column label="系统" width="130" show-overflow-tooltip>
-        <template #default="{ row }">{{ systemText(row) }}</template>
+      <el-table-column label="系统" width="110" show-overflow-tooltip>
+        <template #default="{ row }">{{ platformText(row) }}</template>
       </el-table-column>
       <el-table-column label="手机 / 邮箱" min-width="150" show-overflow-tooltip>
         <template #default="{ row }">
           <span class="app-user-mono">{{ row.maskedTarget || '—' }}</span>
         </template>
       </el-table-column>
-      <el-table-column label="国家" width="90">
-        <template #default="{ row }">{{ row.countryCode || '—' }}</template>
+      <el-table-column label="国家" width="110">
+        <template #default="{ row }">{{ countryText(row.countryCode) }}</template>
       </el-table-column>
       <el-table-column label="状态" width="90">
         <template #default="{ row }">
@@ -249,8 +270,8 @@ function canBeBanned(row) {
             <template v-else>{{ avatarText(detail) }}</template>
           </span>
           <div class="app-user-meta">
-            <span class="app-user-name">{{ detail.nickname || '未设置昵称' }}</span>
-            <span class="app-user-uid">{{ detail.uid }}</span>
+            <span class="app-user-name"> 昵称: {{ detail.nickname || '未设置昵称' }} </span>
+            <span class="app-user-uid">UID: {{ detail.uid }}</span>
           </div>
           <el-tag :type="statusMeta(detail.status).tag" effect="light" style="margin-left: auto">
             {{ statusMeta(detail.status).label }}
@@ -263,7 +284,10 @@ function canBeBanned(row) {
               {{ detail.maskedTarget || '—' }}
             </el-descriptions-item>
             <el-descriptions-item label="国家 / 地区">
-              {{ detail.countryCode || '—' }} / {{ detail.regionCode || '—' }}
+              {{ countryText(detail.countryCode) }}
+              <template v-if="detail.regionCode && detail.regionCode !== detail.countryCode">
+                / {{ countryText(detail.regionCode) }}
+              </template>
             </el-descriptions-item>
             <el-descriptions-item label="语言">{{ detail.language || '—' }}</el-descriptions-item>
             <el-descriptions-item label="时区">{{ detail.timezone || '—' }}</el-descriptions-item>
@@ -273,7 +297,7 @@ function canBeBanned(row) {
             <el-descriptions-item label="最后登录">{{
               detail.lastLoginAt || '—'
             }}</el-descriptions-item>
-            <el-descriptions-item label="系统">{{ systemText(detail) }}</el-descriptions-item>
+            <el-descriptions-item label="系统">{{ platformText(detail) }}</el-descriptions-item>
             <el-descriptions-item label="会员">
               {{ detail.vipLevel ? `等级 ${detail.vipLevel}` : '未开通（第二阶段）' }}
             </el-descriptions-item>
@@ -305,8 +329,8 @@ function canBeBanned(row) {
             <el-table-column label="完成" width="70">
               <template #default="{ row }">{{ row.finished ? '是' : '否' }}</template>
             </el-table-column>
-            <el-table-column label="系统" width="120" show-overflow-tooltip>
-              <template #default="{ row }">{{ systemText(row) }}</template>
+            <el-table-column label="系统" width="100" show-overflow-tooltip>
+              <template #default="{ row }">{{ platformText(row) }}</template>
             </el-table-column>
             <el-table-column label="来源" width="80">
               <template #default="{ row }">{{
diff --git a/src/views/userManagement/composables/useAppUsers.js b/src/views/userManagement/composables/useAppUsers.js
index 2d15ef5..8bda1d3 100644
--- a/src/views/userManagement/composables/useAppUsers.js
+++ b/src/views/userManagement/composables/useAppUsers.js
@@ -29,6 +29,69 @@ export const COUNTRY_OPTIONS = [
   { value: 'CN', label: '中国' }
 ]
 
+/** 国家码 → 中文名，与后端 CountryProfile 保持一致；未收录的仍显示原码 */
+const COUNTRY_TEXT = {
+  ID: '印度尼西亚',
+  MY: '马来西亚',
+  SG: '新加坡',
+  TH: '泰国',
+  VN: '越南',
+  PH: '菲律宾',
+  KH: '柬埔寨',
+  MM: '缅甸',
+  LA: '老挝',
+  BN: '文莱',
+  CN: '中国',
+  TW: '中国台湾',
+  HK: '中国香港',
+  MO: '中国澳门',
+  JP: '日本',
+  KR: '韩国',
+  IN: '印度',
+  PK: '巴基斯坦',
+  BD: '孟加拉国',
+  LK: '斯里兰卡',
+  NP: '尼泊尔',
+  US: '美国',
+  CA: '加拿大',
+  MX: '墨西哥',
+  BR: '巴西',
+  AR: '阿根廷',
+  CL: '智利',
+  CO: '哥伦比亚',
+  PE: '秘鲁',
+  VE: '委内瑞拉',
+  EC: '厄瓜多尔',
+  GT: '危地马拉',
+  DO: '多米尼加',
+  GB: '英国',
+  DE: '德国',
+  FR: '法国',
+  ES: '西班牙',
+  IT: '意大利',
+  NL: '荷兰',
+  PL: '波兰',
+  RU: '俄罗斯',
+  UA: '乌克兰',
+  TR: '土耳其',
+  SA: '沙特阿拉伯',
+  AE: '阿联酋',
+  IL: '以色列',
+  EG: '埃及',
+  NG: '尼日利亚',
+  ZA: '南非',
+  KE: '肯尼亚',
+  MA: '摩洛哥',
+  AU: '澳大利亚',
+  NZ: '新西兰'
+}
+
+/** 国家列统一展示中文名，无值时显示横线 */
+export function countryText(code) {
+  const value = (code || '').toUpperCase()
+  return COUNTRY_TEXT[value] || value || '—'
+}
+
 export function statusMeta(status) {
   return (
     APP_USER_STATUS.find((item) => item.value === status) || { label: status || '-', tag: 'info' }
@@ -43,14 +106,6 @@ export function platformText(row) {
   return PLATFORM_TEXT[platform] || platform || '—'
 }
 
-/** 登录会话上的系统，例如 Android 16。没有记录时显示横线。 */
-export function systemText(row) {
-  const name = PLATFORM_TEXT[row?.platform] || row?.platform || ''
-  const version = row?.osVersion || ''
-  const text = `${name} ${version}`.trim()
-  return text || '—'
-}
-
 /** 后端返回 ISO 时间串，统一格式化成后台可读的本地时间 */
 export function formatDateTime(value) {
   return value && dayjs(value).isValid() ? dayjs(value).format('YYYY-MM-DD HH:mm:ss') : '—'
@@ -72,6 +127,7 @@ export function useAppUsers() {
   const keyword = ref('')
   const statusFilter = ref(undefined)
   const countryFilter = ref(undefined)
+  const platformFilter = ref(undefined)
   const currentPage = ref(1)
   const pageSize = ref(10)
 
@@ -94,7 +150,8 @@ export function useAppUsers() {
         pageSize: pageSize.value,
         keyword: keyword.value.trim() || undefined,
         status: statusFilter.value,
-        countryCode: countryFilter.value
+        countryCode: countryFilter.value,
+        platform: platformFilter.value || undefined
       })
       users.value = res.data?.list || []
       total.value = res.data?.total || 0
@@ -112,6 +169,7 @@ export function useAppUsers() {
     keyword.value = ''
     statusFilter.value = undefined
     countryFilter.value = undefined
+    platformFilter.value = undefined
     queryUsers()
   }
 
@@ -198,6 +256,7 @@ export function useAppUsers() {
     keyword,
     statusFilter,
     countryFilter,
+    platformFilter,
     currentPage,
     pageSize,
     detailVisible,