feat(admin): 列表支持按系统筛选,用户列补语义标签

- 收藏/点赞/观看增加「全部系统 / Android / iOS」下拉
- 用户列第二行标注 UID,游客行标注设备,避免一串字母看不出含义
This commit is contained in:
Vicky authored and trae-solo-agent committed 2026-10-27 14:27:16 +08:00
1 parent 5dbc752798
commit e1eb58d4c4
6 files changed
+93 -14

No files matched your search

+9 -9
View File
@@ -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>