From 4c23c811cac03c03f97827d093b4d38742c29122 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 18 Aug 2025 13:48:55 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E7=9C=8B=E6=9D=BF?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E5=B9=B3=E5=8F=B0=E5=AD=97=E6=AE=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-dashboard/components/account-table/index.vue   | 5 ++++-
 .../media-account/account-dashboard/constants.ts           | 7 +++++++
 .../account-detail/components/account-info/index.vue       | 5 ++---
 3 files changed, 13 insertions(+), 4 deletions(-)

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 0d76bbd..c71c05e 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
@@ -74,7 +74,7 @@
         </template>
 
         <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
-          {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          <img :src="getMediaAccountPlatformLogo(record.platform)" width="20" height="20" class="rounded-4px" />
         </template>
         <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
           <StatusBox :item="record" class="w-fit h-28px" />
@@ -141,6 +141,7 @@
         <template v-else #cell="{ record }">
           {{ formatTableField(column, record, true) }}
         </template>
+
       </a-table-column>
       <a-table-column data-index="operation" fixed="right" width="100" title="操作">
         <template #cell="{ record }">
@@ -165,6 +166,7 @@ import { useRouter } from 'vue-router';
 import { getCustomColumns } from '@/api/all/common';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { getMediaAccountPlatformLogo } from '@/utils/platform';
 import { getDefaultColumns, getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
 import CustomTableColumnModal from '../custom-column-modal';
 
@@ -207,6 +209,7 @@ const dateType = computed(() => (props.query.type === 7 ? 'week' : 'month'));
 const tableColumns = computed(() => {
   const _result = [];
   const _columns = getDefaultColumns(dateType.value);
+  console.log({_columns})
 
   selectedColumns.value.forEach((item) => {
     const _column = _columns.find((_item) => _item.prop === item);
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 898c27c..a91f1e9 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -71,6 +71,13 @@ export const getDefaultColumns = (type = 'week') => {
       width: 180,
       fixed: 'left',
     },
+    {
+      title: '平台',
+      dataIndex: 'platform',
+      prop: 'platform',
+      width: 120,
+      fixed: 'left',
+    },
     {
       title: '账号分组',
       dataIndex: 'group.name',
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 bda7b79..4ebb270 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
@@ -88,7 +88,7 @@
                 }}
               </template>
               <template v-else-if="field.dataIndex === 'platform'">
-                <img :src="detailData.platform === 0 ? icon5 : icon6" width="16" height="16" />
+                <img :src="getMediaAccountPlatformLogo(detailData.platform)" width="16" height="16" class="rounded-4px" />
               </template>
               <template v-else-if="field.dataIndex === 'last_synced_at'">
                 {{ exactFormatTime(detailData.last_synced_at, 'YYYY-MM-DD HH:mm:ss', 'YYYY-MM-DD HH:mm:ss') }}
@@ -133,6 +133,7 @@
 import { useRoute } from 'vue-router';
 
 import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
+import { getMediaAccountPlatformLogo } from '@/utils/platform';
 import { getAccountInfoFields } from '../../constants';
 import { getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
 import StatusBox from '@/views/property-marketing/media-account/components/status-select/status-box.tsx';
@@ -143,8 +144,6 @@ import icon1 from '@/assets/img/media-account/icon5.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
 import icon3 from '@/assets/img/media-account/icon-warn-1.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
-import icon5 from '@/assets/img/platform/icon-dy.png';
-import icon6 from '@/assets/img/platform/icon-xhs.png';
 
 const route = useRoute();
 const id = route.params.id;