+
![icon]()
{{ groupName }}
@@ -117,48 +117,13 @@ const close = () => {
};
const initData = async () => {
- const data = {
- selected_columns: [],
- groups: [
- {
- label: '基础信息',
- is_require: 1,
- columns: [
- { label: '账号名称', value: 'account_name', is_require: 1 },
- { label: '项目分组', value: 'project_group', is_require: 1 },
- { label: '状态', value: 'status', is_require: 1 },
- { label: '运营人员', value: 'operator', is_require: 1 },
- { label: 'AI评价', value: 'ai_score', is_require: 1 },
- ],
- },
- {
- label: '分析数据',
- is_require: 0,
- columns: [
- { label: '粉丝量', value: 'fans', is_require: 0 },
- { label: '总赞藏数', value: 'total_likes', is_require: 0 },
- { label: '观看量', value: 'views', is_require: 0 },
- { label: '观看量环比', value: 'views_ratio', is_require: 0 },
- { label: '点赞量', value: 'likes', is_require: 0 },
- { label: '点赞量环比', value: 'likes_ratio', is_require: 0 },
- { label: '最新内容标题/日期', value: 'latest_content', is_require: 0 },
- { label: '最新作品观看数', value: 'latest_views', is_require: 0 },
- { label: '最新作品日增长', value: 'latest_growth', is_require: 0 },
- { label: '次新内容标题/日期', value: 'second_latest_content', is_require: 0 },
- { label: '次新作品观看数', value: 'second_latest_views', is_require: 0 },
- { label: '次新作品日增长', value: 'second_latest_growth', is_require: 0 },
- ],
- },
- ],
- };
-
- // const { code, data } = await getCustomColumns({ type: props.type });
- // if (code === 0) {
- const { selected_columns, groups } = data;
- dataSource.value = groups;
- setDefaultCheckColumns(groups, selected_columns);
- allColumns.value = groups.flatMap((group) => group.columns);
- // }
+ const { code, data } = await getCustomColumns({ type: props.type });
+ if (code === 200) {
+ const { selected_columns, groups } = data;
+ dataSource.value = groups;
+ setDefaultCheckColumns(groups, selected_columns);
+ allColumns.value = groups.flatMap((group) => group.columns);
+ }
};
const isCheck = (option) => {
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts b/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
index 4bfb578..90b8c90 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
@@ -2,152 +2,177 @@
* @Author: RenXiaoDong
* @Date: 2025-06-28 10:33:06
*/
-export const TABLE_COLUMNS = [
- {
- title: '账号名称',
- dataIndex: 'name',
- width: 180,
- fixed: 'left',
- },
- {
- title: '项目分组',
- dataIndex: 'group.name',
- width: 180,
- fixed: 'left',
- },
- {
- title: '状态',
- dataIndex: 'status',
- width: 180,
- fixed: 'left',
- },
- {
- title: '运营人员',
- dataIndex: 'operator.name',
- width: 180,
- },
- {
- title: 'AI评价',
- dataIndex: 'ai_evaluation',
- width: 260,
- },
- {
- title: '粉丝量',
- dataIndex: 'fans_number',
- width: 180,
- tooltip: '账号当前粉丝总数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+export const getDefaultColumns = (type = 'week') => {
+ const isWeek = type === 'week';
+ const viewChain = isWeek ? 'week_view_chain' : 'month_view_chain';
+ const likeChain = isWeek ? 'week_like_chain' : 'month_like_chain';
+ const viewChainText = isWeek ? '近7天观看量环比' : '近30天观看量环比';
+ const likeChainText = isWeek ? '近7天点赞量环比' : '近30天点赞量环比';
+
+ return [
+ {
+ title: '账号名称',
+ dataIndex: 'name',
+ prop: 'name',
+ width: 180,
+ fixed: 'left',
},
- },
- {
- title: '总赞藏数',
- dataIndex: 'like_collect_number',
- width: 180,
- tooltip: '账号所有内容的点赞和收藏总数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '项目分组',
+ dataIndex: 'group.name',
+ prop: 'group',
+ width: 180,
+ fixed: 'left',
},
- },
- {
- title: '观看量',
- dataIndex: 'view_number',
- width: 180,
- tooltip: '账号所有内容的总观看次数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '状态',
+ dataIndex: 'status',
+ prop: 'status',
+ width: 180,
+ fixed: 'left',
},
- },
- {
- title: '观看量环比',
- dataIndex: 'view_chain',
- width: 180,
- tooltip: '相比上一周期的观看量变化百分比',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '运营人员',
+ dataIndex: 'operator.name',
+ prop: 'operator',
+ width: 180,
},
- },
- {
- title: '点赞量',
- dataIndex: 'like_number',
- width: 180,
- tooltip: '账号所有内容的总点赞数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: 'AI评价',
+ dataIndex: 'ai_evaluate',
+ prop: 'ai_evaluate',
+ width: 260,
},
- },
- {
- title: '点赞量环比',
- dataIndex: 'like_chain',
- width: 180,
- tooltip: '相比上一周期的点赞量变化百分比',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '粉丝量',
+ dataIndex: 'fans_number',
+ prop: 'fans_number',
+ width: 180,
+ tooltip: '账号当前粉丝总数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
},
- },
- {
- title: '最新内容标题/日期',
- dataIndex: 'like_chain1',
- width: 240,
- tooltip: '最新发布内容的标题和发布日期',
- },
- {
- title: '最新作品观看数',
- dataIndex: 'latest_view_number',
- width: 180,
- tooltip: '最新发布内容的观看次数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '总赞藏数',
+ dataIndex: 'like_collect_number',
+ prop: 'like_collect_number',
+ width: 180,
+ tooltip: '账号所有内容的点赞和收藏总数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
},
- },
- {
- title: '最新作品日增长',
- dataIndex: 'latest_daily_growth',
- width: 180,
- tooltip: '最新作品每日观看量的增长情况',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '观看量',
+ dataIndex: 'view_number',
+ prop: 'view_number',
+ width: 180,
+ tooltip: '账号所有内容的总观看次数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
},
- },
- {
- title: '次新内容标题/日期',
- dataIndex: 'like_chain4',
- width: 240,
- },
- {
- title: '次新作品观看数',
- dataIndex: 'second_latest_view_number',
- width: 180,
- tooltip: '倒数第二个发布内容的观看次数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: viewChainText,
+ dataIndex: viewChain,
+ prop: viewChain,
+ width: 180,
+ tooltip: '相比上一周期的观看量变化百分比',
+ align: 'right',
+ suffix: '%',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
},
- },
- {
- title: '次新作品日增长',
- dataIndex: 'second_latest_daily_growth',
- width: 180,
- tooltip: '倒数第二个作品每日观看量的增长情况',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
+ {
+ title: '点赞量',
+ dataIndex: 'like_number',
+ prop: 'like_number',
+ width: 180,
+ tooltip: '账号所有内容的总点赞数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
},
- },
- {
- title: '操作',
- dataIndex: 'operation',
- width: 100,
- fixed: 'right',
- },
-];
+ {
+ title: likeChainText,
+ dataIndex: likeChain,
+ prop: likeChain,
+ width: 180,
+ tooltip: '相比上一周期的点赞量变化百分比',
+ align: 'right',
+ suffix: '%',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新内容标题/日期',
+ dataIndex: 'newest_work_title_and_publish_time',
+ prop: 'newest_work_title_and_publish_time',
+ width: 240,
+ tooltip: '最新发布内容的标题和发布日期',
+ },
+ {
+ title: '最新作品观看数',
+ dataIndex: 'newest_work_view_number',
+ prop: 'newest_work_view_number',
+ width: 180,
+ tooltip: '最新发布内容的观看次数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品日增长',
+ dataIndex: 'newest_work_view_grow_number',
+ prop: 'newest_work_view_grow_number',
+ width: 180,
+ tooltip: '最新作品每日观看量的增长情况',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新内容标题/日期',
+ dataIndex: 'second_new_work_title_and_publish_time',
+ prop: 'second_new_work_title_and_publish_time',
+ width: 240,
+ },
+ {
+ title: '次新作品观看数',
+ dataIndex: 'second_new_work_view_number',
+ prop: 'second_new_work_view_number',
+ width: 180,
+ tooltip: '倒数第二个发布内容的观看次数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品日增长',
+ dataIndex: 'second_new_work_view_grow_number',
+ prop: 'second_new_work_view_grow_number',
+ width: 180,
+ tooltip: '倒数第二个作品每日观看量的增长情况',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '操作',
+ dataIndex: 'operation',
+ width: 100,
+ fixed: 'right',
+ },
+ ];
+};
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
index c7b65ac..16fad76 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
@@ -47,7 +47,7 @@
![]()
@@ -101,14 +101,24 @@
详情
-
+
- ![]()
+ ![]()
{{ column.title }}
-
+
-
{{ record.ai_evaluation?.text }}
+{{ record.ai_evaluate?.advise }}
- {{ `观看: ${record.ai_evaluation?.look_chain}% 点赞: ${record.ai_evaluation?.like_chain}%` }} + {{ `观看: ${record.week_view_chain}% 点赞: ${record.week_like_chain}%` }}
打工人的环游世界旅行计划（国内版）
2025-06-18
@@ -120,16 +130,17 @@ -
-
import FilterBlock from './components/filter-block';
import BoardTable from './components/board-table';
+import PlanTable from './components/plan-table';
import GroupManageModal from './components/group-manage-modal';
import {
@@ -74,7 +82,7 @@ const dataSource = ref([]);
const pageInfo = ref({
page: 1,
pageSize: 20,
- total: 100,
+ total: 0,
});
const isAccountTab = computed(() => activeTab.value === '1');
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
index 2d5fdf0..bf4179d 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -70,7 +70,9 @@
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
new file mode 100644
index 0000000..bdd491a
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss
@@ -0,0 +1,99 @@
+.custom-table-column-modal-98 {
+ .arco-modal-body {
+ .modal-body {
+ height: 504px;
+ border-radius: 8px;
+ border: 1px solid var(--BG-300, #e6e6e8);
+ display: flex;
+ flex-direction: row;
+ .left {
+ flex: 1;
+ padding: 20px;
+ border-right: 1px solid #eee;
+ overflow-y: auto;
+ .group-item {
+ .title-row {
+ border-radius: 4px;
+ background: var(--BG-100, #f7f8fa);
+ display: flex;
+ height: 44px;
+ padding: 0px 12px;
+ align-items: center;
+ margin-bottom: 16px;
+ .text {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px; /* 150% */
+ }
+ }
+ .fields {
+ width: 100%;
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 16px;
+ }
+ &:not(:last-child) {
+ margin-bottom: 24px;
+ }
+ }
+ }
+ .right {
+ width: 280px;
+ padding: 16px 12px;
+ display: flex;
+ flex-direction: column;
+ .checked-title {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 16px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 24px;
+ .count {
+ font-weight: 500;
+ }
+ }
+ .checked-list {
+ flex: 1;
+ overflow-y: auto;
+ .checked-item {
+ cursor: move;
+ border-radius: 4px;
+ background: var(--BG-100, #f7f8fa);
+ display: flex;
+ height: 32px;
+ padding: 0px 12px;
+ align-items: center;
+ .text {
+ color: var(--Text-1, #211f24);
+ font-family: 'PuHuiTi-Medium';
+ font-size: 14px;
+ font-style: normal;
+ font-weight: 400;
+ line-height: 22px; /* 157.143% */
+ }
+ &:not(:last-child) {
+ margin-bottom: 12px;
+ }
+ }
+ .draggable-list {
+ min-height: 40px;
+ }
+ }
+ }
+ }
+ }
+ .arco-modal-footer {
+ .cancel-btn {
+ border-radius: 4px;
+ border: 1px solid var(--BG-500, #b1b2b5);
+ background: var(--BG-white, #fff);
+ &:hover {
+ border: 1px solid var(--BG-500, #b1b2b5);
+ }
+ }
+ }
+}
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
index 30db154..8b3317c 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
@@ -5,7 +5,7 @@
-->
-
+
+
账号名称
@@ -34,7 +34,19 @@
-
+
+
selectedItems.value.length > 0 && selectedItems.value.length < props.dataSource.length,
);
-const rowSelection = computed(() => ({
- type: 'checkbox',
- showCheckedAll: true,
-}));
-
const handleSelectAll = (checked) => {
if (checked) {
selectedItems.value = props.dataSource.map((item) => item.id);
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
index adf0168..bc2ac0c 100644
--- a/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
@@ -33,7 +33,11 @@
ref="tableRef"
:data="dataSource"
row-key="id"
- :row-selection="rowSelection"
+ :row-selection="{
+ type: 'checkbox',
+ showCheckedAll: true,
+ width: 48,
+ }"
:selected-keys="selectedItems"
:pagination="false"
:scroll="{ x: '100%' }"
@@ -173,11 +177,6 @@ const indeterminate = computed(
() => selectedItems.value.length > 0 && selectedItems.value.length < props.dataSource.length,
);
-const rowSelection = computed(() => ({
- type: 'checkbox',
- showCheckedAll: true,
-}));
-
const handleSelectAll = (checked) => {
if (checked) {
selectedItems.value = props.dataSource.map((item) => item.id);
From b6c7f74a90e632402c6d4cd09f081ae63447465e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 4 Jul 2025 18:24:52 +0800
Subject: [PATCH 07/14] =?UTF-8?q?feat:=20=E5=A4=84=E7=90=86=E4=BA=8C?=
=?UTF-8?q?=E7=BB=B4=E7=A0=81=E7=94=9F=E6=88=90=E5=A4=B1=E8=B4=A5=E7=8A=B6?=
=?UTF-8?q?=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../authorized-account-modal/index.vue | 27 +++++++++++++------
.../reauthorize-account-modal/index.vue | 26 ++++++++++++------
2 files changed, 37 insertions(+), 16 deletions(-)
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
index 72f2e82..33de039 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
@@ -32,12 +32,15 @@
+ 时间筛选
+
+
+ 近7天
+
+ 近30天
+
+
+
-
+
- ![]()
+
{
+ if (isFailLoadQrCode.value) return '重新生成';
if (!isCompleted.value) return '完成扫码';
return isSuccess.value ? '继续添加' : '重新扫码';
});
@@ -112,7 +117,7 @@ const resetTaskFields = () => {
progress.value = 0;
qrCodeUrl.value = '';
qrCodeLoading.value = false;
- qrCodeError.value = false;
+ isFailLoadQrCode.value = false;
};
const close = () => {
resetTaskFields();
@@ -137,10 +142,10 @@ const getAuthorizedQrCode = async () => {
isOverdue.value = true;
}, OVERDUE_TIME);
} else {
- qrCodeError.value = true;
+ isFailLoadQrCode.value = true;
}
} catch (error) {
- qrCodeError.value = true;
+ isFailLoadQrCode.value = true;
} finally {
qrCodeLoading.value = false;
}
@@ -219,8 +224,14 @@ const clearOverdueTimer = () => {
};
const handleOk = () => {
+ if (isFailLoadQrCode.value) {
+ resetTaskFields();
+ getAuthorizedQrCode();
+ return;
+ }
+
if (!qrCodeUrl.value) {
- AMessage.error('二维码生成中，请稍等');
+ AMessage.warning('二维码生成中，请稍等');
return;
}
diff --git a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
index 8d2988a..b3372d2 100644
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
@@ -32,12 +32,15 @@
-->
-
+
- ![]()
+
{
+ if (isFailLoadQrCode.value) return '重新生成';
if (taskStep.value === TASK_STEP.default) {
// return hasUnsyncData.value ? '确定' : '完成扫码';
return '完成扫码';
@@ -162,7 +166,7 @@ const resetTaskFields = () => {
qrCodeUrl.value = '';
qrCodeLoading.value = false;
isNicknameChanged.value = false;
- qrCodeError.value = false;
+ isFailLoadQrCode.value = false;
actionType.value = 1;
taskStep.value = TASK_STEP.default;
};
@@ -215,10 +219,10 @@ const getAuthorizedQrCode = async () => {
isOverdue.value = true;
}, OVERDUE_TIME);
} else {
- qrCodeError.value = true;
+ isFailLoadQrCode.value = true;
}
} catch (error) {
- qrCodeError.value = true;
+ isFailLoadQrCode.value = true;
} finally {
qrCodeLoading.value = false;
}
@@ -271,10 +275,16 @@ const clearStatusPollingTimer = () => {
const handleOk = () => {
if (taskStep.value === TASK_STEP.default) {
+ if (isFailLoadQrCode.value) {
+ resetTaskFields();
+ getAuthorizedQrCode();
+ return;
+ }
+
clearOverdueTimer();
if (!qrCodeUrl.value) {
- AMessage.error('二维码生成中，请稍等');
+ AMessage.warning('二维码生成中，请稍等');
return;
}
if (isOverdue.value) {
From 6e32de357f4ca2374006615a8d99a0f38f26b129 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 09:48:15 +0800
Subject: [PATCH 08/14] =?UTF-8?q?perf:=20=E6=9B=B4=E6=96=B0=E6=90=9C?=
=?UTF-8?q?=E7=B4=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/views/components/login/index.vue | 4 ++--
.../components/filter-block/index.vue | 6 ++++--
.../media-account/account-dashboard/index.vue | 17 +++++++++++------
.../components/filter-block/index.vue | 5 ++++-
.../components/filter-block/index.vue | 5 ++++-
.../components/filter-block/index.vue | 5 ++++-
6 files changed, 29 insertions(+), 13 deletions(-)
diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index d2907f5..a77e6b0 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -22,7 +22,7 @@
{
- emits('onSearch', props.query);
+ emits('update:query', props.query);
+ nextTick(() => {
+ emits('onSearch');
+ });
};
const handleReset = () => {
diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
index 9c07674..cd7c457 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -49,7 +49,7 @@
show-jumper
show-page-size
:current="pageInfo.page"
- :page-size="pageInfo.pageSize"
+ :page-size="pageInfo.page_size"
@change="onPageChange"
@page-size-change="onPageSizeChange"
/>
@@ -76,7 +76,7 @@ const selectedRowKeys = ref([]);
const accountTableRef = ref(null);
const pageInfo = ref({
page: 1,
- pageSize: 20,
+ page_size: 20,
total: 0,
});
@@ -88,7 +88,12 @@ const getOverviewData = async () => {
};
const getData = async () => {
- const { code, data } = await getAccountBoardList(query.value);
+ const { page, page_size } = pageInfo.value;
+ const { code, data } = await getAccountBoardList({
+ ...query.value,
+ page,
+ page_size,
+ });
if (code === 200) {
dataSource.value = data?.data ?? [];
pageInfo.value.total = data.total;
@@ -101,12 +106,12 @@ const onPageChange = (current) => {
};
const onPageSizeChange = (pageSize) => {
- pageInfo.value.pageSize = pageSize;
+ pageInfo.value.page_size = pageSize;
reload();
};
const handleSearch = () => {
- getData();
+ reload();
};
const reload = () => {
@@ -117,7 +122,7 @@ const reload = () => {
const handleReset = () => {
selectedRowKeys.value = [];
pageInfo.value.page = 1;
- pageInfo.value.pageSize = 20;
+ pageInfo.value.page_size = 20;
pageInfo.value.total = 0;
query.value = cloneDeep(INITIAL_QUERY);
accountTableRef.value?.resetTable();
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
index f202ca7..0734e15 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -99,7 +99,10 @@ const groups = ref([]);
const operators = ref([]);
const handleSearch = () => {
- emits('onSearch', props.query);
+ emits('update:query', props.query);
+ nextTick(() => {
+ emits('onSearch');
+ });
};
const handleReset = () => {
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
index 1057c08..69d8a79 100644
--- a/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
@@ -90,7 +90,10 @@ const groups = ref([]);
const operators = ref([]);
const handleSearch = () => {
- emits('onSearch', props.query);
+ emits('update:query', props.query);
+ nextTick(() => {
+ emits('onSearch');
+ });
};
const handleReset = () => {
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
index a24cfa9..3b90852 100644
--- a/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
@@ -82,7 +82,10 @@ const emits = defineEmits('onSearch', 'onReset', 'update:query');
const operators = ref([]);
const handleSearch = () => {
- emits('onSearch', props.query);
+ emits('update:query', props.query);
+ nextTick(() => {
+ emits('onSearch');
+ });
};
const handleReset = () => {
From ff8ef624366f2eb63e92f673d7d701e7c9688a38 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 11:57:06 +0800
Subject: [PATCH 09/14] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E7=9C=8B?=
=?UTF-8?q?=E6=9D=BF=E8=AF=A6=E6=83=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../components/account-table/constants.ts | 365 ------------------
.../components/account-table/index.vue | 51 ++-
.../components/account-table/style.scss | 33 +-
.../components/custom-column-modal/index.vue | 6 +-
.../account-dashboard/constants.ts | 220 +++++++++++
.../components/account-info/index.vue | 136 +++----
.../components/account-info/style.scss | 38 ++
.../components/note-table/constants.ts | 8 +-
.../components/note-table/index.vue | 48 ++-
.../media-account/account-detail/constants.ts | 61 ++-
.../media-account/account-detail/style.scss | 5 +-
.../media-account/common_constants.ts | 191 +++++++++
12 files changed, 662 insertions(+), 500 deletions(-)
delete mode 100644 src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
create mode 100644 src/views/property-marketing/media-account/common_constants.ts
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts b/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
deleted file mode 100644
index 8de46c3..0000000
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
+++ /dev/null
@@ -1,365 +0,0 @@
-/*
- * @Author: RenXiaoDong
- * @Date: 2025-06-28 10:33:06
- */
-
-export const CUSTOM_FIELDS = [
- {
- dataIndex: 'comment_number',
- prop: 'comment_number',
- title: '评论数',
- width: 180,
- tooltip: '账号所有内容的评论总数',
- align: 'right',
- },
- {
- dataIndex: 'share_number',
- prop: 'share_number',
- title: '分享数',
- width: 180,
- tooltip: '账号所有内容的分享总数',
- align: 'right',
- },
- {
- dataIndex: 'like_number',
- prop: 'like_number',
- title: '点赞数',
- width: 180,
- tooltip: '账号所有内容的点赞总数',
- align: 'right',
- },
- {
- dataIndex: 'rise_fans_number',
- prop: 'rise_fans_number',
- title: '粉丝增长数',
- width: 180,
- tooltip: '账号所有内容的粉丝增长总数',
- align: 'right',
- },
- {
- dataIndex: 'collect_number',
- prop: 'collect_number',
- title: '收藏数',
- width: 180,
- tooltip: '账号所有内容的收藏总数',
- align: 'right',
- },
- {
- dataIndex: 'view_number',
- prop: 'view_number',
- title: '浏览数',
- width: 180,
- tooltip: '账号所有内容的浏览总数',
- align: 'right',
- },
- {
- dataIndex: 'avg_view_time',
- prop: 'avg_view_time',
- title: '平均浏览数',
- width: 180,
- tooltip: '账号所有内容的平均浏览数',
- align: 'right',
- },
- {
- dataIndex: 'home_view_number',
- prop: 'home_view_number',
- title: '主页浏览数',
- width: 180,
- tooltip: '账号所有内容的主页浏览数',
- align: 'right',
- },
- {
- dataIndex: 'barrage_number',
- prop: 'barrage_number',
- title: '弹幕数',
- width: 180,
- tooltip: '账号所有内容的弹幕总数',
- align: 'right',
- },
- {
- dataIndex: 'rise_fans_rate',
- prop: 'rise_fans_rate',
- title: '粉丝增长率',
- width: 180,
- tooltip: '账号所有内容的粉丝增长率',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- dataIndex: 'home_view_rate',
- prop: 'home_view_rate',
- title: '主页浏览率',
- width: 180,
- tooltip: '账号所有内容的主页浏览率',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- dataIndex: 'share_rate',
- prop: 'share_rate',
- title: '分享率',
- width: 180,
- tooltip: '账号所有内容的分享率',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- dataIndex: 'collect_rate',
- prop: 'collect_rate',
- title: '收藏率',
- width: 180,
- tooltip: '账号所有内容的收藏率',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- dataIndex: 'comment_rate',
- prop: 'comment_rate',
- title: '评论率',
- width: 180,
- tooltip: '账号所有内容的评论率',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- dataIndex: 'avg_view_time_rate',
- prop: 'avg_view_time_rate',
- title: '平均访问时长增长比率',
- width: 180,
- tooltip: '账号所有内容的平均访问时长增长比率',
- align: 'right',
- suffix: '%',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
-];
-
-export function getPeriodColumns(type = 'week') {
- const prefix = type === 'week' ? 'seven' : 'thirty';
- const labelPrefix = type === 'week' ? '近7天' : '近30天';
-
- return CUSTOM_FIELDS.map((item) => ({
- ...item,
- dataIndex: `${prefix}_${item.dataIndex}`,
- title: `${labelPrefix}${item.title}`,
- prop: `${prefix}_${item.prop}`,
- }));
-}
-
-export const getDefaultColumns = (type = 'week') => {
- return [
- {
- title: '账号名称',
- dataIndex: 'name',
- prop: 'name',
- width: 180,
- fixed: 'left',
- },
- {
- title: '项目分组',
- dataIndex: 'group.name',
- prop: 'group',
- width: 180,
- fixed: 'left',
- },
- {
- title: '状态',
- dataIndex: 'status',
- prop: 'status',
- width: 180,
- fixed: 'left',
- },
- {
- title: '运营人员',
- dataIndex: 'operator.name',
- prop: 'operator',
- width: 180,
- },
- {
- title: 'AI评价',
- dataIndex: 'ai_evaluate',
- prop: 'ai_evaluate',
- width: 260,
- },
- {
- title: '粉丝量',
- dataIndex: 'fans_number',
- prop: 'fans_number',
- width: 180,
- tooltip: '账号当前粉丝总数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '总赞藏数',
- dataIndex: 'like_collect_number',
- prop: 'like_collect_number',
- width: 180,
- tooltip: '账号所有内容的点赞和收藏总数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- ...getPeriodColumns(type),
-
- {
- title: '最新内容标题/日期',
- dataIndex: 'newest_work_title',
- prop: 'newest_work_title',
- width: 240,
- tooltip: '最新发布内容的标题和发布日期',
- },
- {
- title: '最新作品观看数',
- dataIndex: 'newest_work_view_number',
- prop: 'newest_work_view_number',
- width: 180,
- tooltip: '最新发布内容的观看次数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '最新作品点赞数',
- dataIndex: 'newest_work_like_number',
- prop: 'newest_work_like_number',
- width: 180,
- tooltip: '最新发布内容的点赞数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '最新作品收藏数',
- dataIndex: 'newest_work_collect_number',
- prop: 'newest_work_collect_number',
- width: 180,
- tooltip: '最新发布内容的收藏数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '最新作品评论数',
- dataIndex: 'newest_work_comment_number',
- prop: 'newest_work_comment_number',
- width: 180,
- tooltip: '最新发布内容的评论数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '最新作品分享数',
- dataIndex: 'newest_work_share_number',
- prop: 'newest_work_share_number',
- width: 180,
- tooltip: '最新发布内容的分享数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- // {
- // title: '最新作品日增长',
- // dataIndex: 'newest_work_view_grow_number',
- // prop: 'newest_work_view_grow_number',
- // width: 180,
- // tooltip: '最新作品每日观看量的增长情况',
- // align: 'right',
- // sortable: {
- // sortDirections: ['ascend', 'descend'],
- // },
- // },
- {
- title: '次新内容标题/日期',
- dataIndex: 'second_new_work_title',
- prop: 'second_new_work_title',
- width: 240,
- },
- {
- title: '次新作品观看数',
- dataIndex: 'second_new_work_view_number',
- prop: 'second_new_work_view_number',
- width: 180,
- tooltip: '倒数第二个发布内容的观看次数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '次新作品点赞数',
- dataIndex: 'second_new_work_like_number',
- prop: 'second_new_work_like_number',
- width: 180,
- tooltip: '倒数第二个发布内容的点赞数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '次新作品评论数',
- dataIndex: 'second_new_work_comment_number',
- prop: 'second_new_work_comment_number',
- width: 180,
- tooltip: '倒数第二个发布内容的评论数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- {
- title: '次新作品分享数',
- dataIndex: 'second_new_work_share_number',
- prop: 'second_new_work_share_number',
- width: 180,
- tooltip: '倒数第二个发布内容的分享数',
- align: 'right',
- sortable: {
- sortDirections: ['ascend', 'descend'],
- },
- },
- // {
- // title: '次新作品日增长',
- // dataIndex: 'second_new_work_view_grow_number',
- // prop: 'second_new_work_view_grow_number',
- // width: 180,
- // tooltip: '倒数第二个作品每日观看量的增长情况',
- // align: 'right',
- // sortable: {
- // sortDirections: ['ascend', 'descend'],
- // },
- // },
- {
- title: '操作',
- dataIndex: 'operation',
- width: 100,
- fixed: 'right',
- },
- ];
-};
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
index e61d11a..56f8006 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
@@ -84,22 +84,38 @@
详情
@@ -134,6 +150,11 @@
{{ formatTableField(column, record, true) }}
+
+
+ 详情
+
+
@@ -152,7 +173,7 @@ import { useRouter } from 'vue-router';
import { getCustomColumns } from '@/api/all/common';
import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
-import { getDefaultColumns } from './constants';
+import { getDefaultColumns, getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
import CustomTableColumnModal from '../custom-column-modal';
import icon1 from '@/assets/img/media-account/icon-custom.png';
@@ -214,7 +235,7 @@ const handleSelectAll = (checked) => {
};
const handleDetail = (record) => {
- router.push(`/media-account/detail/${record.id}`);
+ router.push(`/media-account/detail/${record.id}?type=${dateType.value}`);
};
// 处理排序变化
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
index 4b056ba..15a6387 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
@@ -22,27 +22,34 @@
padding: 0px 8px;
align-items: center;
border-radius: 2px;
- background: var(--Functional-Red-1, #ffe9e7);
+ background: #f2f3f5;
.status-tag-text {
- color: var(--Functional-Red-6, #f64b31);
- }
- &-3 {
- background: #fff7e5;
- .status-tag-text {
- color: var(--Functional-yellow-6, #ffae00);
- }
+ color: var(--BG-700, #737478);
}
&-1 {
- background: var(--Functional-Green-1, #ebf7f2);
+ background: #ebf7f2;
.status-tag-text {
- color: var(--Functional-Green-6, #25c883);
+ color: #25c883;
}
}
- &-0 {
- background: var(--BG-200, #f2f3f5);
+
+ &-2,
+ &-4,
+ &-5,
+ &-6,
+ &-7 {
+ background: #ffe7e4;
.status-tag-text {
- color: var(--Text-2, #3c4043);
+ color: #f64b31;
+ }
+ }
+
+ &-3 {
+ background: #fff7e5;
+ color: #ffae00;
+ .status-tag-text {
+ color: #ffae00;
}
}
}
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
index 4026a40..f76889b 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
@@ -77,7 +77,7 @@ import { ref, defineExpose } from 'vue';
import { VueDraggable } from 'vue-draggable-plus';
import { getCustomColumns, updateCustomColumns } from '@/api/all/common';
-import { CUSTOM_FIELDS } from '../account-table/constants';
+import { getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
import icon1 from './img/icon-lock.png';
@@ -135,7 +135,7 @@ const initData = async () => {
// 过滤近7天/近30天字段
const formatDataSource = () => {
- const prefix = props.dateType === 'week' ? 'seven_' : 'thirty_';
+ const prefix = getPropPrefix(props.dateType);
dataSource.value.forEach((group) => {
group.columns = group.columns.filter((item) => {
if (item.value.startsWith('seven_') || item.value.startsWith('thirty_')) {
@@ -193,7 +193,7 @@ const onSubmit = async () => {
};
const setDefaultCheckColumns = (groups, selected_columns) => {
- const prefix = props.dateType === 'week' ? 'seven_' : 'thirty_';
+ const prefix = getPropPrefix(props.dateType);
const requiredGroups = groups.filter((group) => group.is_require === 1);
const requiredValues = requiredGroups
.flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
diff --git a/src/views/property-marketing/media-account/account-dashboard/constants.ts b/src/views/property-marketing/media-account/account-dashboard/constants.ts
index d1f9c46..c6a67d7 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -2,6 +2,8 @@
* @Author: RenXiaoDong
* @Date: 2025-07-04 15:50:37
*/
+import { CUSTOM_FIELDS } from '@/views/property-marketing/media-account/common_constants';
+
import icon1 from '@/assets/img/media-account/icon1.png';
import icon2 from '@/assets/img/media-account/icon2.png';
import icon3 from '@/assets/img/media-account/icon3.png';
@@ -42,3 +44,221 @@ export const INITIAL_QUERY = {
column: '',
order: '',
};
+
+export const getPropPrefix = (type: string) => {
+ return type === 'week' ? 'seven_' : 'thirty_';
+};
+
+export function getPeriodColumns(type = 'week') {
+ const prefix = getPropPrefix(type);
+ const labelPrefix = type === 'week' ? '近7天' : '近30天';
+
+ return CUSTOM_FIELDS.map((item) => ({
+ ...item,
+ dataIndex: `${prefix}${item.dataIndex}`,
+ title: `${labelPrefix}${item.title}`,
+ prop: `${prefix}${item.prop}`,
+ }));
+}
+
+export const getDefaultColumns = (type = 'week') => {
+ return [
+ {
+ title: '账号名称',
+ dataIndex: 'name',
+ prop: 'name',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '项目分组',
+ dataIndex: 'group.name',
+ prop: 'group',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '状态',
+ dataIndex: 'status',
+ prop: 'status',
+ width: 180,
+ fixed: 'left',
+ },
+ {
+ title: '运营人员',
+ dataIndex: 'operator.name',
+ prop: 'operator',
+ width: 180,
+ },
+ {
+ title: 'AI评价',
+ dataIndex: 'ai_evaluate',
+ prop: 'ai_evaluate',
+ width: 260,
+ },
+ {
+ title: '粉丝量',
+ dataIndex: 'fans_number',
+ prop: 'fans_number',
+ width: 180,
+ tooltip: '账号当前粉丝总数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '总赞藏数',
+ dataIndex: 'like_collect_number',
+ prop: 'like_collect_number',
+ width: 180,
+ tooltip: '账号所有内容的点赞和收藏总数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ ...getPeriodColumns(type),
+
+ {
+ title: '最新内容标题/日期',
+ dataIndex: 'newest_work_title',
+ prop: 'newest_work_title',
+ width: 240,
+ tooltip: '最新发布内容的标题和发布日期',
+ },
+ {
+ title: '最新作品观看数',
+ dataIndex: 'newest_work_view_number',
+ prop: 'newest_work_view_number',
+ width: 180,
+ tooltip: '最新发布内容的观看次数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品点赞数',
+ dataIndex: 'newest_work_like_number',
+ prop: 'newest_work_like_number',
+ width: 180,
+ tooltip: '最新发布内容的点赞数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品收藏数',
+ dataIndex: 'newest_work_collect_number',
+ prop: 'newest_work_collect_number',
+ width: 180,
+ tooltip: '最新发布内容的收藏数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品评论数',
+ dataIndex: 'newest_work_comment_number',
+ prop: 'newest_work_comment_number',
+ width: 180,
+ tooltip: '最新发布内容的评论数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '最新作品分享数',
+ dataIndex: 'newest_work_share_number',
+ prop: 'newest_work_share_number',
+ width: 180,
+ tooltip: '最新发布内容的分享数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '最新作品日增长',
+ // dataIndex: 'newest_work_view_grow_number',
+ // prop: 'newest_work_view_grow_number',
+ // width: 180,
+ // tooltip: '最新作品每日观看量的增长情况',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ {
+ title: '次新内容标题/日期',
+ dataIndex: 'second_new_work_title',
+ prop: 'second_new_work_title',
+ width: 240,
+ },
+ {
+ title: '次新作品观看数',
+ dataIndex: 'second_new_work_view_number',
+ prop: 'second_new_work_view_number',
+ width: 180,
+ tooltip: '倒数第二个发布内容的观看次数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品点赞数',
+ dataIndex: 'second_new_work_like_number',
+ prop: 'second_new_work_like_number',
+ width: 180,
+ tooltip: '倒数第二个发布内容的点赞数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品评论数',
+ dataIndex: 'second_new_work_comment_number',
+ prop: 'second_new_work_comment_number',
+ width: 180,
+ tooltip: '倒数第二个发布内容的评论数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ {
+ title: '次新作品分享数',
+ dataIndex: 'second_new_work_share_number',
+ prop: 'second_new_work_share_number',
+ width: 180,
+ tooltip: '倒数第二个发布内容的分享数',
+ align: 'right',
+ sortable: {
+ sortDirections: ['ascend', 'descend'],
+ },
+ },
+ // {
+ // title: '次新作品日增长',
+ // dataIndex: 'second_new_work_view_grow_number',
+ // prop: 'second_new_work_view_grow_number',
+ // width: 180,
+ // tooltip: '倒数第二个作品每日观看量的增长情况',
+ // align: 'right',
+ // sortable: {
+ // sortDirections: ['ascend', 'descend'],
+ // },
+ // },
+ // {
+ // title: '操作',
+ // dataIndex: 'operation',
+ // width: 100,
+ // fixed: 'right',
+ // },
+ ];
+};
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
index b67262f..7597b1d 100644
--- a/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
@@ -5,61 +5,83 @@
+
@@ -19,8 +19,8 @@
![]()
- ![]()
+
+ ![]()
{{ formatNumberShow(overviewData[item.prop]) }}
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
index 94c3fad..0c64862 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
@@ -31,42 +31,42 @@ export const TABLE_COLUMNS = [
title: '曝光量',
dataIndex: 'exposure_number',
width: 180,
- tooltip: '账号所有内容的总曝光次数',
+ tooltip: '内容被展示给用户的总次数，不代表用户实际观看。',
align: 'right',
},
{
title: '观看量',
dataIndex: 'view_number',
width: 180,
- tooltip: '账号所有内容的总观看次数',
+ tooltip: '用户点击内容并实际观看的次数，是内容实际触达的重要指标。',
align: 'right',
},
{
title: '点赞量',
dataIndex: 'like_number',
width: 180,
- tooltip: '账号所有内容的总点赞数',
+ tooltip: '单篇笔记获得的点赞总数，反映用户喜好程度。',
align: 'right',
},
{
title: '收藏量',
dataIndex: 'collect_number',
width: 180,
- tooltip: '账号所有内容的总收藏数',
+ tooltip: '用户将内容保存到收藏夹的次数，代表内容被认可为“值得保留”。',
align: 'right',
},
{
title: '评论数',
dataIndex: 'comment_number',
width: 180,
- tooltip: '账号所有内容的总评论数',
+ tooltip: '内容下方用户留言的总数，体现用户参与度与讨论热度。',
align: 'right',
},
{
title: '分享量',
dataIndex: 'share_number',
width: 180,
- tooltip: '账号所有内容的总转发数',
+ tooltip: '内容被转发或分享至其他平台或私信的次数，代表外扩传播意愿。',
align: 'right',
},
@@ -74,7 +74,7 @@ export const TABLE_COLUMNS = [
title: '封面点击率',
dataIndex: 'cover_click_rate',
width: 180,
- tooltip: '封面点击率',
+ tooltip: '内容在被曝光后，用户点击进入的比例，反映封面与标题吸引力。',
align: 'right',
suffix: '%',
},
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
index 7a08fab..96e673d 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
@@ -7,7 +7,7 @@
- ![]()
- ![]()
+
- {{ formatNumberShow({ value: record.like_number + record.collect_number, showExactValue: true }) }}
+ {{
+ formatNumberShow({
+ value: `${record[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
+ record[`${getPropPrefix(dateType)}collect_number`] ?? 0
+ }`,
+ showExactValue: true,
+ })
+ }}
-
+
+ {{ record.ai_evaluate?.advise }}
-- {{ `观看: ${record.week_view_chain}% 点赞: ${record.week_like_chain}%` }} -
-
+
+
+
+ {{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。
++ {{ + `观看: ${record[`${getPropPrefix(dateType)}view_rate`]}% 点赞: ${ + record[`${getPropPrefix(dateType)}like_rate`] + }%` + }} +
+-
+
- 账号信息
+ 账号信息
-
From 126c9bf0819e3fe06a9afdc6fa01496e07f3f930 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 16:45:08 +0800
Subject: [PATCH 13/14] =?UTF-8?q?perf:=20=E5=AD=97=E6=AE=B5tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../account-dashboard/constants.ts | 26 ++++----
.../media-account/account-dashboard/index.vue | 6 +-
.../components/note-table/constants.ts | 14 ++--
.../components/note-table/index.vue | 2 +-
.../media-account/common_constants.ts | 65 +++++++++----------
.../components/board-table/constants.ts | 40 ++++++------
.../components/plan-table/constants.ts | 28 ++++----
7 files changed, 89 insertions(+), 92 deletions(-)
diff --git a/src/views/property-marketing/media-account/account-dashboard/constants.ts b/src/views/property-marketing/media-account/account-dashboard/constants.ts
index 1ee3d4e..9ca7e76 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -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'],
diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
index 3cf9c17..f6596ab 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -9,7 +9,7 @@
+
+
-
-
+
![]()
AI评价
- ![]()
+
+ ![]()
-
- {{ detailData.ai_evaluation?.text }}。观看: +{{ detailData.ai_evaluation.look_chain }}% 点赞: +{{
- detailData.ai_evaluation.like_chain
- }}%
-
+
+
+
{{ `${detailData.ai_evaluate?.level} | ${detailData.ai_evaluate?.advise}` }}。
++ {{ + `观看: ${detailData[`${getPropPrefix(dateType)}view_rate`] ?? '-'}% 点赞: ${ + detailData[`${getPropPrefix(dateType)}like_rate`] ?? '-' + }%` + }} +
+
-
{{ field.label }}
+{{ field.title }}
- 正常
- 异常
+
+ {{
+ STATUS_LIST.find((item) => item.value === detailData.status)?.label
+ }}
+
+
+
+ {{
+ formatNumberShow({
+ value: `${detailData[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
+ detailData[`${getPropPrefix(dateType)}collect_number`] ?? 0
+ }`,
+ showExactValue: true,
+ })
+ }}
-
-
-
+
{{ formatTableField(field, detailData, true) }}
@@ -69,14 +91,28 @@
+ {{ showMore ? '收起' : '更多' }}
+
数据总览
-{{ item.label }}
-
笔记详情
-
+
diff --git a/src/views/property-marketing/media-account/common_constants.ts b/src/views/property-marketing/media-account/common_constants.ts
index 6e910a6..e106823 100644
--- a/src/views/property-marketing/media-account/common_constants.ts
+++ b/src/views/property-marketing/media-account/common_constants.ts
@@ -11,16 +11,16 @@ export const CUSTOM_FIELDS = [
dataIndex: 'view_number',
prop: 'view_number',
title: '观看量',
- width: 180,
- tooltip: '账号所有内容的浏览总数',
+ width: 200,
+ tooltip: '统计所有作品的总浏览量，反映账号近期内容的整体曝光度。',
align: 'right',
},
{
dataIndex: 'view_rate',
prop: 'view_rate',
title: '观看量环比',
- width: 180,
- tooltip: '账号所有内容的观看量环比',
+ width: 200,
+ tooltip: '与上一个周期相比，观看量的增长或下降百分比，评估流量变化趋势。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -32,16 +32,16 @@ export const CUSTOM_FIELDS = [
dataIndex: 'home_view_number',
prop: 'home_view_number',
title: '主页访客数',
- width: 200,
- tooltip: '账号所有内容的主页访客数',
+ width: 220,
+ tooltip: '最近7日内访问账号主页的唯一用户数，可反映账号的主动曝光程度。',
align: 'right',
},
{
dataIndex: 'home_view_rate',
prop: 'home_view_rate',
title: '主页访客数环比',
- width: 200,
- tooltip: '账号所有内容的主页访客数环比',
+ width: 240,
+ tooltip: '主页访客数相较于前一周期的增长或下降百分比，常用于判断是否有外部流量导入。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -53,16 +53,16 @@ export const CUSTOM_FIELDS = [
dataIndex: 'like_number',
prop: 'like_number',
title: '点赞量',
- width: 180,
- tooltip: '账号所有内容的点赞总数',
+ width: 200,
+ tooltip: '账号内容获得的点赞总数，反映内容的受欢迎程度。',
align: 'right',
},
{
dataIndex: 'like_rate',
prop: 'like_rate',
title: '点赞量环比',
- width: 180,
- tooltip: '账号所有内容的点赞量环比',
+ width: 200,
+ tooltip: '点赞数量与上一周期对比后的变化百分比，用于评估内容热度走势。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -74,16 +74,16 @@ export const CUSTOM_FIELDS = [
dataIndex: 'comment_number',
prop: 'comment_number',
title: '评论数',
- width: 180,
- tooltip: '账号所有内容的评论总数',
+ width: 200,
+ tooltip: '用户对账号内容的评论总数，是互动活跃度的重要参考指标。',
align: 'right',
},
{
dataIndex: 'comment_rate',
prop: 'comment_rate',
title: '评论数环比',
- width: 180,
- tooltip: '账号所有内容的评论数环比',
+ width: 200,
+ tooltip: '评论数相较于上一周期的变化百分比，可评估用户参与度变化。',
suffix: '%',
isRateField: true,
sortable: {
@@ -95,8 +95,8 @@ export const CUSTOM_FIELDS = [
dataIndex: 'collect_number',
prop: 'collect_number',
title: '收藏数',
- width: 180,
- tooltip: '账号所有内容的收藏总数',
+ width: 200,
+ tooltip: '用户对内容的收藏次数，代表内容的实用性或留存价值。',
align: 'right',
},
{
@@ -104,7 +104,7 @@ export const CUSTOM_FIELDS = [
prop: 'collect_rate',
title: '收藏数环比',
width: 200,
- tooltip: '账号所有内容的收藏数环比',
+ tooltip: '收藏量变化的环比百分比，可反映内容吸引力是否持续。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -116,8 +116,8 @@ export const CUSTOM_FIELDS = [
dataIndex: 'barrage_number',
prop: 'barrage_number',
title: '弹幕数',
- width: 180,
- tooltip: '账号所有内容的弹幕总数',
+ width: 200,
+ tooltip: '统计视频内容中用户发送的弹幕数量，适用于支持弹幕的内容平台。',
align: 'right',
},
{
@@ -125,7 +125,7 @@ export const CUSTOM_FIELDS = [
prop: 'barrage_rate',
title: '弹幕数环比',
width: 200,
- tooltip: '账号所有内容的弹幕数环比',
+ tooltip: '弹幕数量变化百分比，反映内容是否激发实时互动。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -137,16 +137,16 @@ export const CUSTOM_FIELDS = [
dataIndex: 'rise_fans_number',
prop: 'rise_fans_number',
title: '笔记涨粉数',
- width: 180,
- tooltip: '账号所有内容的笔记涨粉数',
+ width: 200,
+ tooltip: '通过笔记内容带来的新粉丝数量，是内容转粉效率的重要指标。',
align: 'right',
},
{
dataIndex: 'rise_fans_rate',
prop: 'rise_fans_rate',
title: '笔记涨粉数环比',
- width: 200,
- tooltip: '账号所有内容的笔记涨粉数环比',
+ width: 240,
+ tooltip: '笔记带粉效果的环比变化趋势，衡量内容拉新能力是否增强。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -159,15 +159,15 @@ export const CUSTOM_FIELDS = [
prop: 'share_number',
title: '笔记分享量',
width: 200,
- tooltip: '账号所有内容的笔记分享量',
+ tooltip: '用户对内容的转发/分享次数，代表内容传播意愿与裂变潜力。',
align: 'right',
},
{
dataIndex: 'share_rate',
prop: 'share_rate',
title: '笔记分享量环比',
- width: 200,
- tooltip: '账号所有内容的笔记分享量环比',
+ width: 240,
+ tooltip: '内容分享次数的环比变化，用于判断内容是否具有更强外扩传播力。',
align: 'right',
suffix: '%',
isRateField: true,
@@ -175,21 +175,20 @@ export const CUSTOM_FIELDS = [
sortDirections: ['ascend', 'descend'],
},
},
-
{
dataIndex: 'avg_view_time',
prop: 'avg_view_time',
title: '笔记平均浏览数',
width: 200,
- tooltip: '账号所有内容的笔记平均浏览数',
+ tooltip: '用户对笔记内容的平均浏览时长，反映内容吸引力和用户粘性。',
align: 'right',
},
{
dataIndex: 'avg_view_time_rate',
prop: 'avg_view_time_rate',
title: '笔记平均浏览数环比',
- width: 220,
- tooltip: '账号所有内容的笔记平均浏览数环比',
+ width: 240,
+ tooltip: '平均浏览时长的环比变化，用于评估内容质量是否稳定。',
align: 'right',
suffix: '%',
isRateField: true,
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
index c6cf880..0c2764a 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
@@ -64,7 +64,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'total_use_amount',
prop: 'total_use_amount',
width: 180,
- tooltip: '账号总消耗',
+ tooltip: '指账户在统计周期内的总广告消耗金额，衡量广告实际投放的花费。',
prefix: '¥',
align: 'right',
sortable: {
@@ -76,7 +76,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'balance',
// prop: 'balance',
// width: 180,
- // tooltip: '账号余额',
+ // tooltip: '当前账户剩余的可用余额，用于后续广告投放。',
// prefix: '¥',
// align: 'right',
// sortable: {
@@ -94,7 +94,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'roi',
// prop: 'roi',
// width: 180,
- // tooltip: '投资回报率',
+ // tooltip: '投入产出比（ROI），等于收益 ÷ 投入，反映投放带来的商业价值。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -105,7 +105,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'roi_chain',
// prop: 'roi_chain',
// width: 180,
- // tooltip: '相比上一周期的ROI变化百分比',
+ // tooltip: '当前 ROI 相较于上一周期的变化百分比，用于评估投放效益变化。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -118,7 +118,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'show_number',
prop: 'show_number',
width: 180,
- tooltip: '账号所有内容的总展示次数',
+ tooltip: '广告被用户看到的次数（曝光次数），是广告触达能力的基本指标。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -129,7 +129,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'view_number_chain',
// prop: 'view_number_chain',
// width: 180,
- // tooltip: '相比上一周期的展示量变化百分比',
+ // tooltip: '展示量与上一周期的变化百分比，反映广告曝光趋势。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -142,7 +142,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'click_number',
prop: 'click_number',
width: 180,
- tooltip: '账号所有内容的总点击次数',
+ tooltip: '用户点击广告的次数，代表广告实际引起的兴趣行为。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -153,7 +153,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'click_number_chain',
// prop: 'click_number_chain',
// width: 180,
- // tooltip: '相比上一周期的点击量变化百分比',
+ // tooltip: '当前周期点击量相较上一周期的变化百分比。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -166,7 +166,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'click_rate',
prop: 'click_rate',
width: 180,
- tooltip: '账号所有内容的总点击率',
+ tooltip: '广告点击率（CTR），= 点击量 ÷ 展示量，衡量广告吸引力。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -177,7 +177,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'click_rate_chain',
// prop: 'click_rate_chain',
// width: 180,
- // tooltip: '相比上一周期的CVR变化百分比',
+ // tooltip: '当前 CTR 相较上一周期的变化百分比，评估广告表现是否优化。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -190,7 +190,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'avg_click_cost',
prop: 'avg_click_cost',
width: 180,
- tooltip: '账号所有内容的平均点击成本',
+ tooltip: '每次用户点击广告所花费的平均金额（CPC），= 消耗 ÷ 点击量。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -202,7 +202,7 @@ export const TABLE_COLUMNS = [
prop: 'thousand_show_cost',
width: 180,
prefix: '¥',
- tooltip: '账号所有内容的千次展现费用',
+ tooltip: '每 1000 次广告展示的平均费用（CPM），= 消耗 ÷ 展示量 × 1000。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -213,7 +213,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'conversion_number',
// prop: 'conversion_number',
// width: 180,
- // tooltip: '账号所有内容的总转化次数',
+ // tooltip: '用户完成设定目标行为（如下单、注册）的总次数，是广告成效的重要指标。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -224,7 +224,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'conversion_number_chain',
// prop: 'conversion_number_chain',
// width: 180,
- // tooltip: '相比上一周期的CVR变化百分比',
+ // tooltip: '当前周期转化数与上一周期的变化百分比。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -237,7 +237,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'conversion_rate',
// prop: 'conversion_rate',
// width: 180,
- // tooltip: '账号所有内容的总转化次数',
+ // tooltip: '转化率（CVR）= 转化数 ÷ 点击量，衡量广告转化能力。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -248,7 +248,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'conversion_rate_chain',
// prop: 'conversion_rate_chain',
// width: 180,
- // tooltip: '相比上一周期的CVR变化百分比',
+ // tooltip: '当前 CVR 相较上一周期的变化百分比。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -262,7 +262,7 @@ export const TABLE_COLUMNS = [
// prop: 'avg_conversion_cost',
// width: 180,
// prefix: '¥',
- // tooltip: '账号所有内容的平均转化成本',
+ // tooltip: '每次转化平均花费的成本（CPA），= 消耗 ÷ 转化数。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -273,7 +273,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'deep_conversion_number',
// prop: 'deep_conversion_number',
// width: 180,
- // tooltip: '账号所有内容的总深度转化次数',
+ // tooltip: '表示完成更高价值行为（如支付、留资等）的次数，是高质量转化的衡量标准。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -284,7 +284,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'deep_conversion_rate',
// prop: 'deep_conversion_rate',
// width: 180,
- // tooltip: '账号所有内容的总深度转化率',
+ // tooltip: '深度转化数 ÷ 点击量，代表高价值行为的转化效率。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -295,14 +295,12 @@ export const TABLE_COLUMNS = [
// dataIndex: 'newest_work_title',
// prop: 'newest_work_title',
// width: 260,
- // tooltip: '最新发布内容的标题和发布日期',
// },
// {
// title: '投放回报率',
// dataIndex: 'roi_chain1',
// prop: 'roi_chain1',
// width: 180,
- // tooltip: '账号所有内容的投放回报率',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
index f0fbed6..7477d08 100644
--- a/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
@@ -42,7 +42,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'total_use_amount',
prop: 'total_use_amount',
width: 180,
- tooltip: '账号总消耗',
+ tooltip: '当前投流计划已消耗的广告预算总额，反映该计划的实际投放成本。',
prefix: '¥',
align: 'right',
sortable: {
@@ -54,7 +54,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'balance',
// prop: 'balance',
// width: 180,
- // tooltip: '账号余额',
+ // tooltip: '当前投流计划剩余可用预算，用于后续广告持续投放。',
// prefix: '¥',
// align: 'right',
// sortable: {
@@ -72,7 +72,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'roi',
// prop: 'roi',
// width: 180,
- // tooltip: '投资回报率',
+ // tooltip: '投入产出比（ROI），= 收益 ÷ 投入，用于衡量该计划的经济效益。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -83,7 +83,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'show_number',
prop: 'show_number',
width: 180,
- tooltip: '账号所有内容的总展示次数',
+ tooltip: '广告被用户展示的总次数，是该投流计划的曝光表现基础指标。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -94,7 +94,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'click_number',
prop: 'click_number',
width: 180,
- tooltip: '账号所有内容的总点击次数',
+ tooltip: '用户点击广告的总次数，表示广告对用户的吸引效果。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -105,7 +105,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'click_rate',
prop: 'click_rate',
width: 180,
- tooltip: '账号所有内容的总点击率',
+ tooltip: '点击率（CTR）= 点击量 ÷ 展示量，用于衡量广告吸引力。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -116,7 +116,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'click_rate_chain',
// prop: 'click_rate_chain',
// width: 180,
- // tooltip: '相比上一周期的CVR变化百分比',
+ // tooltip: '当前 CTR 与上一周期对比的变化百分比，用于追踪广告吸引力趋势。',
// align: 'right',
// suffix: '%',
// isRateField: true,
@@ -129,7 +129,7 @@ export const TABLE_COLUMNS = [
dataIndex: 'avg_click_cost',
prop: 'avg_click_cost',
width: 180,
- tooltip: '账号所有内容的平均点击成本',
+ tooltip: '每次点击广告的平均成本（CPC）= 总消耗 ÷ 点击量。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -141,7 +141,7 @@ export const TABLE_COLUMNS = [
prop: 'thousand_show_cost',
width: 180,
prefix: '¥',
- tooltip: '账号所有内容的千次展现费用',
+ tooltip: '每千次展示的平均成本（CPM）= 总消耗 ÷ 展示量 × 1000。',
align: 'right',
sortable: {
sortDirections: ['ascend', 'descend'],
@@ -153,7 +153,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'conversion_number',
// prop: 'conversion_number',
// width: 180,
- // tooltip: '账号转化数',
+ // tooltip: '用户完成设定目标行为（如注册、购买）的次数，是广告效果核心指标。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -164,7 +164,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'conversion_rate',
// prop: 'conversion_rate',
// width: 180,
- // tooltip: '账号所有内容的总转化率',
+ // tooltip: '转化率（CVR）= 转化数 ÷ 点击量，评估广告引导转化的能力。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -176,7 +176,7 @@ export const TABLE_COLUMNS = [
// prop: 'avg_conversion_cost',
// width: 180,
// prefix: '¥',
- // tooltip: '账号所有内容的平均转化成本',
+ // tooltip: '每次转化的平均广告成本（CPA）= 总消耗 ÷ 转化数。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -187,7 +187,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'deep_conversion_number',
// prop: 'deep_conversion_number',
// width: 180,
- // tooltip: '账号所有内容的总深度转化次数',
+ // tooltip: '表示完成更高质量目标行为的用户数量（如付款、留资等）。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
@@ -198,7 +198,7 @@ export const TABLE_COLUMNS = [
// dataIndex: 'deep_conversion_rate',
// prop: 'deep_conversion_rate',
// width: 180,
- // tooltip: '账号所有内容的总深度转化率',
+ // tooltip: '深度转化率 = 深度转化数 ÷ 点击量，衡量高质量转化效率。',
// align: 'right',
// sortable: {
// sortDirections: ['ascend', 'descend'],
From 3b43d85d975a0d8a235acd01df3a70bbf59e0d95 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 18:01:26 +0800
Subject: [PATCH 14/14] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E6=8E=A5?=
=?UTF-8?q?=E5=8F=A3=E8=AF=B7=E6=B1=82=E9=94=99=E8=AF=AFresponse=E6=8B=A6?=
=?UTF-8?q?=E6=88=AA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
src/api/index.ts | 22 +++++++++++++++-------
1 file changed, 15 insertions(+), 7 deletions(-)
diff --git a/src/api/index.ts b/src/api/index.ts
index 30efc74..3eeb04b 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -2,7 +2,7 @@
* @Author: 田鑫
* @Date: 2023-02-17 11:58:44
* @LastEditors: Please set LastEditors
- * @LastEditTime: 2025-06-23 05:51:32
+ * @LastEditTime: 2025-07-05 17:59:59
* @Description:
*/
@@ -16,7 +16,7 @@ const contentType = 'application/json';
const requestTimeout = 30000;
enum HttpStatusCode {
- OK = 200,
+ Success = 200,
BadRequest = 400, // 请求参数错误
Unauthorized = 401, // token 无效或过期
NotFound = 404,
@@ -62,22 +62,30 @@ export class Request {
(res: AxiosResponse) => {
const { data } = res;
switch (data.code) {
- case HttpStatusCode.OK:
+ case HttpStatusCode.Success:
return data;
default:
return Promise.reject(data);
}
},
(err: any) => {
- const { message, code } = err.response?.data ?? {};
- AMessage.error(message ?? err.message);
+ const { response } = err;
+ const status = response?.status;
+ let errMessage = response?.data?.message ?? err.message;
- switch (code) {
+ switch (status) {
+ case HttpStatusCode.InternalServerError:
+ errMessage = '系统繁忙，请稍后再试或联系管理员。';
+ break;
+ case HttpStatusCode.NotFound:
+ errMessage = '接口不存在';
+ break;
case HttpStatusCode.Unauthorized:
- goUserLogin();
+ handleUserLogout();
break;
}
+ AMessage.error(errMessage);
return Promise.reject(err.response);
},
);