renxiaodong/lingji-work-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

perf: 字段tooltip

Browse Source
This commit is contained in:
rd
2025-07-05 16:45:08 +08:00
parent 5ee30e9146
commit 126c9bf081
7 changed files with 89 additions and 92 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
src/views/property-marketing/media-account/account-dashboard/constants.ts
View File

@ -19,19 +19,19 @@ export const CARD_FIELDS = [
label: '总粉丝数',
prop: 'total_fans_number',
icon: icon2,
tooltip: '总粉丝数',
tooltip: '所有账号当前累计的粉丝数量，反映账号的基础用户体量。',
},
{
label: '总赞藏数',
prop: 'total_like_number',
icon: icon3,
tooltip: '总赞藏数',
tooltip: '所有账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
},
{
label: '近7日观看数',
prop: 'seven_view_number',
icon: icon4,
tooltip: '近7日观看数',
tooltip: '最近7天内所有账号所有作品的总观看次数，用于衡量内容在短期内的整体传播效果。',
},
];
@ -102,7 +102,7 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'fans_number',
prop: 'fans_number',
width: 180,
tooltip: '账号当前粉丝总数',
tooltip: '账号的当前粉丝总数。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -113,7 +113,7 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'like_collect_number',
prop: 'like_collect_number',
width: 180,
tooltip: '账号所有内容的点赞和收藏总数',
tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -126,14 +126,14 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'newest_work_title',
prop: 'newest_work_title',
width: 240,
tooltip: '最新发布内容的标题和发布日期',
// tooltip: '最新发布内容的标题和发布日期',
},
{
title: '最新作品观看数',
dataIndex: 'newest_work_view_number',
prop: 'newest_work_view_number',
width: 180,
tooltip: '最新发布内容的观看次数',
tooltip: '最新一篇发布内容的总观看次数，反映当前内容热度初步表现。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -188,7 +188,7 @@ export const getDefaultColumns = (type = 'week') => {
// dataIndex: 'newest_work_view_grow_number',
// prop: 'newest_work_view_grow_number',
// width: 180,
// tooltip: '最新作品每日观看量的增长情况',
// tooltip: '最新作品的日均新增观看量，衡量内容是否具备持续热度。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@ -205,7 +205,7 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'second_new_work_view_number',
prop: 'second_new_work_view_number',
width: 180,
tooltip: '倒数第二个发布内容的观看次数',
tooltip: '次新作品内容的累计观看量，便于对比不同作品表现差异。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -216,7 +216,7 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'second_new_work_like_number',
prop: 'second_new_work_like_number',
width: 180,
tooltip: '倒数第二个发布内容的点赞数',
tooltip: '次新作品内容的点赞数',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -227,7 +227,7 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'second_new_work_comment_number',
prop: 'second_new_work_comment_number',
width: 180,
tooltip: '倒数第二个发布内容的评论数',
tooltip: '次新作品内容的评论数',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -238,7 +238,7 @@ export const getDefaultColumns = (type = 'week') => {
dataIndex: 'second_new_work_share_number',
prop: 'second_new_work_share_number',
width: 180,
tooltip: '倒数第二个发布内容的分享数',
tooltip: '次新作品内容的分享数',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@ -249,7 +249,7 @@ export const getDefaultColumns = (type = 'week') => {
// dataIndex: 'second_new_work_view_grow_number',
// prop: 'second_new_work_view_grow_number',
// width: 180,
// tooltip: '倒数第二个作品每日观看量的增长情况',
// tooltip: '次新作品每日新增观看数，用于判断内容是否处于生命周期增长阶段。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],

6
src/views/property-marketing/media-account/account-dashboard/index.vue
View File

@ -9,7 +9,7 @@
<div class="top flex h-64px py-10px justify-between items-center">
<div class="flex items-center">
<p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
<a-tooltip content="数据纵览">
<a-tooltip content="展示所筛选的账号的信息汇总">
<icon-question-circle size="16" class="color-#737478" />
</a-tooltip>
</div>
@ -19,8 +19,8 @@
<div class="flex items-center mb-8px">
<img :src="item.icon" width="20" height="20" class="mr-8px" />
<p class="label color-#211F24">{{ item.label }}</p>
<a-tooltip v-if="item.tooltip" :content="item.tooltip" position="bottom">
<img :src="icon1" width="14" height="14" class="cursor-pointer ml-4px" />
<a-tooltip v-if="item.tooltip" :content="item.tooltip">
<img :src="icon1" width="14" height="14" class="ml-4px" />
</a-tooltip>
</div>
<span class="value color-#211F24 ml-32px">{{ formatNumberShow(overviewData[item.prop]) }}</span>