feat(admin): 列表支持按系统筛选,用户列补语义标签
- 收藏/点赞/观看增加「全部系统 / Android / iOS」下拉 - 用户列第二行标注 UID,游客行标注设备,避免一串字母看不出含义
This commit is contained in:
1 parent
5dbc752798
commit
e1eb58d4c4
6 files changed
+93
-14
No files matched your search
@@ -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>
|
||||
|
||||
Reference in new issue
Block a user