diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index bae28e9..9364a8b 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -121,3 +121,13 @@ export const startPatchAccount = (id: string) => {
export const getAuthorizedImage = (id: string) => {
return Http.get(`/v1/media-accounts/${id}/authorized-image`);
};
+
+// 账号看板-数据总览
+export const getAccountBoardOverview = (params = {}) => {
+ return Http.get('/v1/media-account-boards/overview', params);
+};
+
+// 账号看板-分页
+export const getAccountBoardList = (params = {}) => {
+ return Http.get('/v1/media-account-boards', params);
+};
diff --git a/src/assets/img/media-account/icon-custom.png b/src/assets/img/media-account/icon-custom.png
new file mode 100644
index 0000000..2f2fe8a
Binary files /dev/null and b/src/assets/img/media-account/icon-custom.png differ
diff --git a/src/assets/img/media-account/icon1.png b/src/assets/img/media-account/icon1.png
new file mode 100644
index 0000000..9244b7f
Binary files /dev/null and b/src/assets/img/media-account/icon1.png differ
diff --git a/src/assets/img/media-account/icon2.png b/src/assets/img/media-account/icon2.png
new file mode 100644
index 0000000..84c631c
Binary files /dev/null and b/src/assets/img/media-account/icon2.png differ
diff --git a/src/assets/img/media-account/icon3.png b/src/assets/img/media-account/icon3.png
new file mode 100644
index 0000000..792d535
Binary files /dev/null and b/src/assets/img/media-account/icon3.png differ
diff --git a/src/assets/img/media-account/icon4.png b/src/assets/img/media-account/icon4.png
new file mode 100644
index 0000000..164776b
Binary files /dev/null and b/src/assets/img/media-account/icon4.png differ
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index affcb1e..b1ba38b 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -59,11 +59,11 @@ const COMPONENTS: AppRouteRecordRaw[] = [
path: 'accountDashboard',
name: 'MediaAccountAccountDashboard',
meta: {
- locale: '账号看板',
+ locale: '账号数据看板',
requiresAuth: true,
roles: ['*'],
},
- component: () => import('@/views/property-marketing/repository/test'),
+ component: () => import('@/views/property-marketing/media-account/account-dashboard'),
},
{
path: 'accountDetails',
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
new file mode 100644
index 0000000..395b1b3
--- /dev/null
+++ b/src/utils/tools.ts
@@ -0,0 +1,56 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 17:36:31
+ */
+export function toFixed(num: number | string, n: number): number {
+ return parseFloat(parseFloat(num.toString()).toFixed(n));
+}
+
+export function isNotData(n: number): boolean {
+ if (n === undefined) {
+ return true;
+ }
+ return n === -2147483648;
+}
+
+export function splitNumber(num: number): string | number {
+ if (!num) {
+ return num;
+ }
+ const parts = num.toString().split('.');
+ parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+ return parts.join('.');
+}
+
+export function formatNumberShow(...args: any[]): string | number {
+ const [_args] = args;
+ const { value, len = 2, split = true, showExactValue = false } = typeof _args === 'object' ? _args : { value: _args };
+ const getNumber = (value: number) => {
+ return split ? splitNumber(value) : value;
+ };
+
+ if (isNotData(value)) {
+ return '-';
+ }
+ if (value < 0) {
+ return `-${formatNumberShow({
+ value: -value,
+ len,
+ split,
+ showExactValue,
+ })}`;
+ }
+ if (showExactValue) {
+ return getNumber(toFixed(value, len));
+ }
+ if (value < 10000) {
+ return getNumber(toFixed(value, len));
+ } else if (value < 100000000) {
+ const _n = Math.round((value / 10000) * 100) / 100;
+ return split ? `${splitNumber(_n)}w` : `${toFixed(_n, len)}w`;
+ } else {
+ const _n = Math.round((value / 100000000) * 100) / 100;
+
+ return split ? `${splitNumber(_n)}亿` : `${toFixed(_n, len)}亿`;
+ }
+}
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
new file mode 100644
index 0000000..b159b9a
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
@@ -0,0 +1,131 @@
+
+
+
+
+
+
+
+
+ 导出数据
+
+
+
+ ![]()
+
+ 自定义列
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+
+
+
+
+
+
+
+
+
+ {{ record.view_chain }}%
+
+
+ {{ record.like_chain }}%
+
+
+
+ 未授权
+ 正常
+ 异常
+ -
+ （暂停）
+
+
+
+
+ 详情
+
+
+
+
+
+
+
+
+
+
状态
+
+
+ {{
+ item.text
+ }}
+
+
+
+
+
运营人员
+
+
+ {{
+ item.name
+ }}
+
+
+
+
+
+
+
时间筛选
+
+
+
+ 近7天
+ 近14天
+ 近30天
+
+
+
+
+
+
+
+ 搜索
+
+
+
+
+
+ 重置
+
+
+
+
+
+
+
数据总览
+
![]()
+
+
+
+
+
+
![]()
+
{{ item.label }}
+
+ ![]()
+
+
+
{{
+ item.prop === 'total_like_number'
+ ? formatNumberShow(overviewData.total_like_number + overviewData.total_collect_number)
+ : formatNumberShow(overviewData[item.prop])
+ }}
+
+
+
+
+
+
+
+