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"
/>
+
+
+
{{ avatarText(row) }}
- {{
- row.nickname || '未设置昵称'
- }}
- {{ row.uid }}
+
+ 昵称: {{ row.nickname || '未设置昵称' }}
+
+ UID: {{ row.uid }}
-
- {{ systemText(row) }}
+
+ {{ platformText(row) }}
{{ row.maskedTarget || '—' }}
-
- {{ row.countryCode || '—' }}
+
+ {{ countryText(row.countryCode) }}
@@ -249,8 +270,8 @@ function canBeBanned(row) {
{{ avatarText(detail) }}
- {{ detail.nickname || '未设置昵称' }}
- {{ detail.uid }}
+ 昵称: {{ detail.nickname || '未设置昵称' }}
+ UID: {{ detail.uid }}
{{ statusMeta(detail.status).label }}
@@ -263,7 +284,10 @@ function canBeBanned(row) {
{{ detail.maskedTarget || '—' }}
- {{ detail.countryCode || '—' }} / {{ detail.regionCode || '—' }}
+ {{ countryText(detail.countryCode) }}
+
+ / {{ countryText(detail.regionCode) }}
+
{{ detail.language || '—' }}
{{ detail.timezone || '—' }}
@@ -273,7 +297,7 @@ function canBeBanned(row) {
{{
detail.lastLoginAt || '—'
}}
- {{ systemText(detail) }}
+ {{ platformText(detail) }}
{{ detail.vipLevel ? `等级 ${detail.vipLevel}` : '未开通（第二阶段）' }}
@@ -305,8 +329,8 @@ function canBeBanned(row) {
{{ row.finished ? '是' : '否' }}
-
- {{ systemText(row) }}
+
+ {{ platformText(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,