From 62190c346cf044bdd109e6ea19295dc1b681c89a Mon Sep 17 00:00:00 2001
From: rd <>
Date: Tue, 24 Jun 2025 18:19:34 +0800
Subject: [PATCH 01/78] =?UTF-8?q?feat:=20=E8=B5=84=E4=BA=A7=E8=90=A5?=
 =?UTF-8?q?=E9=94=80=E5=B9=B3=E5=8F=B0=E8=B7=AF=E7=94=B1=E5=88=9D=E5=A7=8B?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/constants.ts                       |   7 +-
 src/router/index.ts                           |  11 +-
 src/router/routes/modules/dataEngine.ts       | 150 +++++++--------
 src/router/routes/modules/management.ts       |  90 ++++-----
 .../routes/modules/propertyMarketing.ts       | 172 ++++++++++++++++++
 src/views/property-marketing/README.md        |   1 +
 .../repository/test/index.vue                 |  11 ++
 7 files changed, 313 insertions(+), 129 deletions(-)
 create mode 100644 src/router/routes/modules/propertyMarketing.ts
 create mode 100644 src/views/property-marketing/README.md
 create mode 100644 src/views/property-marketing/repository/test/index.vue

diff --git a/src/router/constants.ts b/src/router/constants.ts
index 1110fe7..cf67bb6 100644
--- a/src/router/constants.ts
+++ b/src/router/constants.ts
@@ -18,7 +18,8 @@ export const DEFAULT_ROUTE = {
 };
 
 export const MENU_GROUP_IDS = {
-  DATA_ENGINE_ID: 1,
-  MANAGEMENT_ID: -1,
-  WORK_BENCH_ID: -99,
+  DATA_ENGINE_ID: 1, // 全域数据分析
+  MANAGEMENT_ID: -1, // 管理中心
+  PROPERTY_ID: 2, // 资产营销平台
+  WORK_BENCH_ID: -99, // 工作台
 };
diff --git a/src/router/index.ts b/src/router/index.ts
index 600ddfb..ea87ab5 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -48,14 +48,9 @@ const router = createRouter({
         requiresAuth: false,
       },
     },
-    {
-      path: '/',
-      name: '',
-      children: [...appRoutes, REDIRECT_MAIN, NOT_FOUND_ROUTE],
-      meta: {
-        requiresAuth: true,
-      },
-    },
+    ...appRoutes,
+    REDIRECT_MAIN,
+    NOT_FOUND_ROUTE,
   ],
   scrollBehavior() {
     return { top: 0 };
diff --git a/src/router/routes/modules/dataEngine.ts b/src/router/routes/modules/dataEngine.ts
index d190af5..3c3859d 100644
--- a/src/router/routes/modules/dataEngine.ts
+++ b/src/router/routes/modules/dataEngine.ts
@@ -6,80 +6,82 @@ import { IconBookmark } from '@arco-design/web-vue/es/icon';
 import type { AppRouteRecordRaw } from '../types';
 import { MENU_GROUP_IDS } from '@/router/constants';
 
-const COMPONENTS: AppRouteRecordRaw = {
-  path: 'dataEngine',
-  name: 'dataEngine',
-  redirect: 'dataEngine/hotTranslation',
-  meta: {
-    locale: '全域数据引擎',
-    icon: IconBookmark,
-    requiresAuth: true,
-    roles: ['*'],
-    requiresSidebar: true,
-    id: MENU_GROUP_IDS.DATA_ENGINE_ID,
+const COMPONENTS: AppRouteRecordRaw[] = [
+  {
+    path: '/dataEngine',
+    name: 'DataEngine',
+    redirect: 'dataEngine/hotTranslation',
+    meta: {
+      locale: '全域数据引擎',
+      icon: IconBookmark,
+      requiresAuth: true,
+      roles: ['*'],
+      requiresSidebar: true,
+      id: MENU_GROUP_IDS.DATA_ENGINE_ID,
+    },
+    children: [
+      {
+        path: 'hotTranslation',
+        name: 'DataEngineHotTranslation',
+        meta: {
+          locale: '行业热门话题洞察',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
+      },
+      {
+        path: 'hotCloud',
+        name: 'DataEngineHotCloud',
+        meta: {
+          locale: '行业词云',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/hotCloud.vue'),
+      },
+      {
+        path: 'keyWord',
+        name: 'DataEngineKeyWord',
+        meta: {
+          locale: '行业关键词动向',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/keyWord.vue'),
+      },
+      {
+        path: 'userPainPoints',
+        name: 'DataEngineUserPainPoints',
+        meta: {
+          locale: '用户痛点观察',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
+      },
+      {
+        path: 'keyBrandMovement',
+        name: 'DataEngineKeyBrandMovement',
+        meta: {
+          locale: '重点品牌动向',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
+      },
+      {
+        path: 'userPersona',
+        name: 'DataEngineUserPersona',
+        meta: {
+          locale: '用户画像',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/components/dataEngine/userPersona.vue'),
+      },
+    ],
   },
-  children: [
-    {
-      path: 'hotTranslation',
-      name: '行业热门话题洞察',
-      meta: {
-        locale: '行业热门话题洞察',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-      component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
-    },
-    {
-      path: 'hotCloud',
-      name: '行业词云',
-      meta: {
-        locale: '行业词云',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-      component: () => import('@/views/components/dataEngine/hotCloud.vue'),
-    },
-    {
-      path: 'keyWord',
-      name: '行业关键词动向',
-      meta: {
-        locale: '行业关键词动向',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-      component: () => import('@/views/components/dataEngine/keyWord.vue'),
-    },
-    {
-      path: 'userPainPoints',
-      name: '用户痛点观察',
-      meta: {
-        locale: '用户痛点观察',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-      component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
-    },
-    {
-      path: 'keyBrandMovement',
-      name: '重点品牌动向',
-      meta: {
-        locale: '重点品牌动向',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-      component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
-    },
-    {
-      path: 'userPersona',
-      name: '用户画像',
-      meta: {
-        locale: '用户画像',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-      component: () => import('@/views/components/dataEngine/userPersona.vue'),
-    },
-  ],
-};
+];
 
 export default COMPONENTS;
diff --git a/src/router/routes/modules/management.ts b/src/router/routes/modules/management.ts
index cd1c644..eafde1a 100644
--- a/src/router/routes/modules/management.ts
+++ b/src/router/routes/modules/management.ts
@@ -6,50 +6,52 @@ import { IconBookmark } from '@arco-design/web-vue/es/icon';
 import type { AppRouteRecordRaw } from '../types';
 import { MENU_GROUP_IDS } from '@/router/constants';
 
-const COMPONENTS: AppRouteRecordRaw = {
-  path: 'management',
-  name: 'management',
-  redirect: 'management/person',
-  meta: {
-    locale: '管理中心',
-    icon: IconBookmark,
-    requiresAuth: true,
-    roles: ['*'],
-    requiresSidebar: true,
-    id: MENU_GROUP_IDS.MANAGEMENT_ID,
+const COMPONENTS: AppRouteRecordRaw[] = [
+  {
+    path: '/management',
+    name: 'Management',
+    redirect: 'management/person',
+    meta: {
+      locale: '管理中心',
+      icon: IconBookmark,
+      requiresAuth: true,
+      roles: ['*'],
+      requiresSidebar: true,
+      id: MENU_GROUP_IDS.MANAGEMENT_ID,
+    },
+    children: [
+      {
+        path: 'person',
+        name: 'ManagementPerson',
+        component: () => import('@/views/components/management/person'),
+        meta: {
+          locale: '个人信息',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+      },
+      {
+        path: 'enterprise',
+        name: 'ManagementEnterprise',
+        component: () => import('@/views/components/management/enterprise'),
+        meta: {
+          locale: '企业信息',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+      },
+      {
+        path: 'account',
+        name: 'ManagementAccount',
+        component: () => import('@/views/components/management/account'),
+        meta: {
+          locale: '账号管理',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+      },
+    ],
   },
-  children: [
-    {
-      path: 'person',
-      name: '个人信息',
-      component: () => import('@/views/components/management/person'),
-      meta: {
-        locale: '个人信息',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-    },
-    {
-      path: 'enterprise',
-      name: '企业信息',
-      component: () => import('@/views/components/management/enterprise'),
-      meta: {
-        locale: '企业信息',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-    },
-    {
-      path: 'account',
-      name: '账号管理',
-      component: () => import('@/views/components/management/account'),
-      meta: {
-        locale: '账号管理',
-        requiresAuth: true,
-        roles: ['*'],
-      },
-    },
-  ],
-};
+];
 
 export default COMPONENTS;
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
new file mode 100644
index 0000000..5f9ba46
--- /dev/null
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -0,0 +1,172 @@
+/**
+ * 资产营销平台
+ */
+
+import { IconBookmark } from '@arco-design/web-vue/es/icon';
+import type { AppRouteRecordRaw } from '../types';
+import { MENU_GROUP_IDS } from '@/router/constants';
+
+const COMPONENTS: AppRouteRecordRaw[] = [
+  {
+    path: '/repository',
+    name: 'Repository',
+    redirect: 'repository/brandMaterials',
+    meta: {
+      locale: '企业知识库',
+      icon: IconBookmark,
+      requiresAuth: true,
+      roles: ['*'],
+      requiresSidebar: true,
+      id: MENU_GROUP_IDS.PROPERTY_ID,
+    },
+    children: [
+      {
+        path: 'brandMaterials',
+        name: 'RepositoryBrandMaterials',
+        meta: {
+          locale: '品牌物料',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+    ],
+  },
+  {
+    path: '/media-account',
+    name: 'MediaAccount',
+    redirect: 'media-account/accountManagement',
+    meta: {
+      locale: '新媒体账号管理',
+      icon: IconBookmark,
+      requiresAuth: true,
+      roles: ['*'],
+      requiresSidebar: true,
+      id: MENU_GROUP_IDS.PROPERTY_ID,
+    },
+    children: [
+      {
+        path: 'accountManagement',
+        name: 'MediaAccountAccountManagement',
+        meta: {
+          locale: '账号管理',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+      {
+        path: 'accountDashboard',
+        name: 'MediaAccountAccountDashboard',
+        meta: {
+          locale: '账号看板',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+      {
+        path: 'accountDetails',
+        name: 'MediaAccountAccountDetails',
+        meta: {
+          locale: '账号详情',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+    ],
+  },
+  {
+    path: '/put-account',
+    name: 'PutAccount',
+    redirect: 'put-account/accountManagement',
+    meta: {
+      locale: '投放账户管理',
+      icon: IconBookmark,
+      requiresAuth: true,
+      roles: ['*'],
+      requiresSidebar: true,
+      id: MENU_GROUP_IDS.PROPERTY_ID,
+    },
+    children: [
+      {
+        path: 'accountManagement',
+        name: 'PutAccountAccountManagement',
+        meta: {
+          locale: '账号管理',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+      {
+        path: 'accountData',
+        name: 'PutAccountAccountData',
+        meta: {
+          locale: '账号数据',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+      {
+        path: 'accountDashboard',
+        name: 'PutAccountAccountDashboard',
+        meta: {
+          locale: '账号看板',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+      {
+        path: 'investmentGuidelines',
+        name: 'PutAccountInvestmentGuidelines',
+        meta: {
+          locale: '投放指南',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+    ],
+  },
+  {
+    path: '/intelligent-solution',
+    name: 'IntelligentSolution',
+    redirect: 'intelligent-solution/businessAnalysisReport',
+    meta: {
+      locale: '智能方案管理',
+      icon: IconBookmark,
+      requiresAuth: true,
+      roles: ['*'],
+      requiresSidebar: true,
+      id: MENU_GROUP_IDS.PROPERTY_ID,
+    },
+    children: [
+      {
+        path: 'businessAnalysisReport',
+        name: 'IntelligentSolutionBusinessAnalysisReport',
+        meta: {
+          locale: '业务分析报告',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+      {
+        path: 'competitiveProductAnalysisReport',
+        name: 'IntelligentSolutionCompetitiveProductAnalysisReport',
+        meta: {
+          locale: '竟品分析报告',
+          requiresAuth: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/repository/test'),
+      },
+    ],
+  },
+];
+
+export default COMPONENTS;
diff --git a/src/views/property-marketing/README.md b/src/views/property-marketing/README.md
new file mode 100644
index 0000000..e3dcbcd
--- /dev/null
+++ b/src/views/property-marketing/README.md
@@ -0,0 +1 @@
+## 资产营销平台
diff --git a/src/views/property-marketing/repository/test/index.vue b/src/views/property-marketing/repository/test/index.vue
new file mode 100644
index 0000000..a1edfd8
--- /dev/null
+++ b/src/views/property-marketing/repository/test/index.vue
@@ -0,0 +1,11 @@
+<template>
+  <h2>品牌物料</h2>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="less" scoped>
+
+</style>

From eed617d9abf87f8c27f10fae0ee7356f6aed20ce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Wed, 25 Jun 2025 15:25:19 +0800
Subject: [PATCH 02/78] =?UTF-8?q?=E6=8A=95=E6=94=BE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-placement/placementGuide.vue      | 374 ++++++++++++++++++
 1 file changed, 374 insertions(+)
 create mode 100644 src/views/property-marketing/account-placement/placementGuide.vue

diff --git a/src/views/property-marketing/account-placement/placementGuide.vue b/src/views/property-marketing/account-placement/placementGuide.vue
new file mode 100644
index 0000000..8100fa8
--- /dev/null
+++ b/src/views/property-marketing/account-placement/placementGuide.vue
@@ -0,0 +1,374 @@
+<template>
+  <view>
+    <a-space direction="vertical" class="pading_style">
+      <p class="tfzn">投放指南</p>
+      <a-space direction="content" size="medium">
+        <a-form-item field="acctount" label="账户">
+          <a-select v-model="listQuery.acctount" placeholder="全部" allow-clear>
+            <a-option>Beijing</a-option>
+            <a-option>Shanghai</a-option>
+            <a-option>Guangzhou</a-option>
+            <a-option disabled>Disabled</a-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item field="name" label="项目" style="margin-left: 20px">
+          <a-select v-model="listQuery.project" placeholder="全部" allow-clear>
+            <a-option>Beijing</a-option>
+            <a-option>Shanghai</a-option>
+            <a-option>Guangzhou</a-option>
+            <a-option disabled>Disabled</a-option>
+          </a-select>
+        </a-form-item>
+        <a-form-item field="name" label="平台" style="margin-left: 35px">
+          <a-select v-model="listQuery.platform" placeholder="全部" allow-clear>
+            <a-option>Beijing</a-option>
+            <a-option>Shanghai</a-option>
+            <a-option>Guangzhou</a-option>
+            <a-option disabled>Disabled</a-option>
+          </a-select>
+        </a-form-item>
+
+        <a-form-item label="" style="margin-left: 50px">
+          <a-space size="medium">
+            <a-button type="primary" @click="handleSearch">
+              <template #icon>
+                <icon-search />
+              </template>
+              <!-- Use the default slot to avoid extra spaces -->
+              <template #default>搜索</template>
+            </a-button>
+          </a-space>
+          <a-space>
+            <div
+              @click="handleReset"
+              style="
+                width: 92px;
+                height: 32px;
+                margin-left: 10px;
+                font-size: 14px;
+                color: #3c4043;
+                border: 1px solid #d7d7d9;
+                text-align: center;
+                line-height: 32px;
+                border-radius: 4px;
+              "
+            >
+              <icon-refresh></icon-refresh>
+              <span>重置</span>
+            </div>
+          </a-space>
+        </a-form-item>
+      </a-space>
+    </a-space>
+
+    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 10px 0">
+      <p>账户列表</p>
+      <a-table :data="listResult.list" :pagination="false">
+        <template #columns>
+          <a-table-column title="账户名称" data-index="account_name" />
+          <a-table-column title="平台" data-index="platform" />
+          <a-table-column title="项目名称" data-index="project" />
+          <a-table-column title="本周总消耗" data-index="total_xiaohao" />
+          <a-table-column title="本周总消耗环比" data-index="huanbi" />
+          <a-table-column title="ROI" data-index="roi" />
+          <a-table-column title="CTR" data-index="ctr" />
+        </template>
+      </a-table>
+      <!-- 分页 -->
+      <a-space direction="vertical" style="float: right" size="large">
+        <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
+      </a-space>
+    </a-space>
+
+    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 10px 0">
+      <a-space direction="content" size="medium"> 本周摘要</a-space>
+      <a-space direction="vertical" class="bzzy">
+        <a-space>
+          <a-space>总消耗:</a-space>
+          <a-space>233，较上周期</a-space>
+        </a-space>
+        <a-space>
+          <a-space>整体ROI:</a-space>
+          <a-space>233，较上周期</a-space>
+        </a-space>
+        <a-space>
+          <a-space>主要转化来源:</a-space>
+          <a-space>抖音</a-space>
+        </a-space>
+        <a-space>
+          <a-space>优质素材表现:</a-space>
+          <a-space>美团</a-space>
+        </a-space>
+      </a-space>
+    </a-space>
+
+    <a-space direction="vertical" class="pading_style">
+      <p>投放优化建议</p>
+      <div class="common_back">
+        <a-space direction="vertical">
+          <a-space> 总体策略</a-space>
+          <a-space> 本周建议维持预算</a-space>
+        </a-space>
+      </div>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="24"></a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>预算分配</a-space>
+              <a-space>巨量ROI高，建议将预算提升</a-space>
+              <a-space>聚光ROAS明显下降</a-space>
+            </a-space>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>时段优化</a-space>
+              <a-space>巨量ROI高，建议将预算提升</a-space>
+              <a-space>聚光ROAS明显下降</a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>人群包优化</a-space>
+              <a-space>巨量ROI高，建议将预算提升</a-space>
+              <a-space>聚光ROAS明显下降</a-space>
+            </a-space>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>素材优化</a-space>
+              <a-space>巨量ROI高，建议将预算提升</a-space>
+              <a-space>聚光ROAS明显下降</a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+    </a-space>
+
+    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 10px 0">
+      <p>投放行动指南</p>
+      <a-space> 表现分析</a-space>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>人群分析</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>投放素材</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>投放时段</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+        <a-col :span="12">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>平台表现</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+
+      <a-space> 新投放建议生成</a-space>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="24">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>人群建议</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="24">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>素材建议</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="24">
+          <div class="common_back">
+            <a-space direction="vertical">
+              <a-space>投放策略建议</a-space>
+              <a-space>
+                <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
+              </a-space>
+              <a-space>
+                <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+              <a-space>
+                <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                25-34岁男性，兴趣为 数码产品
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+    </a-space>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import { IconDelete } from '@arco-design/web-vue/es/icon';
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+
+const listQuery = reactive({
+  project_id: ref(''),
+  platform: ref(''),
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+
+const listResult = reactive({
+  list: ref([
+    {
+      account_name: '全球旅行小助手',
+      platform: '巨量',
+      project: '巨量',
+      ctr: '巨量',
+      huanbi: '巨量',
+      total_xiaohao: '巨量',
+      roi: '巨量',
+    },
+  ]),
+  total: ref(0),
+});
+
+const topImages = [top1, top2, top3];
+</script>
+
+<style lang="less" scoped>
+.common_back {
+  background-color: rgba(247, 248, 250, 1);
+  padding: 24px;
+  border-radius: 8px;
+}
+
+.pading_style {
+  background-color: #fff;
+  width: 100%;
+  padding: 5px 0px 2px 20px;
+  margin: 24px 0;
+  border-radius: 19px;
+}
+
+.tfzn {
+  font: Alibaba PuHuiTi;
+}
+
+.bzzy {
+  background-color: rgba(240, 237, 255, 1);
+  width: 100%;
+  padding: 24px;
+  margin-top: 16px;
+  border-radius: 19px;
+}
+
+.ztcc_title {
+  font-size: 16px;
+  line-height: 22px;
+}
+</style>

From f645c3e1c0954ccff7e9117089be954a0367b890 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Wed, 25 Jun 2025 18:26:03 +0800
Subject: [PATCH 03/78] =?UTF-8?q?feat:=20=E6=96=B0=E5=AA=92=E4=BD=93?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .eslintrc.cjs                                 |   6 +
 config/plugins/unocss.ts                      |   4 +-
 src/api/all/propertyMarketing.ts              |  20 ++
 src/api/index.ts                              |  33 ++--
 src/assets/img/media-account/icon-add.png     | Bin 0 -> 249 bytes
 src/assets/img/media-account/icon-delete.png  | Bin 0 -> 354 bytes
 src/assets/img/media-account/icon-dy.png      | Bin 0 -> 1842 bytes
 src/assets/img/media-account/icon-group.png   | Bin 0 -> 513 bytes
 src/assets/img/media-account/icon-success.png | Bin 0 -> 760 bytes
 src/assets/img/media-account/icon-tag.png     | Bin 0 -> 632 bytes
 src/assets/img/media-account/icon-warn.png    | Bin 0 -> 791 bytes
 src/assets/img/media-account/icon-xhs.png     | Bin 0 -> 1201 bytes
 src/layouts/Basic.vue                         |   2 +-
 src/main.ts                                   |   8 +-
 src/router/constants.ts                       |   6 +-
 src/router/routes/modules/dataEngine.ts       |   6 +
 .../routes/modules/propertyMarketing.ts       |   4 +-
 src/styles/components/index.scss              |   1 +
 src/styles/components/input.scss              |   5 +
 src/styles/index.ts                           |   3 +-
 src/styles/vars.css                           |   4 +
 .../media-account/account-dashboard/index.vue |  12 ++
 .../account-dashboard/style.scss              |   0
 .../components/account-table/index.vue        |  80 ++++++++
 .../components/account-table/style.scss       | 103 ++++++++++
 .../components/add-account-modal/index.vue    |  31 +++
 .../components/add-account-modal/style.scss   |  18 ++
 .../components/filter-block/index.vue         | 160 ++++++++++++++++
 .../components/filter-block/style.scss        |  36 ++++
 .../components/group-manage-modal/index.vue   |  32 ++++
 .../components/group-manage-modal/style.scss  |  17 ++
 .../components/tags-manage-modal/index.vue    |  31 +++
 .../components/tags-manage-modal/style.scss   |  18 ++
 .../media-account/account-manage/constants.ts |  38 ++++
 .../media-account/account-manage/index.vue    | 178 ++++++++++++++++++
 .../media-account/account-manage/style.scss   | 106 +++++++++++
 .../components/account-table/index.vue        |  80 ++++++++
 .../components/account-table/style.scss       | 103 ++++++++++
 .../components/filter-block/index.vue         |  94 +++++++++
 .../components/filter-block/style.scss        |  36 ++++
 .../put-account/account-manage/constants.ts   |  36 ++++
 .../put-account/account-manage/index.vue      | 143 ++++++++++++++
 .../put-account/account-manage/style.scss     | 106 +++++++++++
 43 files changed, 1537 insertions(+), 23 deletions(-)
 create mode 100644 src/api/all/propertyMarketing.ts
 create mode 100644 src/assets/img/media-account/icon-add.png
 create mode 100644 src/assets/img/media-account/icon-delete.png
 create mode 100644 src/assets/img/media-account/icon-dy.png
 create mode 100644 src/assets/img/media-account/icon-group.png
 create mode 100644 src/assets/img/media-account/icon-success.png
 create mode 100644 src/assets/img/media-account/icon-tag.png
 create mode 100644 src/assets/img/media-account/icon-warn.png
 create mode 100644 src/assets/img/media-account/icon-xhs.png
 create mode 100644 src/styles/components/index.scss
 create mode 100644 src/styles/components/input.scss
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/constants.ts
 create mode 100644 src/views/property-marketing/media-account/account-manage/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/constants.ts
 create mode 100644 src/views/property-marketing/put-account/account-manage/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/style.scss

diff --git a/.eslintrc.cjs b/.eslintrc.cjs
index c09b865..a98f933 100644
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@@ -1,3 +1,7 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-24 16:29:10
+ */
 /* eslint-env node */
 // eslint-disable-next-line @typescript-eslint/no-require-imports
 require('@rushstack/eslint-patch/modern-module-resolution');
@@ -29,6 +33,8 @@ module.exports = {
     'no-console': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'no-debugger': process.env.NODE_ENV === 'production' ? 'warn' : 'off',
     'prettier/prettier': ['error', { endOfLine: 'auto' }],
+    'vue/no-duplicate-attributes': 'off',
+    'vue/v-on-event-hyphenation': 'off',
   },
   globals: {
     defineOptions: 'readonly',
diff --git a/config/plugins/unocss.ts b/config/plugins/unocss.ts
index 8327a11..c5b1970 100644
--- a/config/plugins/unocss.ts
+++ b/config/plugins/unocss.ts
@@ -1,8 +1,8 @@
 /*
  * @Author: 田鑫
  * @Date: 2023-03-05 18:14:16
- * @LastEditors: 田鑫
- * @LastEditTime: 2023-03-05 19:23:48
+ * @LastEditors: Please set LastEditors
+ * @LastEditTime: 2025-06-25 10:54:24
  * @Description:
  */
 import Unocss from 'unocss/vite';
diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
new file mode 100644
index 0000000..0e68177
--- /dev/null
+++ b/src/api/all/propertyMarketing.ts
@@ -0,0 +1,20 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:34:56
+ */
+import Http from '@/api';
+
+// 媒体账号标签-列表
+export const fetchAccountTags = (params = {}) => {
+  return Http.get('/v1/media-account-tags/list', params);
+};
+
+// 媒体账号分组-列表
+export const fetchAccountGroups = (params = {}) => {
+  return Http.get('/v1/media-account-groups/list', params);
+};
+
+// 媒体运营人员分组-列表
+export const fetchAccountOperators = (params = {}) => {
+  return Http.get('/v1/media-account-operators/list', params);
+};
diff --git a/src/api/index.ts b/src/api/index.ts
index 88fd159..30efc74 100644
--- a/src/api/index.ts
+++ b/src/api/index.ts
@@ -8,21 +8,20 @@
 
 import axios from 'axios';
 import type { AxiosInstance, AxiosRequestConfig, AxiosResponse } from 'axios';
-import { handleUserLogout } from '@/utils/user';
+import { handleUserLogout, goUserLogin } from '@/utils/user';
+import { useEnterpriseStore } from '@/stores/modules/enterprise';
+import pinia from '@/stores';
 
 const contentType = 'application/json';
 const requestTimeout = 30000;
 
-const HttpStatusCode = {
-  OK: 200,
-  BadRequest: 400, // 请求参数错误
-  Unauthorized: 401, // token 无效或过期
-  NotFound: 404,
-  InternalServerError: 500,
-};
-
-import { useEnterpriseStore } from '@/stores/modules/enterprise';
-import pinia from '@/stores';
+enum HttpStatusCode {
+  OK = 200,
+  BadRequest = 400, // 请求参数错误
+  Unauthorized = 401, // token 无效或过期
+  NotFound = 404,
+  InternalServerError = 500,
+}
 
 //* 导出Request类，可以用来自定义传递配置来创建实例
 export class Request {
@@ -70,9 +69,15 @@ export class Request {
         }
       },
       (err: any) => {
-        const message = err.response?.data?.message ?? err.message;
-        AMessage.error(message);
-        // 这里用来处理http常见错误，进行全局提示
+        const { message, code } = err.response?.data ?? {};
+        AMessage.error(message ?? err.message);
+
+        switch (code) {
+          case HttpStatusCode.Unauthorized:
+            goUserLogin();
+            break;
+        }
+
         return Promise.reject(err.response);
       },
     );
diff --git a/src/assets/img/media-account/icon-add.png b/src/assets/img/media-account/icon-add.png
new file mode 100644
index 0000000000000000000000000000000000000000..d38660732d460afbcce7a5f0565affc2fd5ebdf6
GIT binary patch
literal 249
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rj-{<M#7*fIb_Uc2<1_c4u2k9mrv#+S_jNIm#
z`$(;9!o<HEZ!}CQ<UOwUe_B|<6f&bRh$C^raf$f!<TFgIVpVf_q+g4A@p2_Iuq80C
z?I<~PBhLEC%ga&wT-EAtZ+oh)SCjAcd`&iY%jAs;=Nmqom7Lf=!RDTVcjn~OtpSe=
pQ-InUUPXNrmaFEr%lfsPcac}O{F5@FeL$Bnc)I$ztaD0e0s!ljR#yN3

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-delete.png b/src/assets/img/media-account/icon-delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..1952959bfde5bddfa9898680e590473ff6e807ea
GIT binary patch
literal 354
zcmeAS@N?(olHy`uVBq!ia0vp^3LwnE1|*BCs=fdz&H|6fVg?2=RS;(M3{v?36l5$8
za(7}_cTVOdki(Mh=<CS9u(6-}Pa-Rj|J~EYF{Fa=?X-uyO$Gw3@fYR$9;)qX%u`sS
zFzErCN`rQTv;|Y%BRQ2h;k=wGrdxPD4PSm=-YRqU;`dwD2Odi-6fW_*6i{;GAOqKj
zJx?QTMYp%HHEnnv;&0F(Jnc$wA)}1(B!zuTO!?jFvv?Njoz{6JKllBC6U-_XHk7Hb
zY-73h*ZXkf{)EOX+01i+J+BV8#NHRwvgBu36m$6Ow$~QZ6C&j<H2QPZsxh1M`};?x
zL`{$GpMF67f$#^;KlgoC?0Wel_JlJB_a2th-y3o?cH9cxuwd~^iKl#9-ac!bnHhd(
xlID-d-H(4%Jy}$LfTtk8LceQGV|wQv#;w1-87{wDm<9|222WQ%mvv4FO#o_9jI#g$

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-dy.png b/src/assets/img/media-account/icon-dy.png
new file mode 100644
index 0000000000000000000000000000000000000000..0323b263bdd69bc4db5fc5065de5a44839a4b0c4
GIT binary patch
literal 1842
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

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-group.png b/src/assets/img/media-account/icon-group.png
new file mode 100644
index 0000000000000000000000000000000000000000..b37157234f94ae0d6df34627fa649765d5fb5aeb
GIT binary patch
literal 513
zcmV+c0{;DpP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0hUQbK~#7F?UvDP
z!Y~kq|4Z8Uj6gSFgzyZN=muo~5FMctfPnXQ1SH^@jL;3*5%OM=>sf7SFm{O(N3;^(
z14MRg|ChV-9dO~y5Ii#Oah!p-r{0^dgZ;TzXaYh?IZ}O?2`zoB83EwsY!eRj(NULQ
znYaa?0@P>!e$FUwD>GfFE#ScC>>g49{E&k9S^g6^;zxi4-Fy`eLeL`|IdH-7HhV%z
z!Z3K4E-5w7Qf%6b!IAvf1&9ytQ66QjSpchaE4P;^2vY{#*%k!gi5Stg?DoPt>cD|x
z0picaiW1v`VJ}Z@b6+k=;DE0zs7&R1Ab;oWsGI9C<;>Z?KxF~JHFaj2;087Mn=w!<
zFgoJ($maKPUoM)RB}EHN*FRZyEI=-iGEIdMIlSarOGENmP)b7SFWbL~C5d68F9t@%
zkpls$puh{9nD&x}B$kH6E};5(h*a^(48`UYzFM-#v5@%_AcbpRe2AqbBbqoYuP<Ox
zNGVBQ)uO?LhPq<vOPz@IQN1H>PJjfZ^rsOn{0BY&_924}gG45s00000NkvXXu0mjf
D4%*m2

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-success.png b/src/assets/img/media-account/icon-success.png
new file mode 100644
index 0000000000000000000000000000000000000000..5a92a816ea11117b4a339067d99a3514b02e4774
GIT binary patch
literal 760
zcmV<U0tfwxP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0*y&TK~#7F?N>o=
z(?Ascf9!@Va|9zq6^Tu=p^CboIRWJaNl#E%A}DnUh-Hs}djjAD%?3qTH5;UgP~jtZ
zSrU(j|6L5WGj{ArSixH)Gxm7io9{n=o&o-KAQ+%Me&+y$js)ePz(7P0+%)CX@3;Zf
zL}dXFKEK_WZ>c^;aG;2|U^<_EMwYTpue#6uD)X)s;9R<`tsnLofEqw8pjSmmsetx)
zxGxbtP_qR_KtDqD?0Wb3W8sLR8{3mNeWjEK8vr5>zV5y}*WS}zyf+yh2o<k<V^9iu
z-@3;mSS6r6cAW_Ai{eBxMzFXe@8)-k$d8g}pZo=K#;;_~A`<~#y+rFftPftLHgOw5
zbiO=%F-`iJ2=MA*P0+hO<xtborn>v{C>o^u837cIeOQy663ylJylBWC-WH}D@Ud0^
z7n~LEKBz*T^c!>QNI#!)ZcBMiK=a1hfiiL_dc<;Ag?xK5JfUlD(PSZ=BT3s%8Vdm}
z+WT5W2#42uapFwxk6&|Td2dS2KoCyS{v81kslswA6rLqvn{{7#NhD0jV*x4(mIPSZ
zgh`-id&-N92q`)y<P3`FvH;qIe)(fL5qp33avgF;NZw&dz*X1vu`~+HB238ngiM!X
zJ2O3~PxN;L)kO3n5%%km#~7tM*|R_h4=RC0gqH^7z$T?oz>I6Of^(<_1CxSY-XSfW
zhKr_r3M;Cf8PLzKUMqkTghKlSHVn3AI)5m1gJb7XP<D+#a~1i*Qd7#-%%Uo|hCzv=
zsk34UMA_4<TBxvBBQaAzk9|QIc{~a#B6dq)x#Vyk6-9&#SzJqKJI_+CXCngAVDDhl
q@vZm-r9(^+u?@Cg^=s%q()bB}rAOEL?vuL!0000<MNUMnLSTYf^hGuR

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-tag.png b/src/assets/img/media-account/icon-tag.png
new file mode 100644
index 0000000000000000000000000000000000000000..509f29af638144ea2cb6876a5dcf9ff2f60435c5
GIT binary patch
literal 632
zcmV-;0*C#HP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0u4z-K~#7F<(5x!
z(=Zgq-?K8^Vr~#lKyE;~rGd!}+HN~(X-`17K^QWu;Rcx@uuZvvIRW7Wc-^t|@#NTT
z;v|j!v{}$^CK>7ZS>MmnlWd}=E~W@w_K|9BPHbBt$*4uyXu`SA7{LJ6+!UCBsM8oQ
zlh~XXKV6`L0JfRmW0HZ9DV1C`VOr#=HFKsph_9GTTRN{8)NX>6eQ?JV=8trT!2p}g
zmEuErs(F<%s`HA1I?SeHp(NB5iWH0Xikz3g!F;REduCQb5apky$@ArF2|38e+~(Tf
za*PSTs;0fx_5$!Rzj%vdt?^qI_<Me&FY7pr?1oBO>#j3^_p}2;`I~_7k(l4tVRb;)
zb(^IaodAN?9F$A7x0#b?l7GA1%6qE56ynRB0HFm}wD?r2I%R_{z^4tkdKsDr*Tb0a
z(nU{?<munpwrcT<dc0&G=2nog>h^LWCi^fy>%$&McST7mUjukdbEPq}C!y`j4*4+p
z#*-C*!JDGLFZ1zK4VQBkGl07(vB@_#lv1Qz%x?k4Q@#f9wTh)G!R+icoL;pt=2k1)
zaB!r*F!OQM&9&jf&p$Y$M>1anh=uSq-v|&25n{d-z!xIa{9XW8h#2#o0J|V!&7A<Y
zLC}F5sgdT+0GlAnJ0s1#05(8SthtrbM`^9`cXd*JZat8Bum(MJ7q8g=K>q;a*U3XU
SB9Tb|0000<MNUMnLSTYT-z6mg

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-warn.png b/src/assets/img/media-account/icon-warn.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ad12a0ded34abf250472db4472aa365db4cc9fa
GIT binary patch
literal 791
zcmV+y1L*vTP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0<1|yK~#7F?UzAz
z(=ZT*XC_Wa$R^yty@5;F)9#?~9^nLOPXL^t$qBeZa)PF>C9tC>0NnuJ0B<0?#MYoO
zF(`H{J0Yy-x3Z;?=9e@Yj{*L75O#q3LGMTG1&P)^GDg(EsO`lHrz(OisV!jM4}4hA
zfPv4<D8IxkWWZZ$>QQH^La0Hd09oz#CA~#)yah(cxQ-B~fcf)B#~PALWaz<egsk~Z
z_r03JwgMK<js`L4G3)`)>|X1gnm}Cv-<}@zk@O|(5kx-e+^E|^d%i(}jhFb*Jo>O-
zqE3?!@;8O@R(eSn|G>GB26Mh~Z3kAX|KgYg7$GVPN>^Wo$9&kDDV4pi?Z9gFE<%d=
zkda44=RA@=v2jhX06MeZ*94fme(V?<VPXR5g9^JhYG{j)XK9l@v5}o9n}m>GY!vX-
zBph&`eGiBR*-IuObN**W8dMyEpJvq+UiQ#7xt$>a7slCee)<qPvrnT;gxzoYF2n|^
zh|`6JsotzjBiG7yD-nfQsqNg5Ao<zzZvmWe?R2Y2W1Y4#FxF8)K!Yf(Gq`Z(EAoNq
zf*Md10C5~v4a_^2ZMTo3u86h=#XKNa2;6r#A`iy4b2;;TOo)x^8j24)9eZ|<M!X{C
zS0w{`@{KT8=p-#ntbogI2ekA=Y!J$?A)10^{oP`58U!)oXK?Vhsn{f{gVk=QtYt#U
z(F`zgPT+7*>D*LFw)27jVbSE*6=%3BAtbsGpalUBOn?yZOV~3FQ<~*hzfpi7l?yVT
z!=6Cm^Lr(AA(aj4%+#1E-H8x(Bn?U_#je%3%!XVObg$Jk{k&EL<|ZWI?t3QUH`Iaa
zb~Twl34Gnap&9TP%0JtoS@xA@s%g9G*^2<1U%zG$n9om-6X-R_IQAf{`!{rl%}=<g
VSv^O7rvLx|002ovPDHLkV1hI$W-<T(

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-xhs.png b/src/assets/img/media-account/icon-xhs.png
new file mode 100644
index 0000000000000000000000000000000000000000..7429e58eb18eb956a733268f06e6c04760993e1b
GIT binary patch
literal 1201
zcmV;i1Wx;jP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1V%|jK~#7F?N?1`
z6j>0idfoGzOroM8QQU(euzJlgLJ)*iye)cE@L*V2ogDU(J$P6a7IMil=S2?&PhpW9
z#5KDh0Rw_82>z@$*-cyoF)`CK)6>)4ueR!S&rDAyfgCb%4;J+Fn|k$LRekmI`XNN5
z<Y)ch!9u}trprW=8h~IAsZV|of6E0y2?4^Gtua=v$+my05q-~EiJ1sJAl_SBtS_t7
z6#D)zqFWRpEB~3jF4`<ZF&aH29k7l;rM?j(@O?f%((ifyh7sgF@q9ZY*je>H4D)Kx
z^L}LIdLNYwsRlbdY}?<e6ygN*9`-IWc}Db=0<GawP!sNb_k1gTHehE1xFZm4(+m-J
zp4-j(T^Ya&acm6I#Uel^(>W!JPMw1E%nU#_3lxT+`Jwm$%ZlDdk3#z9%@!YHS(2nz
z3ALouUlq%ujz=k~PfwFj<=C+{-?phN=7k}J&!5vKkNw3((jPyP-q;{=U8;<Zl7H(K
zk?$KhU8_;}>Xlg+zJ5)OQi&WM%YMFP{jQSGB3q9`Ljb81fakT*7#J{oVwu$C%f^G+
z>C<4bm-^kiXgSO1^>x4?FmI|>qvflspiZ8I+}*nXjRxo!FQPDZA;4a{*RC0_-Lq$@
zJ~d^=&d?C~_wSprcuYYMJxqFa)$r=YVl*G4Bs};0dBa=hvEJOI@W~U};IR|SbR!_K
zJ#@&t^_w@XI3d6F)2GpVe?NFvuR^f6X#Q6P1wk!dr#Q}#%R%AoTgcqG1JdLM*<&me
zK#h;Xfb1jtCJ<2VydzL2PDBPUgvroQ0%mW19_(}HK(DL-v7)X{YTJNEju@pfhsTct
zmCKwgzA+-dv}DFz21u+$z)+>qu_p;4BFwQ&U%CX4&x4wnfb_+S(E*+$URzG5p?>9x
zF{U~)0@VWtz~MC@)xo?Ddy}5(XU_nJhe5N2^x;E`A3S~>A;SqpJg$w78Z<(Y7uXXC
zOB@nQ68G@o7HU+hMe|aIxaH7oC1EN>l|q4PXU>o}I~$diB;mjSIf$k#O%lfBFD+3$
zPTGj!M{mb5CFk9^(N5y|dD3fZk=TO=9c9=?Kw??1L%6&Q;iE?;A%lDOIMb?t44Ypn
zL27amf`tYC!0Q9|!Uf1Zd<g#S+Z{=Tu4_&@{qiLQ9B;+wxLmrqxj7&Xjd%Szpp<!>
zJ17WL5x?w!g)@~)E$R)Dwaqvu+AH#A#C5$L83nvvWHHWq(*fnb<Up*Pd+Z<fwmV4n
zHrr(~$;6<hx2yow4o8V3TT)gO%UGT*RrC2c{$CjIDUGlc*W#bB$Jel3l5QX_qYLnb
zwyeKte=jD)S2SD;!$Fk;_$RN_LfGBad#0Q_3}g{!#{eAhn2mvu?}xuuh`z?&B4PIK
zL!9Fem+v6HoI=xxdL}cL34$LQMB@})*Y=E3qTRAqtZa4$9Y;<&)3N^pOW2BR0I^Rm
P00000NkvXXu0mjftAH&M

literal 0
HcmV?d00001

diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 3ef29d9..8ec85e9 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -91,7 +91,7 @@ provide('toggleDrawerMenu', () => {
         </a-drawer>
         <a-layout class="layout-content" :style="paddingStyle">
           <base-tab-bar v-if="appStore.tabBar" />
-          <a-layout-content class="px-5">
+          <a-layout-content class="px-5 py-5">
             <base-breadcrumb />
             <layout-page />
           </a-layout-content>
diff --git a/src/main.ts b/src/main.ts
index f17132d..6fbbb30 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -1,14 +1,18 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-24 16:29:10
+ */
 import App from './App.vue';
 import router from './router';
 import store from './stores';
 import '@/api/index';
 
+import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式
 import './styles';
 import './core';
 import 'uno.css';
 import './mock';
-import '@/styles/vars.css'; // 优先加载
-import '@arco-design/web-vue/dist/arco.css'; // Arco 默认样式
+// import '@/styles/vars.css'; // 优先加载
 
 const app = createApp(App);
 app.use(store);
diff --git a/src/router/constants.ts b/src/router/constants.ts
index cf67bb6..6fc8bef 100644
--- a/src/router/constants.ts
+++ b/src/router/constants.ts
@@ -1,3 +1,7 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-24 16:50:35
+ */
 export const WHITE_LIST = [
   { name: 'notFound', children: [] },
   { name: 'login', children: [] },
@@ -20,6 +24,6 @@ export const DEFAULT_ROUTE = {
 export const MENU_GROUP_IDS = {
   DATA_ENGINE_ID: 1, // 全域数据分析
   MANAGEMENT_ID: -1, // 管理中心
-  PROPERTY_ID: 2, // 资产营销平台
+  PROPERTY_ID: 10, // 资产营销平台
   WORK_BENCH_ID: -99, // 工作台
 };
diff --git a/src/router/routes/modules/dataEngine.ts b/src/router/routes/modules/dataEngine.ts
index 3c3859d..3c77f74 100644
--- a/src/router/routes/modules/dataEngine.ts
+++ b/src/router/routes/modules/dataEngine.ts
@@ -27,6 +27,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '行业热门话题洞察',
           requiresAuth: true,
           roles: ['*'],
+          id: 2,
         },
         component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
       },
@@ -37,6 +38,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '行业词云',
           requiresAuth: true,
           roles: ['*'],
+          id: 3,
         },
         component: () => import('@/views/components/dataEngine/hotCloud.vue'),
       },
@@ -47,6 +49,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '行业关键词动向',
           requiresAuth: true,
           roles: ['*'],
+          id: 4,
         },
         component: () => import('@/views/components/dataEngine/keyWord.vue'),
       },
@@ -57,6 +60,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '用户痛点观察',
           requiresAuth: true,
           roles: ['*'],
+          id: 5,
         },
         component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
       },
@@ -67,6 +71,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '重点品牌动向',
           requiresAuth: true,
           roles: ['*'],
+          id: 6,
         },
         component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
       },
@@ -77,6 +82,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '用户画像',
           requiresAuth: true,
           roles: ['*'],
+          id: 7,
         },
         component: () => import('@/views/components/dataEngine/userPersona.vue'),
       },
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 5f9ba46..89610b6 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -53,7 +53,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/media-account/account-manage'),
       },
       {
         path: 'accountDashboard',
@@ -98,7 +98,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/put-account/account-manage'),
       },
       {
         path: 'accountData',
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
new file mode 100644
index 0000000..85aca0b
--- /dev/null
+++ b/src/styles/components/index.scss
@@ -0,0 +1 @@
+@import "./input.scss";
\ No newline at end of file
diff --git a/src/styles/components/input.scss b/src/styles/components/input.scss
new file mode 100644
index 0000000..a352fa3
--- /dev/null
+++ b/src/styles/components/input.scss
@@ -0,0 +1,5 @@
+.arco-input-wrapper {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index 32f4eac..c40f6c5 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -1,3 +1,4 @@
+import './vars.css';
+import './components/index.scss';
 import 'normalize.css';
 import 'uno.css';
-import './vars.css';
diff --git a/src/styles/vars.css b/src/styles/vars.css
index c192269..7a00c4c 100644
--- a/src/styles/vars.css
+++ b/src/styles/vars.css
@@ -17,6 +17,10 @@
 * {
   box-sizing: border-box;
 }
+p {
+  margin: 0;
+  padding: 0;
+}
 
 .flex {
   display: flex;
diff --git a/src/views/property-marketing/media-account/account-dashboard/index.vue b/src/views/property-marketing/media-account/account-dashboard/index.vue
new file mode 100644
index 0000000..d7d4473
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -0,0 +1,12 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 10:02:20
+-->
+
+<template></template>
+
+<script lang="ts"></script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
new file mode 100644
index 0000000..7b89186
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -0,0 +1,80 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:31:15
+-->
+<template>
+  <div class="card-container">
+    <div v-for="(item, index) in dataSource" :key="index" class="card-item">
+      <a-checkbox></a-checkbox>
+      <div class="ml-8px flex-1">
+        <p class="name">{{ item.name }}</p>
+        <div class="field-row">
+          <span class="label">状态</span>
+          <div class="status-box" :class="`status-box-${item.status}`">
+            <span class="text">{{ STATUS_LIST.find((v) => v.value === item.status)?.label ?? '-' }}</span>
+          </div>
+        </div>
+        <div class="field-row">
+          <span class="label">平台</span>
+          <img :src="item.platform === 0 ? icon1 : icon2" width="20" height="19" />
+        </div>
+        <div class="field-row">
+          <span class="label">账号ID</span>
+          <span class="cts">{{ item.account_id }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">手机号码</span>
+          <span class="cts">{{ item.mobile }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">运营人员</span>
+          <span class="cts">{{ item.operator?.name }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">分组</span>
+          <span class="cts">{{ item.group?.name }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">标签</span>
+          <div class="flex items-center">
+            <div v-for="(tag, index) in item.tags" :key="index" class="tag-box">
+              <span class="text">{{ tag.name }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="operate-row">
+          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" />
+          <a-button class="w-64px search-btn mr-8px" size="mini">
+            <template #default>暂停同步</template>
+          </a-button>
+          <a-button class="w-64px search-btn mr-8px" size="mini">
+            <template #default>重新授权</template>
+          </a-button>
+          <a-button class="w-40px search-btn" size="mini">
+            <template #default>编辑</template>
+          </a-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+import { STATUS_LIST } from '../../constants';
+
+import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon2 from '@/assets/img/media-account/icon-xhs.png';
+import icon3 from '@/assets/img/media-account/icon-delete.png';
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
new file mode 100644
index 0000000..0a75fe9
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -0,0 +1,103 @@
+.card-container {
+  flex: 1;
+  display: grid;
+  grid-template-rows: repeat(2, 1fr); /* 2行 */
+  grid-template-columns: repeat(4, 1fr); /* 4列 */
+  gap: 20px;
+  .card-item {
+    border-radius: 8px;
+    border: 1px solid var(--BG-300, #e6e6e8);
+    background: var(--BG-white, #fff);
+    padding: 12px 16px 16px;
+    display: flex;
+    align-items: flex-start;
+    .name {
+      color: var(--Text-1, #211f24);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      margin-bottom: 11px;
+      // line-height: 22px; /* 157.143% */
+    }
+    .label {
+      color: var(--Text-3, #737478);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 166.667% */
+    }
+    .field-row {
+      width: 100%;
+      margin-bottom: 4px;
+      display: flex;
+      justify-content: space-between;
+      .cts {
+        color: var(--Text-2, #3c4043);
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px; /* 166.667% */
+      }
+      .status-box {
+        display: flex;
+        padding: 0px 8px;
+        align-items: center;
+        border-radius: 2px;
+        background: #f2f3f5;
+        .text {
+          color: var(--BG-700, #737478);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 12px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px; /* 166.667% */
+        }
+
+        &-1 {
+          background: #ebf7f2;
+          .text {
+            color: #25c883;
+          }
+        }
+        &-2 {
+          background: #ffe7e4;
+          .text {
+            color: #f64b31;
+          }
+        }
+      }
+      .tag-box {
+        display: flex;
+        height: 16px;
+        padding: 0px 4px;
+        align-items: center;
+        border-radius: 2px;
+        background: var(--BG-200, #f2f3f5);
+        .text {
+          color: var(--Text-2, #3c4043);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 10px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: normal;
+        }
+        &:not(:last-child) {
+          margin-right: 4px;
+        }
+      }
+      &:last-child {
+        margin-bottom: 8px;
+      }
+    }
+
+    .operate-row {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      padding-top: 8px;
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
new file mode 100644
index 0000000..5dbfd99
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -0,0 +1,31 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal v-model:visible="visible" width="800px" modal-class="add-account-modal" :footer="false" @close="close">
+    <template #title> 添加账号 </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+const visible = ref(false);
+const open = () => {
+  visible.value = true;
+};
+const close = () => {
+  visible.value = false;
+};
+const handleOk = () => {
+  console.log('handleOk');
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
new file mode 100644
index 0000000..06dee88
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -0,0 +1,18 @@
+.add-account-modal {
+    .arco-modal-header {
+      border-bottom: none;
+      height: 56px;
+      padding: 22px 24px 16px 24px;
+      .arco-modal-title {
+        justify-content: flex-start;
+      }
+    }
+    .arco-modal-body {
+      padding: 16px 24px 20px;
+    }
+    .arco-modal-footer {
+      border-top: none;
+      padding: 0;
+    }
+  }
+  
\ No newline at end of file
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
new file mode 100644
index 0000000..888191e
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/index.vue
@@ -0,0 +1,160 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="container px-24px pt-12px pb-24px">
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">账号名称/ID/手机号</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.search"
+            class="w-240px"
+            placeholder="请搜索..."
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">状态</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.label">{{
+              item.label
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">平台</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label">{{
+              item.label
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">运营人员</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
+              item.name
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+    </div>
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">分组</span>
+        <a-space class="w-200px">
+          <a-select
+            v-model="query.group_ids"
+            size="medium"
+            multiple
+            placeholder="全部"
+            allow-clear
+            @change="handleSearch"
+          >
+            <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">{{
+              item.name
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">标签</span>
+        <a-space class="w-320px">
+          <a-select
+            v-model="query.tag_ids"
+            multiple
+            size="medium"
+            placeholder="全部"
+            allow-clear
+            @change="handleSearch"
+          >
+            <a-option v-for="(item, index) in tags" :key="index" :value="item.id" :label="item.name">{{
+              item.name
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+    </div>
+    <a-space class="flex items-center">
+      <a-button class="w-84px search-btn" size="medium" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </a-space>
+  </div>
+</template>
+
+<script setup>
+import { reactive, defineEmits, defineProps } from 'vue';
+import { fetchAccountTags, fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
+import {
+  INITIAL_QUERY,
+  PLATFORM_LIST,
+  STATUS_LIST,
+} from '@/views/property-marketing/media-account/account-manage/constants';
+
+const emits = defineEmits('onSearch', 'onReset');
+
+const query = ref(cloneDeep(INITIAL_QUERY));
+const tags = ref([]);
+const groups = ref([]);
+const operators = ref([]);
+
+const handleSearch = () => {
+  emits('onSearch', query);
+};
+const handleReset = () => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  emits('onReset');
+};
+const getTags = async () => {
+  const { code, data } = await fetchAccountTags();
+  if (code === 200) {
+    tags.value = data;
+  }
+};
+const getGroups = async () => {
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    tags.value = data;
+  }
+};
+const getOperators = async () => {
+  const { code, data } = await fetchAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+
+onMounted(() => {
+  getTags();
+  getGroups();
+  getOperators();
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
new file mode 100644
index 0000000..3a33894
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
@@ -0,0 +1,36 @@
+.container {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
new file mode 100644
index 0000000..605f2ca
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -0,0 +1,32 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal v-model:visible="visible" width="800px" modal-class="account-manage-modal" :footer="false" @close="close">
+    <template #title> 分组管理 </template>
+    <template #footer> </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+const visible = ref(false);
+const open = () => {
+  visible.value = true;
+};
+const close = () => {
+  visible.value = false;
+};
+const handleOk = () => {
+  console.log('handleOk');
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
new file mode 100644
index 0000000..131322b
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -0,0 +1,17 @@
+.account-manage-modal {
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+  .arco-modal-body {
+    padding: 16px 24px 20px;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
new file mode 100644
index 0000000..471dfb2
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -0,0 +1,31 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal v-model:visible="visible" width="800px" modal-class="tags-manage-modal" :footer="false" @close="close">
+    <template #title> 标签管理 </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+const visible = ref(false);
+const open = () => {
+  visible.value = true;
+};
+const close = () => {
+  visible.value = false;
+};
+const handleOk = () => {
+  console.log('handleOk');
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
new file mode 100644
index 0000000..6c21865
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -0,0 +1,18 @@
+.tags-manage-modal {
+    .arco-modal-header {
+      border-bottom: none;
+      height: 56px;
+      padding: 22px 24px 16px 24px;
+      .arco-modal-title {
+        justify-content: flex-start;
+      }
+    }
+    .arco-modal-body {
+      padding: 16px 24px 20px;
+    }
+    .arco-modal-footer {
+      border-top: none;
+      padding: 0;
+    }
+  }
+  
\ No newline at end of file
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
new file mode 100644
index 0000000..39ae6fd
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -0,0 +1,38 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:24:59
+ */
+export const INITIAL_QUERY = {
+  search: '',
+  status: '',
+  platform: '',
+  operator_id: '',
+  group_ids: [],
+  tag_ids: [],
+};
+
+export const PLATFORM_LIST = [
+  {
+    label: '抖音',
+    value: 0,
+  },
+  {
+    label: '小红书',
+    value: 1,
+  },
+];
+
+export const STATUS_LIST = [
+  {
+    label: '未授权',
+    value: 0,
+  },
+  {
+    label: '正常',
+    value: 1,
+  },
+  {
+    label: '异常',
+    value: 2,
+  },
+];
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
new file mode 100644
index 0000000..6c59e6b
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -0,0 +1,178 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 10:00:50
+-->
+<template>
+  <div class="account-manage-wrap">
+    <div class="filter-wrap bg-#fff border-radius-8px">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">账号管理</p>
+        <div class="flex items-center">
+          <a-button class="w-112px mr-12px search-btn" size="medium" @click="handleOpenTagsModal">
+            <template #icon>
+              <img :src="icon3" width="16" height="16" />
+            </template>
+            <template #default>标签管理</template>
+          </a-button>
+          <a-button class="w-112px mr-12px search-btn" size="medium" @click="handleOpenGroupModal">
+            <template #icon>
+              <img :src="icon2" width="16" height="16" />
+            </template>
+            <template #default>分组管理</template>
+          </a-button>
+          <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAccountModal">
+            <template #icon>
+              <img :src="icon1" width="16" height="16" />
+            </template>
+            <template #default>添加账号</template>
+          </a-button>
+        </div>
+      </div>
+      <FilterBlock @onSearch="handleSearch" @onReset="handleReset" />
+    </div>
+
+    <div
+      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      :class="{
+        normal: isNormalStatus,
+        abnormal: isAbnormalStatus,
+      }"
+    >
+      <div class="flex items-center">
+        <template v-if="isNormalStatus || isAbnormalStatus">
+          <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
+          <span class="label">
+            {{
+              isNormalStatus
+                ? '太棒啦！所有账号都在正常运行。'
+                : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
+            }}
+          </span>
+        </template>
+      </div>
+      <div>
+        <a-space v-if="isAbnormalStatus" class="flex items-center">
+          <a-button class="w-96px err-btn" size="mini">
+            <template #default>查看异常账号</template>
+          </a-button>
+        </a-space>
+      </div>
+    </div>
+    <div class="card-wrap">
+      <AccountTable :dataSource="dataSource" />
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+
+    <GroupManageModal ref="groupManageModalRef" />
+    <TagsManageModal ref="tagsManageModalRef" />
+    <AddAccountModal ref="addAccountModalRef" />
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+import FilterBlock from './components/filter-block';
+import AccountTable from './components/account-table';
+import GroupManageModal from './components/group-manage-modal';
+import TagsManageModal from './components/tags-manage-modal';
+import AddAccountModal from './components/add-account-modal';
+
+import { INITIAL_QUERY } from './constants';
+
+import icon1 from '@/assets/img/media-account/icon-add.png';
+import icon2 from '@/assets/img/media-account/icon-group.png';
+import icon3 from '@/assets/img/media-account/icon-tag.png';
+import icon4 from '@/assets/img/media-account/icon-success.png';
+import icon5 from '@/assets/img/media-account/icon-warn.png';
+
+const groupManageModalRef = ref(null);
+const tagsManageModalRef = ref(null);
+const addAccountModalRef = ref(null);
+
+const tipStatus = ref(2);
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 100,
+});
+const query = ref(cloneDeep(INITIAL_QUERY));
+const dataSource = ref([]);
+
+const isNormalStatus = computed(() => tipStatus.value === 1);
+const isAbnormalStatus = computed(() => tipStatus.value === 2);
+
+onMounted(() => {
+  getData();
+});
+
+const getData = () => {
+  console.log('getData', query.value, pageInfo);
+  dataSource.value = new Array(8).fill({
+    id: 1,
+    name: '全球',
+    account_id: 1,
+    mobile: 1777777,
+    status: 1,
+    platform: 0,
+    operator: {
+      name: '小周',
+    },
+    group: {
+      name: '美团组',
+    },
+    tags: [
+      {
+        name: '标签1',
+      },
+      {
+        name: '标签2',
+      },
+    ],
+  });
+};
+const handleSearch = (newQuery) => {
+  query.value = { ...newQuery };
+  getData();
+};
+const handleReset = () => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  getData();
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  getData();
+};
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  pageInfo.page = 1;
+  getData();
+};
+
+const handleOpenGroupModal = () => {
+  groupManageModalRef.value?.open();
+};
+const handleOpenTagsModal = () => {
+  tagsManageModalRef.value?.open();
+};
+const handleOpenAccountModal = () => {
+  addAccountModalRef.value?.open();
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
new file mode 100644
index 0000000..97d0462
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -0,0 +1,106 @@
+.account-manage-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+  .filter-wrap {
+    border-radius: 8px;
+    border: 1px solid #e6e6e8;
+    .top {
+      .title {
+        font-family: 'Alibaba PuHuiTi';
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .tip-row {
+    border-radius: 2px;
+    background: #f0edff;
+    .label {
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    &.normal {
+      background: #ebf7f2;
+      .label {
+        color: #211f24;
+      }
+    }
+    &.abnormal {
+      background: #ffe7e4;
+      .label {
+        color: #211f24;
+      }
+    }
+    .err-btn {
+      background-color: #f64b31 !important;
+      color: var(--BG-white, #fff);
+      font-family: 'PingFang SC';
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 166.667% */
+    }
+  }
+  .card-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+      :deep(.arco-pagination) {
+        .arco-pagination-list {
+          .arco-pagination-item {
+            border-radius: 4px;
+            border: 1px solid var(--BG-300, #e6e6e8);
+            &.arco-pagination-item-ellipsis {
+              border: none;
+            }
+
+            &.arco-pagination-item-active {
+              background-color: transparent;
+              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+            }
+          }
+        }
+        .arco-pagination-jumper-input {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+        }
+        .arco-pagination-jumper-prepend {
+          color: var(--Text-2, #3c4043);
+          text-align: right;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        .arco-select-view-single {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+        }
+      }
+    }
+  }
+}
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
new file mode 100644
index 0000000..8828433
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/index.vue
@@ -0,0 +1,80 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:31:15
+-->
+<template>
+  <div class="card-container">
+    <div v-for="(item, index) in dataSource" :key="index" class="card-item">
+      <a-checkbox></a-checkbox>
+      <div class="ml-8px flex-1">
+        <p class="name">{{ item.name }}</p>
+        <div class="field-row">
+          <span class="label">状态</span>
+          <div class="status-box" :class="`status-box-${item.status}`">
+            <span class="text">{{ STATUS_LIST.find((v) => v.value === item.status)?.label ?? '-' }}</span>
+          </div>
+        </div>
+        <div class="field-row">
+          <span class="label">平台</span>
+          <img :src="item.platform === 0 ? icon1 : icon2" width="20" height="19" />
+        </div>
+        <div class="field-row">
+          <span class="label">账号ID</span>
+          <span class="cts">{{ item.account_id }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">手机号码</span>
+          <span class="cts">{{ item.mobile }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">运营人员</span>
+          <span class="cts">{{ item.operator?.name }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">分组</span>
+          <span class="cts">{{ item.group?.name }}</span>
+        </div>
+        <div class="field-row">
+          <span class="label">标签</span>
+          <div class="flex items-center">
+            <div v-for="(tag, index) in item.tags" :key="index" class="tag-box">
+              <span class="text">{{ tag.name }}</span>
+            </div>
+          </div>
+        </div>
+        <div class="operate-row">
+          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" />
+          <a-button class="w-64px search-btn mr-8px" size="mini">
+            <template #default>暂停同步</template>
+          </a-button>
+          <a-button class="w-64px search-btn mr-8px" size="mini">
+            <template #default>获取凭证</template>
+          </a-button>
+          <a-button class="w-40px search-btn" size="mini">
+            <template #default>编辑</template>
+          </a-button>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { defineProps } from 'vue';
+import { STATUS_LIST } from '../../constants';
+
+import icon1 from '@/assets/img/media-account/icon-dy.png';
+import icon2 from '@/assets/img/media-account/icon-xhs.png';
+import icon3 from '@/assets/img/media-account/icon-delete.png';
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
new file mode 100644
index 0000000..0a75fe9
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
@@ -0,0 +1,103 @@
+.card-container {
+  flex: 1;
+  display: grid;
+  grid-template-rows: repeat(2, 1fr); /* 2行 */
+  grid-template-columns: repeat(4, 1fr); /* 4列 */
+  gap: 20px;
+  .card-item {
+    border-radius: 8px;
+    border: 1px solid var(--BG-300, #e6e6e8);
+    background: var(--BG-white, #fff);
+    padding: 12px 16px 16px;
+    display: flex;
+    align-items: flex-start;
+    .name {
+      color: var(--Text-1, #211f24);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      margin-bottom: 11px;
+      // line-height: 22px; /* 157.143% */
+    }
+    .label {
+      color: var(--Text-3, #737478);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 166.667% */
+    }
+    .field-row {
+      width: 100%;
+      margin-bottom: 4px;
+      display: flex;
+      justify-content: space-between;
+      .cts {
+        color: var(--Text-2, #3c4043);
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 12px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 20px; /* 166.667% */
+      }
+      .status-box {
+        display: flex;
+        padding: 0px 8px;
+        align-items: center;
+        border-radius: 2px;
+        background: #f2f3f5;
+        .text {
+          color: var(--BG-700, #737478);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 12px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px; /* 166.667% */
+        }
+
+        &-1 {
+          background: #ebf7f2;
+          .text {
+            color: #25c883;
+          }
+        }
+        &-2 {
+          background: #ffe7e4;
+          .text {
+            color: #f64b31;
+          }
+        }
+      }
+      .tag-box {
+        display: flex;
+        height: 16px;
+        padding: 0px 4px;
+        align-items: center;
+        border-radius: 2px;
+        background: var(--BG-200, #f2f3f5);
+        .text {
+          color: var(--Text-2, #3c4043);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 10px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: normal;
+        }
+        &:not(:last-child) {
+          margin-right: 4px;
+        }
+      }
+      &:last-child {
+        margin-bottom: 8px;
+      }
+    }
+
+    .operate-row {
+      display: flex;
+      align-items: center;
+      justify-content: flex-end;
+      padding-top: 8px;
+    }
+  }
+}
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
new file mode 100644
index 0000000..39dc8f2
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/index.vue
@@ -0,0 +1,94 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="container px-24px pt-12px pb-24px">
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">账号名称/ID/手机号</span>
+        <a-space size="medium">
+          <a-input
+            v-model="query.search"
+            class="w-240px"
+            placeholder="请搜索..."
+            size="medium"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">状态</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.label">{{
+              item.label
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">平台</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.platform" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label">{{
+              item.label
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">运营人员</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option value="Beijing" label="Beijing">Beijing</a-option>
+          </a-select>
+        </a-space>
+      </div>
+    </div>
+    <a-space class="flex items-center">
+      <a-button class="w-84px search-btn" size="medium" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </a-space>
+  </div>
+</template>
+
+<script setup>
+import { reactive, defineEmits, defineProps } from 'vue';
+import {
+  INITIAL_QUERY,
+  PLATFORM_LIST,
+  STATUS_LIST,
+} from '@/views/property-marketing/media-account/account-manage/constants';
+
+const emits = defineEmits('onSearch', 'onReset');
+
+const query = ref(cloneDeep(INITIAL_QUERY));
+
+const handleSearch = () => {
+  emits('onSearch', query);
+};
+const handleReset = () => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  emits('onReset');
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
new file mode 100644
index 0000000..3a33894
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
@@ -0,0 +1,36 @@
+.container {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
new file mode 100644
index 0000000..18c8201
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -0,0 +1,36 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:24:59
+ */
+export const INITIAL_QUERY = {
+  search: '',
+  status: '',
+  platform: '',
+  operator_id: '',
+};
+
+export const PLATFORM_LIST = [
+  {
+    label: '抖音',
+    value: 0,
+  },
+  {
+    label: '小红书',
+    value: 1,
+  },
+];
+
+export const STATUS_LIST = [
+  {
+    label: '未授权',
+    value: 0,
+  },
+  {
+    label: '正常',
+    value: 1,
+  },
+  {
+    label: '异常',
+    value: 2,
+  },
+];
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
new file mode 100644
index 0000000..44f7ff1
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -0,0 +1,143 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 10:00:50
+-->
+<template>
+  <div class="account-manage-wrap">
+    <div class="filter-wrap bg-#fff border-radius-8px">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
+        <div class="flex items-center">
+          <a-button type="primary" class="w-139px search-btn" size="medium">
+            <template #icon>
+              <img :src="icon1" width="16" height="16" />
+            </template>
+            <template #default>添加投放账号</template>
+          </a-button>
+        </div>
+      </div>
+      <FilterBlock @onSearch="handleSearch" @onReset="handleReset" />
+    </div>
+
+    <div
+      class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
+      :class="{
+        normal: isNormalStatus,
+        abnormal: isAbnormalStatus,
+      }"
+    >
+      <div class="flex items-center">
+        <template v-if="isNormalStatus || isAbnormalStatus">
+          <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
+          <span class="label">
+            {{
+              isNormalStatus
+                ? '太棒啦！所有账号都在正常运行。'
+                : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
+            }}
+          </span>
+        </template>
+      </div>
+      <div>
+        <a-space v-if="isAbnormalStatus" class="flex items-center">
+          <a-button class="w-96px err-btn" size="mini">
+            <template #default>查看异常账号</template>
+          </a-button>
+        </a-space>
+      </div>
+    </div>
+    <div class="card-wrap">
+      <AccountTable :dataSource="dataSource" />
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+
+import FilterBlock from './components/filter-block';
+import AccountTable from './components/account-table';
+import { INITIAL_QUERY } from './constants';
+
+import icon1 from '@/assets/img/media-account/icon-add.png';
+import icon4 from '@/assets/img/media-account/icon-success.png';
+import icon5 from '@/assets/img/media-account/icon-warn.png';
+
+const tipStatus = ref(2);
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 100,
+});
+
+const query = ref(cloneDeep(INITIAL_QUERY));
+const dataSource = ref([]);
+
+const isNormalStatus = computed(() => tipStatus.value === 1);
+const isAbnormalStatus = computed(() => tipStatus.value === 2);
+
+onMounted(() => {
+  getData();
+});
+
+const getData = () => {
+  console.log('getData', query.value, pageInfo);
+  dataSource.value = new Array(8).fill({
+    id: 1,
+    name: '全球',
+    account_id: 1,
+    mobile: 1777777,
+    status: 1,
+    platform: 0,
+    operator: {
+      name: '小周',
+    },
+    group: {
+      name: '美团组',
+    },
+    tags: [
+      {
+        name: '标签1',
+      },
+      {
+        name: '标签2',
+      },
+    ],
+  });
+};
+const handleSearch = (newQuery) => {
+  query.value = { ...newQuery };
+  getData();
+};
+const handleReset = () => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  getData();
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  getData();
+};
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  pageInfo.page = 1;
+  getData();
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
new file mode 100644
index 0000000..97d0462
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -0,0 +1,106 @@
+.account-manage-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+  .filter-wrap {
+    border-radius: 8px;
+    border: 1px solid #e6e6e8;
+    .top {
+      .title {
+        font-family: 'Alibaba PuHuiTi';
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 16px;
+        }
+      }
+    }
+  }
+  .tip-row {
+    border-radius: 2px;
+    background: #f0edff;
+    .label {
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    &.normal {
+      background: #ebf7f2;
+      .label {
+        color: #211f24;
+      }
+    }
+    &.abnormal {
+      background: #ffe7e4;
+      .label {
+        color: #211f24;
+      }
+    }
+    .err-btn {
+      background-color: #f64b31 !important;
+      color: var(--BG-white, #fff);
+      font-family: 'PingFang SC';
+      font-size: 12px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 20px; /* 166.667% */
+    }
+  }
+  .card-wrap {
+    display: flex;
+    flex-direction: column;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+      :deep(.arco-pagination) {
+        .arco-pagination-list {
+          .arco-pagination-item {
+            border-radius: 4px;
+            border: 1px solid var(--BG-300, #e6e6e8);
+            &.arco-pagination-item-ellipsis {
+              border: none;
+            }
+
+            &.arco-pagination-item-active {
+              background-color: transparent;
+              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+            }
+          }
+        }
+        .arco-pagination-jumper-input {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+        }
+        .arco-pagination-jumper-prepend {
+          color: var(--Text-2, #3c4043);
+          text-align: right;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        .arco-select-view-single {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+        }
+      }
+    }
+  }
+}

From 573af348894b4b6ddcf89b11081952d6f4628bba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Wed, 25 Jun 2025 19:33:02 +0800
Subject: [PATCH 04/78] =?UTF-8?q?=E6=8A=95=E6=94=BE=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../routes/modules/propertyMarketing.ts       |   2 +-
 .../account-placement/placementGuide.less     | 181 +++++++
 .../account-placement/placementGuide.vue      | 509 ++++++------------
 3 files changed, 350 insertions(+), 342 deletions(-)
 create mode 100644 src/views/property-marketing/account-placement/placementGuide.less

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 5f9ba46..a15af43 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -128,7 +128,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/account-placement/placementGuide'),
       },
     ],
   },
diff --git a/src/views/property-marketing/account-placement/placementGuide.less b/src/views/property-marketing/account-placement/placementGuide.less
new file mode 100644
index 0000000..58e2f49
--- /dev/null
+++ b/src/views/property-marketing/account-placement/placementGuide.less
@@ -0,0 +1,181 @@
+.placement-guide-style {
+  //每块div布局
+  .part-div {
+    width: 100%;
+    background: var(--BG-white, white);
+    overflow: hidden;
+    border-radius: 8px;
+    outline: 1px var(--BG-300, #E6E6E8) solid;
+    outline-offset: -1px;
+    flex-direction: column;
+    justify-content: flex-start;
+    display: inline-flex;
+    margin: 10px;
+  }
+
+  //每块div 头部
+  .part-div-header {
+    align-self: stretch;
+    height: 64px;
+    padding-left: 24px;
+    padding-right: 24px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    justify-content: flex-start;
+    align-items: center;
+    display: inline-flex
+  }
+
+  //每块div 标题
+  .part-div-header-title {
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    color: var(--Text-1, #211F24);
+    font-size: 18px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 26px;
+    word-wrap: break-word;
+  }
+
+
+  //账户列表-表格
+  .account-table {
+    padding: 1px 24px 20px 24px;
+    width: 100%;
+  }
+
+  //账户列表-分页
+  .account-page {
+    margin-left: 300px;
+
+  }
+
+  .month-data-body {
+    width: 100%;
+    padding-bottom: 20px;
+    padding-left: 24px;
+    padding-right: 24px;
+    background: var(--BG-white, white);
+    overflow: hidden;
+    border-radius: 8px;
+    outline: 1px var(--BG-300, #E6E6E8) solid;
+    outline-offset: -1px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: center;
+    display: inline-flex;
+    margin: 10px;
+  }
+
+  //本周摘要div
+  .month-body-div {
+    align-self: stretch;
+    height: 64px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    justify-content: space-between;
+    align-items: center;
+    display: inline-flex
+  }
+
+  //本月摘要标题
+  .month-data-title {
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    color: var(--Text-1, #211F24);
+    font-size: 18px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 26px;
+    word-wrap: break-word
+  }
+
+  //本月摘要-蓝色字体
+  .month-text-blue {
+    color: var(--Brand-Brand-6, #6D4CFE);
+    font-size: 16px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 24px;
+    word-wrap: break-word
+  }
+
+  //红色字体
+  .month-text-red {
+    color: var(--Functional-Danger-6, #F64B31);
+    font-size: 16px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 24px;
+    word-wrap: break-word
+  }
+
+  //黑色字体
+  .month-text-black {
+    color: var(--Text-1, #211F24);
+    font-size: 16px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 24px;
+    word-wrap: break-word
+  }
+
+  //本月摘要数据-div
+  .month-data-div {
+    align-self: stretch;
+    padding: 16px 30px 16px 16px;
+    margin-left: 20px;
+    margin-right: 20px;
+    margin-bottom: 20px;
+    background: var(--Brand-Brand-1, #F0EDFF);
+    overflow: hidden;
+    border-radius: 8px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 12px;
+    display: flex;
+  }
+
+  //投放建议-总体策略
+  .overall-strategy {
+    width: 100%;
+    height: 40%;
+    padding: 20px 24px 20px 16px;
+    background: var(--BG-100, #F7F8FA);
+    overflow: hidden;
+    border-radius: 8px;
+    flex-direction: column;
+    justify-content: flex-start;
+    align-items: flex-start;
+    gap: 12px;
+    display: inline-flex;
+    margin: 10px 0px 15px 20px;
+
+  }
+
+  //投放优化每块div小标题
+  .placement-optimization-title {
+    // 总体策略
+    color: var(--Text-1, #211F24);
+    font-size: 16px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 22px;
+    word-wrap: break-word
+  }
+
+  .placement-optimization-str {
+    align-self: stretch;
+    color: var(--Text-2, #3C4043);
+    font-size: 14px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 22px;
+    word-wrap: break-word
+  }
+
+}
diff --git a/src/views/property-marketing/account-placement/placementGuide.vue b/src/views/property-marketing/account-placement/placementGuide.vue
index 8100fa8..1629a6e 100644
--- a/src/views/property-marketing/account-placement/placementGuide.vue
+++ b/src/views/property-marketing/account-placement/placementGuide.vue
@@ -1,374 +1,201 @@
 <template>
-  <view>
-    <a-space direction="vertical" class="pading_style">
-      <p class="tfzn">投放指南</p>
-      <a-space direction="content" size="medium">
-        <a-form-item field="acctount" label="账户">
-          <a-select v-model="listQuery.acctount" placeholder="全部" allow-clear>
-            <a-option>Beijing</a-option>
-            <a-option>Shanghai</a-option>
-            <a-option>Guangzhou</a-option>
-            <a-option disabled>Disabled</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="name" label="项目" style="margin-left: 20px">
-          <a-select v-model="listQuery.project" placeholder="全部" allow-clear>
-            <a-option>Beijing</a-option>
-            <a-option>Shanghai</a-option>
-            <a-option>Guangzhou</a-option>
-            <a-option disabled>Disabled</a-option>
-          </a-select>
-        </a-form-item>
-        <a-form-item field="name" label="平台" style="margin-left: 35px">
-          <a-select v-model="listQuery.platform" placeholder="全部" allow-clear>
-            <a-option>Beijing</a-option>
-            <a-option>Shanghai</a-option>
-            <a-option>Guangzhou</a-option>
-            <a-option disabled>Disabled</a-option>
-          </a-select>
-        </a-form-item>
-
-        <a-form-item label="" style="margin-left: 50px">
-          <a-space size="medium">
-            <a-button type="primary" @click="handleSearch">
+  <view class="placement-guide-style">
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放指南</span>
+      </div>
+      <div>
+        <a-space>
+          <a-space style="padding: 25px">
+            <span>账户</span>
+            <a-select :style="{width:'320px'}" placeholder="Please select ...">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+              <a-option disabled>Disabled</a-option>
+            </a-select>
+          </a-space>
+          <a-space style="">
+            <span>项目</span>
+            <a-select :style="{width:'320px'}" placeholder="Please select ...">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+              <a-option disabled>Disabled</a-option>
+            </a-select>
+          </a-space>
+          <a-space style="padding: 15px">
+            <span>平台</span>
+            <a-select :style="{width:'320px'}" placeholder="Please select ...">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+              <a-option disabled>Disabled</a-option>
+            </a-select>
+          </a-space>
+          <a-space>
+            <a-button type="outline" class="search-btn" @click="handleSearch">
               <template #icon>
                 <icon-search />
               </template>
-              <!-- Use the default slot to avoid extra spaces -->
               <template #default>搜索</template>
             </a-button>
+            <a-button type="outline" class="reset-btn" @click="handleSearch">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
           </a-space>
-          <a-space>
-            <div
-              @click="handleReset"
-              style="
-                width: 92px;
-                height: 32px;
-                margin-left: 10px;
-                font-size: 14px;
-                color: #3c4043;
-                border: 1px solid #d7d7d9;
-                text-align: center;
-                line-height: 32px;
-                border-radius: 4px;
-              "
-            >
-              <icon-refresh></icon-refresh>
-              <span>重置</span>
-            </div>
-          </a-space>
-        </a-form-item>
-      </a-space>
-    </a-space>
 
-    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 10px 0">
-      <p>账户列表</p>
-      <a-table :data="listResult.list" :pagination="false">
-        <template #columns>
-          <a-table-column title="账户名称" data-index="account_name" />
-          <a-table-column title="平台" data-index="platform" />
-          <a-table-column title="项目名称" data-index="project" />
-          <a-table-column title="本周总消耗" data-index="total_xiaohao" />
-          <a-table-column title="本周总消耗环比" data-index="huanbi" />
-          <a-table-column title="ROI" data-index="roi" />
-          <a-table-column title="CTR" data-index="ctr" />
-        </template>
-      </a-table>
-      <!-- 分页 -->
-      <a-space direction="vertical" style="float: right" size="large">
-        <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
-      </a-space>
-    </a-space>
-
-    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 10px 0">
-      <a-space direction="content" size="medium"> 本周摘要</a-space>
-      <a-space direction="vertical" class="bzzy">
-        <a-space>
-          <a-space>总消耗:</a-space>
-          <a-space>233，较上周期</a-space>
-        </a-space>
-        <a-space>
-          <a-space>整体ROI:</a-space>
-          <a-space>233，较上周期</a-space>
-        </a-space>
-        <a-space>
-          <a-space>主要转化来源:</a-space>
-          <a-space>抖音</a-space>
-        </a-space>
-        <a-space>
-          <a-space>优质素材表现:</a-space>
-          <a-space>美团</a-space>
-        </a-space>
-      </a-space>
-    </a-space>
-
-    <a-space direction="vertical" class="pading_style">
-      <p>投放优化建议</p>
-      <div class="common_back">
-        <a-space direction="vertical">
-          <a-space> 总体策略</a-space>
-          <a-space> 本周建议维持预算</a-space>
         </a-space>
       </div>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="24"></a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>预算分配</a-space>
-              <a-space>巨量ROI高，建议将预算提升</a-space>
-              <a-space>聚光ROAS明显下降</a-space>
-            </a-space>
-          </div>
-        </a-col>
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>时段优化</a-space>
-              <a-space>巨量ROI高，建议将预算提升</a-space>
-              <a-space>聚光ROAS明显下降</a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>人群包优化</a-space>
-              <a-space>巨量ROI高，建议将预算提升</a-space>
-              <a-space>聚光ROAS明显下降</a-space>
-            </a-space>
-          </div>
-        </a-col>
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>素材优化</a-space>
-              <a-space>巨量ROI高，建议将预算提升</a-space>
-              <a-space>聚光ROAS明显下降</a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-    </a-space>
+    </div>
+
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">账户列表</span>
+      </div>
+
+      <!--          table-->
+      <a-table class="account-table" :data="listResult.list" :pagination="false">
+        <template #columns>
+          <a-table-column title="账号名称" data-index="name" />
+          <a-table-column title="平台" data-index="name" />
+          <a-table-column title="项目名称" data-index="name" />
+          <a-table-column title="本周总消耗" data-index="name" />
+          <a-table-column title="本周总消耗环比" data-index="name" />
+          <a-table-column title="ROI" data-index="name" />
+          <a-table-column title="CTR" data-index="name" />
+        </template>
+      </a-table>
+
+      <!-- 分页 -->
+      <a-pagination class="account-page" :total="listResult.total" :size="listQuery.page_size" show-total show-jumper
+                    show-page-size />
+
+    </div>
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">本月摘要</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">本月摘要。</p>
+          </template>
+        </a-popover>
+      </div>
+      <div class="month-data-div">
+        <div style="align-self: stretch">
+          <span class="month-text-black">总消耗：</span>
+          <span class="month-text-blue">￥52,382.16</span>
+          <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>
+          <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>
+          <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>
+          <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>
+          <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>
+          <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>
+          <span class="month-text-blue">美团酒店爆款横版1号</span>
+          <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放建议优化</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">投放建议优化。</p>
+          </template>
+        </a-popover>
+      </div>
+
+      <div>
+        <a-row>
+          <a-col :span="24">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">总体策略</span>
+              <span class="placement-optimization-str">本周建议</span>
+
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">预算分配</span>
+              <span class="placement-optimization-str">巨量ROI高，建议将预算提升至 ￥5,000元/日 <br>
+              聚光 ROAS明显下降，建议减少预算 30%</span>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">时段优化</span>
+              <span class="placement-optimization-str">过去7日 19:00-21:00 转化率最高，提升了12.6% <br>
+              建议设置定时投放，仅在高效时段曝光</span>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">人群包优化</span>
+              <span class="placement-optimization-str">18-24岁女性转化率最高，建议加预算 <br>
+              25-34岁男香表现较差，建议停投节省成本</span>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">素材优化</span>
+              <span class="placement-optimization-str">替换当前点击率下降的xxxxx素材<br>
+              增加同类风格素材：xxxxx素材点击率更高 <br>
+              建议优化元素：视频封面/文案/开头引导，可提升CTR</span>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </div>
 
-    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 10px 0">
-      <p>投放行动指南</p>
-      <a-space> 表现分析</a-space>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>人群分析</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>投放素材</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>投放时段</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-        <a-col :span="12">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>平台表现</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
 
-      <a-space> 新投放建议生成</a-space>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="24">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>人群建议</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="24">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>素材建议</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="24">
-          <div class="common_back">
-            <a-space direction="vertical">
-              <a-space>投放策略建议</a-space>
-              <a-space>
-                <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                18-24岁女性，兴趣为“美妆,穿搭”，一线城市，抖音平台
-              </a-space>
-              <a-space>
-                <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-              <a-space>
-                <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                25-34岁男性，兴趣为 数码产品
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-    </a-space>
   </view>
 </template>
 
 <script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { IconDelete } from '@arco-design/web-vue/es/icon';
-import top1 from '@/assets/img/captcha/top1.svg';
-import top2 from '@/assets/img/captcha/top2.svg';
-import top3 from '@/assets/img/captcha/top3.svg';
+import { reactive, ref } from "vue";
+import { IconDelete } from "@arco-design/web-vue/es/icon";
+import top1 from "@/assets/img/captcha/top1.svg";
+import top2 from "@/assets/img/captcha/top2.svg";
+import top3 from "@/assets/img/captcha/top3.svg";
+import "@/views/property-marketing/account-placement/placementGuide.less";
 
 const listQuery = reactive({
-  project_id: ref(''),
-  platform: ref(''),
+  project_id: ref(""),
+  platform: ref(""),
   page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
+  name: ref(""),
+  page_size: ref("10")
 });
 
 const listResult = reactive({
   list: ref([
     {
-      account_name: '全球旅行小助手',
-      platform: '巨量',
-      project: '巨量',
-      ctr: '巨量',
-      huanbi: '巨量',
-      total_xiaohao: '巨量',
-      roi: '巨量',
-    },
+      account_name: "全球旅行小助手",
+      platform: "巨量",
+      project: "巨量",
+      ctr: "巨量",
+      huanbi: "巨量",
+      total_xiaohao: "巨量",
+      roi: "巨量"
+    }
   ]),
-  total: ref(0),
+  total: ref(0)
 });
 
 const topImages = [top1, top2, top3];
 </script>
 
 <style lang="less" scoped>
-.common_back {
-  background-color: rgba(247, 248, 250, 1);
-  padding: 24px;
-  border-radius: 8px;
-}
 
-.pading_style {
-  background-color: #fff;
-  width: 100%;
-  padding: 5px 0px 2px 20px;
-  margin: 24px 0;
-  border-radius: 19px;
-}
-
-.tfzn {
-  font: Alibaba PuHuiTi;
-}
-
-.bzzy {
-  background-color: rgba(240, 237, 255, 1);
-  width: 100%;
-  padding: 24px;
-  margin-top: 16px;
-  border-radius: 19px;
-}
-
-.ztcc_title {
-  font-size: 16px;
-  line-height: 22px;
-}
 </style>

From ccfa7baff1a6ad64364c578d171f67da35c15b67 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Thu, 26 Jun 2025 11:35:23 +0800
Subject: [PATCH 05/78] =?UTF-8?q?=E6=99=BA=E8=83=BD=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../routes/modules/propertyMarketing.ts       |   6 +-
 .../enterpriseKnowledge/userPainPoints.vue    | 325 ++++++++++++++++++
 .../enterpriseKnowledge/brandMaterials.vue    |   3 +
 .../businessAnalysisReport.vue                | 137 ++++++++
 .../competitiveProductAnalysisReport.vue      | 114 ++++++
 5 files changed, 582 insertions(+), 3 deletions(-)
 create mode 100644 src/views/components/enterpriseKnowledge/userPainPoints.vue
 create mode 100644 src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
 create mode 100644 src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
 create mode 100644 src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index a15af43..daaaa52 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -28,7 +28,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/enterpriseKnowledge/brandMaterials.vue'),
       },
     ],
   },
@@ -153,7 +153,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport'),
       },
       {
         path: 'competitiveProductAnalysisReport',
@@ -163,7 +163,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport'),
       },
     ],
   },
diff --git a/src/views/components/enterpriseKnowledge/userPainPoints.vue b/src/views/components/enterpriseKnowledge/userPainPoints.vue
new file mode 100644
index 0000000..57d77f9
--- /dev/null
+++ b/src/views/components/enterpriseKnowledge/userPainPoints.vue
@@ -0,0 +1,325 @@
+<template>
+  <view>
+    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin-bottom: 24px">
+      <div class="materials-page">
+        <!-- 顶部标题和新增按钮 -->
+        <div class="header-row">
+          <h2 class="page-title">品牌物料</h2>
+          <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
+        </div>
+
+        <!-- 搜索栏 -->
+        <div class="search-row">
+          品牌名称
+          <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
+          <a-button type="outline" @click="handleSearch">
+            <template #icon>
+              <icon-search />
+            </template>
+            <template #default>搜索</template>
+          </a-button>
+          <a-button type="outline" @click="handleReset">
+            <template #icon>
+              <icon-refresh />
+            </template>
+            <template #default>重置</template>
+          </a-button>
+        </div>
+
+        <!-- 表格 -->
+
+        <a-table :data="listResult.list" :pagination="false">
+          <template #columns>
+            <a-table-column title="品牌名称" data-index="name" />
+            <a-table-column title="品牌logo" data-index="logo">
+              <template #cell="{ record }">
+                <img :src="record.logo" style="width: 50px; height: 50px" />
+              </template>
+            </a-table-column>
+            <a-table-column title="Slogan" data-index="slogan" />
+            <a-table-column title="操作" data-index="optional">
+              <template #cell="{ record }">
+                <a-popconfirm
+                  content="确定删除吗?"
+                  type="warning"
+                  ok-text="确认删除"
+                  cancel-text="取消"
+                  @ok="deleteBrand(record.id)"
+                >
+                  <icon-delete></icon-delete>
+                </a-popconfirm>
+                <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
+              </template>
+            </a-table-column>
+          </template>
+        </a-table>
+
+        <!-- 分页 -->
+        <a-space direction="vertical" size="large">
+          <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
+        </a-space>
+
+        <!-- 新增/编辑品牌弹窗 -->
+        <a-modal
+          v-model:visible="modalVisible"
+          :title="modalTitle"
+          :mask-closable="false"
+          :esc-to-close="false"
+          width="480px"
+          @cancel="handleModalCancel"
+        >
+          <a-form
+            :model="form"
+            :label-col-props="{ span: 5, offset: 0 }"
+            :wrapper-col-props="{ span: 19, offset: 0 }"
+            label-align="left"
+            :rules="formRule"
+            ref="formRef"
+            layout="left"
+          >
+            <a-form-item field="name" label="品牌名称">
+              <a-input v-model="form.name" placeholder="请输入品牌名称" />
+            </a-form-item>
+            <a-form-item field="logo" label="标准版Logo">
+              <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
+              <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
+            </a-form-item>
+            <a-form-item field="otherLogos" label="其他Logo">
+              <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
+            </a-form-item>
+            <a-form-item field="slogan" label="Slogan">
+              <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
+            </a-form-item>
+          </a-form>
+          <template #footer>
+            <a-button @click="handleModalCancel">取消</a-button>
+            <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
+          </template>
+        </a-modal>
+      </div>
+    </a-space>
+  </view>
+</template>
+
+<script setup>
+import { ref, computed, reactive, onMounted } from 'vue';
+import { Message } from '@arco-design/web-vue';
+import { IconDelete } from '@arco-design/web-vue/es/icon';
+import {
+  addMaterials,
+  deleteMaterials,
+  getMaterialsList,
+  getMaterialsDetail,
+  updateMaterials,
+} from '@/api/all/enterpriseKnowledge';
+import ImageUpload from '@/components/upload/ImageUpload.vue';
+import { valid } from 'mockjs';
+
+const searchName = ref('');
+const current = ref(1);
+
+const listResult = reactive({
+  list: ref([]),
+  total: ref(0),
+});
+
+const listQuery = reactive({
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+
+const modalVisible = ref(false);
+const modalTitle = ref('编辑品牌');
+const formRef = ref();
+//表单验证
+const formRule = {
+  name: [{ required: true, message: '请输入品牌名称', trigger: ['blur', 'change'] }],
+  logo: [{ required: true, message: '请上传品牌logo', trigger: ['blur', 'change'] }],
+};
+const form = reactive({
+  name: '',
+  logo: '',
+  id: 0,
+  other_logos: [], // [{ url: '' }]
+  slogan: '',
+});
+
+const btn_str = ref('确认添加');
+
+onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+  getMaterialsList(listQuery).then((response) => {
+    listResult.list = response.data;
+  });
+};
+
+const deleteBrand = (id) => {
+  console.log(id, 'id');
+  deleteMaterials(id).then(() => {
+    Message.success('删除成功');
+    handleSearch();
+  });
+};
+
+function handleReset() {
+  searchName.value = '';
+  current.value = 1;
+}
+
+function handleAdd() {
+  modalTitle.value = '添加品牌';
+  btn_str.value = '确认添加';
+
+  Object.assign(form, {
+    name: '',
+    logo: '',
+    id: 0,
+    other_logos: [], // 或者 []
+    slogan: '',
+  });
+  modalVisible.value = true;
+}
+
+function handleModalCancel() {
+  modalVisible.value = false;
+}
+
+function handleModalOk() {
+  formRef.value
+    .validate()
+    .then((valid) => {
+      if (!valid) {
+        if (form.id) {
+          updateMaterials(form.id, form).then(() => {
+            Message.success('修改成功');
+          });
+        } else {
+          addMaterials(form).then(() => {
+            Message.success('新增成功');
+          });
+        }
+        handleSearch();
+        modalVisible.value = false;
+      }
+    })
+    .catch((error) => {
+      console.error('验证失败:', error);
+      Message.error('请检查表单填写是否正确');
+    });
+}
+
+function handleEdit(id) {
+  modalTitle.value = '编辑品牌';
+  //清空form 字段数据
+  formRef.value.resetFields();
+  modalVisible.value = true;
+  btn_str.value = '确认修改';
+  getMaterialsDetail(id).then((response) => {
+    //赋值给form表单
+    Object.assign(form, response);
+  });
+}
+</script>
+
+<style scoped>
+.materials-page {
+  background: #fff;
+  border-radius: 8px;
+  padding: 32px 24px 24px 24px;
+  min-height: 600px;
+}
+
+.header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.add-btn {
+  font-size: 16px;
+  padding: 0 24px;
+}
+
+.search-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+
+.search-input {
+  width: 240px;
+}
+
+.search-btn,
+.reset-btn {
+  min-width: 72px;
+}
+
+.brand-table {
+  margin-bottom: 16px;
+}
+
+.logo-cell {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 500;
+}
+
+.logo-emoji {
+  font-size: 20px;
+}
+
+.logo-text {
+  font-size: 16px;
+}
+
+.pagination-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-top: 8px;
+}
+
+.page-size-select {
+  width: 80px;
+}
+
+.upload-card {
+  width: 80px;
+  height: 80px;
+  border: 1px dashed #d9d9d9;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-size: 24px;
+  background: #fafafa;
+  border-radius: 6px;
+}
+
+.upload-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+.form-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+</style>
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
new file mode 100644
index 0000000..c85230c
--- /dev/null
+++ b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
@@ -0,0 +1,3 @@
+<template>
+  <view> </view>
+</template>
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
new file mode 100644
index 0000000..56011c2
--- /dev/null
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -0,0 +1,137 @@
+<template>
+  <view>
+    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
+      <a-space align="end">
+        <span class="part-div-header-title">业务分析报告 </span>
+      </a-space>
+      <a-space wrap :size="30">
+
+      </a-space>
+      <a-space align="center" class="search-form-div" size="medium">
+        <a-form-item field="name" class="search-form" label="服务/产品">
+          <a-input
+            v-model="listQuery.name"
+            placeholder="请搜索..."
+          />
+        </a-form-item>
+        <a-form-item field="name" label="生成日期">
+          <a-range-picker
+            showTime
+            :time-picker-props="{
+              defaultValue: ['00:00:00', '00:00:00'],
+            }"
+            style="width: 380px"
+          />
+        </a-form-item>
+        <a-form-item field="name">
+          <a-space>
+            <a-button type="outline" class="search-btn" @click="handleSearch">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>搜索</template>
+            </a-button>
+            <a-button type="outline" class="reset-btn" @click="handleSearch">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+          </a-space>
+        </a-form-item>
+      </a-space>
+      <a-table
+        :columns="columns"
+        :data="listResult.data"
+        :filter-icon-align-left="alignLeft"
+        @change="handleChange"
+        :scroll="true"
+        :pagination="false"
+      >
+      </a-table>
+      <a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
+    </a-space>
+  </view>
+</template>
+
+<script setup lang="ts">
+const listQuery = reactive({
+  name: '',
+});
+
+const listResult = reactive({
+  data: [],
+  total: 0,
+});
+
+const columns = [
+  {
+    title: '服务/产品',
+    dataIndex: 'rank',
+    slotName: 'rank',
+    width: 60,
+    minWidth: 60,
+  },
+  {
+    title: '生成日期',
+    dataIndex: 'name',
+    width: 120,
+    minWidth: 120,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    titleSlotName: 'hotTitle',
+    width: 180,
+    minWidth: 180,
+    title: '目标客群',
+    dataIndex: 'hot',
+    slotName: 'hot',
+  },
+  {
+    title: '价格区间',
+    dataIndex: 'name',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    titleSlotName: 'volume_rateTitle',
+    title: '最后更新日期',
+    dataIndex: 'volumeRate',
+    width: 180,
+    minWidth: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+    slotName: 'volumeRate',
+  },
+  {
+    title: '操作人',
+    dataIndex: 'name',
+    width: 120,
+    minWidth: 120,
+  },
+];
+</script>
+
+<style scoped lang="less">
+.part-div-header-title {
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  color: var(--Text-1, #211f24);
+  font-size: 18px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 26px;
+  word-wrap: break-word;
+}
+
+.search-form-div {
+  margin-top: 10px;
+}
+
+.search-form {
+}
+</style>
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
new file mode 100644
index 0000000..d71f0ab
--- /dev/null
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -0,0 +1,114 @@
+<template>
+  <view>
+    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
+      <a-space align="end">
+        <span>业务分析报告 </span>
+      </a-space>
+      <a-space align="center" size="medium">
+        <a-form-item field="name" label="服务/产品">
+          <a-input v-model="listQuery.name" placeholder="请搜索" />
+        </a-form-item>
+        <a-form-item field="name" label="生成日期">
+          <a-range-picker
+            showTime
+            :time-picker-props="{
+              defaultValue: ['00:00:00', '00:00:00'],
+            }"
+            style="width: 380px"
+          />
+        </a-form-item>
+        <a-form-item field="name" >
+          <a-space>
+            <a-button type="outline" class="search-btn" @click="handleSearch">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>搜索</template>
+            </a-button>
+            <a-button type="outline" class="reset-btn" @click="handleSearch">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+          </a-space>
+        </a-form-item>
+
+      </a-space>
+      <a-table
+        :columns="columns"
+        :data="listResult.data"
+        :filter-icon-align-left="alignLeft"
+        @change="handleChange"
+        :scroll="true"
+        :pagination="false"
+      >
+      </a-table>
+      <a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
+
+    </a-space>
+  </view>
+</template>
+
+<script setup lang="ts">
+const listQuery = reactive({
+  name: '',
+});
+
+const listResult = reactive({
+  data: [],
+  total: 0,
+});
+
+const columns = [
+  {
+    title: '服务/产品',
+    dataIndex: 'rank',
+    slotName: 'rank',
+    width: 60,
+    minWidth: 60,
+  },
+  {
+    title: '生成日期',
+    dataIndex: 'name',
+    width: 120,
+    minWidth: 120,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    titleSlotName: 'hotTitle',
+    width: 180,
+    minWidth: 180,
+    title: '目标客群',
+    dataIndex: 'hot',
+    slotName: 'hot',
+  },
+  {
+    title: '价格区间',
+    dataIndex: 'name',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    titleSlotName: 'volume_rateTitle',
+    title: '最后更新日期',
+    dataIndex: 'volumeRate',
+    width: 180,
+    minWidth: 180,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+    slotName: 'volumeRate',
+  },
+  {
+    title: '操作人',
+    dataIndex: 'name',
+    width: 120,
+    minWidth: 120,
+  },
+];
+</script>
+
+<style scoped lang="less"></style>

From ace3d9b574d3bf43d56f3cb1e4bfdbbc862cda1f Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 26 Jun 2025 11:36:46 +0800
Subject: [PATCH 06/78] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  30 ++
 .../img/media-account/icon-download.png       | Bin 0 -> 421 bytes
 src/assets/img/media-account/icon-warn-1.png  | Bin 0 -> 639 bytes
 .../components/add-account-modal/index.vue    | 273 +++++++++++++++++-
 .../components/add-account-modal/style.scss   | 108 ++++++-
 .../components/filter-block/index.vue         |  31 +-
 .../components/group-manage-modal/index.vue   |   9 +-
 .../components/group-manage-modal/style.scss  |   1 +
 .../components/group-select/index.vue         |  64 ++++
 .../components/import-prompt-modal/index.vue  |  51 ++++
 .../components/import-prompt-modal/style.scss |  32 ++
 .../components/qrCode-modal/index.vue         |  46 +++
 .../components/qrCode-modal/style.scss        |  19 ++
 .../components/tag-select/index.vue           |  64 ++++
 .../components/tags-manage-modal/index.vue    |   9 +-
 .../components/tags-manage-modal/style.scss   |  31 +-
 .../media-account/account-manage/index.vue    |  14 +-
 17 files changed, 712 insertions(+), 70 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-download.png
 create mode 100644 src/assets/img/media-account/icon-warn-1.png
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/group-select/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/tag-select/index.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 0e68177..0e86efa 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -18,3 +18,33 @@ export const fetchAccountGroups = (params = {}) => {
 export const fetchAccountOperators = (params = {}) => {
   return Http.get('/v1/media-account-operators/list', params);
 };
+
+// 媒体账号-分页
+export const getMediaAccounts = (params = {}) => {
+  return Http.get('/v1/media-accounts', params);
+};
+
+// 媒体账号-添加
+export const postMediaAccounts = (params = {}) => {
+  return Http.post('/v1/media-accounts', params);
+};
+
+// 媒体账号-详情
+export const getMediaAccountsDetail = (id: string) => {
+  return Http.get(`/v1/media-accounts/${id}`);
+};
+
+// 媒体账号-修改
+export const putMediaAccounts = (id: string) => {
+  return Http.put(`/v1/media-accounts/${id}`);
+};
+
+// 媒体账号-删除
+export const deleteMediaAccounts = (id: string) => {
+  return Http.delete(`/v1/media-accounts/${id}`);
+};
+
+// 媒体账号-获取模板地址
+export const getTemplateUrl = (params = {}) => {
+  return Http.get('/v1/media-accounts/template', params);
+};
diff --git a/src/assets/img/media-account/icon-download.png b/src/assets/img/media-account/icon-download.png
new file mode 100644
index 0000000000000000000000000000000000000000..7a0db1bc50025de9592d500ac35f747e9fe1bf3f
GIT binary patch
literal 421
zcmV;W0b2fvP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0Xj)UK~#7F?Uqqa
z!axv)|Jn8c9Kj=S1M$5i+yHzvLhuB7hZ<k4C$I^=BPWn6cmv;McVuWaz#?oHNJH2!
zX)>GL+4;I{It2nXL-6D_`EC)ZuEZRvm&csm;Xw>f$ix>=+*`z2PvD6{%>;oU5Cl#~
zVA$aXj)0SZ6gM*-4-&rLwN};)67%6I>?ELP{K`O+!4KOcWKPz|+Idb62b_9=j_EGa
zJO-mtN`MVMHx*wD2wys)q08RR-SDQv&0mQ!aVmGZ9+$<ho^qPH>|3cFuS;y$ty1wK
zr6T`IcoZ+vJg_7@ix;V${7KC5ExtD*As6<*I)Q#$KNk^C(ovk@0QB4P>t-$`PDj!8
z@|^u0VCpTYWjFu?(_*G>Ib0E_y&2h$ATf+1lD?^xnzf&R{SFXk2%Hl?lG~7mq9TDG
P00000NkvXXu0mjfBi5+B

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-warn-1.png b/src/assets/img/media-account/icon-warn-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..40402eba487815a406941dbf66496801eadeb21e
GIT binary patch
literal 639
zcmV-_0)YLAP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0u)I^K~#7F?U><F
z!ypvL|3n9H1G9lTfpG(?epe^(I)Rr7yiQ>KuGS6A2z7(FfeW<wAZag92mx&3_4>O@
zk3tClJi_BWfIT}7Lj-(=BP@{7Q&J>2Q5u){rn-Vkb2h>c0tpgG!Y;w_K*g+MmxAtp
zVb_?#6EA`Mm4qdDqGF0LN)np;2<;?LP9?_--7V%CbxOZEO?~OU)d7i1N!%yGt!AU7
z(Jx#gTLo@W+zO{itH2(_tq>y5Y%4u!>G+84i-R1a`o4`AEy&++M=j6rqo6)z^#J)|
z8GKk`#BT7RSDP)!r1ks|er|+&afvc~soa;LS|3MPub-*aNu{6F*t8(SErueIyOUPc
zKsw~Va>ij~wT3mi1y3<NS@Vx7a5<>;P-{q=e^r5Okj0^*g>4D`IeUSz=-=QRLnBg!
z28T-Hg7(r-o05YkA9gOwJYum`dCVGB;DO8?LdhcfHc@6#u~!|F6$pV-pl}5yE>T7p
zg&r50_TmYKf^9}Y8v^MKL`+tqe@YsAs#hKwZ)F&_MY)zfaf^f@H&<KW?=m0B&<B);
z%0SmZ($Z;!ex|ylE4MXT1<KV#DIvBiGCb{EF?8bY+&AO{Dogq&LUxKe7cN~l`W+t4
zD52s}`LcM~aqY@F5qkV4go@-U>)55BAYfw3dtJmIV2V6OqzVa+wdOBW3#^Daz}&O*
Z`~v?$k_a=)qKN<i002ovPDHLkV1oY*5Sah~

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 5dbfd99..3f4d67b 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -3,27 +3,278 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal v-model:visible="visible" width="800px" modal-class="add-account-modal" :footer="false" @close="close">
-    <template #title> 添加账号 </template>
+  <a-modal
+    v-model:visible="visible"
+    title="添加账号"
+    modal-class="add-account-modal"
+    :footer="false"
+    width="500px"
+    :mask-closable="false"
+  >
+    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <a-form-item label="上传方式" required>
+        <a-radio-group v-model="uploadType">
+          <a-radio value="manual">手动添加账号</a-radio>
+          <a-radio value="batch">批量导入账号</a-radio>
+        </a-radio-group>
+      </a-form-item>
+
+      <!-- 批量导入账号模式下的内容 -->
+      <template v-if="isBatchImport">
+        <a-form-item label="账号文件" required>
+          <!-- 默认状态 -->
+          <div class="upload-block">
+            <template v-if="uploadStatus === 'default'">
+              <a-upload draggable :custom-request="handleUpload" />
+            </template>
+            <template v-else>
+              <div class="flex items-center">
+                <div
+                  class="flex items-center justify-between py-9px px-12px flex-1 import-row"
+                  :class="{
+                    error: uploadStatus === 'error',
+                  }"
+                >
+                  <div class="flex items-center">
+                    <icon-file size="16" />
+                    <span class="name ml-8px">{{ fileName }}</span>
+                  </div>
+                  <span v-if="uploadStatus === 'error'" class="upload-error" @click="retryUpload">点击重试</span>
+                </div>
+                <img :src="icon2" width="16" height="16" class="cursor-pointer ml-12px" @click="removeFile" />
+              </div>
+            </template>
+            <div class="flex items-center cursor-pointer mt-8px" @click="handleDownloadTemplate">
+              <img :src="icon1" width="16" height="16" class="mr-4px" />
+              <span class="dt">下载账号导入模板.xlsx</span>
+            </div>
+          </div>
+        </a-form-item>
+      </template>
+
+      <!-- 手动添加账号 -->
+      <template v-else>
+        <a-form-item label="手机号" field="mobile" required>
+          <a-input v-model="form.mobile" placeholder="请输入..." size="large" />
+        </a-form-item>
+        <a-form-item label="运营人员" field="operator_name" required>
+          <a-input v-model="form.operator_name" placeholder="请输入..." class="w-240px" size="large" />
+        </a-form-item>
+        <a-form-item label="号码持有人" field="holder_name" required>
+          <a-input v-model="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
+        </a-form-item>
+        <a-form-item label="运营平台" required>
+          <a-radio-group v-model="form.platform">
+            <a-radio :value="0">抖音</a-radio>
+            <a-radio :value="1">小红书</a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <a-form-item label="选择分组">
+          <GroupSelect
+            v-model="form.group_id"
+            :multiple="false"
+            :options="groupOptions"
+            placeholder="请选择…"
+            size="large"
+          />
+        </a-form-item>
+        <a-form-item label="选择标签">
+          <TagSelect v-model="form.tag_ids" :options="tagOptions" placeholder="请选择…" size="large" />
+        </a-form-item>
+      </template>
+
+      <div class="mt-24px text-right">
+        <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+        <a-button type="primary" size="large" @click="onSubmit">
+          {{ isBatchImport ? '确定导入' : '生成授权码' }}
+        </a-button>
+      </div>
+    </a-form>
+
+    <QrCodeModal ref="qrCodeModalRef" />
+    <ImportPromptModal ref="importPromptModalRef" />
   </a-modal>
 </template>
 
 <script setup>
-import { defineExpose } from 'vue';
+import { ref, reactive, onMounted } from 'vue';
+import TagSelect from '../tag-select';
+import GroupSelect from '../group-select';
+import QrCodeModal from '../qrCode-modal';
+import ImportPromptModal from '../import-prompt-modal';
 
+import {
+  fetchAccountTags,
+  fetchAccountGroups,
+  postMediaAccounts,
+  getMediaAccountsDetail,
+  putMediaAccounts,
+  getTemplateUrl,
+} from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/media-account/icon-download.png';
+import icon2 from '@/assets/img/media-account/icon-delete.png';
+
+const groupOptions = ref([]);
+const tagOptions = ref([]);
 const visible = ref(false);
-const open = () => {
+const uploadType = ref('manual');
+const uploadStatus = ref('default');
+const id = ref('');
+const isEdit = ref(false);
+const fileName = ref('账号导入模板.xlsx');
+const formRef = ref();
+const qrCodeModalRef = ref(null);
+const importPromptModalRef = ref(null);
+const form = reactive({
+  mobile: '',
+  operator_name: '',
+  holder_name: '',
+  platform: 0,
+  group_id: '',
+  tag_ids: [],
+});
+
+const isBatchImport = computed(() => uploadType.value === 'batch');
+const confirmBtnText = computed(() => {
+  if (isBatchImport.value) return '确定导入';
+  return isEdit.value ? '确定' : '生成授权码';
+});
+
+const rules = {
+  mobile: [
+    {
+      required: true,
+      message: '请填写手机号',
+      trigger: ['blur', 'change'],
+    },
+    {
+      validator: (value, callback) => {
+        if (!/^1[3-9]\d{9}$/.test(value)) {
+          callback('手机号格式不正确');
+        } else {
+          callback();
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
+  operator_name: [{ required: true, message: '请输入运营人员' }],
+  holder_name: [{ required: true, message: '请输入号码持有人' }],
+};
+
+// 获取分组数据
+const getGroups = async () => {
+  try {
+    const { code, data } = await fetchAccountGroups();
+    if (code === 200) {
+      groupOptions.value = data;
+    }
+  } catch (error) {
+    console.error('获取分组列表失败:', error);
+  }
+};
+
+// 获取标签数据
+const getTags = async () => {
+  try {
+    const { code, data } = await fetchAccountTags();
+    if (code === 200) {
+      tagOptions.value = data;
+    }
+  } catch (error) {
+    console.error('获取标签列表失败:', error);
+  }
+};
+
+function handleUpload({ file, onSuccess, onError }) {
+  // 模拟上传
+  uploadStatus.value = 'error';
+}
+
+function removeFile() {
+  fileName.value = '';
+  uploadStatus.value = 'default';
+}
+
+function retryUpload() {
+  handleUpload();
+  // uploadStatus.value = 'default';
+}
+const reset = () => {
+  formRef.value.resetFields();
+  formRef.value.clearValidate();
+
+  fileName.value = '';
+  uploadStatus.value = 'default';
+  uploadType.value = 'manual';
+};
+function onClose() {
+  reset();
+  visible.value = false;
+}
+
+const open = (accountId = '') => {
+  id.value = accountId;
+  isEdit.value = !!accountId;
+  if (accountId) {
+    getAccountDetail();
+  }
+  getGroups();
+  getTags();
+
   visible.value = true;
 };
-const close = () => {
-  visible.value = false;
+
+const getAccountDetail = async () => {
+  const { code, data } = await getMediaAccountsDetail(id.value);
+  if (code === 200) {
+    form.value = data;
+  }
 };
-const handleOk = () => {
-  console.log('handleOk');
+
+const handleBatchImport = () => {
+  onClose();
+  importPromptModalRef.value.open();
 };
-defineExpose({
-  open,
-});
+
+async function onSubmit() {
+  if (isBatchImport.value) {
+    handleBatchImport();
+    return;
+  }
+
+  formRef.value.validate(async (errors) => {
+    if (!errors) {
+      const _fn = id.value ? putMediaAccounts : postMediaAccounts;
+      const _params = id.value ? { id: id.value } : form;
+      const { code } = await _fn(_params);
+      if (code === 200) {
+        AMessage.success(isEdit.value ? '修改成功' : '生成授权码成功');
+
+        if (isEdit.value) {
+          visible.value = false;
+        } else {
+          handleSuccess();
+        }
+      }
+    }
+  });
+}
+
+const handleSuccess = () => {
+  qrCodeModalRef.value.open();
+};
+
+const handleDownloadTemplate = async () => {
+  const { code, data } = await getTemplateUrl();
+  if (code === 200) {
+    window.open(data.url, '_blank');
+  }
+};
+
+// 对外暴露打开弹窗方法
+defineExpose({ open });
 </script>
 
 <style lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index 06dee88..61e48a4 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -1,18 +1,96 @@
 .add-account-modal {
-    .arco-modal-header {
-      border-bottom: none;
-      height: 56px;
-      padding: 22px 24px 16px 24px;
-      .arco-modal-title {
-        justify-content: flex-start;
-      }
-    }
-    .arco-modal-body {
-      padding: 16px 24px 20px;
-    }
-    .arco-modal-footer {
-      border-top: none;
-      padding: 0;
+  border-radius: 8px;
+  .arco-input-wrapper,
+  .arco-select-view-single,
+  .arco-select-view-multiple {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
     }
   }
-  
\ No newline at end of file
+  .w-240px {
+    width: 240px !important;
+  }
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+  .arco-modal-body {
+    padding: 24px 24px 20px;
+    .arco-form-item {
+      margin-bottom: 16px;
+    }
+    .cancel-btn {
+      border-radius: 4px;
+      border: 1px solid var(--BG-500, #b1b2b5);
+      background: var(--BG-white, #fff);
+    }
+    .upload-block {
+      width: 100%;
+      .dt {
+        color: var(--Brand-Brand-6, #6d4cfe);
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+      }
+      .import-row {
+        border-radius: 4px;
+        border: 1px solid var(--BG-400, #d7d7d9);
+        background: var(--BG-200, #f2f3f5);
+        .name {
+          color: var(--Text-1, #211f24);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        &.error {
+          background: #ffe7e4;
+          color: #f64b31;
+          border: none;
+          .name {
+            color: #f64b31;
+          }
+        }
+      }
+      .arco-upload-drag {
+        height: 120px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .arco-icon {
+          margin-bottom: 16px;
+        }
+      }
+    }
+    .upload-dragger {
+      border: 1px dashed #d9d9d9;
+      padding: 24px 0;
+      text-align: center;
+      background: #fafafa;
+      cursor: pointer;
+    }
+    .upload-error {
+      color: #f53f3f;
+      margin-left: 8px;
+      cursor: pointer;
+    }
+  }
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}
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 888191e..87d4a77 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
@@ -57,35 +57,13 @@
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
         <a-space class="w-200px">
-          <a-select
-            v-model="query.group_ids"
-            size="medium"
-            multiple
-            placeholder="全部"
-            allow-clear
-            @change="handleSearch"
-          >
-            <a-option v-for="(item, index) in groups" :key="index" :value="item.id" :label="item.name">{{
-              item.name
-            }}</a-option>
-          </a-select>
+          <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">标签</span>
         <a-space class="w-320px">
-          <a-select
-            v-model="query.tag_ids"
-            multiple
-            size="medium"
-            placeholder="全部"
-            allow-clear
-            @change="handleSearch"
-          >
-            <a-option v-for="(item, index) in tags" :key="index" :value="item.id" :label="item.name">{{
-              item.name
-            }}</a-option>
-          </a-select>
+          <tag-select v-model="query.tag_ids" :options="tags" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -109,6 +87,8 @@
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
 import { fetchAccountTags, fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
+import TagSelect from '../tag-select/index.vue';
+import GroupSelect from '../group-select/index.vue';
 import {
   INITIAL_QUERY,
   PLATFORM_LIST,
@@ -129,6 +109,7 @@ const handleReset = () => {
   query.value = cloneDeep(INITIAL_QUERY);
   emits('onReset');
 };
+
 const getTags = async () => {
   const { code, data } = await fetchAccountTags();
   if (code === 200) {
@@ -138,7 +119,7 @@ const getTags = async () => {
 const getGroups = async () => {
   const { code, data } = await fetchAccountGroups();
   if (code === 200) {
-    tags.value = data;
+    groups.value = data;
   }
 };
 const getOperators = async () => {
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 605f2ca..2355602 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -3,7 +3,14 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal v-model:visible="visible" width="800px" modal-class="account-manage-modal" :footer="false" @close="close">
+  <a-modal
+    v-model:visible="visible"
+    width="800px"
+    modal-class="account-manage-modal"
+    :footer="false"
+    :mask-closable="false"
+    @close="close"
+  >
     <template #title> 分组管理 </template>
     <template #footer> </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
index 131322b..30e4ed2 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -1,4 +1,5 @@
 .account-manage-modal {
+  border-radius: 8px;
   .arco-modal-header {
     border-bottom: none;
     height: 56px;
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-select/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-select/index.vue
new file mode 100644
index 0000000..a736c92
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-select/index.vue
@@ -0,0 +1,64 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedGroups"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: true,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedGroups = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedGroups.value = newVal;
+  },
+  { immediate: true },
+);
+
+// 监听内部值变化，向外部发送更新
+watch(selectedGroups, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedGroups.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
new file mode 100644
index 0000000..7b67178
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
@@ -0,0 +1,51 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="480px"
+    title="导入提示"
+    modal-class="import-prompt-modal"
+    :footer="false"
+    :mask-closable="false"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <div class="flex items-center">
+        <img :src="icon1" width="20" height="20" class="mr-12px" />
+        <span class="tip"> 账号已成功导入，当前为未授权状态。请前往卡片列表手动授权，完成授权后账号可正常使用。 </span>
+      </div>
+
+      <div class="mt-24px text-right w-100%">
+        <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
+        <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
+      </div>
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const visible = ref(false);
+const open = () => {
+  visible.value = true;
+};
+const close = () => {
+  visible.value = false;
+};
+const handleOk = () => {
+  close();
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
new file mode 100644
index 0000000..5ac2afe
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -0,0 +1,32 @@
+.import-prompt-modal {
+  border-radius: 8px;
+
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+  .arco-modal-body {
+    padding: 20px 24px 20px;
+    .cancel-btn {
+      border-radius: 4px;
+      border: 1px solid var(--BG-500, #b1b2b5);
+      background: var(--BG-white, #fff);
+    }
+    .tip {
+      color: var(--Text-1, #211f24);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+  }
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue
new file mode 100644
index 0000000..c5b12c9
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue
@@ -0,0 +1,46 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="480px"
+    title="添加账号"
+    modal-class="qrCode-modal"
+    :footer="false"
+    :mask-closable="false"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <img src="" width="160" height="160" class="mb-16px" />
+      <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+
+      <div class="mt-24px text-center">
+        <a-button type="primary" size="large" @click="handleOk"> 完成扫码 </a-button>
+      </div>
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+const visible = ref(false);
+const open = () => {
+  visible.value = true;
+};
+const close = () => {
+  visible.value = false;
+};
+const handleOk = () => {
+  console.log('handleOk');
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss
new file mode 100644
index 0000000..8c1aba1
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss
@@ -0,0 +1,19 @@
+.qrCode-modal {
+  border-radius: 8px;
+
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+  .arco-modal-body {
+    padding: 20px 24px 20px;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/tag-select/index.vue b/src/views/property-marketing/media-account/account-manage/components/tag-select/index.vue
new file mode 100644
index 0000000..189e336
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tag-select/index.vue
@@ -0,0 +1,64 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedTags"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: true,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedTags = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedTags.value = newVal;
+  },
+  { immediate: true },
+);
+
+// 监听内部值变化，向外部发送更新
+watch(selectedTags, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedTags.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 471dfb2..25aa433 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -3,7 +3,14 @@
  * @Date: 2025-06-25 17:51:46
 -->
 <template>
-  <a-modal v-model:visible="visible" width="800px" modal-class="tags-manage-modal" :footer="false" @close="close">
+  <a-modal
+    v-model:visible="visible"
+    width="800px"
+    modal-class="tags-manage-modal"
+    :footer="false"
+    :mask-closable="false"
+    @close="close"
+  >
     <template #title> 标签管理 </template>
   </a-modal>
 </template>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
index 6c21865..318e122 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -1,18 +1,19 @@
 .tags-manage-modal {
-    .arco-modal-header {
-      border-bottom: none;
-      height: 56px;
-      padding: 22px 24px 16px 24px;
-      .arco-modal-title {
-        justify-content: flex-start;
-      }
-    }
-    .arco-modal-body {
-      padding: 16px 24px 20px;
-    }
-    .arco-modal-footer {
-      border-top: none;
-      padding: 0;
+  border-radius: 8px;
+
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
     }
   }
-  
\ No newline at end of file
+  .arco-modal-body {
+    padding: 16px 24px 20px;
+  }
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 6c59e6b..14cfc0e 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -91,6 +91,7 @@ import TagsManageModal from './components/tags-manage-modal';
 import AddAccountModal from './components/add-account-modal';
 
 import { INITIAL_QUERY } from './constants';
+import { getMediaAccounts } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon2 from '@/assets/img/media-account/icon-group.png';
@@ -118,8 +119,17 @@ onMounted(() => {
   getData();
 });
 
-const getData = () => {
-  console.log('getData', query.value, pageInfo);
+const getData = async () => {
+  // const { page, pageSize } = pageInfo;
+  // const { code, data, total } = await getMediaAccounts({
+  //   page,
+  //   page_size: pageSize,
+  //   ...query.value,
+  // });
+  // if (code === 200) {
+  //   dataSource.value = data.data;
+  //   pageInfo.total = total;
+  // }
   dataSource.value = new Array(8).fill({
     id: 1,
     name: '全球',

From 6db350596ec224929b85f57840640c9bcb358698 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Thu, 26 Jun 2025 11:39:50 +0800
Subject: [PATCH 07/78] =?UTF-8?q?=E6=99=BA=E8=83=BD=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/enterpriseKnowledge.ts            |  26 ++
 .../enterpriseKnowledge/materials.vue         | 340 ++++++++++++++++++
 .../enterpriseKnowledge/userPainPoints.vue    | 325 -----------------
 .../enterpriseKnowledge/brandMaterials.vue    | 338 ++++++++++++++++-
 4 files changed, 703 insertions(+), 326 deletions(-)
 create mode 100644 src/api/all/enterpriseKnowledge.ts
 create mode 100644 src/views/components/enterpriseKnowledge/materials.vue
 delete mode 100644 src/views/components/enterpriseKnowledge/userPainPoints.vue

diff --git a/src/api/all/enterpriseKnowledge.ts b/src/api/all/enterpriseKnowledge.ts
new file mode 100644
index 0000000..39e52a3
--- /dev/null
+++ b/src/api/all/enterpriseKnowledge.ts
@@ -0,0 +1,26 @@
+import Http from '@/api';
+
+// 获取物料列表
+export const getMaterialsList = (params = {}) => {
+  // 发送GET请求，获取行业树
+  return Http.get('v1/materials', params);
+};
+
+//删除物料
+export const deleteMaterials = (id: number) => {
+  return Http.delete('v1/materials/' + id);
+};
+
+//添加物料
+export const addMaterials = (data: any) => {
+  return Http.post('v1/materials', data);
+};
+//修改物料
+export const updateMaterials = (id: number, data: any) => {
+  return Http.put('v1/materials/' + id, data);
+};
+
+//获取详情
+export const getMaterialsDetail = (id: number) => {
+  return Http.get('v1/materials/' + id);
+};
diff --git a/src/views/components/enterpriseKnowledge/materials.vue b/src/views/components/enterpriseKnowledge/materials.vue
new file mode 100644
index 0000000..b8b6843
--- /dev/null
+++ b/src/views/components/enterpriseKnowledge/materials.vue
@@ -0,0 +1,340 @@
+<template>
+  <div class="materials-page">
+    <!-- 顶部标题和新增按钮 -->
+    <div class="header-row">
+      <h2 class="page-title">品牌物料</h2>
+      <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
+    </div>
+
+    <!-- 搜索栏 -->
+    <div class="search-row">
+      品牌名称
+      <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
+      <a-button type="outline" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button type="outline" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </div>
+
+    <!-- 表格 -->
+
+    <a-table :data="listResult.list" :pagination="false">
+      <template #columns>
+        <a-table-column title="品牌名称" data-index="name" />
+        <a-table-column title="品牌logo" data-index="logo">
+          <template #cell="{ record }">
+            <img :src="record.logo" style="width: 50px; height: 50px" />
+          </template>
+        </a-table-column>
+        <a-table-column title="Slogan" data-index="slogan" />
+        <a-table-column title="操作" data-index="optional">
+          <template #cell="{ record }">
+            <a-popconfirm
+              content="确定删除吗?"
+              type="warning"
+              ok-text="确认删除"
+              cancel-text="取消"
+              @ok="deleteBrand(record.id)"
+            >
+              <icon-delete></icon-delete>
+            </a-popconfirm>
+            <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+
+    <!-- 分页 -->
+    <a-space direction="vertical" size="large">
+      <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
+    </a-space>
+
+    <!-- 新增/编辑品牌弹窗 -->
+    <a-modal
+      v-model:visible="modalVisible"
+      :title="modalTitle"
+      :mask-closable="false"
+      :esc-to-close="false"
+      width="480px"
+      @cancel="handleModalCancel"
+    >
+      <a-form
+        :model="form"
+        :label-col-props="{ span: 5, offset: 0 }"
+        :wrapper-col-props="{ span: 19, offset: 0 }"
+        label-align="left"
+        :rules="formRule"
+        ref="formRef"
+        layout="left"
+      >
+        <a-form-item field="name" label="品牌名称">
+          <a-input v-model="form.name" placeholder="请输入品牌名称" />
+        </a-form-item>
+        <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
+          <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
+          <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
+        </a-form-item>
+        <a-form-item field="otherLogos"  class="form-item-logo" label="其他Logo">
+          <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
+        </a-form-item>
+        <a-form-item field="slogan" label="Slogan">
+          <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
+        </a-form-item>
+      </a-form>
+      <template #footer>
+        <a-button @click="handleModalCancel">取消</a-button>
+        <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
+      </template>
+    </a-modal>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, reactive, onMounted } from 'vue';
+import { Message } from '@arco-design/web-vue';
+import { IconDelete } from '@arco-design/web-vue/es/icon';
+import {
+  addMaterials,
+  deleteMaterials,
+  getMaterialsList,
+  getMaterialsDetail,
+  updateMaterials,
+} from '@/api/all/enterpriseKnowledge';
+import ImageUpload from '@/components/upload/ImageUpload.vue';
+import { valid } from 'mockjs';
+
+const searchName = ref('');
+const current = ref(1);
+
+const listResult = reactive({
+  list: ref([]),
+  total: ref(0),
+});
+
+const listQuery = reactive({
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+
+const modalVisible = ref(false);
+const modalTitle = ref('编辑品牌');
+const formRef = ref();
+//表单验证
+const formRule = {
+  name: [{ required: true, message: '请输入品牌名称', trigger: ['blur', 'change'] }],
+  logo: [{ required: true, message: '请上传品牌logo', trigger: ['blur', 'change'] }],
+};
+const form = reactive({
+  name: '',
+  logo: '',
+  id: 0,
+  other_logos: [], // [{ url: '' }]
+  slogan: '',
+});
+
+const btn_str = ref('确认添加');
+
+onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+  getMaterialsList(listQuery).then((response) => {
+    listResult.list = response.data;
+    listResult.total = response.total;
+  });
+};
+
+const deleteBrand = (id) => {
+  console.log(id, 'id');
+  deleteMaterials(id).then(() => {
+    Message.success('删除成功');
+    handleSearch();
+  });
+};
+
+function handleReset() {
+  searchName.value = '';
+  current.value = 1;
+}
+
+function handleAdd() {
+  modalTitle.value = '添加品牌';
+  btn_str.value = '确认添加';
+  form.id = 0;
+  form.logo = '';
+  form.name = '';
+  form.slogan = '';
+  form.other_logos = [];
+  modalVisible.value = true;
+}
+
+function handleModalCancel() {
+  modalVisible.value = false;
+}
+
+function handleModalOk() {
+  formRef.value
+    .validate()
+    .then((valid) => {
+      if (!valid) {
+        if (form.id) {
+          updateMaterials(form.id, form).then(() => {
+            Message.success('修改成功');
+            handleSearch();
+          });
+        } else {
+          addMaterials(form).then(() => {
+            Message.success('新增成功');
+            handleSearch();
+          });
+        }
+        modalVisible.value = false;
+      }
+    })
+    .catch((error) => {
+      console.error('验证失败:', error);
+      Message.error('请检查表单填写是否正确');
+    });
+}
+
+function handleEdit(id) {
+  modalTitle.value = '编辑品牌';
+  formRef.value.resetFields();
+  modalVisible.value = true;
+  btn_str.value = '确认修改';
+  getMaterialsDetail(id).then((response) => {
+    Object.assign(form, response);
+  });
+}
+</script>
+
+<style scoped>
+.materials-page {
+  background: #fff;
+  border-radius: 8px;
+  padding: 32px 24px 24px 24px;
+  min-height: 600px;
+}
+
+.header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.add-btn {
+  font-size: 16px;
+  padding: 0 24px;
+}
+
+.search-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+
+.search-input {
+  width: 240px;
+}
+
+.search-btn,
+.reset-btn {
+  min-width: 72px;
+}
+
+.brand-table {
+  margin-bottom: 16px;
+}
+
+.logo-cell {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 500;
+}
+
+.logo-emoji {
+  font-size: 20px;
+}
+
+.logo-text {
+  font-size: 16px;
+}
+
+.pagination-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-top: 8px;
+}
+
+.page-size-select {
+  width: 80px;
+}
+
+.upload-card {
+  width: 80px;
+  height: 80px;
+  border: 1px dashed #d9d9d9;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-size: 24px;
+  background: #fafafa;
+  border-radius: 6px;
+}
+
+.upload-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+.form-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+.form-item-logo .logo-upload-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+.logo-upload-card {
+  display: flex;
+  gap: 12px;
+}
+.form-tip {
+  color: #999;
+  font-size: 13px;
+  margin-left: 8px;
+  line-height: 1.5;
+}
+.a-form .a-form-item {
+  margin-bottom: 24px;
+}
+.a-modal .a-modal-footer {
+  justify-content: flex-end;
+}
+</style>
diff --git a/src/views/components/enterpriseKnowledge/userPainPoints.vue b/src/views/components/enterpriseKnowledge/userPainPoints.vue
deleted file mode 100644
index 57d77f9..0000000
--- a/src/views/components/enterpriseKnowledge/userPainPoints.vue
+++ /dev/null
@@ -1,325 +0,0 @@
-<template>
-  <view>
-    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin-bottom: 24px">
-      <div class="materials-page">
-        <!-- 顶部标题和新增按钮 -->
-        <div class="header-row">
-          <h2 class="page-title">品牌物料</h2>
-          <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
-        </div>
-
-        <!-- 搜索栏 -->
-        <div class="search-row">
-          品牌名称
-          <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
-          <a-button type="outline" @click="handleSearch">
-            <template #icon>
-              <icon-search />
-            </template>
-            <template #default>搜索</template>
-          </a-button>
-          <a-button type="outline" @click="handleReset">
-            <template #icon>
-              <icon-refresh />
-            </template>
-            <template #default>重置</template>
-          </a-button>
-        </div>
-
-        <!-- 表格 -->
-
-        <a-table :data="listResult.list" :pagination="false">
-          <template #columns>
-            <a-table-column title="品牌名称" data-index="name" />
-            <a-table-column title="品牌logo" data-index="logo">
-              <template #cell="{ record }">
-                <img :src="record.logo" style="width: 50px; height: 50px" />
-              </template>
-            </a-table-column>
-            <a-table-column title="Slogan" data-index="slogan" />
-            <a-table-column title="操作" data-index="optional">
-              <template #cell="{ record }">
-                <a-popconfirm
-                  content="确定删除吗?"
-                  type="warning"
-                  ok-text="确认删除"
-                  cancel-text="取消"
-                  @ok="deleteBrand(record.id)"
-                >
-                  <icon-delete></icon-delete>
-                </a-popconfirm>
-                <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
-              </template>
-            </a-table-column>
-          </template>
-        </a-table>
-
-        <!-- 分页 -->
-        <a-space direction="vertical" size="large">
-          <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
-        </a-space>
-
-        <!-- 新增/编辑品牌弹窗 -->
-        <a-modal
-          v-model:visible="modalVisible"
-          :title="modalTitle"
-          :mask-closable="false"
-          :esc-to-close="false"
-          width="480px"
-          @cancel="handleModalCancel"
-        >
-          <a-form
-            :model="form"
-            :label-col-props="{ span: 5, offset: 0 }"
-            :wrapper-col-props="{ span: 19, offset: 0 }"
-            label-align="left"
-            :rules="formRule"
-            ref="formRef"
-            layout="left"
-          >
-            <a-form-item field="name" label="品牌名称">
-              <a-input v-model="form.name" placeholder="请输入品牌名称" />
-            </a-form-item>
-            <a-form-item field="logo" label="标准版Logo">
-              <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
-              <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
-            </a-form-item>
-            <a-form-item field="otherLogos" label="其他Logo">
-              <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
-            </a-form-item>
-            <a-form-item field="slogan" label="Slogan">
-              <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
-            </a-form-item>
-          </a-form>
-          <template #footer>
-            <a-button @click="handleModalCancel">取消</a-button>
-            <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
-          </template>
-        </a-modal>
-      </div>
-    </a-space>
-  </view>
-</template>
-
-<script setup>
-import { ref, computed, reactive, onMounted } from 'vue';
-import { Message } from '@arco-design/web-vue';
-import { IconDelete } from '@arco-design/web-vue/es/icon';
-import {
-  addMaterials,
-  deleteMaterials,
-  getMaterialsList,
-  getMaterialsDetail,
-  updateMaterials,
-} from '@/api/all/enterpriseKnowledge';
-import ImageUpload from '@/components/upload/ImageUpload.vue';
-import { valid } from 'mockjs';
-
-const searchName = ref('');
-const current = ref(1);
-
-const listResult = reactive({
-  list: ref([]),
-  total: ref(0),
-});
-
-const listQuery = reactive({
-  page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
-});
-
-const modalVisible = ref(false);
-const modalTitle = ref('编辑品牌');
-const formRef = ref();
-//表单验证
-const formRule = {
-  name: [{ required: true, message: '请输入品牌名称', trigger: ['blur', 'change'] }],
-  logo: [{ required: true, message: '请上传品牌logo', trigger: ['blur', 'change'] }],
-};
-const form = reactive({
-  name: '',
-  logo: '',
-  id: 0,
-  other_logos: [], // [{ url: '' }]
-  slogan: '',
-});
-
-const btn_str = ref('确认添加');
-
-onMounted(() => {
-  handleSearch();
-});
-
-const handleSearch = () => {
-  getMaterialsList(listQuery).then((response) => {
-    listResult.list = response.data;
-  });
-};
-
-const deleteBrand = (id) => {
-  console.log(id, 'id');
-  deleteMaterials(id).then(() => {
-    Message.success('删除成功');
-    handleSearch();
-  });
-};
-
-function handleReset() {
-  searchName.value = '';
-  current.value = 1;
-}
-
-function handleAdd() {
-  modalTitle.value = '添加品牌';
-  btn_str.value = '确认添加';
-
-  Object.assign(form, {
-    name: '',
-    logo: '',
-    id: 0,
-    other_logos: [], // 或者 []
-    slogan: '',
-  });
-  modalVisible.value = true;
-}
-
-function handleModalCancel() {
-  modalVisible.value = false;
-}
-
-function handleModalOk() {
-  formRef.value
-    .validate()
-    .then((valid) => {
-      if (!valid) {
-        if (form.id) {
-          updateMaterials(form.id, form).then(() => {
-            Message.success('修改成功');
-          });
-        } else {
-          addMaterials(form).then(() => {
-            Message.success('新增成功');
-          });
-        }
-        handleSearch();
-        modalVisible.value = false;
-      }
-    })
-    .catch((error) => {
-      console.error('验证失败:', error);
-      Message.error('请检查表单填写是否正确');
-    });
-}
-
-function handleEdit(id) {
-  modalTitle.value = '编辑品牌';
-  //清空form 字段数据
-  formRef.value.resetFields();
-  modalVisible.value = true;
-  btn_str.value = '确认修改';
-  getMaterialsDetail(id).then((response) => {
-    //赋值给form表单
-    Object.assign(form, response);
-  });
-}
-</script>
-
-<style scoped>
-.materials-page {
-  background: #fff;
-  border-radius: 8px;
-  padding: 32px 24px 24px 24px;
-  min-height: 600px;
-}
-
-.header-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 24px;
-}
-
-.page-title {
-  font-size: 20px;
-  font-weight: 600;
-  margin: 0;
-}
-
-.add-btn {
-  font-size: 16px;
-  padding: 0 24px;
-}
-
-.search-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 20px;
-}
-
-.search-input {
-  width: 240px;
-}
-
-.search-btn,
-.reset-btn {
-  min-width: 72px;
-}
-
-.brand-table {
-  margin-bottom: 16px;
-}
-
-.logo-cell {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 500;
-}
-
-.logo-emoji {
-  font-size: 20px;
-}
-
-.logo-text {
-  font-size: 16px;
-}
-
-.pagination-row {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-top: 8px;
-}
-
-.page-size-select {
-  width: 80px;
-}
-
-.upload-card {
-  width: 80px;
-  height: 80px;
-  border: 1px dashed #d9d9d9;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #999;
-  font-size: 24px;
-  background: #fafafa;
-  border-radius: 6px;
-}
-
-.upload-tip {
-  font-size: 12px;
-  color: #999;
-  margin-top: 4px;
-}
-
-.form-tip {
-  font-size: 12px;
-  color: #999;
-  margin-top: 4px;
-}
-</style>
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
index c85230c..3479576 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
+++ b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
@@ -1,3 +1,339 @@
 <template>
-  <view> </view>
+  <div class="materials-page">
+    <!-- 顶部标题和新增按钮 -->
+    <div class="header-row">
+      <h2 class="page-title">品牌物料</h2>
+      <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
+    </div>
+
+    <!-- 搜索栏 -->
+    <div class="search-row">
+      品牌名称
+      <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
+      <a-button type="outline" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button type="outline" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </div>
+
+    <!-- 表格 -->
+
+    <a-table :data="listResult.list" :pagination="false">
+      <template #columns>
+        <a-table-column title="品牌名称" data-index="name" />
+        <a-table-column title="品牌logo" data-index="logo">
+          <template #cell="{ record }">
+            <img :src="record.logo" style="width: 50px; height: 50px" />
+          </template>
+        </a-table-column>
+        <a-table-column title="Slogan" data-index="slogan" />
+        <a-table-column title="操作" data-index="optional">
+          <template #cell="{ record }">
+            <a-popconfirm
+              content="确定删除吗?"
+              type="warning"
+              ok-text="确认删除"
+              cancel-text="取消"
+              @ok="deleteBrand(record.id)"
+            >
+              <icon-delete></icon-delete>
+            </a-popconfirm>
+            <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+
+    <!-- 分页 -->
+    <a-space direction="vertical" size="large">
+      <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
+    </a-space>
+
+    <!-- 新增/编辑品牌弹窗 -->
+    <a-modal
+      v-model:visible="modalVisible"
+      :title="modalTitle"
+      :mask-closable="false"
+      :esc-to-close="false"
+      width="480px"
+      @cancel="handleModalCancel"
+    >
+      <a-form
+        :model="form"
+        :label-col-props="{ span: 5, offset: 0 }"
+        :wrapper-col-props="{ span: 19, offset: 0 }"
+        label-align="left"
+        :rules="formRule"
+        ref="formRef"
+        layout="left"
+      >
+        <a-form-item field="name" label="品牌名称">
+          <a-input v-model="form.name" placeholder="请输入品牌名称" />
+        </a-form-item>
+        <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
+          <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
+          <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
+        </a-form-item>
+        <a-form-item field="otherLogos"  class="form-item-logo" label="其他Logo">
+          <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
+        </a-form-item>
+        <a-form-item field="slogan" label="Slogan">
+          <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
+        </a-form-item>
+      </a-form>
+      <template #footer>
+        <a-button @click="handleModalCancel">取消</a-button>
+        <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
+      </template>
+    </a-modal>
+  </div>
 </template>
+
+<script setup>
+import { ref, computed, reactive, onMounted } from 'vue';
+import { Message } from '@arco-design/web-vue';
+import { IconDelete } from '@arco-design/web-vue/es/icon';
+import {
+  addMaterials,
+  deleteMaterials,
+  getMaterialsList,
+  getMaterialsDetail,
+  updateMaterials,
+} from '@/api/all/enterpriseKnowledge';
+import ImageUpload from '@/components/upload/ImageUpload.vue';
+import { valid } from 'mockjs';
+
+const searchName = ref('');
+const current = ref(1);
+
+const listResult = reactive({
+  list: ref([]),
+  total: ref(0),
+});
+
+const listQuery = reactive({
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+
+const modalVisible = ref(false);
+const modalTitle = ref('编辑品牌');
+const formRef = ref();
+const formRule = {
+  name: [{ required: true, message: '请输入品牌名称', trigger: ['blur', 'change'] }],
+  logo: [{ required: true, message: '请上传品牌logo', trigger: ['blur', 'change'] }],
+};
+const form = reactive({
+  name: '',
+  logo: '',
+  id: 0,
+  other_logos: [], // [{ url: '' }]
+  slogan: '',
+});
+
+const btn_str = ref('确认添加');
+
+onMounted(() => {
+  handleSearch();
+});
+
+const handleSearch = () => {
+  getMaterialsList(listQuery).then((response) => {
+    listResult.list = response.data;
+    listResult.total = response.total;
+  });
+};
+
+const deleteBrand = (id) => {
+  console.log(id, 'id');
+  deleteMaterials(id).then(() => {
+    Message.success('删除成功');
+    handleSearch();
+  });
+};
+
+function handleReset() {
+  searchName.value = '';
+  current.value = 1;
+}
+
+function handleAdd() {
+  modalTitle.value = '添加品牌';
+  btn_str.value = '确认添加';
+  form.id = 0;
+  form.logo = '';
+  form.name = '';
+  form.slogan = '';
+  form.other_logos = [];
+  modalVisible.value = true;
+}
+
+function handleModalCancel() {
+  modalVisible.value = false;
+}
+
+function handleModalOk() {
+  formRef.value
+    .validate()
+    .then((valid) => {
+      if (!valid) {
+        if (form.id) {
+          updateMaterials(form.id, form).then(() => {
+            Message.success('修改成功');
+            handleSearch();
+          });
+        } else {
+          addMaterials(form).then(() => {
+            Message.success('新增成功');
+            handleSearch();
+          });
+        }
+        modalVisible.value = false;
+      }
+    })
+    .catch((error) => {
+      console.error('验证失败:', error);
+      Message.error('请检查表单填写是否正确');
+    });
+}
+
+function handleEdit(id) {
+  modalTitle.value = '编辑品牌';
+  formRef.value.resetFields();
+  modalVisible.value = true;
+  btn_str.value = '确认修改';
+  getMaterialsDetail(id).then((response) => {
+    Object.assign(form, response);
+  });
+}
+</script>
+
+<style scoped>
+.materials-page {
+  background: #fff;
+  border-radius: 8px;
+  padding: 32px 24px 24px 24px;
+  min-height: 600px;
+}
+
+.header-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 24px;
+}
+
+.page-title {
+  font-size: 20px;
+  font-weight: 600;
+  margin: 0;
+}
+
+.add-btn {
+  font-size: 16px;
+  padding: 0 24px;
+}
+
+.search-row {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  margin-bottom: 20px;
+}
+
+.search-input {
+  width: 240px;
+}
+
+.search-btn,
+.reset-btn {
+  min-width: 72px;
+}
+
+.brand-table {
+  margin-bottom: 16px;
+}
+
+.logo-cell {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-weight: 500;
+}
+
+.logo-emoji {
+  font-size: 20px;
+}
+
+.logo-text {
+  font-size: 16px;
+}
+
+.pagination-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  margin-top: 8px;
+}
+
+.page-size-select {
+  width: 80px;
+}
+
+.upload-card {
+  width: 80px;
+  height: 80px;
+  border: 1px dashed #d9d9d9;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  color: #999;
+  font-size: 24px;
+  background: #fafafa;
+  border-radius: 6px;
+}
+
+.upload-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+.form-tip {
+  font-size: 12px;
+  color: #999;
+  margin-top: 4px;
+}
+
+.form-item-logo .logo-upload-row {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+}
+.logo-upload-card {
+  display: flex;
+  gap: 12px;
+}
+.form-tip {
+  color: #999;
+  font-size: 13px;
+  margin-left: 8px;
+  line-height: 1.5;
+}
+.a-form .a-form-item {
+  margin-bottom: 24px;
+}
+.a-modal .a-modal-footer {
+  justify-content: flex-end;
+}
+</style>

From 5c8cd47fc6fa61f1b915f65debd75c236859dc09 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Thu, 26 Jun 2025 16:28:22 +0800
Subject: [PATCH 08/78] =?UTF-8?q?=E6=99=BA=E8=83=BD=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-placement/placementGuide.vue      | 201 -----------
 .../investmentGuidelines.less}                |  15 +-
 .../put-account/investmentGuidelines.vue      | 341 ++++++++++++++++++
 3 files changed, 351 insertions(+), 206 deletions(-)
 delete mode 100644 src/views/property-marketing/account-placement/placementGuide.vue
 rename src/views/property-marketing/{account-placement/placementGuide.less => put-account/investmentGuidelines.less} (94%)
 create mode 100644 src/views/property-marketing/put-account/investmentGuidelines.vue

diff --git a/src/views/property-marketing/account-placement/placementGuide.vue b/src/views/property-marketing/account-placement/placementGuide.vue
deleted file mode 100644
index 1629a6e..0000000
--- a/src/views/property-marketing/account-placement/placementGuide.vue
+++ /dev/null
@@ -1,201 +0,0 @@
-<template>
-  <view class="placement-guide-style">
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">投放指南</span>
-      </div>
-      <div>
-        <a-space>
-          <a-space style="padding: 25px">
-            <span>账户</span>
-            <a-select :style="{width:'320px'}" placeholder="Please select ...">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
-              <a-option disabled>Disabled</a-option>
-            </a-select>
-          </a-space>
-          <a-space style="">
-            <span>项目</span>
-            <a-select :style="{width:'320px'}" placeholder="Please select ...">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
-              <a-option disabled>Disabled</a-option>
-            </a-select>
-          </a-space>
-          <a-space style="padding: 15px">
-            <span>平台</span>
-            <a-select :style="{width:'320px'}" placeholder="Please select ...">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
-              <a-option disabled>Disabled</a-option>
-            </a-select>
-          </a-space>
-          <a-space>
-            <a-button type="outline" class="search-btn" @click="handleSearch">
-              <template #icon>
-                <icon-search />
-              </template>
-              <template #default>搜索</template>
-            </a-button>
-            <a-button type="outline" class="reset-btn" @click="handleSearch">
-              <template #icon>
-                <icon-refresh />
-              </template>
-              <template #default>重置</template>
-            </a-button>
-          </a-space>
-
-        </a-space>
-      </div>
-    </div>
-
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">账户列表</span>
-      </div>
-
-      <!--          table-->
-      <a-table class="account-table" :data="listResult.list" :pagination="false">
-        <template #columns>
-          <a-table-column title="账号名称" data-index="name" />
-          <a-table-column title="平台" data-index="name" />
-          <a-table-column title="项目名称" data-index="name" />
-          <a-table-column title="本周总消耗" data-index="name" />
-          <a-table-column title="本周总消耗环比" data-index="name" />
-          <a-table-column title="ROI" data-index="name" />
-          <a-table-column title="CTR" data-index="name" />
-        </template>
-      </a-table>
-
-      <!-- 分页 -->
-      <a-pagination class="account-page" :total="listResult.total" :size="listQuery.page_size" show-total show-jumper
-                    show-page-size />
-
-    </div>
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">本月摘要</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">本月摘要。</p>
-          </template>
-        </a-popover>
-      </div>
-      <div class="month-data-div">
-        <div style="align-self: stretch">
-          <span class="month-text-black">总消耗：</span>
-          <span class="month-text-blue">￥52,382.16</span>
-          <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>
-          <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>
-          <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>
-          <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>
-          <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>
-          <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>
-          <span class="month-text-blue">美团酒店爆款横版1号</span>
-          <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>
-        </div>
-      </div>
-    </div>
-
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">投放建议优化</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">投放建议优化。</p>
-          </template>
-        </a-popover>
-      </div>
-
-      <div>
-        <a-row>
-          <a-col :span="24">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">总体策略</span>
-              <span class="placement-optimization-str">本周建议</span>
-
-            </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">预算分配</span>
-              <span class="placement-optimization-str">巨量ROI高，建议将预算提升至 ￥5,000元/日 <br>
-              聚光 ROAS明显下降，建议减少预算 30%</span>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">时段优化</span>
-              <span class="placement-optimization-str">过去7日 19:00-21:00 转化率最高，提升了12.6% <br>
-              建议设置定时投放，仅在高效时段曝光</span>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">人群包优化</span>
-              <span class="placement-optimization-str">18-24岁女性转化率最高，建议加预算 <br>
-              25-34岁男香表现较差，建议停投节省成本</span>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">素材优化</span>
-              <span class="placement-optimization-str">替换当前点击率下降的xxxxx素材<br>
-              增加同类风格素材：xxxxx素材点击率更高 <br>
-              建议优化元素：视频封面/文案/开头引导，可提升CTR</span>
-            </div>
-          </a-col>
-        </a-row>
-      </div>
-    </div>
-
-
-  </view>
-</template>
-
-<script setup lang="ts">
-import { reactive, ref } from "vue";
-import { IconDelete } from "@arco-design/web-vue/es/icon";
-import top1 from "@/assets/img/captcha/top1.svg";
-import top2 from "@/assets/img/captcha/top2.svg";
-import top3 from "@/assets/img/captcha/top3.svg";
-import "@/views/property-marketing/account-placement/placementGuide.less";
-
-const listQuery = reactive({
-  project_id: ref(""),
-  platform: ref(""),
-  page: ref(1),
-  name: ref(""),
-  page_size: ref("10")
-});
-
-const listResult = reactive({
-  list: ref([
-    {
-      account_name: "全球旅行小助手",
-      platform: "巨量",
-      project: "巨量",
-      ctr: "巨量",
-      huanbi: "巨量",
-      total_xiaohao: "巨量",
-      roi: "巨量"
-    }
-  ]),
-  total: ref(0)
-});
-
-const topImages = [top1, top2, top3];
-</script>
-
-<style lang="less" scoped>
-
-</style>
diff --git a/src/views/property-marketing/account-placement/placementGuide.less b/src/views/property-marketing/put-account/investmentGuidelines.less
similarity index 94%
rename from src/views/property-marketing/account-placement/placementGuide.less
rename to src/views/property-marketing/put-account/investmentGuidelines.less
index 58e2f49..bb64596 100644
--- a/src/views/property-marketing/account-placement/placementGuide.less
+++ b/src/views/property-marketing/put-account/investmentGuidelines.less
@@ -17,10 +17,7 @@
   .part-div-header {
     align-self: stretch;
     height: 64px;
-    padding-left: 24px;
-    padding-right: 24px;
-    padding-top: 10px;
-    padding-bottom: 10px;
+    padding: 10px 24px 10px 24px;
     justify-content: flex-start;
     align-items: center;
     display: inline-flex
@@ -39,6 +36,11 @@
     word-wrap: break-word;
   }
 
+  //账户指南-搜索div
+  .search-form {
+    padding: 10px 24px 20px 24px;
+
+  }
 
   //账户列表-表格
   .account-table {
@@ -48,7 +50,10 @@
 
   //账户列表-分页
   .account-page {
-    margin-left: 300px;
+    padding: 10px 24px 20px 24px;
+    border: 1px;
+    border-color: red;
+    float: right;
 
   }
 
diff --git a/src/views/property-marketing/put-account/investmentGuidelines.vue b/src/views/property-marketing/put-account/investmentGuidelines.vue
new file mode 100644
index 0000000..73750e2
--- /dev/null
+++ b/src/views/property-marketing/put-account/investmentGuidelines.vue
@@ -0,0 +1,341 @@
+<template>
+  <view class="placement-guide-style">
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放指南</span>
+      </div>
+
+      <a-space size="large" class="search-form">
+        <a-space>
+          <span>账户</span>
+          <a-select :style="{ width: '320px' }" placeholder="全部">
+            <a-option>Beijing</a-option>
+            <a-option>Shanghai</a-option>
+            <a-option>Guangzhou</a-option>
+          </a-select>
+        </a-space>
+        <a-space>
+          <span>项目</span>
+          <a-select :style="{ width: '320px' }" placeholder="全部">
+            <a-option>Beijing</a-option>
+            <a-option>Shanghai</a-option>
+            <a-option>Guangzhou</a-option>
+          </a-select>
+        </a-space>
+        <a-space>
+          <span>平台</span>
+          <a-select :style="{ width: '320px' }" placeholder="全部">
+            <a-option>Beijing</a-option>
+            <a-option>Shanghai</a-option>
+            <a-option>Guangzhou</a-option>
+          </a-select>
+        </a-space>
+        <a-space>
+          <a-button type="outline" class="search-btn" @click="handleSearch">
+            <template #icon>
+              <icon-search />
+            </template>
+            <template #default>搜索</template>
+          </a-button>
+          <a-button type="outline" class="reset-btn" @click="handleSearch">
+            <template #icon>
+              <icon-refresh />
+            </template>
+            <template #default>重置</template>
+          </a-button>
+        </a-space>
+      </a-space>
+    </div>
+
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">账户列表</span>
+      </div>
+
+      <a-table
+        class="account-table"
+        :columns="columns"
+        :data="listResult.data"
+        :filter-icon-align-left="alignLeft"
+        @change="handleChange"
+        :pagination="false"
+      >
+        <template #week_consumption>
+          <a-space>
+            <span>本周总消耗</span>
+            <a-popover position="tl">
+              <icon-question-circle />
+              <template #content>
+                <p>本周总消耗</p>
+              </template>
+            </a-popover>
+          </a-space>
+        </template>
+        <template #weekConsumptionRateTitle>
+          <a-space>
+            <span>本周总消耗环比</span>
+            <a-popover position="tl">
+              <icon-question-circle />
+              <template #content>
+                <p>本周总消耗环比</p>
+              </template>
+            </a-popover>
+          </a-space>
+        </template>
+        <template #roi>
+          <a-space>
+            <span>roi</span>
+            <a-popover position="tl">
+              <icon-question-circle />
+              <template #content>
+                <p>roi</p>
+              </template>
+            </a-popover>
+          </a-space>
+        </template>
+        <template #ctr>
+          <a-space>
+            <span>ctr</span>
+            <a-popover position="tl">
+              <icon-question-circle />
+              <template #content>
+                <p>ctr</p>
+              </template>
+            </a-popover>
+          </a-space>
+        </template>
+
+        <template #weekConsumptionRate="{ record }">
+          <a-statistic
+            style="font-size: 15px"
+            v-if="record.week_consumption_rate > 0"
+            :value="record.week_consumption_rate * 100"
+            :value-style="{ color: '#F64B31' }"
+          >
+            <template #prefix>
+              <icon-arrow-rise />
+            </template>
+            <template #suffix>%</template>
+          </a-statistic>
+          <a-statistic
+            v-else
+            style="font-size: 14px"
+            :value="record.week_consumption_rate * 100"
+            :value-style="{ color: '#25C883' }"
+          >
+            <template #prefix>
+              <icon-arrow-down />
+            </template>
+            <template #suffix>%</template>
+          </a-statistic>
+        </template>
+      </a-table>
+      <!-- 分页 -->
+      <a-pagination
+        class="account-page"
+        :total="listResult.total"
+        :size="listQuery.page_size"
+        show-total
+        show-jumper
+        show-page-size
+      />
+    </div>
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">本月摘要</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+
+
+            <p style="margin: 0">本月摘要。</p>
+          </template>
+        </a-popover>
+      </div>
+      <div class="month-data-div">
+        <div style="align-self: stretch">
+          <span class="month-text-black">总消耗：</span>
+          <span class="month-text-blue">￥52,382.16</span>
+          <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>
+          <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>
+          <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>
+          <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>
+          <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>
+          <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>
+          <span class="month-text-blue">美团酒店爆款横版1号</span>
+          <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放建议优化</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">投放建议优化。</p>
+          </template>
+        </a-popover>
+      </div>
+
+      <div>
+        <a-row>
+          <a-col :span="24">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">总体策略</span>
+              <span class="placement-optimization-str">本周建议</span>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">预算分配</span>
+              <span class="placement-optimization-str"
+                >巨量ROI高，建议将预算提升至 ￥5,000元/日 <br />
+                聚光 ROAS明显下降，建议减少预算 30%</span
+              >
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">时段优化</span>
+              <span class="placement-optimization-str"
+                >过去7日 19:00-21:00 转化率最高，提升了12.6% <br />
+                建议设置定时投放，仅在高效时段曝光</span
+              >
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">人群包优化</span>
+              <span class="placement-optimization-str"
+                >18-24岁女性转化率最高，建议加预算 <br />
+                25-34岁男香表现较差，建议停投节省成本</span
+              >
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">素材优化</span>
+              <span class="placement-optimization-str"
+                >替换当前点击率下降的xxxxx素材<br />
+                增加同类风格素材：xxxxx素材点击率更高 <br />
+                建议优化元素：视频封面/文案/开头引导，可提升CTR</span
+              >
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </div>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import { IconDelete, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+import '@/views/property-marketing/put-account/investmentGuidelines.less';
+
+const columns = [
+  {
+    title: '账户名称',
+    dataIndex: 'account_name',
+    slotName: 'account_name',
+    width: 60,
+    minWidth: 60,
+  },
+  {
+    title: '平台',
+    dataIndex: 'platform_name',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    titleSlotName: 'project_name',
+    width: 180,
+    minWidth: 180,
+    title: '项目名称',
+    dataIndex: 'project_name',
+  },
+  {
+    title: '本周总消耗',
+    titleSlotName: 'week_consumption',
+    dataIndex: 'week_consumption',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: '本周总消耗环比',
+    titleSlotName: 'weekConsumptionRateTitle',
+    dataIndex: 'week_consumption_rate',
+    width: 120,
+    minWidth: 120,
+    slotName: 'weekConsumptionRate',
+  },
+  {
+    title: 'ROI',
+    titleSlotName: 'roi',
+    dataIndex: 'roi',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: 'CTR',
+    titleSlotName: 'ctr',
+    dataIndex: 'ctr',
+    width: 120,
+    minWidth: 120,
+  },
+];
+
+const listQuery = reactive({
+  project_id: ref(''),
+  platform: ref(''),
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+
+const listResult = reactive({
+  data: [
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: 0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: -0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: -0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+  ],
+  total: ref(0),
+});
+
+const topImages = [top1, top2, top3];
+</script>
+
+<style lang="less" scoped></style>

From b81f61901f37415d29499221a7400ce93091c1a0 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 26 Jun 2025 17:10:53 +0800
Subject: [PATCH 09/78] =?UTF-8?q?feat:=20=E5=88=86=E7=BB=84=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  21 +++
 src/assets/img/media-account/icon-empty.png   | Bin 0 -> 23247 bytes
 src/views/property-marketing/component.scss   |  48 +++++
 .../components/add-account-modal/index.vue    |   2 +-
 .../components/add-account-modal/style.scss   |  35 +---
 .../group-manage-modal/add-group.vue          |  80 ++++++++
 .../group-manage-modal/delete-group.vue       |  63 +++++++
 .../components/group-manage-modal/index.vue   | 176 ++++++++++++++++--
 .../components/group-manage-modal/style.scss  |  68 +++++--
 .../components/import-prompt-modal/style.scss |  20 +-
 10 files changed, 432 insertions(+), 81 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-empty.png
 create mode 100644 src/views/property-marketing/component.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 0e86efa..5263e94 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -48,3 +48,24 @@ export const deleteMediaAccounts = (id: string) => {
 export const getTemplateUrl = (params = {}) => {
   return Http.get('/v1/media-accounts/template', params);
 };
+
+// 媒体账号分组-分页
+export const getGroupList = (params = {}) => {
+  return Http.get('/v1/media-account-groups/list', params);
+};
+
+// 媒体账号分组 -添加
+export const postAccountGroups = (params = {}) => {
+  return Http.post('/v1/media-account-groups', params);
+};
+
+// 媒体账号分组-编辑
+export const putGroupList = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/media-account-groups/${id}`, rest);
+};
+
+// 媒体账号分组-删除
+export const deleteGroup = (id: string) => {
+  return Http.delete(`/v1/media-account-groups/${id}`);
+};
diff --git a/src/assets/img/media-account/icon-empty.png b/src/assets/img/media-account/icon-empty.png
new file mode 100644
index 0000000000000000000000000000000000000000..798fefec4eb0b8b28a51336f2cac55f630b63146
GIT binary patch
literal 23247
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
SLmDLj0000<MNUMnLSTZCPeaoH

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
new file mode 100644
index 0000000..6fcacb8
--- /dev/null
+++ b/src/views/property-marketing/component.scss
@@ -0,0 +1,48 @@
+.arco-input-wrapper,
+.arco-select-view-single,
+.arco-select-view-multiple {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+.arco-modal {
+  .arco-modal-header {
+    border-bottom: none;
+    height: 56px;
+    padding: 22px 24px 16px 24px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+
+  .arco-modal-body {
+    padding: 24px 24px 20px;
+    .arco-form-item {
+      margin-bottom: 16px;
+      .arco-form-item-label {
+        color: var(--Text-1, #211f24);
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+      }
+    }
+    .cancel-btn {
+      border-radius: 4px;
+      border: 1px solid var(--BG-500, #b1b2b5);
+      background: var(--BG-white, #fff);
+    }
+  }
+
+  .arco-modal-footer {
+    border-top: none;
+    padding: 0;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 3f4d67b..c51e628 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -247,7 +247,7 @@ async function onSubmit() {
   formRef.value.validate(async (errors) => {
     if (!errors) {
       const _fn = id.value ? putMediaAccounts : postMediaAccounts;
-      const _params = id.value ? { id: id.value } : form;
+      const _params = id.value ? { id: id.value, ...form.value } : form;
       const { code } = await _fn(_params);
       if (code === 200) {
         AMessage.success(isEdit.value ? '修改成功' : '生成授权码成功');
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index 61e48a4..9e4735c 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -1,39 +1,10 @@
+@import "@/views/property-marketing/component.scss";
 .add-account-modal {
   border-radius: 8px;
-  .arco-input-wrapper,
-  .arco-select-view-single,
-  .arco-select-view-multiple {
-    border-radius: 4px;
-    border-color: #d7d7d9;
-    background-color: #fff;
-    &:focus-within,
-    &.arco-input-focus {
-      background-color: var(--color-bg-2);
-      border-color: rgb(var(--primary-6));
-      box-shadow: 0 0 0 0 var(--color-primary-light-2);
-    }
-  }
   .w-240px {
     width: 240px !important;
   }
-  .arco-modal-header {
-    border-bottom: none;
-    height: 56px;
-    padding: 22px 24px 16px 24px;
-    .arco-modal-title {
-      justify-content: flex-start;
-    }
-  }
   .arco-modal-body {
-    padding: 24px 24px 20px;
-    .arco-form-item {
-      margin-bottom: 16px;
-    }
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-    }
     .upload-block {
       width: 100%;
       .dt {
@@ -89,8 +60,4 @@
       cursor: pointer;
     }
   }
-  .arco-modal-footer {
-    border-top: none;
-    padding: 0;
-  }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
new file mode 100644
index 0000000..4766830
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
@@ -0,0 +1,80 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 11:44:17
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isEdit ? '编辑分组' : '添加新分组'"
+    modal-class="account-manage-modal"
+    width="400px"
+    :footer="false"
+    @close="onClose"
+  >
+    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <a-form-item :label="isEdit ? '分组名称' : '新分组名称'" field="name" required>
+        <a-input v-model="form.name" placeholder="请输入…" />
+      </a-form-item>
+      <div class="text-right">
+        <a-button class="cancel-btn" @click="onClose">取消</a-button>
+        <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+      </div>
+    </a-form>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, watch, nextTick } from 'vue';
+import { postAccountGroups, putGroupList } from '@/api/all/propertyMarketing';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const isEdit = ref(false);
+const formRef = ref();
+const form = ref({ name: '' });
+const groupId = ref('');
+
+const rules = {
+  name: [{ required: true, message: '请输入分组名称' }],
+};
+
+function resetForm() {
+  nextTick(() => {
+    formRef.value?.clearValidate();
+  });
+}
+
+function onClose() {
+  visible.value = false;
+  form.value.name = '';
+  groupId.value = '';
+  isEdit.value = false;
+  resetForm();
+}
+
+const open = (record = {}) => {
+  const { id = '', name = '' } = record;
+  groupId.value = id;
+  isEdit.value = !!id;
+  form.value.name = name;
+  visible.value = true;
+};
+
+async function onSubmit() {
+  formRef.value.validate(async (errors) => {
+    if (!errors) {
+      const _fn = isEdit.value ? putGroupList : postAccountGroups;
+      const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
+      const { code } = await _fn(_params);
+      if (code === 200) {
+        AMessage.success(isEdit.value ? '编辑成功' : '添加成功');
+        emits('success');
+        onClose();
+      }
+    }
+  });
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
new file mode 100644
index 0000000..5dc0a77
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
@@ -0,0 +1,63 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 11:45:05
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除分组"
+    width="400px"
+    :footer="false"
+    modal-class="account-manage-modal"
+    @close="onClose"
+  >
+    <div class="flex items-center mb-24px">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除"{{ groupName }}"这个分组吗？</span>
+    </div>
+    <div class="text-right">
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteGroup } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const groupId = ref('');
+const groupName = ref('');
+
+function onClose() {
+  visible.value = false;
+  groupId.value = '';
+  groupName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = '', name = '' } = record;
+  groupId.value = id;
+  groupName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteGroup(groupId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 2355602..31af8ae 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -5,33 +5,179 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    width="800px"
+    width="900px"
     modal-class="account-manage-modal"
     :footer="false"
+    title="分组管理"
     :mask-closable="false"
     @close="close"
   >
-    <template #title> 分组管理 </template>
-    <template #footer> </template>
+    <template v-if="!list.length">
+      <div class="flex items-center justify-center flex-col">
+        <div class="w-120px h-120px flex items-center justify-center mb-32px">
+          <img :src="icon2" width="106" height="72" />
+        </div>
+        <span class="s1 mb-16px">暂无分组</span>
+        <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+          ><template #icon>
+            <img :src="icon3" width="16" height="16" />
+          </template>
+          <template #default>去添加</template>
+        </a-button>
+      </div>
+    </template>
+    <template v-else>
+      <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+        ><template #icon>
+          <img :src="icon3" width="16" height="16" />
+        </template>
+        <template #default>添加新分组</template>
+      </a-button>
+      <a-table
+        :columns="columns"
+        :data="list"
+        row-key="id"
+        :loading="loading"
+        :scroll="{ y: 500 }"
+        :pagination="false"
+        @change="onTableChange"
+      >
+        <template #action="{ record }">
+          <div class="flex items-center">
+            <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+            <a-button type="primary" @click="openEdit(record)">编辑</a-button>
+          </div>
+        </template>
+      </a-table>
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </template>
+
+    <AddGroup ref="addGroupRef" @success="getData" />
+    <DeleteGroup ref="deleteGroupRef" @success="getData" />
   </a-modal>
 </template>
 
 <script setup>
-import { defineExpose } from 'vue';
+import { ref, reactive, onMounted } from 'vue';
+import { getGroupList } from '@/api/all/propertyMarketing';
+import AddGroup from './add-group.vue';
+import DeleteGroup from './delete-group.vue';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/media-account/icon-empty.png';
+import icon3 from '@/assets/img/media-account/icon-add.png';
 
 const visible = ref(false);
-const open = () => {
-  visible.value = true;
-};
-const close = () => {
-  visible.value = false;
-};
-const handleOk = () => {
-  console.log('handleOk');
-};
-defineExpose({
-  open,
+const isEdit = ref(false);
+const addGroupRef = ref(null);
+const deleteGroupRef = ref(null);
+
+const currentGroup = ref(null);
+
+const list = ref([]);
+const loading = ref(false);
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 0,
 });
+
+const sortInfo = ref({
+  field: '',
+  direction: '',
+});
+
+const columns = [
+  { title: '分组名称', dataIndex: 'name' },
+  {
+    title: '创建人',
+    dataIndex: 'creator',
+    render: ({ record }) => record.creator?.name || '-',
+  },
+  {
+    title: '创建日期',
+    dataIndex: 'created_at',
+    width: 160,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  { title: '操作', slotName: 'action', align: 'center', width: 120 },
+];
+
+function open() {
+  visible.value = true;
+  getData();
+}
+
+function openAdd() {
+  addGroupRef.value.open();
+}
+
+function openEdit(record) {
+  addGroupRef.value.open(record);
+}
+
+function openDelete(record) {
+  deleteGroupRef.value.open(record);
+}
+
+async function getData() {
+  try {
+    loading.value = true;
+    const { page, pageSize } = pageInfo;
+    const params = {
+      page,
+      pageSize,
+    };
+    if (sortInfo.value.field && sortInfo.value.direction) {
+      params.orderField = sortInfo.value.field;
+      params.orderType = sortInfo.value.direction === 'ascend' ? 'asc' : 'desc';
+    }
+    const { code, data } = await getGroupList(params);
+    if (code === 200) {
+      list.value = data.list;
+      pageInfo.total = data.total;
+    }
+  } finally {
+    loading.value = false;
+  }
+}
+
+const onTableChange = (pagination, filters, sorter) => {
+  if (sorter && sorter.field) {
+    sortInfo.value.field = sorter.field;
+    sortInfo.value.direction = sorter.order;
+  } else {
+    sortInfo.value.field = '';
+    sortInfo.value.direction = '';
+  }
+  getData();
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  getData();
+};
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  pageInfo.page = 1;
+  getData();
+};
+
+defineExpose({ open });
 </script>
 
 <style lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
index 30e4ed2..4a25e4e 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -1,18 +1,62 @@
+@import '@/views/property-marketing/component.scss';
+
 .account-manage-modal {
   border-radius: 8px;
-  .arco-modal-header {
-    border-bottom: none;
-    height: 56px;
-    padding: 22px 24px 16px 24px;
-    .arco-modal-title {
-      justify-content: flex-start;
+  .arco-modal-body {
+    .arco-btn {
+      .arco-btn-icon {
+        line-height: 16px;
+      }
+    }
+    .s1 {
+      color: var(--Text-3, #737478);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+      .arco-pagination {
+        .arco-pagination-list {
+          .arco-pagination-item {
+            border-radius: 4px;
+            border: 1px solid var(--BG-300, #e6e6e8);
+            &.arco-pagination-item-ellipsis {
+              border: none;
+            }
+
+            &.arco-pagination-item-active {
+              background-color: transparent;
+              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+            }
+          }
+        }
+        .arco-pagination-jumper-prepend {
+          color: var(--Text-2, #3c4043);
+          text-align: right;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        .arco-select-view-single,
+        .arco-pagination-jumper-input {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+          background-color: #fff;
+        }
+      }
     }
   }
-  .arco-modal-body {
-    padding: 16px 24px 20px;
-  }
-  .arco-modal-footer {
-    border-top: none;
-    padding: 0;
+  .danger-btn {
+    border: none !important;
+    background-color: #f64b31 !important;
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
index 5ac2afe..e299151 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -1,21 +1,7 @@
+@import "@/views/property-marketing/component.scss";
 .import-prompt-modal {
   border-radius: 8px;
-
-  .arco-modal-header {
-    border-bottom: none;
-    height: 56px;
-    padding: 22px 24px 16px 24px;
-    .arco-modal-title {
-      justify-content: flex-start;
-    }
-  }
   .arco-modal-body {
-    padding: 20px 24px 20px;
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-    }
     .tip {
       color: var(--Text-1, #211f24);
       font-family: 'Alibaba PuHuiTi';
@@ -25,8 +11,4 @@
       line-height: 22px; /* 157.143% */
     }
   }
-  .arco-modal-footer {
-    border-top: none;
-    padding: 0;
-  }
 }

From 19f4d08a2ee0931ef2e459a2e3a2795c8e0fabe4 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 26 Jun 2025 17:39:21 +0800
Subject: [PATCH 10/78] =?UTF-8?q?feat:=20=E6=A0=87=E7=AD=BE=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  23 +++-
 .../img/media-account/icon-delete-1.png       | Bin 0 -> 641 bytes
 .../group-manage-modal/add-group.vue          |   4 +-
 .../group-manage-modal/delete-group.vue       |   2 +-
 .../components/tags-manage-modal/add-tag.vue  |  80 ++++++++++++
 .../tags-manage-modal/delete-tag.vue          |  63 ++++++++++
 .../components/tags-manage-modal/index.vue    | 115 ++++++++++++++++--
 .../components/tags-manage-modal/style.scss   |  49 ++++++--
 8 files changed, 311 insertions(+), 25 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-delete-1.png
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 5263e94..63c8d43 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -60,7 +60,7 @@ export const postAccountGroups = (params = {}) => {
 };
 
 // 媒体账号分组-编辑
-export const putGroupList = (params = {}) => {
+export const putGroup = (params = {}) => {
   const { id, ...rest } = params as { id: string; [key: string]: any };
   return Http.put(`/v1/media-account-groups/${id}`, rest);
 };
@@ -69,3 +69,24 @@ export const putGroupList = (params = {}) => {
 export const deleteGroup = (id: string) => {
   return Http.delete(`/v1/media-account-groups/${id}`);
 };
+
+// 媒体账号标签-列表
+export const getTagsList = (params = {}) => {
+  return Http.get('/v1/media-account-tags/list', params);
+};
+
+// 媒体账号标签-添加
+export const postAccountTags = (params = {}) => {
+  return Http.post('/v1/media-account-tags', params);
+};
+
+// 媒体账号标签-修改
+export const putTag = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/media-account-tags/${id}`, rest);
+};
+
+// 媒体账号标签-删除
+export const deleteTag = (id: string) => {
+  return Http.delete(`/v1/media-account-tags/${id}`);
+};
diff --git a/src/assets/img/media-account/icon-delete-1.png b/src/assets/img/media-account/icon-delete-1.png
new file mode 100644
index 0000000000000000000000000000000000000000..c7ded626603e99f2a0290796d906f80f7d2b24b6
GIT binary patch
literal 641
zcmV-{0)G98P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0v1U`K~#7FwN^_~
z+dvTQ9!aSzoi(UR8{%!UPX%wCP$oJ-;uGMU05}1@0o=e~Q^1bj0bpxb;41q7S|iUi
z)A~><dqxt!x6yb$ue)cuUmKwWgTbKTx}Ud*s6_+;AO+b{gn+mDdn7$P4BPFAjRVcZ
zr-9?pJ^{6$22j9(bi}U7kXW1;jn1}&qi*VwGf2Td5v!Zw@T6C2U^F`2RwVm+*npR#
zp`F@ej^ZRj!Sjs#&Cu`jztj2EPsfnnIbRFB&T|tY<%#e7Cdm~!j@mYnd!Ad#WZBbj
zV%p~cX5K$6AM{}T=MR|9W-uP#8_Anr*TDBz;o|BV=J9-KUCGBULZ{;&)8ROdVLF{9
zB+cfUk(}q*0TVexh)+F^ZxbvS-=&`C2J%R9a$dJZ$3Vn&SEtrDD8Zr;AgD#2Zl!=D
zsLY(DNNSL02n2jETp*kjM9hfdo#$7?s1ZfvBEm$U3F?p+3F{bP#dWn5U+PioCFHj3
zGT=xk^=Q-|E;Qd?u|8-%@2{?aYpHnd6^RyUnLRhjGs{41DWa-9+#@<0zq?5mNr_$k
zi553ik(ca=xB>AXF%X9Bi2~Y%cLH<e-R-#!!p=rtk$STc=3uV;_fk(D43B#P&?w&(
zh!W2W<VFLD5teWvceGmlg&NTLexWm_Yijyfb};*Q!E(NtiDDX+u6{01N%9iZydQ>P
bWaD@O&YKTWUJ~K700000NkvXXu0mjfnvWmL

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
index 4766830..9781d48 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
@@ -25,7 +25,7 @@
 
 <script setup>
 import { ref, watch, nextTick } from 'vue';
-import { postAccountGroups, putGroupList } from '@/api/all/propertyMarketing';
+import { postAccountGroups, putGroup } from '@/api/all/propertyMarketing';
 
 const emits = defineEmits(['success', 'close']);
 
@@ -64,7 +64,7 @@ const open = (record = {}) => {
 async function onSubmit() {
   formRef.value.validate(async (errors) => {
     if (!errors) {
-      const _fn = isEdit.value ? putGroupList : postAccountGroups;
+      const _fn = isEdit.value ? putGroup : postAccountGroups;
       const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
       const { code } = await _fn(_params);
       if (code === 200) {
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
index 5dc0a77..30a3270 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
@@ -13,7 +13,7 @@
   >
     <div class="flex items-center mb-24px">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除"{{ groupName }}"这个分组吗？</span>
+      <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
     <div class="text-right">
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
new file mode 100644
index 0000000..ac8bc3d
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
@@ -0,0 +1,80 @@
+<!--
+ * @Author: AI
+ * @Date: 2025-06-27
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isEdit ? '编辑标签' : '添加新标签'"
+    modal-class="tags-manage-modal"
+    width="400px"
+    :footer="false"
+    @close="onClose"
+  >
+    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <a-form-item :label="isEdit ? '标签名称' : '新标签名称'" field="name" required>
+        <a-input v-model="form.name" placeholder="请输入…" />
+      </a-form-item>
+      <div class="text-right">
+        <a-button class="cancel-btn" @click="onClose">取消</a-button>
+        <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+      </div>
+    </a-form>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, nextTick } from 'vue';
+import { postAccountTags, putTag } from '@/api/all/propertyMarketing';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const isEdit = ref(false);
+const formRef = ref();
+const form = ref({ name: '' });
+const tagId = ref('');
+
+const rules = {
+  name: [{ required: true, message: '请输入标签名称' }],
+};
+
+function resetForm() {
+  nextTick(() => {
+    formRef.value?.clearValidate();
+  });
+}
+
+function onClose() {
+  visible.value = false;
+  form.value.name = '';
+  tagId.value = '';
+  isEdit.value = false;
+  resetForm();
+}
+
+const open = (record = {}) => {
+  const { id = '', name = '' } = record;
+  tagId.value = id;
+  isEdit.value = !!id;
+  form.value.name = name;
+  visible.value = true;
+};
+
+async function onSubmit() {
+  formRef.value.validate(async (errors) => {
+    if (!errors) {
+      const _fn = isEdit.value ? putTag : postAccountTags;
+      const _params = isEdit.value ? { id: tagId.value, ...form.value } : form.value;
+      const { code } = await _fn(_params);
+      if (code === 200) {
+        AMessage.success(isEdit.value ? '编辑成功' : '添加成功');
+        emits('success');
+        onClose();
+      }
+    }
+  });
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
new file mode 100644
index 0000000..bafc9eb
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
@@ -0,0 +1,63 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:23:52
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="删除标签"
+    width="400px"
+    :footer="false"
+    modal-class="account-manage-modal"
+    @close="onClose"
+  >
+    <div class="flex items-center mb-24px">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 "{{ tagName }}" 这个标签吗？</span>
+    </div>
+    <div class="text-right">
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteTag } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const tagId = ref('');
+const tagName = ref('');
+
+function onClose() {
+  visible.value = false;
+  tagId.value = '';
+  tagName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = '', name = '' } = record;
+  tagId.value = id;
+  tagName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deleteTag(tagId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 25aa433..2f8d10a 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -1,6 +1,6 @@
 <!--
  * @Author: RenXiaoDong
- * @Date: 2025-06-25 17:51:46
+ * @Date: 2025-06-25 17:58:28
 -->
 <template>
   <a-modal
@@ -11,28 +11,127 @@
     :mask-closable="false"
     @close="close"
   >
-    <template #title> 标签管理 </template>
+    <template #title>标签管理</template>
+    <template v-if="!list.length">
+      <div class="flex items-center justify-center flex-col">
+        <div class="w-120px h-120px flex items-center justify-center mb-32px">
+          <img :src="iconEmpty" width="106" height="72" />
+        </div>
+        <span class="s1 mb-16px">暂无标签</span>
+        <a-button type="primary" class="mb-16px" size="medium" @click="openAdd">
+          <template #icon>
+            <img :src="iconAdd" width="16" height="16" />
+          </template>
+          <template #default>去添加</template>
+        </a-button>
+      </div>
+    </template>
+    <template v-else>
+      <a-button type="primary" size="medium" @click="openAdd">
+        <template #icon>
+          <img :src="iconAdd" width="16" height="16" />
+        </template>
+        <template #default>添加新标签</template>
+      </a-button>
+      <div class="tag-list">
+        <a-tooltip v-for="tag in list" :key="tag.id" content="双击修改标签名">
+          <div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
+            <span>{{ tag.name }}</span>
+            <img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
+          </div>
+        </a-tooltip>
+      </div>
+    </template>
+    <AddTag ref="addTagRef" @success="getData" />
+    <DeleteTag ref="deleteTagRef" @success="getData" />
   </a-modal>
 </template>
 
 <script setup>
-import { defineExpose } from 'vue';
+import { ref } from 'vue';
+import { getTagsList } from '@/api/all/propertyMarketing';
+
+import AddTag from './add-tag.vue';
+import DeleteTag from './delete-tag.vue';
+
+import iconAdd from '@/assets/img/media-account/icon-add.png';
+import iconEmpty from '@/assets/img/media-account/icon-empty.png';
+import iconDelete from '@/assets/img/media-account/icon-delete-1.png';
 
 const visible = ref(false);
+const list = ref([]);
+const addTagRef = ref(null);
+const deleteTagRef = ref(null);
+
+const getData = async () => {
+  list.value = [
+    { id: 1, name: '测试1' },
+    { id: 2, name: '测试2' },
+    { id: 3, name: '测试3' },
+    { id: 4, name: '测试4' },
+    { id: 5, name: '测试5' },
+    { id: 6, name: '测试6' },
+    { id: 7, name: '测试7' },
+    { id: 8, name: '测试8' },
+    { id: 9, name: '测试9' },
+    { id: 10, name: '测试10' },
+  ];
+  // const { code, data } = await getTagsList();
+  // if (code === 200) list.value = data.list;
+};
+
 const open = () => {
   visible.value = true;
+  getData();
 };
 const close = () => {
   visible.value = false;
 };
-const handleOk = () => {
-  console.log('handleOk');
+const openAdd = () => {
+  // 打开新增标签弹窗
+  addTagRef.value.open();
 };
-defineExpose({
-  open,
-});
+
+function openEdit(record) {
+  addTagRef.value.open(record);
+}
+
+function openDelete(record) {
+  deleteTagRef.value.open(record);
+}
+
+defineExpose({ open });
 </script>
 
 <style lang="scss">
 @import './style.scss';
+.tag-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  padding-top: 16px;
+  .tag-item {
+    display: flex;
+    align-items: center;
+    background: #f5f5f5;
+    border-radius: 4px;
+    padding: 4px 12px;
+    position: relative;
+    .delete-icon {
+      position: absolute;
+      z-index: 1;
+      top: -6px;
+      right: -6px;
+      cursor: pointer;
+      width: 12px;
+      height: 12px;
+      display: none;
+    }
+    &:hover {
+      .delete-icon {
+        display: block;
+      }
+    }
+  }
+}
 </style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
index 318e122..0dbc882 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -1,19 +1,42 @@
+@import '@/views/property-marketing/component.scss';
+
 .tags-manage-modal {
   border-radius: 8px;
 
-  .arco-modal-header {
-    border-bottom: none;
-    height: 56px;
-    padding: 22px 24px 16px 24px;
-    .arco-modal-title {
-      justify-content: flex-start;
+  .arco-modal-body {
+    padding: 24px 24px 44px !important;
+    max-height: 304px;
+    overflow: hidden;
+    display: flex;
+    flex-direction: column;
+    .arco-btn {
+      width: fit-content;
+      .arco-btn-icon {
+        line-height: 16px;
+      }
+    }
+    .tag-list {
+      flex: 1;
+      overflow-y: auto;
+      display: flex;
+      flex-wrap: wrap;
+      .tag-item {
+        display: flex;
+        height: 32px;
+        padding: 0px 8px;
+        align-items: center;
+        border-radius: 2px;
+        background: var(--BG-200, #f2f3f5);
+        gap: 12px;
+        .text {
+          color: var(--Text-2, #3c4043);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+      }
     }
   }
-  .arco-modal-body {
-    padding: 16px 24px 20px;
-  }
-  .arco-modal-footer {
-    border-top: none;
-    padding: 0;
-  }
 }

From 7769c3b8bd9d03b73128f2ee3f7fd752115aa10d Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 26 Jun 2025 18:31:52 +0800
Subject: [PATCH 11/78] =?UTF-8?q?feat:=20=E6=89=B9=E9=87=8F=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E8=B4=A6=E5=8F=B7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |   7 +-
 src/assets/img/media-account/icon-close.png   | Bin 0 -> 403 bytes
 .../account-table/delete-account.vue          |  70 ++++++++
 .../components/account-table/index.vue        |  37 ++++-
 .../components/add-account-modal/index.vue    |   2 +-
 .../components/tags-manage-modal/index.vue    |  11 +-
 .../media-account/account-manage/index.vue    | 157 ++++++++++++++----
 .../media-account/account-manage/style.scss   |  16 ++
 8 files changed, 252 insertions(+), 48 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-close.png
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 63c8d43..cc01d23 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -40,7 +40,7 @@ export const putMediaAccounts = (id: string) => {
 };
 
 // 媒体账号-删除
-export const deleteMediaAccounts = (id: string) => {
+export const deleteMediaAccount = (id: string) => {
   return Http.delete(`/v1/media-accounts/${id}`);
 };
 
@@ -90,3 +90,8 @@ export const putTag = (params = {}) => {
 export const deleteTag = (id: string) => {
   return Http.delete(`/v1/media-account-tags/${id}`);
 };
+
+// 媒体账号-批量删除
+export const batchDeleteMediaAccounts = (params = {}) => {
+  return Http.delete(`/v1/media-accounts/batch`, params);
+};
diff --git a/src/assets/img/media-account/icon-close.png b/src/assets/img/media-account/icon-close.png
new file mode 100644
index 0000000000000000000000000000000000000000..1fa3c1dec509d8d44d4c1e2b46493477b15b327e
GIT binary patch
literal 403
zcmV;E0c`$>P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0VqjCK~#7F?Uum}
z!Y~X)?Q|hn10lo)h$}*f4G0?`ggOTY#2PRVCB!PU5G85s7Q~_N*3|j`H%cu7^z{5Q
z>ya5iOBU0(h6=q{P0XxN=CT@_4G5vV+0ANLtxyg67AZAttcy_ZPq+o9xdEeJ&)FS^
zyE9(hI`0YON4(n2l_3dnPQo=OEuT4oF`?zS(Dv&$b#e1a_{<NdOo!^D0k|Q!=A~W&
zDIp~0rB))b5K{9}hk-A|(@;yyOARJ&h<CW=q5z=~5_3X<00qjVtfjy{0r$dvit#%p
zD}e8|KaE+<N)#aWt4TU$UE9+9g)~HC08W#Ugut%Mr6I6Ob4iG#fke_|+z^EwNOI0V
x0*G^|IYE1>p$6~sJTQ<%X&NYhrP0&#RUXE!|0H51m$?7{002ovPDHLkV1l7OpqKyv

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
new file mode 100644
index 0000000..ccc91bf
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -0,0 +1,70 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:44:16
+-->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:23:52
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isBatch ? '批量删除账号' : '删除账号'"
+    width="400px"
+    :footer="false"
+    modal-class="account-manage-modal"
+    @close="onClose"
+  >
+    <div class="flex items-center mb-24px">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ accountName }} 这个账号吗？</span>
+    </div>
+    <div class="text-right">
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </div>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const accountId = ref(null);
+const accountName = ref('');
+
+const isBatch = computed(() => Array.isArray(accountId.value));
+
+function onClose() {
+  visible.value = false;
+  accountId.value = null;
+  accountName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  accountId.value = id;
+  accountName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const _fn = isBatch ? batchDeleteMediaAccounts : deleteMediaAccount;
+  const { code } = await _fn(accountId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 7b89186..f929af4 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -5,7 +5,7 @@
 <template>
   <div class="card-container">
     <div v-for="(item, index) in dataSource" :key="index" class="card-item">
-      <a-checkbox></a-checkbox>
+      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
         <p class="name">{{ item.name }}</p>
         <div class="field-row">
@@ -43,14 +43,14 @@
           </div>
         </div>
         <div class="operate-row">
-          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" />
+          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
           <a-button class="w-64px search-btn mr-8px" size="mini">
             <template #default>暂停同步</template>
           </a-button>
           <a-button class="w-64px search-btn mr-8px" size="mini">
             <template #default>重新授权</template>
           </a-button>
-          <a-button class="w-40px search-btn" size="mini">
+          <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
             <template #default>编辑</template>
           </a-button>
         </div>
@@ -60,7 +60,7 @@
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
+import { defineProps, ref, computed } from 'vue';
 import { STATUS_LIST } from '../../constants';
 
 import icon1 from '@/assets/img/media-account/icon-dy.png';
@@ -72,7 +72,36 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  selectedItems: {
+    type: Array,
+    default: () => [],
+  },
 });
+
+const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
+
+// 判断当前 item 是否被选中
+const isSelected = (item) => {
+  return props.selectedItems.some((i) => i.id === item.id);
+};
+
+const toggleSelect = (item) => {
+  let newSelected;
+  if (isSelected(item)) {
+    newSelected = props.selectedItems.filter((i) => i.id !== item.id);
+  } else {
+    newSelected = [...props.selectedItems, item];
+  }
+  emits('selectionChange', newSelected);
+};
+
+const openEdit = (item) => {
+  emits('openEdit', item.id);
+};
+
+const openDelete = (item) => {
+  emits('delete', item);
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index c51e628..2a9edef 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -5,7 +5,7 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    title="添加账号"
+    :title="isEdit ? '编辑账号' : '添加账号'"
     modal-class="add-account-modal"
     :footer="false"
     width="500px"
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 2f8d10a..1e2ef50 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -34,12 +34,11 @@
         <template #default>添加新标签</template>
       </a-button>
       <div class="tag-list">
-        <a-tooltip v-for="tag in list" :key="tag.id" content="双击修改标签名">
-          <div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
-            <span>{{ tag.name }}</span>
-            <img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
-          </div>
-        </a-tooltip>
+        <div v-for="tag in list" :key="tag.id" class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
+          <a-checkbox v-model="selectedTags" :value="tag.id" style="margin-right: 6px" @click.stop />
+          <span>{{ tag.name }}</span>
+          <img :src="iconDelete" class="delete-icon" @click.stop="openDelete(tag)" />
+        </div>
       </div>
     </template>
     <AddTag ref="addTagRef" @success="getData" />
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 14cfc0e..dc376ca 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -33,24 +33,44 @@
 
     <div
       class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="{
-        normal: isNormalStatus,
-        abnormal: isAbnormalStatus,
-      }"
+      :class="selectedItems.length > 0 ? 'selected' : isNormalStatus ? 'normal' : 'abnormal'"
     >
       <div class="flex items-center">
-        <template v-if="isNormalStatus || isAbnormalStatus">
-          <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
-          <span class="label">
-            {{
-              isNormalStatus
-                ? '太棒啦！所有账号都在正常运行。'
-                : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
-            }}
-          </span>
-        </template>
+        <div class="flex items-center">
+          <template v-if="selectedItems.length > 0">
+            <a-checkbox
+              :model-value="checkedAll"
+              :indeterminate="indeterminate"
+              class="mr-8px"
+              @change="handleChangeAll"
+            />
+            <span class="label mr-24px">
+              已选
+              <span class="color-#6D4CFE">{{ selectedItems.length }}</span>
+              个账号
+            </span>
+
+            <span class="operation-btn" @click="handleBatchTag">批量标签</span>
+            <span class="operation-btn" @click="handleBatchGroup">批量分组</span>
+            <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
+          </template>
+          <template v-else>
+            <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
+            <span class="label">
+              {{
+                isNormalStatus
+                  ? '太棒啦！所有账号都在正常运行。'
+                  : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
+              }}
+            </span>
+          </template>
+        </div>
       </div>
-      <div>
+
+      <template v-if="selectedItems.length > 0">
+        <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
+      </template>
+      <div v-else>
         <a-space v-if="isAbnormalStatus" class="flex items-center">
           <a-button class="w-96px err-btn" size="mini">
             <template #default>查看异常账号</template>
@@ -59,7 +79,12 @@
       </div>
     </div>
     <div class="card-wrap">
-      <AccountTable :dataSource="dataSource" />
+      <AccountTable
+        :dataSource="dataSource"
+        :selectedItems="selectedItems"
+        @selectionChange="handleSelectionChange"
+        @delete="handleDelete"
+      />
       <div class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
@@ -78,6 +103,7 @@
     <GroupManageModal ref="groupManageModalRef" />
     <TagsManageModal ref="tagsManageModalRef" />
     <AddAccountModal ref="addAccountModalRef" />
+    <DeleteAccountModal ref="deleteAccountRef" @update="getData" />
   </div>
 </template>
 
@@ -89,6 +115,7 @@ import AccountTable from './components/account-table';
 import GroupManageModal from './components/group-manage-modal';
 import TagsManageModal from './components/tags-manage-modal';
 import AddAccountModal from './components/add-account-modal';
+import DeleteAccountModal from './components/account-table/delete-account';
 
 import { INITIAL_QUERY } from './constants';
 import { getMediaAccounts } from '@/api/all/propertyMarketing';
@@ -98,10 +125,12 @@ import icon2 from '@/assets/img/media-account/icon-group.png';
 import icon3 from '@/assets/img/media-account/icon-tag.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
 import icon5 from '@/assets/img/media-account/icon-warn.png';
+import icon6 from '@/assets/img/media-account/icon-close.png';
 
 const groupManageModalRef = ref(null);
 const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
+const deleteAccountRef = ref(null);
 
 const tipStatus = ref(2);
 const pageInfo = reactive({
@@ -111,9 +140,14 @@ const pageInfo = reactive({
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
+const selectedItems = ref([]);
 
 const isNormalStatus = computed(() => tipStatus.value === 1);
 const isAbnormalStatus = computed(() => tipStatus.value === 2);
+const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
+const indeterminate = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
+);
 
 onMounted(() => {
   getData();
@@ -130,28 +164,52 @@ const getData = async () => {
   //   dataSource.value = data.data;
   //   pageInfo.total = total;
   // }
-  dataSource.value = new Array(8).fill({
-    id: 1,
-    name: '全球',
-    account_id: 1,
-    mobile: 1777777,
-    status: 1,
-    platform: 0,
-    operator: {
-      name: '小周',
-    },
-    group: {
-      name: '美团组',
-    },
-    tags: [
-      {
-        name: '标签1',
+  dataSource.value = [
+    {
+      id: 1,
+      name: '全球',
+      account_id: 1,
+      mobile: 1777777,
+      status: 1,
+      platform: 0,
+      operator: {
+        name: '小周',
       },
-      {
-        name: '标签2',
+      group: {
+        name: '美团组',
       },
-    ],
-  });
+      tags: [
+        {
+          name: '标签1',
+        },
+        {
+          name: '标签2',
+        },
+      ],
+    },
+    {
+      id: 2,
+      name: '全球2',
+      account_id: 1,
+      mobile: 1777777,
+      status: 1,
+      platform: 0,
+      operator: {
+        name: '小周',
+      },
+      group: {
+        name: '美团组',
+      },
+      tags: [
+        {
+          name: '标签1',
+        },
+        {
+          name: '标签2',
+        },
+      ],
+    },
+  ];
 };
 const handleSearch = (newQuery) => {
   query.value = { ...newQuery };
@@ -181,6 +239,33 @@ const handleOpenTagsModal = () => {
 const handleOpenAccountModal = () => {
   addAccountModalRef.value?.open();
 };
+
+const handleOpenEdit = (item) => {
+  addAccountModalRef.value?.open(item.id);
+};
+
+const handleSelectionChange = (val) => {
+  selectedItems.value = val;
+};
+const handleChangeAll = (val) => {
+  if (val) {
+    selectedItems.value = cloneDeep(dataSource.value);
+  } else {
+    selectedItems.value = [];
+  }
+};
+const handleBatchDelete = () => {
+  const ids = selectedItems.value.map((item) => item.id);
+  const names = selectedItems.value.map((item) => `“${item.name}”`).join(',');
+  deleteAccountRef.value?.open({ id: ids, name: names });
+};
+const handleDelete = (item) => {
+  const { id, name } = item;
+  deleteAccountRef.value?.open({ id, name: `“${name}”` });
+};
+const handleCloseTip = () => {
+  selectedItems.value = [];
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index 97d0462..1d9c9cb 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -58,6 +58,22 @@
       font-weight: 400;
       line-height: 20px; /* 166.667% */
     }
+    .operation-btn {
+      padding: 0;
+      cursor: pointer;
+      color: var(--Brand-Brand-6, #6d4cfe);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+      &:not(:last-child) {
+        margin-right: 16px;
+      }
+      &.red {
+        color: #F64B31;
+      }
+    }
   }
   .card-wrap {
     display: flex;

From d74e98a34687191789127b4e25166308be44b7c7 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Fri, 27 Jun 2025 09:14:14 +0800
Subject: [PATCH 12/78] =?UTF-8?q?perf:=20=E8=BF=98=E5=8E=9F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/tags-manage-modal/index.vue            | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 1e2ef50..2f8d10a 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -34,11 +34,12 @@
         <template #default>添加新标签</template>
       </a-button>
       <div class="tag-list">
-        <div v-for="tag in list" :key="tag.id" class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
-          <a-checkbox v-model="selectedTags" :value="tag.id" style="margin-right: 6px" @click.stop />
-          <span>{{ tag.name }}</span>
-          <img :src="iconDelete" class="delete-icon" @click.stop="openDelete(tag)" />
-        </div>
+        <a-tooltip v-for="tag in list" :key="tag.id" content="双击修改标签名">
+          <div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
+            <span>{{ tag.name }}</span>
+            <img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
+          </div>
+        </a-tooltip>
       </div>
     </template>
     <AddTag ref="addTagRef" @success="getData" />

From 645816c1f588822201788e9d433e90931e7177fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Fri, 27 Jun 2025 09:28:06 +0800
Subject: [PATCH 13/78] =?UTF-8?q?=E6=99=BA=E8=83=BD=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/img/guide/no_data.png              | Bin 0 -> 4205 bytes
 src/components/upload/ImageUpload.vue         | 168 +++++++++
 .../routes/modules/propertyMarketing.ts       |   2 +-
 .../enterpriseKnowledge/brandMaterials.less   | 182 ++++++++++
 .../enterpriseKnowledge/brandMaterials.vue    | 334 +++++++-----------
 .../put-account/investmentGuidelines.less     |  12 +
 .../put-account/investmentGuidelines.vue      | 239 ++++++++++++-
 7 files changed, 713 insertions(+), 224 deletions(-)
 create mode 100644 src/assets/img/guide/no_data.png
 create mode 100644 src/components/upload/ImageUpload.vue
 create mode 100644 src/views/property-marketing/enterpriseKnowledge/brandMaterials.less

diff --git a/src/assets/img/guide/no_data.png b/src/assets/img/guide/no_data.png
new file mode 100644
index 0000000000000000000000000000000000000000..4d6f2a302917ce35216b4ca257c047c628918e62
GIT binary patch
literal 4205
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
Dy=Cqo

literal 0
HcmV?d00001

diff --git a/src/components/upload/ImageUpload.vue b/src/components/upload/ImageUpload.vue
new file mode 100644
index 0000000..450ac52
--- /dev/null
+++ b/src/components/upload/ImageUpload.vue
@@ -0,0 +1,168 @@
+<template>
+  <a-upload
+    :custom-request="customRequest"
+    list-type="picture-card"
+    action="/"
+    :limit="limit"
+    :fileList="fileList"
+    image-preview
+    @change="onChange"
+    @success="handleSuccess"
+    @error="handleError"
+  />
+</template>
+
+<script setup lang="ts">
+import { ref } from 'vue';
+import { Message } from '@arco-design/web-vue';
+import { fetchImageUploadFile } from '@/api/all';
+import axios from 'axios';
+
+const fileList = ref([]);
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String],
+    default: '',
+  },
+  limit: {
+    type: Number,
+    default: 0, // 0 表示不限制
+  },
+});
+
+const emit = defineEmits(['update:modelValue']);
+
+const handleSuccess = (fileItem) => {
+  let response = fileItem.response;
+  response = JSON.parse(response);
+  if (response && response.data.file_url) {
+    if (props.limit === 1) {
+      emit('update:modelValue', response.data.file_url);
+    } else {
+      emit('update:modelValue', [...props.modelValue, response.data.file_url]);
+    }
+  }
+};
+
+watch(
+  () => props.modelValue,
+  async (value) => {
+    console.log(value, 'value');
+    if (value) {
+      fileList.value =
+        props.limit == 1
+          ? [
+              {
+                name: '',
+                url: props.modelValue as string,
+              },
+            ]
+          : (props.modelValue as string[]).map((item) => {
+              return {
+                name: '',
+                url: item,
+              };
+            });
+    } else {
+      fileList.value = [];
+    }
+  },
+  { once: true },
+);
+
+let previousFileListLength = 0;
+//删除图片
+const onChange = (fileList) => {
+  if (fileList.length < previousFileListLength) {
+    // 在这里执行你需要的操作
+    if (props.limit === 1) {
+      if (fileList.length === 0) {
+        emit('update:modelValue', '');
+      }
+    } else {
+      if (fileList.length === 0) {
+        emit('update:modelValue', []);
+      } else {
+        let image_data = fileList.map((item) => item.url);
+        emit('update:modelValue', image_data);
+      }
+    }
+  }
+
+  // 更新上一次的文件列表长度
+  previousFileListLength = fileList.length;
+};
+
+const beforeUpload = (file, files) => {
+  if (props.limit > 0 && files.length >= props.limit) {
+    Message.warning(`最多只能上传 ${props.limit} 张图片`);
+    return false; // 阻止上传
+  }
+  return true;
+};
+
+const handleError = (error) => {
+  Message.error('上传失败');
+  console.error(error);
+};
+
+const customRequest = (option) => {
+  const { onProgress, onError, onSuccess, fileItem, name } = option;
+  const xhr = new XMLHttpRequest();
+  if (xhr.upload) {
+    xhr.upload.onprogress = function (event) {
+      let percent;
+      if (event.total > 0) {
+        // 0 ~ 1
+        percent = event.loaded / event.total;
+      }
+      onProgress(percent, event);
+    };
+  }
+  xhr.onerror = function error(e) {
+    onError(e);
+  };
+  xhr.onload = function onload() {
+    if (xhr.status < 200 || xhr.status >= 300) {
+      return onError(xhr.responseText);
+    }
+    let response = JSON.parse(xhr.response);
+    if (response && response.data.upload_url) {
+      const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+      axios
+        .put(response.data.upload_url, blob, {
+          headers: { 'Content-Type': fileItem.file.type },
+        })
+        .then(() => {
+          onSuccess(xhr.response);
+        })
+        .catch((error) => {
+          onError(error);
+        });
+    } else {
+      onError(xhr.response);
+    }
+  };
+
+  const formData = new FormData();
+  formData.append(name || 'file', fileItem.file);
+  xhr.open('get', '/api/v1/oss/image-pre-signed-url?suffix=png', true);
+  xhr.send(formData);
+  let extension = getFileExtension(fileItem.file.name);
+  return {
+    abort() {
+      xhr.abort();
+    },
+  };
+};
+
+function getFileExtension(filename: string): string {
+  const match = filename.match(/\.([^.]+)$/);
+  return match ? match[1].toLowerCase() : '';
+}
+</script>
+
+<style scoped>
+/* 添加一些样式 */
+</style>
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index daaaa52..e1c14e6 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -128,7 +128,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/account-placement/placementGuide'),
+        component: () => import('@/views/property-marketing/put-account/investmentGuidelines'),
       },
     ],
   },
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
new file mode 100644
index 0000000..23e6a7c
--- /dev/null
+++ b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
@@ -0,0 +1,182 @@
+.placement-guide-style {
+  //每块div布局
+  .part-div {
+    width: 100%;
+    height: 100%;
+    background: var(--BG-white, white);
+    overflow: hidden;
+    border-radius: 8px;
+    outline: 1px var(--BG-300, #E6E6E8) solid;
+    outline-offset: -1px;
+    flex-direction: column;
+    justify-content: flex-start;
+    display: inline-flex;
+    margin: 10px;
+  }
+
+  //每块div 头部
+  .part-div-header {
+    align-self: stretch;
+    height: 64px;
+    padding: 10px 24px 10px 24px;
+    justify-content: flex-start;
+    align-items: center;
+    display: inline-flex
+  }
+
+  //每块div 标题
+  .part-div-header-title {
+    justify-content: center;
+    display: flex;
+    flex-direction: column;
+    color: var(--Text-1, #211F24);
+    font-size: 18px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 26px;
+    word-wrap: break-word;
+  }
+
+  //无数据样式
+  .non-data {
+    display: flex;
+    align-items: center; /* 垂直居中 */
+    justify-content: center; /* 水平居中，如果需要的话 */
+    height: 50%; /* 示例：父容器高度为视口高度 */
+  }
+
+  .non-data-str {
+    // 暂无品牌
+    color: var(--Text-3, #737478);
+    font-size: 14px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 22px;
+    word-wrap: break-word;
+    margin: 20px 20px;
+  }
+
+  .add-btn {
+    font-size: 16px;
+    padding: 0 24px;
+    border-radius: 4px;
+  }
+
+  .materials-page {
+    background: #fff;
+    border-radius: 8px;
+    padding: 32px 24px 24px 24px;
+    min-height: 600px;
+  }
+
+  .header-row {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 24px;
+  }
+
+  .page-title {
+    font-size: 20px;
+    font-weight: 600;
+    margin: 0;
+  }
+
+  .search-row {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 20px;
+  }
+
+  .search-input {
+    width: 240px;
+  }
+
+  .search-btn,
+  .reset-btn {
+    min-width: 72px;
+  }
+
+  .brand-table {
+    margin-bottom: 16px;
+  }
+
+  .logo-cell {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    font-weight: 500;
+  }
+
+  .logo-emoji {
+    font-size: 20px;
+  }
+
+  .logo-text {
+    font-size: 16px;
+  }
+
+  .pagination-row {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin-top: 8px;
+  }
+
+  .page-size-select {
+    width: 80px;
+  }
+
+  .upload-card {
+    width: 80px;
+    height: 80px;
+    border: 1px dashed #d9d9d9;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #999;
+    font-size: 24px;
+    background: #fafafa;
+    border-radius: 6px;
+  }
+
+  .upload-tip {
+    font-size: 12px;
+    color: #999;
+    margin-top: 4px;
+  }
+
+  .form-tip {
+    font-size: 12px;
+    color: #999;
+    margin-top: 4px;
+  }
+
+  .form-item-logo .logo-upload-row {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+  }
+
+  .logo-upload-card {
+    display: flex;
+    gap: 12px;
+  }
+
+  .form-tip {
+    color: #999;
+    font-size: 13px;
+    margin-left: 8px;
+    line-height: 1.5;
+  }
+
+  .a-form .a-form-item {
+    margin-bottom: 24px;
+  }
+
+  .a-modal .a-modal-footer {
+    justify-content: flex-end;
+  }
+}
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
index 3479576..3beb3aa 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
+++ b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
@@ -1,106 +1,133 @@
 <template>
-  <div class="materials-page">
-    <!-- 顶部标题和新增按钮 -->
-    <div class="header-row">
-      <h2 class="page-title">品牌物料</h2>
-      <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
-    </div>
+  <view class="placement-guide-style">
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">品牌物料</span>
+      </div>
+      <a-space v-if="listResult.data.length === 0" direction="vertical" class="non-data">
+        <a-space>
+          <a-image :src="noDataImage" />
+        </a-space>
+        <a-space>
+          <span class="non-data-str">暂无品牌</span>
+        </a-space>
+        <a-space>
+          <a-button class="add-btn" @click="handleAdd" type="primary">
+            <template #icon>
+              <icon-plus />
+            </template>
+            去添加
+          </a-button>
+        </a-space>
+      </a-space>
 
-    <!-- 搜索栏 -->
-    <div class="search-row">
-      品牌名称
-      <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
-      <a-button type="outline" @click="handleSearch">
-        <template #icon>
-          <icon-search />
-        </template>
-        <template #default>搜索</template>
-      </a-button>
-      <a-button type="outline" @click="handleReset">
-        <template #icon>
-          <icon-refresh />
-        </template>
-        <template #default>重置</template>
-      </a-button>
-    </div>
+      <a-space v-else>
+        <div class="header-row">
+          <h2 class="page-title">品牌物料</h2>
+          <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
+        </div>
 
-    <!-- 表格 -->
+        <!-- 搜索栏 -->
+        <div class="search-row">
+          品牌名称
+          <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
+          <a-button type="outline" @click="handleSearch">
+            <template #icon>
+              <icon-search />
+            </template>
+            <template #default>搜索</template>
+          </a-button>
+          <a-button type="outline" @click="handleReset">
+            <template #icon>
+              <icon-refresh />
+            </template>
+            <template #default>重置</template>
+          </a-button>
+        </div>
 
-    <a-table :data="listResult.list" :pagination="false">
-      <template #columns>
-        <a-table-column title="品牌名称" data-index="name" />
-        <a-table-column title="品牌logo" data-index="logo">
-          <template #cell="{ record }">
-            <img :src="record.logo" style="width: 50px; height: 50px" />
+        <!-- 表格 -->
+
+        <a-table :data="listResult.list" :pagination="false">
+          <template #columns>
+            <a-table-column title="品牌名称" data-index="name" />
+            <a-table-column title="品牌logo" data-index="logo">
+              <template #cell="{ record }">
+                <img :src="record.logo" style="width: 50px; height: 50px" />
+              </template>
+            </a-table-column>
+            <a-table-column title="Slogan" data-index="slogan" />
+            <a-table-column title="操作" data-index="optional">
+              <template #cell="{ record }">
+                <a-popconfirm
+                  content="确定删除吗?"
+                  type="warning"
+                  ok-text="确认删除"
+                  cancel-text="取消"
+                  @ok="deleteBrand(record.id)"
+                >
+                  <icon-delete></icon-delete>
+                </a-popconfirm>
+                <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
+              </template>
+            </a-table-column>
           </template>
-        </a-table-column>
-        <a-table-column title="Slogan" data-index="slogan" />
-        <a-table-column title="操作" data-index="optional">
-          <template #cell="{ record }">
-            <a-popconfirm
-              content="确定删除吗?"
-              type="warning"
-              ok-text="确认删除"
-              cancel-text="取消"
-              @ok="deleteBrand(record.id)"
-            >
-              <icon-delete></icon-delete>
-            </a-popconfirm>
-            <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
+        </a-table>
 
-    <!-- 分页 -->
-    <a-space direction="vertical" size="large">
-      <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
-    </a-space>
-
-    <!-- 新增/编辑品牌弹窗 -->
-    <a-modal
-      v-model:visible="modalVisible"
-      :title="modalTitle"
-      :mask-closable="false"
-      :esc-to-close="false"
-      width="480px"
-      @cancel="handleModalCancel"
-    >
-      <a-form
-        :model="form"
-        :label-col-props="{ span: 5, offset: 0 }"
-        :wrapper-col-props="{ span: 19, offset: 0 }"
-        label-align="left"
-        :rules="formRule"
-        ref="formRef"
-        layout="left"
+        <!-- 分页 -->
+        <a-space direction="vertical" size="large">
+          <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
+        </a-space>
+      </a-space>
+      <!-- 新增/编辑品牌弹窗 -->
+      <a-modal
+        v-model:visible="modalVisible"
+        :mask-closable="false"
+        :esc-to-close="false"
+        width="480px"
+        @cancel="handleModalCancel"
       >
-        <a-form-item field="name" label="品牌名称">
-          <a-input v-model="form.name" placeholder="请输入品牌名称" />
-        </a-form-item>
-        <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
-          <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
-          <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
-        </a-form-item>
-        <a-form-item field="otherLogos"  class="form-item-logo" label="其他Logo">
-          <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
-        </a-form-item>
-        <a-form-item field="slogan" label="Slogan">
-          <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
-        </a-form-item>
-      </a-form>
-      <template #footer>
-        <a-button @click="handleModalCancel">取消</a-button>
-        <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
-      </template>
-    </a-modal>
-  </div>
+        <template #title>
+          <span title="测试">{{ form.id > 0 ? '编辑品牌' : '新增品牌' }}</span>
+        </template>
+        <a-form
+          :model="form"
+          :label-col-props="{ span: 5, offset: 0 }"
+          :wrapper-col-props="{ span: 19, offset: 0 }"
+          label-align="left"
+          :rules="formRule"
+          ref="formRef"
+          layout="left"
+        >
+          <a-form-item field="name" label="品牌名称">
+            <a-input v-model="form.name" placeholder="请输入品牌名称" />
+          </a-form-item>
+          <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
+            <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
+            <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
+          </a-form-item>
+          <a-form-item field="otherLogos" class="form-item-logo" label="其他Logo">
+            <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
+          </a-form-item>
+          <a-form-item field="slogan" label="Slogan">
+            <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
+          </a-form-item>
+        </a-form>
+        <template #footer>
+          <a-button @click="handleModalCancel">取消</a-button>
+          <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
+        </template>
+      </a-modal>
+    </div>
+  </view>
 </template>
 
 <script setup>
 import { ref, computed, reactive, onMounted } from 'vue';
 import { Message } from '@arco-design/web-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
+import noDataImage from '@/assets/img/guide/no_data.png';
+import '@/views/property-marketing/enterpriseKnowledge/brandMaterials.less';
+
 import {
   addMaterials,
   deleteMaterials,
@@ -115,7 +142,7 @@ const searchName = ref('');
 const current = ref(1);
 
 const listResult = reactive({
-  list: ref([]),
+  data: ref([]),
   total: ref(0),
 });
 
@@ -148,7 +175,9 @@ onMounted(() => {
 
 const handleSearch = () => {
   getMaterialsList(listQuery).then((response) => {
-    listResult.list = response.data;
+    listResult.data = response.data.data;
+    console.log(response.data, 'response.data');
+    console.log(listResult.data, 'listResult.data');
     listResult.total = response.total;
   });
 };
@@ -216,124 +245,3 @@ function handleEdit(id) {
   });
 }
 </script>
-
-<style scoped>
-.materials-page {
-  background: #fff;
-  border-radius: 8px;
-  padding: 32px 24px 24px 24px;
-  min-height: 600px;
-}
-
-.header-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 24px;
-}
-
-.page-title {
-  font-size: 20px;
-  font-weight: 600;
-  margin: 0;
-}
-
-.add-btn {
-  font-size: 16px;
-  padding: 0 24px;
-}
-
-.search-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 20px;
-}
-
-.search-input {
-  width: 240px;
-}
-
-.search-btn,
-.reset-btn {
-  min-width: 72px;
-}
-
-.brand-table {
-  margin-bottom: 16px;
-}
-
-.logo-cell {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 500;
-}
-
-.logo-emoji {
-  font-size: 20px;
-}
-
-.logo-text {
-  font-size: 16px;
-}
-
-.pagination-row {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-top: 8px;
-}
-
-.page-size-select {
-  width: 80px;
-}
-
-.upload-card {
-  width: 80px;
-  height: 80px;
-  border: 1px dashed #d9d9d9;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #999;
-  font-size: 24px;
-  background: #fafafa;
-  border-radius: 6px;
-}
-
-.upload-tip {
-  font-size: 12px;
-  color: #999;
-  margin-top: 4px;
-}
-
-.form-tip {
-  font-size: 12px;
-  color: #999;
-  margin-top: 4px;
-}
-
-.form-item-logo .logo-upload-row {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-.logo-upload-card {
-  display: flex;
-  gap: 12px;
-}
-.form-tip {
-  color: #999;
-  font-size: 13px;
-  margin-left: 8px;
-  line-height: 1.5;
-}
-.a-form .a-form-item {
-  margin-bottom: 24px;
-}
-.a-modal .a-modal-footer {
-  justify-content: flex-end;
-}
-</style>
diff --git a/src/views/property-marketing/put-account/investmentGuidelines.less b/src/views/property-marketing/put-account/investmentGuidelines.less
index bb64596..fd746cf 100644
--- a/src/views/property-marketing/put-account/investmentGuidelines.less
+++ b/src/views/property-marketing/put-account/investmentGuidelines.less
@@ -183,4 +183,16 @@
     word-wrap: break-word
   }
 
+  //表现分析标题
+  .player-title {
+    margin: 10px 0px 15px 20px;
+    // 表现分析
+    color: var(--Text-1, #211F24);
+    font-size: 16px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 22px;
+    word-wrap: break-word
+  }
+
 }
diff --git a/src/views/property-marketing/put-account/investmentGuidelines.vue b/src/views/property-marketing/put-account/investmentGuidelines.vue
index 73750e2..9e98c59 100644
--- a/src/views/property-marketing/put-account/investmentGuidelines.vue
+++ b/src/views/property-marketing/put-account/investmentGuidelines.vue
@@ -131,14 +131,16 @@
         </template>
       </a-table>
       <!-- 分页 -->
-      <a-pagination
-        class="account-page"
-        :total="listResult.total"
-        :size="listQuery.page_size"
-        show-total
-        show-jumper
-        show-page-size
-      />
+      <div>
+        <a-pagination
+          class="account-page"
+          :total="listResult.total"
+          :size="listQuery.page_size"
+          show-total
+          show-jumper
+          show-page-size
+        />
+      </div>
     </div>
     <div class="part-div">
       <div class="part-div-header">
@@ -146,8 +148,6 @@
         <a-popover position="tl">
           <icon-question-circle />
           <template #content>
-
-
             <p style="margin: 0">本月摘要。</p>
           </template>
         </a-popover>
@@ -231,6 +231,225 @@
         </a-row>
       </div>
     </div>
+
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放行动指南</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">投放建议优化。</p>
+          </template>
+        </a-popover>
+      </div>
+      <a-space>
+        <span class="player-title">表现分析</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">表现分析。</p>
+          </template>
+        </a-popover>
+      </a-space>
+      <div>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">人群分析</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    18-24岁女性，兴趣为“美妆/穿搭”，一线城市，抖音平台 ROI 3.2</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    25-34岁男性，兴趣为“数码产品”，二线城市，巨量引擎 ROI 2.8</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    18-24岁男性，兴趣为“运动/健身”，三线城市，抖音 ROI 2.3</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">投放素材</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    图文风格 + 明确福利点，CTR 3.2%、CVR 8.5%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    场景短视频 + 明确人设定位，CTR 2.7%、CVR 7.1%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    口播讲解类 + 产品对比，CTR 2.1%、CVR 6.0%</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">投放时段</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    晚高峰时段（19:00–21:00），ROI 3.1</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    中午时段（11:30–13:00），ROI 2.5</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    下午茶时段（15:00–17:00），ROI 2.3</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">平台表现</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    抖音 - ROI 3.2，CVR 8.5%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    聚光平台 - ROI 2.7，CVR 7.3%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    B站 - ROI 2.4，CVR 6.8%</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+      <a-space>
+        <span class="player-title">新投放建议生成</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">新投放建议生成。</p>
+          </template>
+        </a-popover>
+      </a-space>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="24">
+          <div class="overall-strategy">
+            <span class="placement-optimization-title">人群建议</span>
+            <a-space direction="vertical">
+              <a-space class="placement-optimization-str">
+                <span>
+                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  集中在 18–24 岁女性 + 精准兴趣标签（如“护肤”、“口红”）</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  24–30 岁男性 + 实用类内容受众（如“工具控”、“搞机党”）</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  泛娱乐向受众 + 较大地域分布（兴趣“短剧”、“直播带货”）</span
+                >
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="24">
+          <div class="overall-strategy">
+            <span class="placement-optimization-title">素材建议</span>
+            <a-space direction="vertical">
+              <a-space class="placement-optimization-str">
+                <span>
+                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  福利明确+钩子强的图文短视频，建议加限时优惠提示</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  场景代入型视频，突出客户痛点与产品关联</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  达人口播/测评，搭配标题党封面吸引点击</span
+                >
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="24">
+          <div class="overall-strategy">
+            <span class="placement-optimization-title">投放策略建议</span>
+            <a-space direction="vertical">
+              <a-space class="placement-optimization-str">
+                <span>
+                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  预算前置在 ROI 最佳时段和平台，优先抢头部流量</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  中等预算组合投放 + 高点击素材A/B测试</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  低预算长周期测试，重点看 CVR，优胜劣汰</span
+                >
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+    </div>
   </view>
 </template>
 

From 7975c7bdd7fc06f954cdf6bfe263f839d5dee33b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Fri, 27 Jun 2025 09:34:21 +0800
Subject: [PATCH 14/78] =?UTF-8?q?=E6=99=BA=E8=83=BD=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../enterpriseKnowledge/brandMaterials.less               | 8 ++++++++
 .../enterpriseKnowledge/brandMaterials.vue                | 2 +-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
index 23e6a7c..26aec80 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
+++ b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
@@ -56,12 +56,14 @@
     margin: 20px 20px;
   }
 
+  //添加按钮
   .add-btn {
     font-size: 16px;
     padding: 0 24px;
     border-radius: 4px;
   }
 
+  //分页
   .materials-page {
     background: #fff;
     border-radius: 8px;
@@ -179,4 +181,10 @@
   .a-modal .a-modal-footer {
     justify-content: flex-end;
   }
+
+  //弹窗样式
+  .a-modal-title {
+    position: absolute;
+    left: 10px;
+  }
 }
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
index 3beb3aa..5c541d9 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
+++ b/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
@@ -87,7 +87,7 @@
         @cancel="handleModalCancel"
       >
         <template #title>
-          <span title="测试">{{ form.id > 0 ? '编辑品牌' : '新增品牌' }}</span>
+          <span class="a-modal-title">{{ form.id > 0 ? '编辑品牌' : '新增品牌' }}</span>
         </template>
         <a-form
           :model="form"

From e321613af1c27e40ba5ac489796984232dc2360c Mon Sep 17 00:00:00 2001
From: rd <>
Date: Fri, 27 Jun 2025 11:56:05 +0800
Subject: [PATCH 15/78] =?UTF-8?q?feat:=20=E6=89=B9=E9=87=8F=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE/=E5=88=86=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  10 +
 src/assets/img/icon-question.png              | Bin 0 -> 903 bytes
 src/views/property-marketing/component.scss   |  30 ++-
 .../account-table/delete-account.vue          |   7 +-
 .../components/add-account-modal/index.vue    |  14 +-
 .../components/batch-group-modal/index.vue    | 142 +++++++++++++++
 .../components/batch-group-modal/style.scss   |  16 ++
 .../components/batch-tag-modal/index.vue      | 171 ++++++++++++++++++
 .../components/batch-tag-modal/style.scss     |  16 ++
 .../group-manage-modal/add-group.vue          |   9 +-
 .../group-manage-modal/delete-group.vue       |  13 +-
 .../components/import-prompt-modal/index.vue  |  10 +-
 .../media-account/account-manage/index.vue    |  13 ++
 13 files changed, 408 insertions(+), 43 deletions(-)
 create mode 100644 src/assets/img/icon-question.png
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index cc01d23..fe8d6cd 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -95,3 +95,13 @@ export const deleteTag = (id: string) => {
 export const batchDeleteMediaAccounts = (params = {}) => {
   return Http.delete(`/v1/media-accounts/batch`, params);
 };
+
+// 媒体账号-批量标签
+export const batchPutTag = (params = {}) => {
+  return Http.put(`/v1/media-accounts/batch-tag`, params);
+};
+
+// 媒体账号-批量分组
+export const batchPutGroup = (params = {}) => {
+  return Http.put(`/v1/media-accounts/batch-group`, params);
+};
diff --git a/src/assets/img/icon-question.png b/src/assets/img/icon-question.png
new file mode 100644
index 0000000000000000000000000000000000000000..a10d6ad8212450e5de0b59e0ff058d3fd04a5a66
GIT binary patch
literal 903
zcmV;219<$2P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0~|?2K~#7F-B#~y
z+E5U`v!Owas<<1Z6O?Y?Y|u`SFhNK{B+@T6UmBzka3%=dARELRlx)BTbwpD^!Cdd2
z|L}O&81-XLda~trcfb3826*j+yD~PL?ZavnTtfUv5jjfO#&AjW^u~su+wG2b(NhZ8
zYPDSg_{Ohp32Q(IKl(S_A^Z=Z=XuWLWp)olpEdT71;#`)0t+1^a>z6UVOX`HQ{-_j
zV7uKuoJa5o1cwPzKo;IbZ}$S<^FovV{IY$55`~1H1;z||ln09CV0hN+UHh;DarnI?
z{0j8le(jTI7+5id7%a1tme9EEUk?qXE@FId8^zM=bv^cWj0E?hL!|`Z3lw>%LL<xq
z2GHrV0?<8Qs5=+dH4NF4Gu@N()>RXM1_{6s8xo{<mM&`%9H-&X!4l6OS6~>%M_G1~
zc#=_{Qy_Vduagj)fZ{<~apIlMBw^HZdfU5xF9%aTu4L&`U4{tnl2=#1%K-mIt5BJ}
zv_LClz@Z$yfEJ5d_Fk#L8ekOd1!)vyU}Svh3ofCaWHbPS{G0D1el*PQc6B<Ca47H!
zjMrp*FKo50#(Z60^4S1nFg322;TcLuhQjZc*&`2tdLq;Db9#<|o<P8saFBkpOeU_<
zUr<7mm+3$UGYf2`3=hmtmS&EMH(FSSE!1p!j#MU;fhptTA<rn!8-SJtBc+6^Q9@Rv
z1Zq=9+D49z)&p!It?EbVw=9Qqo*MQ-T|1LMGhxhCmgMRKl#mROw4j#ust_x>BJQ_9
zS+%6oBETm1s~rykh~{wQ`-NK}ZTLVhD6?qNhIeH=K@rIip!L4fi49-PW8RVa-5Q{p
zd590Og*3RhxH{g@Hm!vgLPL(@)HYU?$Z(WAh?NY@A+oWaqzbvAe`Xf4Fjry+cA$&P
zucy3X{6zCO;+<&rXYK;d@}w<P)dD%c59-fg!bOHE@9s9RLck1kp+aMZRl*)}VTIDO
zq>Q3f8*xga{k=xspTSnZl%%|6ZBfZjRI-jb`tB>>+l|Cyi#H1DvymqVSKVkn=hF9g
d`%QfP^bdA5e98e<lga=9002ovPDHLkV1m~Bnh5{^

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 6fcacb8..6595010 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -12,19 +12,30 @@
   }
 }
 .arco-modal {
+  .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);
+    }
+  }
   .arco-modal-header {
-    border-bottom: none;
+    border-bottom: 1px solid var(--Border-1, #d7d7d9);
     height: 56px;
-    padding: 22px 24px 16px 24px;
+    padding: 0 20px;
     .arco-modal-title {
       justify-content: flex-start;
     }
   }
 
   .arco-modal-body {
-    padding: 24px 24px 20px;
+    padding: 24px 20px;
     .arco-form-item {
       margin-bottom: 16px;
+      &:last-child {
+        margin-bottom: 0;
+      }
       .arco-form-item-label {
         color: var(--Text-1, #211f24);
         font-family: 'Alibaba PuHuiTi';
@@ -34,15 +45,14 @@
         line-height: 22px; /* 157.143% */
       }
     }
-    .cancel-btn {
-      border-radius: 4px;
-      border: 1px solid var(--BG-500, #b1b2b5);
-      background: var(--BG-white, #fff);
-    }
   }
 
   .arco-modal-footer {
-    border-top: none;
-    padding: 0;
+    display: flex;
+    height: 64px;
+    padding: 0px 20px;
+    justify-content: flex-end;
+    align-items: center;
+    border-top: 1px solid var(--Border-1, #d7d7d9);
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index ccc91bf..f1752be 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -11,20 +11,19 @@
     v-model:visible="visible"
     :title="isBatch ? '批量删除账号' : '删除账号'"
     width="400px"
-    :footer="false"
     modal-class="account-manage-modal"
     @close="onClose"
   >
-    <div class="flex items-center mb-24px">
+    <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 {{ accountName }} 这个账号吗？</span>
     </div>
-    <div class="text-right">
+    <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
-    </div>
+    </template>
   </a-modal>
 </template>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 2a9edef..6ff4a14 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -7,7 +7,6 @@
     v-model:visible="visible"
     :title="isEdit ? '编辑账号' : '添加账号'"
     modal-class="add-account-modal"
-    :footer="false"
     width="500px"
     :mask-closable="false"
   >
@@ -82,14 +81,13 @@
           <TagSelect v-model="form.tag_ids" :options="tagOptions" placeholder="请选择…" size="large" />
         </a-form-item>
       </template>
-
-      <div class="mt-24px text-right">
-        <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
-        <a-button type="primary" size="large" @click="onSubmit">
-          {{ isBatchImport ? '确定导入' : '生成授权码' }}
-        </a-button>
-      </div>
     </a-form>
+    <template #footer>
+      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" size="large" @click="onSubmit">
+        {{ isBatchImport ? '确定导入' : '生成授权码' }}
+      </a-button>
+    </template>
 
     <QrCodeModal ref="qrCodeModalRef" />
     <ImportPromptModal ref="importPromptModalRef" />
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
new file mode 100644
index 0000000..21f7de8
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -0,0 +1,142 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 09:35:49
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="批量分组"
+    modal-class="batch-group-modal"
+    width="800px"
+    :mask-closable="false"
+  >
+    <div class="mb-16px t1">
+      {{ `已选${accountGroupList.length}个账号` }}
+    </div>
+    <a-form ref="formRef" :model="form" layout="horizontal" auto-label-width>
+      <a-form-item label="编辑方式" required>
+        <a-radio-group v-model="editType">
+          <a-radio value="all">
+            <div class="flex items-center">
+              <span>统一编辑</span>
+              <a-tooltip content="原分组将被清除，统一加入新分组。">
+                <img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
+              </a-tooltip>
+            </div>
+          </a-radio>
+          <a-radio value="each">分别编辑</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="选择分组" required>
+        <template v-if="editType === 'all'">
+          <div class="flex items-center w-100%">
+            <a-select v-model="form.group_id" :options="groupOptions" placeholder="请选择..." class="flex-1" />
+          </div>
+        </template>
+      </a-form-item>
+
+      <!-- 分别编辑 -->
+      <template v-if="editType === 'each'">
+        <a-table :data="accountGroupList" :pagination="false" row-key="id" class="w-100%">
+          <template #columns>
+            <a-table-column title="账号名称" data-index="name" width="200" />
+            <a-table-column title="选择分组" data-index="group_id">
+              <template #cell="{ record }">
+                <div class="flex items-center w-100%">
+                  <a-select v-model="record.group_id" :options="groupOptions" placeholder="请选择..." />
+                </div>
+              </template>
+            </a-table-column>
+          </template>
+        </a-table>
+      </template>
+    </a-form>
+    <template #footer>
+      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+import { fetchAccountGroups, batchPutGroup } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/icon-question.png';
+
+// [{id, name, group_id: null}]
+
+const emits = defineEmits(['update']);
+const visible = ref(false);
+const groupOptions = ref([]);
+const formRef = ref();
+const editType = ref('all');
+const form = reactive({
+  group_id: null,
+});
+
+const accounts = ref([]); // [{id, name}]
+const accountGroupList = ref([]); // [{id, name, group_id: null}]
+
+const open = (accountList = []) => {
+  editType.value = 'all';
+  groupOptions.value = [];
+  form.group_id = null;
+  accounts.value = accountList;
+  accountGroupList.value = accountList.map((acc) => ({
+    ...acc,
+    group_id: null,
+  }));
+
+  visible.value = true;
+  getTags();
+};
+
+const getTags = async () => {
+  groupOptions.value = [
+    {
+      label: '测试',
+      value: '1',
+    },
+    {
+      label: 'ceshi2',
+      value: 2,
+    },
+  ];
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groupOptions.value = data.map((item) => ({
+      label: item.name,
+      value: item.id,
+    }));
+  }
+};
+
+const onClose = () => {
+  visible.value = false;
+  form.tag_ids = [];
+};
+
+const onSubmit = async () => {
+  // 这里处理批量标签的提交逻辑
+  const _params =
+    editType.value === 'all'
+      ? { id: -1, group_id: form.group_id }
+      : accountGroupList.value.map((item) => ({
+          id: item.id,
+          group_id: item.group_id,
+        }));
+  const { code } = await batchPutGroup({ media_accounts: _params });
+  if (code === 200) {
+    AMessage.success('批量分组成功');
+    emits('update');
+    visible.value = false;
+  }
+};
+
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
new file mode 100644
index 0000000..acb2b4c
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
@@ -0,0 +1,16 @@
+@import '@/views/property-marketing/component.scss';
+
+.batch-group-modal {
+  border-radius: 8px;
+  .arco-modal-body {
+    // min-height: 200px;
+    .t1 {
+      color: var(--Text-3, #737478);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
new file mode 100644
index 0000000..99cfceb
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -0,0 +1,171 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 09:35:49
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="批量标签"
+    modal-class="batch-tag-modal"
+    width="800px"
+    :mask-closable="false"
+  >
+    <div class="mb-16px t1">
+      {{ `已选${accountTagList.length}个账号` }}
+    </div>
+    <a-form ref="formRef" :model="form" layout="horizontal" auto-label-width>
+      <a-form-item label="编辑方式" required>
+        <a-radio-group v-model="editType">
+          <a-radio value="all">
+            <div class="flex items-center">
+              <span>统一编辑</span>
+              <a-tooltip content="原标签将被清除，统一为新标签。">
+                <img :src="icon1" alt="icon" class="ml-2px" width="14" height="14" />
+              </a-tooltip>
+            </div>
+          </a-radio>
+          <a-radio value="each">分别编辑</a-radio>
+        </a-radio-group>
+      </a-form-item>
+      <a-form-item label="选择标签" required>
+        <template v-if="editType === 'all'">
+          <div class="flex items-center w-100%">
+            <a-select
+              v-model="form.tag_ids"
+              :options="tagOptions"
+              multiple
+              allow-create
+              placeholder="请输入标签，回车键可直接添加..."
+              :limit="5"
+              class="flex-1"
+              @create="handleCreateTag"
+            />
+            <span class="ml-12px">{{ `${form.tag_ids.length}/5` }}</span>
+          </div>
+        </template>
+      </a-form-item>
+
+      <!-- 分别编辑 -->
+      <template v-if="editType === 'each'">
+        <a-table :data="accountTagList" :pagination="false" row-key="id" class="w-100%">
+          <template #columns>
+            <a-table-column title="账号名称" data-index="name" width="200" />
+            <a-table-column title="选择标签" data-index="tags">
+              <template #cell="{ record, rowIndex }">
+                <div class="flex items-center w-100%">
+                  <a-select
+                    v-model="record.tags"
+                    :options="tagOptions"
+                    multiple
+                    allow-create
+                    placeholder="请输入标签，回车键可直接添加..."
+                    :limit="5"
+                    style="width: 90%"
+                    @create="(val) => handleCreateTag(val, rowIndex)"
+                  />
+                  <span class="tag-count ml-8px">{{ record.tags.length }}/5</span>
+                </div>
+              </template>
+            </a-table-column>
+          </template>
+        </a-table>
+      </template>
+    </a-form>
+    <template #footer>
+      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" size="large" @click="onSubmit">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+import { fetchAccountTags, batchPutTag } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/icon-question.png';
+
+const emits = defineEmits(['update']);
+const visible = ref(false);
+const tagOptions = ref([]);
+const formRef = ref();
+const editType = ref('all');
+const form = reactive({
+  tag_ids: [],
+});
+
+const accounts = ref([]); // [{id, name}]
+const accountTagList = ref([]); // [{id, name, tags: []}]
+
+// 打开弹窗时请求标签数据
+const open = (accountList = []) => {
+  editType.value = 'all';
+  tagOptions.value = [];
+  form.tag_ids = [];
+  accounts.value = accountList;
+  accountTagList.value = accountList.map((acc) => ({
+    ...acc,
+    tags: [],
+  }));
+
+  visible.value = true;
+  getTags();
+};
+
+const getTags = async () => {
+  tagOptions.value = [
+    {
+      label: '测试',
+      value: '1',
+    },
+    {
+      label: 'ceshi2',
+      value: 2,
+    },
+  ];
+  const { code, data } = await fetchAccountTags();
+  if (code === 200) {
+    tagOptions.value = data.map((item) => ({
+      label: item.name,
+      value: item.id,
+    }));
+  }
+};
+
+// 允许回车创建新标签
+const handleCreateTag = (inputValue, idx) => {
+  const newTag = { label: inputValue, value: inputValue };
+  tagOptions.value.push(newTag);
+  if (typeof idx === 'number') {
+    accountTagList.value[idx].tags.push(inputValue);
+  } else {
+    form.tag_ids.push(inputValue);
+  }
+};
+
+const onClose = () => {
+  visible.value = false;
+  form.tag_ids = [];
+};
+
+const onSubmit = async () => {
+  const _params =
+    editType.value === 'all'
+      ? { tag_ids: form.tag_ids }
+      : accountTagList.value.map((item) => ({
+          id: item.id,
+          tag_ids: item.tags,
+        }));
+  const { code } = await batchPutTag({ media_accounts: _params });
+  if (code === 200) {
+    AMessage.success('批量标签成功');
+    emits('update');
+    visible.value = false;
+  }
+};
+
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
new file mode 100644
index 0000000..156b9c4
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
@@ -0,0 +1,16 @@
+@import '@/views/property-marketing/component.scss';
+
+.batch-tag-modal {
+  border-radius: 8px;
+  .arco-modal-body {
+    // min-height: 200px;
+    .t1 {
+      color: var(--Text-3, #737478);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
index 9781d48..d208936 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/add-group.vue
@@ -8,18 +8,17 @@
     :title="isEdit ? '编辑分组' : '添加新分组'"
     modal-class="account-manage-modal"
     width="400px"
-    :footer="false"
     @close="onClose"
   >
     <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
       <a-form-item :label="isEdit ? '分组名称' : '新分组名称'" field="name" required>
         <a-input v-model="form.name" placeholder="请输入…" />
       </a-form-item>
-      <div class="text-right">
-        <a-button class="cancel-btn" @click="onClose">取消</a-button>
-        <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
-      </div>
     </a-form>
+    <template #footer>
+      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+    </template>
   </a-modal>
 </template>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
index 30a3270..8d19023 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/delete-group.vue
@@ -3,24 +3,17 @@
  * @Date: 2025-06-26 11:45:05
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
-    title="删除分组"
-    width="400px"
-    :footer="false"
-    modal-class="account-manage-modal"
-    @close="onClose"
-  >
+  <a-modal v-model:visible="visible" title="删除分组" width="400px" modal-class="account-manage-modal" @close="onClose">
     <div class="flex items-center mb-24px">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
     </div>
-    <div class="text-right">
+    <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
-    </div>
+    </template>
   </a-modal>
 </template>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
index 7b67178..5fd6c1e 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
@@ -8,7 +8,6 @@
     width="480px"
     title="导入提示"
     modal-class="import-prompt-modal"
-    :footer="false"
     :mask-closable="false"
     @close="close"
   >
@@ -17,12 +16,11 @@
         <img :src="icon1" width="20" height="20" class="mr-12px" />
         <span class="tip"> 账号已成功导入，当前为未授权状态。请前往卡片列表手动授权，完成授权后账号可正常使用。 </span>
       </div>
-
-      <div class="mt-24px text-right w-100%">
-        <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
-        <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
-      </div>
     </div>
+    <template #footer>
+      <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
+      <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
+    </template>
   </a-modal>
 </template>
 
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index dc376ca..bc6fe2f 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -104,6 +104,8 @@
     <TagsManageModal ref="tagsManageModalRef" />
     <AddAccountModal ref="addAccountModalRef" />
     <DeleteAccountModal ref="deleteAccountRef" @update="getData" />
+    <BatchTagModal ref="batchTagModalRef" @update="getData" />
+    <BatchGroupModal ref="batchGroupModalRef" @update="getData" />
   </div>
 </template>
 
@@ -116,6 +118,8 @@ import GroupManageModal from './components/group-manage-modal';
 import TagsManageModal from './components/tags-manage-modal';
 import AddAccountModal from './components/add-account-modal';
 import DeleteAccountModal from './components/account-table/delete-account';
+import BatchTagModal from './components/batch-tag-modal';
+import BatchGroupModal from './components/batch-group-modal';
 
 import { INITIAL_QUERY } from './constants';
 import { getMediaAccounts } from '@/api/all/propertyMarketing';
@@ -131,6 +135,8 @@ const groupManageModalRef = ref(null);
 const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
+const batchTagModalRef = ref(null);
+const batchGroupModalRef = ref(null);
 
 const tipStatus = ref(2);
 const pageInfo = reactive({
@@ -266,6 +272,13 @@ const handleDelete = (item) => {
 const handleCloseTip = () => {
   selectedItems.value = [];
 };
+
+const handleBatchTag = () => {
+  batchTagModalRef.value?.open(selectedItems.value);
+};
+const handleBatchGroup = () => {
+  batchGroupModalRef.value?.open(selectedItems.value);
+};
 </script>
 
 <style scoped lang="scss">

From 404d4812b108ac1eee06cd03d9eeb2cd9f60d7cd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Fri, 27 Jun 2025 16:26:03 +0800
Subject: [PATCH 16/78] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E6=8A=95?=
 =?UTF-8?q?=E6=94=BE=E6=8C=87=E5=8D=97=E7=BB=84=E4=BB=B6=E5=92=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=93=81=E7=89=8C=E7=89=A9=E6=96=99=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/upload/ImageUpload.vue         |  65 +-
 .../routes/modules/propertyMarketing.ts       |   4 +-
 .../index.vue}                                | 144 +++--
 .../style.scss}                               |  52 +-
 .../action-guide-distribution/index.vue       | 233 ++++++++
 .../action-guide-distribution/style.scss      |   0
 .../components/month-data/index.vue           |  35 ++
 .../components/month-data/style.scss          |   0
 .../placement-suggestions/index.vue           |  73 +++
 .../placement-suggestions/style.scss          |   0
 .../table-data/guideListHistory.vue           | 117 ++++
 .../components/table-data/listSearchForm.vue  |  98 +++
 .../table-data/placementGuideList.vue         | 217 +++++++
 .../investment-guidelines/index.vue           |  71 +++
 .../investment-guidelines/style.scss          | 196 ++++++
 .../put-account/investmentGuidelines.less     | 198 -------
 .../put-account/investmentGuidelines.vue      | 560 ------------------
 17 files changed, 1167 insertions(+), 896 deletions(-)
 rename src/views/property-marketing/enterpriseKnowledge/{brandMaterials.vue => brand-materials/index.vue} (60%)
 rename src/views/property-marketing/enterpriseKnowledge/{brandMaterials.less => brand-materials/style.scss} (83%)
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/style.scss
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/style.scss
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/index.vue
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/style.scss
 delete mode 100644 src/views/property-marketing/put-account/investmentGuidelines.less
 delete mode 100644 src/views/property-marketing/put-account/investmentGuidelines.vue

diff --git a/src/components/upload/ImageUpload.vue b/src/components/upload/ImageUpload.vue
index 450ac52..0054575 100644
--- a/src/components/upload/ImageUpload.vue
+++ b/src/components/upload/ImageUpload.vue
@@ -107,54 +107,27 @@ const handleError = (error) => {
   console.error(error);
 };
 
-const customRequest = (option) => {
+const customRequest = async (option) => {
   const { onProgress, onError, onSuccess, fileItem, name } = option;
-  const xhr = new XMLHttpRequest();
-  if (xhr.upload) {
-    xhr.upload.onprogress = function (event) {
-      let percent;
-      if (event.total > 0) {
-        // 0 ~ 1
-        percent = event.loaded / event.total;
-      }
-      onProgress(percent, event);
-    };
-  }
-  xhr.onerror = function error(e) {
-    onError(e);
-  };
-  xhr.onload = function onload() {
-    if (xhr.status < 200 || xhr.status >= 300) {
-      return onError(xhr.responseText);
-    }
-    let response = JSON.parse(xhr.response);
-    if (response && response.data.upload_url) {
-      const blob = new Blob([fileItem.file], { type: fileItem.file.type });
-      axios
-        .put(response.data.upload_url, blob, {
-          headers: { 'Content-Type': fileItem.file.type },
-        })
-        .then(() => {
-          onSuccess(xhr.response);
-        })
-        .catch((error) => {
-          onError(error);
-        });
-    } else {
-      onError(xhr.response);
-    }
-  };
+  try {
+    // 1. 获取预签名上传URL
+    const response = await fetchImageUploadFile({ suffix: getFileExtension(fileItem.file.name) });
+    const preSignedUrl = response?.data?.upload_url;
 
-  const formData = new FormData();
-  formData.append(name || 'file', fileItem.file);
-  xhr.open('get', '/api/v1/oss/image-pre-signed-url?suffix=png', true);
-  xhr.send(formData);
-  let extension = getFileExtension(fileItem.file.name);
-  return {
-    abort() {
-      xhr.abort();
-    },
-  };
+    if (!preSignedUrl) {
+      throw new Error('未能获取有效的预签名上传地址');
+    }
+    console.log('preSignedUrl', preSignedUrl);
+    // 2. 使用预签名URL上传文件
+    const blob = new Blob([fileItem.file], { type: fileItem.file.type });
+    await axios.put(preSignedUrl, blob, {
+      headers: { 'Content-Type': fileItem.file.type },
+    });
+
+    onSuccess(JSON.stringify(response));
+  } catch (error) {
+    onError(error);
+  }
 };
 
 function getFileExtension(filename: string): string {
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 33e6b63..affcb1e 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -28,7 +28,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/enterpriseKnowledge/brandMaterials.vue'),
+        component: () => import('@/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue'),
       },
     ],
   },
@@ -128,7 +128,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/put-account/investmentGuidelines'),
+        component: () => import('@/views/property-marketing/put-account/investment-guidelines'),
       },
     ],
   },
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue b/src/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue
similarity index 60%
rename from src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
rename to src/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue
index 5c541d9..0913a1a 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.vue
+++ b/src/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue
@@ -1,53 +1,44 @@
 <template>
-  <view class="placement-guide-style">
+  <view class="view-body">
     <div class="part-div">
       <div class="part-div-header">
         <span class="part-div-header-title">品牌物料</span>
+        <div v-if="listResult.total > 0" style="position: absolute; right: 35px;margin-top: 10px">
+          <a-button style="float: right; width: 100px; height: 35px" type="primary" @click="handleAdd"
+            >+ 添加品牌
+          </a-button>
+        </div>
       </div>
-      <a-space v-if="listResult.data.length === 0" direction="vertical" class="non-data">
-        <a-space>
-          <a-image :src="noDataImage" />
-        </a-space>
-        <a-space>
-          <span class="non-data-str">暂无品牌</span>
-        </a-space>
-        <a-space>
-          <a-button class="add-btn" @click="handleAdd" type="primary">
-            <template #icon>
-              <icon-plus />
-            </template>
-            去添加
-          </a-button>
-        </a-space>
-      </a-space>
 
-      <a-space v-else>
-        <div class="header-row">
-          <h2 class="page-title">品牌物料</h2>
-          <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
-        </div>
+      <a-space direction="vertical">
+        <a-space size="medium" direction="content" style="margin-left: 24px; margin-bottom: 20px">
+          <a-space>
+            <span>品牌名称</span>
+            <a-input v-model="listQuery.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+              <template #prefix>
+                <icon-search />
+              </template>
+            </a-input>
+          </a-space>
 
-        <!-- 搜索栏 -->
-        <div class="search-row">
-          品牌名称
-          <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
-          <a-button type="outline" @click="handleSearch">
-            <template #icon>
-              <icon-search />
-            </template>
-            <template #default>搜索</template>
-          </a-button>
-          <a-button type="outline" @click="handleReset">
-            <template #icon>
-              <icon-refresh />
-            </template>
-            <template #default>重置</template>
-          </a-button>
-        </div>
+          <a-space style="margin-left: 20px">
+            <a-button type="outline" size="medium" class="search-btn" @click="handleSearch">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>搜索</template>
+            </a-button>
+            <a-button type="outline" size="medium" class="reset-btn" @click="handleSearch">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+          </a-space>
+        </a-space>
 
         <!-- 表格 -->
-
-        <a-table :data="listResult.list" :pagination="false">
+        <a-table :data="listResult.data" class="a-table" :pagination="false">
           <template #columns>
             <a-table-column title="品牌名称" data-index="name" />
             <a-table-column title="品牌logo" data-index="logo">
@@ -58,52 +49,53 @@
             <a-table-column title="Slogan" data-index="slogan" />
             <a-table-column title="操作" data-index="optional">
               <template #cell="{ record }">
-                <a-popconfirm
-                  content="确定删除吗?"
-                  type="warning"
-                  ok-text="确认删除"
-                  cancel-text="取消"
-                  @ok="deleteBrand(record.id)"
-                >
-                  <icon-delete></icon-delete>
-                </a-popconfirm>
-                <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
+                <a-space size="medium">
+                  <a-space>
+                    <a-popconfirm
+                      content="确定删除吗?"
+                      type="warning"
+                      ok-text="确认删除"
+                      cancel-text="取消"
+                      @ok="deleteBrand(record.id)"
+                    >
+                      <icon-delete></icon-delete>
+                    </a-popconfirm>
+                  </a-space>
+                  <a-space>
+                    <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
+                  </a-space>
+                </a-space>
               </template>
             </a-table-column>
           </template>
         </a-table>
 
-        <!-- 分页 -->
-        <a-space direction="vertical" size="large">
+        <div style="float: right; margin-right: 10px">
           <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
-        </a-space>
+        </div>
       </a-space>
       <!-- 新增/编辑品牌弹窗 -->
       <a-modal
         v-model:visible="modalVisible"
         :mask-closable="false"
         :esc-to-close="false"
-        width="480px"
+        width="510px"
         @cancel="handleModalCancel"
       >
         <template #title>
-          <span class="a-modal-title">{{ form.id > 0 ? '编辑品牌' : '新增品牌' }}</span>
+          <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '新增品牌' }}</span>
         </template>
-        <a-form
-          :model="form"
-          :label-col-props="{ span: 5, offset: 0 }"
-          :wrapper-col-props="{ span: 19, offset: 0 }"
-          label-align="left"
-          :rules="formRule"
-          ref="formRef"
-          layout="left"
-        >
+        <a-form :model="form" :rules="formRule" ref="formRef" layout="horizontal" auto-label-width>
           <a-form-item field="name" label="品牌名称">
-            <a-input v-model="form.name" placeholder="请输入品牌名称" />
+            <a-input v-model="form.name" placeholder="请输入..." />
           </a-form-item>
           <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
-            <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
-            <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
+            <a-space>
+              <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
+            </a-space>
+            <a-space>
+              <span class="form-tip">（品牌常规展示使用，支持PNG，JPG格式）</span>
+            </a-space>
           </a-form-item>
           <a-form-item field="otherLogos" class="form-item-logo" label="其他Logo">
             <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
@@ -126,7 +118,7 @@ import { ref, computed, reactive, onMounted } from 'vue';
 import { Message } from '@arco-design/web-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
 import noDataImage from '@/assets/img/guide/no_data.png';
-import '@/views/property-marketing/enterpriseKnowledge/brandMaterials.less';
+import '@/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss';
 
 import {
   addMaterials,
@@ -176,9 +168,7 @@ onMounted(() => {
 const handleSearch = () => {
   getMaterialsList(listQuery).then((response) => {
     listResult.data = response.data.data;
-    console.log(response.data, 'response.data');
-    console.log(listResult.data, 'listResult.data');
-    listResult.total = response.total;
+    listResult.total = response.data.total;
   });
 };
 
@@ -196,7 +186,6 @@ function handleReset() {
 }
 
 function handleAdd() {
-  modalTitle.value = '添加品牌';
   btn_str.value = '确认添加';
   form.id = 0;
   form.logo = '';
@@ -221,7 +210,8 @@ function handleModalOk() {
             handleSearch();
           });
         } else {
-          addMaterials(form).then(() => {
+          addMaterials(form).then((response) => {
+            console.log(response, 'response');
             Message.success('新增成功');
             handleSearch();
           });
@@ -236,12 +226,10 @@ function handleModalOk() {
 }
 
 function handleEdit(id) {
-  modalTitle.value = '编辑品牌';
-  formRef.value.resetFields();
   modalVisible.value = true;
-  btn_str.value = '确认修改';
+  btn_str.value = '确认';
   getMaterialsDetail(id).then((response) => {
-    Object.assign(form, response);
+    Object.assign(form, response.data);
   });
 }
 </script>
diff --git a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less b/src/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss
similarity index 83%
rename from src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
rename to src/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss
index 26aec80..4e5798f 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brandMaterials.less
+++ b/src/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss
@@ -1,4 +1,4 @@
-.placement-guide-style {
+.view-body {
   //每块div布局
   .part-div {
     width: 100%;
@@ -95,9 +95,14 @@
     width: 240px;
   }
 
-  .search-btn,
   .reset-btn {
     min-width: 72px;
+    color: black;
+  }
+
+  .search-btn,
+  {
+    min-width: 72px;
   }
 
   .brand-table {
@@ -167,12 +172,6 @@
     gap: 12px;
   }
 
-  .form-tip {
-    color: #999;
-    font-size: 13px;
-    margin-left: 8px;
-    line-height: 1.5;
-  }
 
   .a-form .a-form-item {
     margin-bottom: 24px;
@@ -182,9 +181,38 @@
     justify-content: flex-end;
   }
 
-  //弹窗样式
-  .a-modal-title {
-    position: absolute;
-    left: 10px;
+  .a-table {
+    margin-left: 24px;
+    margin-right: 24px;
   }
 }
+
+.modal-title {
+  position: absolute;
+  left: 10px;
+}
+
+.arco-textarea-wrapper,
+.arco-input-wrapper {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+
+  &.arco-input-wrapper {
+    height: 35px;
+  }
+}
+
+.form-tip {
+  color: #999;
+  font-size: 13px;
+  margin-left: 8px;
+  line-height: 1.5;
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
new file mode 100644
index 0000000..38f5133
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -0,0 +1,233 @@
+<template>
+  <view>
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放行动指南</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">投放建议优化。</p>
+          </template>
+        </a-popover>
+      </div>
+      <a-space>
+        <span class="player-title">表现分析</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">表现分析。</p>
+          </template>
+        </a-popover>
+      </a-space>
+      <div>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">人群分析</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    18-24岁女性，兴趣为“美妆/穿搭”，一线城市，抖音平台 ROI 3.2</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    25-34岁男性，兴趣为“数码产品”，二线城市，巨量引擎 ROI 2.8</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    18-24岁男性，兴趣为“运动/健身”，三线城市，抖音 ROI 2.3</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">投放素材</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    图文风格 + 明确福利点，CTR 3.2%、CVR 8.5%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    场景短视频 + 明确人设定位，CTR 2.7%、CVR 7.1%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    口播讲解类 + 产品对比，CTR 2.1%、CVR 6.0%</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">投放时段</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    晚高峰时段（19:00–21:00），ROI 3.1</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    中午时段（11:30–13:00），ROI 2.5</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    下午茶时段（15:00–17:00），ROI 2.3</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">平台表现</span>
+              <a-space direction="vertical">
+                <a-space class="placement-optimization-str">
+                  <span>
+                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    抖音 - ROI 3.2，CVR 8.5%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    聚光平台 - ROI 2.7，CVR 7.3%</span
+                  >
+                </a-space>
+                <a-space>
+                  <span>
+                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    B站 - ROI 2.4，CVR 6.8%</span
+                  >
+                </a-space>
+              </a-space>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+      <a-space>
+        <span class="player-title">新投放建议生成</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">新投放建议生成。</p>
+          </template>
+        </a-popover>
+      </a-space>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="24">
+          <div class="overall-strategy">
+            <span class="placement-optimization-title">人群建议</span>
+            <a-space direction="vertical">
+              <a-space class="placement-optimization-str">
+                <span>
+                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  集中在 18–24 岁女性 + 精准兴趣标签（如“护肤”、“口红”）</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  24–30 岁男性 + 实用类内容受众（如“工具控”、“搞机党”）</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  泛娱乐向受众 + 较大地域分布（兴趣“短剧”、“直播带货”）</span
+                >
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="24">
+          <div class="overall-strategy">
+            <span class="placement-optimization-title">素材建议</span>
+            <a-space direction="vertical">
+              <a-space class="placement-optimization-str">
+                <span>
+                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  福利明确+钩子强的图文短视频，建议加限时优惠提示</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  场景代入型视频，突出客户痛点与产品关联</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  达人口播/测评，搭配标题党封面吸引点击</span
+                >
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="24">
+          <div class="overall-strategy">
+            <span class="placement-optimization-title">投放策略建议</span>
+            <a-space direction="vertical">
+              <a-space class="placement-optimization-str">
+                <span>
+                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  预算前置在 ROI 最佳时段和平台，优先抢头部流量</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  中等预算组合投放 + 高点击素材A/B测试</span
+                >
+              </a-space>
+              <a-space>
+                <span>
+                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  低预算长周期测试，重点看 CVR，优胜劣汰</span
+                >
+              </a-space>
+            </a-space>
+          </div>
+        </a-col>
+      </a-row>
+    </div>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+
+const topImages = [top1, top2, top3];
+</script>
+
+<style scoped lang="less"></style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
new file mode 100644
index 0000000..2100587
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -0,0 +1,35 @@
+<template>
+  <view>
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">本月摘要</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">本月摘要。</p>
+          </template>
+        </a-popover>
+      </div>
+      <div class="month-data-div">
+        <div style="align-self: stretch">
+          <span class="month-text-black">总消耗：</span>
+          <span class="month-text-blue">￥52,382.16</span>
+          <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>
+          <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>
+          <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>
+          <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>
+          <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>
+          <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>
+          <span class="month-text-blue">美团酒店爆款横版1号</span>
+          <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>
+        </div>
+      </div>
+    </div>
+
+  </view>
+</template>
+
+<script setup lang="ts">
+import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+</script>
+<style scoped lang="less"></style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
new file mode 100644
index 0000000..a688ebc
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -0,0 +1,73 @@
+<template>
+  <view>
+    <div class="part-div">
+      <div class="part-div-header">
+        <span class="part-div-header-title">投放建议优化</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">投放建议优化。</p>
+          </template>
+        </a-popover>
+      </div>
+
+      <div>
+        <a-row>
+          <a-col :span="24">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">总体策略</span>
+              <span class="placement-optimization-str">本周建议</span>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">预算分配</span>
+              <span class="placement-optimization-str"
+                >巨量ROI高，建议将预算提升至 ￥5,000元/日 <br />
+                聚光 ROAS明显下降，建议减少预算 30%</span
+              >
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">时段优化</span>
+              <span class="placement-optimization-str"
+                >过去7日 19:00-21:00 转化率最高，提升了12.6% <br />
+                建议设置定时投放，仅在高效时段曝光</span
+              >
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">人群包优化</span>
+              <span class="placement-optimization-str"
+                >18-24岁女性转化率最高，建议加预算 <br />
+                25-34岁男香表现较差，建议停投节省成本</span
+              >
+            </div>
+          </a-col>
+          <a-col :span="12">
+            <div class="overall-strategy">
+              <span class="placement-optimization-title">素材优化</span>
+              <span class="placement-optimization-str"
+                >替换当前点击率下降的xxxxx素材<br />
+                增加同类风格素材：xxxxx素材点击率更高 <br />
+                建议优化元素：视频封面/文案/开头引导，可提升CTR</span
+              >
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </div>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+</script>
+
+<style scoped lang="less"></style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/style.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
new file mode 100644
index 0000000..7959801
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -0,0 +1,117 @@
+<template>
+  <view>
+    <a-table
+      class="account-table"
+      :columns="columns"
+      :data="listResult.data"
+      :filter-icon-align-left="alignLeft"
+      :pagination="false"
+    >
+
+    </a-table>
+  </view>
+</template>
+<script setup lang="ts">
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+
+const listQuery = reactive({
+  project_id: ref(''),
+  platform: ref(''),
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+const columns = [
+  {
+    title: '生成日期',
+    dataIndex: 'date',
+    slotName: 'account_name',
+    width: 60,
+    minWidth: 60,
+  },
+  {
+    title: '账号',
+    dataIndex: 'account',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    titleSlotName: 'project_name',
+    width: 180,
+    minWidth: 180,
+    title: '项目',
+    dataIndex: 'project_name',
+  },
+  {
+    title: '平台',
+    titleSlotName: 'week_consumption',
+    dataIndex: 'platform',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: '操作',
+    dataIndex: 'date',
+    slotName: 'operation',
+    width: 60,
+    minWidth: 60,
+  },
+];
+const listResult = reactive({
+  data: [
+    {
+      date: '日期',
+      account: '账号',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: 0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: -0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: -0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+  ],
+  total: ref(0),
+});
+
+const topImages = [top1, top2, top3];
+</script>
+
+<style scoped lang="less">
+.arco-textarea-wrapper,
+.arco-input-wrapper {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+
+  &.arco-input-wrapper {
+    height: 35px;
+  }
+}
+
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
new file mode 100644
index 0000000..4100ba3
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -0,0 +1,98 @@
+<!--表单搜索组件-->
+<template>
+  <view>
+    <a-space size="large" direction="vertical" class="search-form">
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="8">
+          <a-space>
+            <span>账户</span>
+            <a-select :style="{ width: '320px' }" placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </a-space>
+        </a-col>
+        <a-col :span="8">
+          <a-space>
+            <span>项目</span>
+            <a-select :style="{ width: '320px' }" placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </a-space>
+        </a-col>
+        <a-col :span="8">
+          <a-space>
+            <span>平台</span>
+            <a-select :style="{ width: '320px' }" placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </a-space>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-col :span="10">
+          <a-space>
+            <span>时间筛选</span>
+            <a-range-picker
+              showTime
+              :time-picker-props="{
+                defaultValue: ['00:00:00', '00:00:00'],
+              }"
+              @change="onChange"
+              @select="onSelect"
+              style="width: 380px"
+            />
+          </a-space>
+        </a-col>
+        <a-col :span="8">
+          <a-space>
+            <a-button type="outline" @click="handleSearch">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>搜索</template>
+            </a-button>
+            <a-button type="outline" @click="handleSearch">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+          </a-space>
+        </a-col>
+      </a-row>
+    </a-space>
+  </view>
+</template>
+
+<script setup lang="ts">
+const handleSearch = () => {
+  console.log('handleSearch');
+};
+</script>
+
+<style scoped lang="scss">
+:deep(.arco-select-view-single),
+:deep(.arco-select-view-multiple),
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  width: 224px;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
new file mode 100644
index 0000000..4f1708e
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -0,0 +1,217 @@
+<template>
+  <view>
+    <a-table
+      class="account-table"
+      :columns="columns"
+      :data="listResult.data"
+      :filter-icon-align-left="alignLeft"
+      :pagination="false"
+    >
+      <template #week_consumption>
+        <a-space>
+          <span>本周总消耗</span>
+          <a-popover position="tl">
+            <icon-question-circle />
+            <template #content>
+              <p>本周总消耗</p>
+            </template>
+          </a-popover>
+        </a-space>
+      </template>
+      <template #weekConsumptionRateTitle>
+        <a-space>
+          <span>本周总消耗环比</span>
+          <a-popover position="tl">
+            <icon-question-circle />
+            <template #content>
+              <p>本周总消耗环比</p>
+            </template>
+          </a-popover>
+        </a-space>
+      </template>
+      <template #roi>
+        <a-space>
+          <span>roi</span>
+          <a-popover position="tl">
+            <icon-question-circle />
+            <template #content>
+              <p>roi</p>
+            </template>
+          </a-popover>
+        </a-space>
+      </template>
+      <template #ctr>
+        <a-space>
+          <span>ctr</span>
+          <a-popover position="tl">
+            <icon-question-circle />
+            <template #content>
+              <p>ctr</p>
+            </template>
+          </a-popover>
+        </a-space>
+      </template>
+
+      <template #weekConsumptionRate="{ record }">
+        <a-statistic
+          style="font-size: 14px !important"
+          :value="record.week_consumption_rate * 100"
+          :value-style="{
+            color: record.week_consumption_rate > 0 ? '#F64B31' : '#25C883',
+            fontStyle: 'normal',
+            fontSize: '14px !important',
+          }"
+        >
+          <template #prefix>
+            <icon-arrow-rise v-if="record.week_consumption_rate > 0" />
+            <icon-arrow-down v-else />
+          </template>
+          <template #suffix>%</template>
+        </a-statistic>
+      </template>
+    </a-table>
+    <div>
+      <a-pagination
+        class="account-page"
+        :total="listResult.total"
+        :size="listQuery.page_size"
+        show-total
+        show-jumper
+        show-page-size
+      />
+    </div>
+  </view>
+</template>
+<script setup lang="ts">
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+
+const listQuery = reactive({
+  project_id: ref(''),
+  platform: ref(''),
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+const columns = [
+  {
+    title: '账户名称',
+    dataIndex: 'account_name',
+    slotName: 'account_name',
+    width: 60,
+    minWidth: 60,
+  },
+  {
+    titleSlotName: 'project_name',
+    width: 180,
+    minWidth: 180,
+    title: '项目名称',
+    dataIndex: 'project_name',
+  },
+  {
+    title: '平台',
+    dataIndex: 'platform_name',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: '本周总消耗',
+    titleSlotName: 'week_consumption',
+    dataIndex: 'week_consumption',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: '本周总消耗环比',
+    titleSlotName: 'weekConsumptionRateTitle',
+    dataIndex: 'week_consumption_rate',
+    width: 120,
+    minWidth: 120,
+    slotName: 'weekConsumptionRate',
+  },
+  {
+    title: 'ROI',
+    titleSlotName: 'roi',
+    dataIndex: 'roi',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: 'CTR',
+    titleSlotName: 'ctr',
+    dataIndex: 'ctr',
+    width: 120,
+    minWidth: 120,
+  },
+];
+const listResult = reactive({
+  data: [
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: 0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: -0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+    {
+      account_name: '全球旅行',
+      platform_name: '平台',
+      project_name: '项目名称',
+      week_consumption: '本周总消耗',
+      week_consumption_rate: -0.1,
+      roi: '2.6',
+      ctr: '3.1%',
+    },
+  ],
+  total: ref(0),
+});
+
+const topImages = [top1, top2, top3];
+</script>
+
+<style scoped lang="less">
+.arco-textarea-wrapper,
+.arco-input-wrapper {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+
+  &.arco-input-wrapper {
+    height: 35px;
+  }
+}
+
+//账户列表-分页
+.account-page {
+  padding: 10px 24px 20px 24px;
+  background-color: #fff;
+  float: right;
+}
+
+// 分页器 - 页码下拉菜单样式穿透
+:deep(.arco-select-item),
+:deep(.arco-select-item) {
+  background-color: #fff !important;
+  height: 30px;
+  color: white !important;
+}
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
new file mode 100644
index 0000000..c1cb55c
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -0,0 +1,71 @@
+<template>
+  <view class="placement-guide-style">
+    <div class="part-div">
+      <div>
+        <a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="placement_guide">
+          <a-tab-pane key="placement_guide" title="投放指南"></a-tab-pane>
+          <a-tab-pane key="guide_history">
+            <template #title>历史投放指南</template>
+          </a-tab-pane>
+        </a-tabs>
+      </div>
+      <!--表单组件搜索-->
+      <listSearchForm></listSearchForm>
+      <!--      投放指南-->
+      <PlacementGuideList v-if="tabData == 'placement_guide'"></PlacementGuideList>
+      <!--      历史指南列表-->
+      <GuideListHistory v-if="tabData == 'guide_history'"></GuideListHistory>
+    </div>
+
+    <!--    本月摘要-->
+    <MonthData></MonthData>
+
+    <!--    投放建议-->
+    <PlacementSuggestions></PlacementSuggestions>
+    <ActionGuideDistribution></ActionGuideDistribution>
+    <div>
+      <a-space style="float: right; margin-top: 10px; margin-bottom: 20px">
+        <a-button type="outline" @click="handleSearch">
+          <template #icon>
+            <icon-download />
+          </template>
+          <template #default>下载</template>
+        </a-button>
+        <a-button type="primary" @click="handleSearch">
+          <template #icon>
+            <icon-drive-file />
+          </template>
+          <template #default>保存</template>
+        </a-button>
+      </a-space>
+    </div>
+  </view>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+import '@/views/property-marketing/put-account/investment-guidelines/style.scss';
+import PlacementGuideList from './components/table-data/placementGuideList.vue';
+import listSearchForm from './components/table-data/listSearchForm.vue';
+import GuideListHistory from './components/table-data/guideListHistory.vue';
+import MonthData from './components/month-data/index.vue';
+import PlacementSuggestions from './components/placement-suggestions/index.vue';
+import ActionGuideDistribution from './components/action-guide-distribution';
+
+const tabData = ref('placement_guide');
+
+const listQuery = reactive({
+  project_id: ref(''),
+  platform: ref(''),
+  page: ref(1),
+  name: ref(''),
+  page_size: ref('10'),
+});
+
+const topImages = [top1, top2, top3];
+</script>
+
+<style lang="less" scoped></style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
new file mode 100644
index 0000000..d392652
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -0,0 +1,196 @@
+.part-div {
+  width: 100%;
+  background: var(--BG-white, white);
+  overflow: hidden;
+  border-radius: 8px;
+  outline: 1px var(--BG-300, #E6E6E8) solid;
+  outline-offset: -1px;
+  flex-direction: column;
+  justify-content: flex-start;
+  display: inline-flex;
+  margin: 10px;
+}
+
+.part-div-header {
+  align-self: stretch;
+  height: 64px;
+  padding: 10px 24px 10px 24px;
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex
+}
+
+.a-tab-class {
+  color: var(--Brand-6, #6D4CFE);
+  font-size: 66px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 30px;
+  word-wrap: break-word;
+
+}
+
+//每块div 标题
+.part-div-header-title {
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  color: var(--Text-1, #211F24);
+  font-size: 18px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 26px;
+  word-wrap: break-word;
+}
+
+//账户指南-搜索div
+.search-form {
+  padding: 10px 24px 20px 24px;
+
+}
+
+//账户列表-表格
+.account-table {
+  padding: 1px 24px 20px 24px;
+  width: 100%;
+}
+
+
+
+.month-data-body {
+  width: 100%;
+  padding-bottom: 20px;
+  padding-left: 24px;
+  padding-right: 24px;
+  background: var(--BG-white, white);
+  overflow: hidden;
+  border-radius: 8px;
+  outline: 1px var(--BG-300, #E6E6E8) solid;
+  outline-offset: -1px;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex;
+  margin: 10px;
+}
+
+//本周摘要div
+.month-body-div {
+  align-self: stretch;
+  height: 64px;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  justify-content: space-between;
+  align-items: center;
+  display: inline-flex
+}
+
+//本月摘要标题
+.month-data-title {
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  color: var(--Text-1, #211F24);
+  font-size: 18px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 26px;
+  word-wrap: break-word
+}
+
+//本月摘要-蓝色字体
+.month-text-blue {
+  color: var(--Brand-Brand-6, #6D4CFE);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 24px;
+  word-wrap: break-word
+}
+
+//红色字体
+.month-text-red {
+  color: var(--Functional-Danger-6, #F64B31);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 24px;
+  word-wrap: break-word
+}
+
+//黑色字体
+.month-text-black {
+  color: var(--Text-1, #211F24);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 24px;
+  word-wrap: break-word
+}
+
+//本月摘要数据-div
+.month-data-div {
+  align-self: stretch;
+  padding: 16px 30px 16px 16px;
+  margin-left: 20px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  background: var(--Brand-Brand-1, #F0EDFF);
+  overflow: hidden;
+  border-radius: 8px;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 12px;
+  display: flex;
+}
+
+//投放建议-总体策略
+.overall-strategy {
+  width: 100%;
+  height: 40%;
+  padding: 20px 24px 20px 16px;
+  background: var(--BG-100, #F7F8FA);
+  overflow: hidden;
+  border-radius: 8px;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 12px;
+  display: inline-flex;
+  margin: 10px 0px 15px 20px;
+
+}
+
+//投放优化每块div小标题
+.placement-optimization-title {
+  // 总体策略
+  color: var(--Text-1, #211F24);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  word-wrap: break-word
+}
+
+.placement-optimization-str {
+  align-self: stretch;
+  color: var(--Text-2, #3C4043);
+  font-size: 14px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  word-wrap: break-word
+}
+
+//表现分析标题
+.player-title {
+  margin: 10px 0px 15px 20px;
+  // 表现分析
+  color: var(--Text-1, #211F24);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  word-wrap: break-word
+}
diff --git a/src/views/property-marketing/put-account/investmentGuidelines.less b/src/views/property-marketing/put-account/investmentGuidelines.less
deleted file mode 100644
index fd746cf..0000000
--- a/src/views/property-marketing/put-account/investmentGuidelines.less
+++ /dev/null
@@ -1,198 +0,0 @@
-.placement-guide-style {
-  //每块div布局
-  .part-div {
-    width: 100%;
-    background: var(--BG-white, white);
-    overflow: hidden;
-    border-radius: 8px;
-    outline: 1px var(--BG-300, #E6E6E8) solid;
-    outline-offset: -1px;
-    flex-direction: column;
-    justify-content: flex-start;
-    display: inline-flex;
-    margin: 10px;
-  }
-
-  //每块div 头部
-  .part-div-header {
-    align-self: stretch;
-    height: 64px;
-    padding: 10px 24px 10px 24px;
-    justify-content: flex-start;
-    align-items: center;
-    display: inline-flex
-  }
-
-  //每块div 标题
-  .part-div-header-title {
-    justify-content: center;
-    display: flex;
-    flex-direction: column;
-    color: var(--Text-1, #211F24);
-    font-size: 18px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 26px;
-    word-wrap: break-word;
-  }
-
-  //账户指南-搜索div
-  .search-form {
-    padding: 10px 24px 20px 24px;
-
-  }
-
-  //账户列表-表格
-  .account-table {
-    padding: 1px 24px 20px 24px;
-    width: 100%;
-  }
-
-  //账户列表-分页
-  .account-page {
-    padding: 10px 24px 20px 24px;
-    border: 1px;
-    border-color: red;
-    float: right;
-
-  }
-
-  .month-data-body {
-    width: 100%;
-    padding-bottom: 20px;
-    padding-left: 24px;
-    padding-right: 24px;
-    background: var(--BG-white, white);
-    overflow: hidden;
-    border-radius: 8px;
-    outline: 1px var(--BG-300, #E6E6E8) solid;
-    outline-offset: -1px;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: center;
-    display: inline-flex;
-    margin: 10px;
-  }
-
-  //本周摘要div
-  .month-body-div {
-    align-self: stretch;
-    height: 64px;
-    padding-top: 10px;
-    padding-bottom: 10px;
-    justify-content: space-between;
-    align-items: center;
-    display: inline-flex
-  }
-
-  //本月摘要标题
-  .month-data-title {
-    justify-content: center;
-    display: flex;
-    flex-direction: column;
-    color: var(--Text-1, #211F24);
-    font-size: 18px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 26px;
-    word-wrap: break-word
-  }
-
-  //本月摘要-蓝色字体
-  .month-text-blue {
-    color: var(--Brand-Brand-6, #6D4CFE);
-    font-size: 16px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 24px;
-    word-wrap: break-word
-  }
-
-  //红色字体
-  .month-text-red {
-    color: var(--Functional-Danger-6, #F64B31);
-    font-size: 16px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 24px;
-    word-wrap: break-word
-  }
-
-  //黑色字体
-  .month-text-black {
-    color: var(--Text-1, #211F24);
-    font-size: 16px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 24px;
-    word-wrap: break-word
-  }
-
-  //本月摘要数据-div
-  .month-data-div {
-    align-self: stretch;
-    padding: 16px 30px 16px 16px;
-    margin-left: 20px;
-    margin-right: 20px;
-    margin-bottom: 20px;
-    background: var(--Brand-Brand-1, #F0EDFF);
-    overflow: hidden;
-    border-radius: 8px;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: 12px;
-    display: flex;
-  }
-
-  //投放建议-总体策略
-  .overall-strategy {
-    width: 100%;
-    height: 40%;
-    padding: 20px 24px 20px 16px;
-    background: var(--BG-100, #F7F8FA);
-    overflow: hidden;
-    border-radius: 8px;
-    flex-direction: column;
-    justify-content: flex-start;
-    align-items: flex-start;
-    gap: 12px;
-    display: inline-flex;
-    margin: 10px 0px 15px 20px;
-
-  }
-
-  //投放优化每块div小标题
-  .placement-optimization-title {
-    // 总体策略
-    color: var(--Text-1, #211F24);
-    font-size: 16px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 22px;
-    word-wrap: break-word
-  }
-
-  .placement-optimization-str {
-    align-self: stretch;
-    color: var(--Text-2, #3C4043);
-    font-size: 14px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 22px;
-    word-wrap: break-word
-  }
-
-  //表现分析标题
-  .player-title {
-    margin: 10px 0px 15px 20px;
-    // 表现分析
-    color: var(--Text-1, #211F24);
-    font-size: 16px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 22px;
-    word-wrap: break-word
-  }
-
-}
diff --git a/src/views/property-marketing/put-account/investmentGuidelines.vue b/src/views/property-marketing/put-account/investmentGuidelines.vue
deleted file mode 100644
index 9e98c59..0000000
--- a/src/views/property-marketing/put-account/investmentGuidelines.vue
+++ /dev/null
@@ -1,560 +0,0 @@
-<template>
-  <view class="placement-guide-style">
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">投放指南</span>
-      </div>
-
-      <a-space size="large" class="search-form">
-        <a-space>
-          <span>账户</span>
-          <a-select :style="{ width: '320px' }" placeholder="全部">
-            <a-option>Beijing</a-option>
-            <a-option>Shanghai</a-option>
-            <a-option>Guangzhou</a-option>
-          </a-select>
-        </a-space>
-        <a-space>
-          <span>项目</span>
-          <a-select :style="{ width: '320px' }" placeholder="全部">
-            <a-option>Beijing</a-option>
-            <a-option>Shanghai</a-option>
-            <a-option>Guangzhou</a-option>
-          </a-select>
-        </a-space>
-        <a-space>
-          <span>平台</span>
-          <a-select :style="{ width: '320px' }" placeholder="全部">
-            <a-option>Beijing</a-option>
-            <a-option>Shanghai</a-option>
-            <a-option>Guangzhou</a-option>
-          </a-select>
-        </a-space>
-        <a-space>
-          <a-button type="outline" class="search-btn" @click="handleSearch">
-            <template #icon>
-              <icon-search />
-            </template>
-            <template #default>搜索</template>
-          </a-button>
-          <a-button type="outline" class="reset-btn" @click="handleSearch">
-            <template #icon>
-              <icon-refresh />
-            </template>
-            <template #default>重置</template>
-          </a-button>
-        </a-space>
-      </a-space>
-    </div>
-
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">账户列表</span>
-      </div>
-
-      <a-table
-        class="account-table"
-        :columns="columns"
-        :data="listResult.data"
-        :filter-icon-align-left="alignLeft"
-        @change="handleChange"
-        :pagination="false"
-      >
-        <template #week_consumption>
-          <a-space>
-            <span>本周总消耗</span>
-            <a-popover position="tl">
-              <icon-question-circle />
-              <template #content>
-                <p>本周总消耗</p>
-              </template>
-            </a-popover>
-          </a-space>
-        </template>
-        <template #weekConsumptionRateTitle>
-          <a-space>
-            <span>本周总消耗环比</span>
-            <a-popover position="tl">
-              <icon-question-circle />
-              <template #content>
-                <p>本周总消耗环比</p>
-              </template>
-            </a-popover>
-          </a-space>
-        </template>
-        <template #roi>
-          <a-space>
-            <span>roi</span>
-            <a-popover position="tl">
-              <icon-question-circle />
-              <template #content>
-                <p>roi</p>
-              </template>
-            </a-popover>
-          </a-space>
-        </template>
-        <template #ctr>
-          <a-space>
-            <span>ctr</span>
-            <a-popover position="tl">
-              <icon-question-circle />
-              <template #content>
-                <p>ctr</p>
-              </template>
-            </a-popover>
-          </a-space>
-        </template>
-
-        <template #weekConsumptionRate="{ record }">
-          <a-statistic
-            style="font-size: 15px"
-            v-if="record.week_consumption_rate > 0"
-            :value="record.week_consumption_rate * 100"
-            :value-style="{ color: '#F64B31' }"
-          >
-            <template #prefix>
-              <icon-arrow-rise />
-            </template>
-            <template #suffix>%</template>
-          </a-statistic>
-          <a-statistic
-            v-else
-            style="font-size: 14px"
-            :value="record.week_consumption_rate * 100"
-            :value-style="{ color: '#25C883' }"
-          >
-            <template #prefix>
-              <icon-arrow-down />
-            </template>
-            <template #suffix>%</template>
-          </a-statistic>
-        </template>
-      </a-table>
-      <!-- 分页 -->
-      <div>
-        <a-pagination
-          class="account-page"
-          :total="listResult.total"
-          :size="listQuery.page_size"
-          show-total
-          show-jumper
-          show-page-size
-        />
-      </div>
-    </div>
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">本月摘要</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">本月摘要。</p>
-          </template>
-        </a-popover>
-      </div>
-      <div class="month-data-div">
-        <div style="align-self: stretch">
-          <span class="month-text-black">总消耗：</span>
-          <span class="month-text-blue">￥52,382.16</span>
-          <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>
-          <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>
-          <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>
-          <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>
-          <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>
-          <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>
-          <span class="month-text-blue">美团酒店爆款横版1号</span>
-          <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>
-        </div>
-      </div>
-    </div>
-
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">投放建议优化</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">投放建议优化。</p>
-          </template>
-        </a-popover>
-      </div>
-
-      <div>
-        <a-row>
-          <a-col :span="24">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">总体策略</span>
-              <span class="placement-optimization-str">本周建议</span>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">预算分配</span>
-              <span class="placement-optimization-str"
-                >巨量ROI高，建议将预算提升至 ￥5,000元/日 <br />
-                聚光 ROAS明显下降，建议减少预算 30%</span
-              >
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">时段优化</span>
-              <span class="placement-optimization-str"
-                >过去7日 19:00-21:00 转化率最高，提升了12.6% <br />
-                建议设置定时投放，仅在高效时段曝光</span
-              >
-            </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">人群包优化</span>
-              <span class="placement-optimization-str"
-                >18-24岁女性转化率最高，建议加预算 <br />
-                25-34岁男香表现较差，建议停投节省成本</span
-              >
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">素材优化</span>
-              <span class="placement-optimization-str"
-                >替换当前点击率下降的xxxxx素材<br />
-                增加同类风格素材：xxxxx素材点击率更高 <br />
-                建议优化元素：视频封面/文案/开头引导，可提升CTR</span
-              >
-            </div>
-          </a-col>
-        </a-row>
-      </div>
-    </div>
-
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">投放行动指南</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">投放建议优化。</p>
-          </template>
-        </a-popover>
-      </div>
-      <a-space>
-        <span class="player-title">表现分析</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">表现分析。</p>
-          </template>
-        </a-popover>
-      </a-space>
-      <div>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">人群分析</span>
-              <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                    18-24岁女性，兴趣为“美妆/穿搭”，一线城市，抖音平台 ROI 3.2</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                    25-34岁男性，兴趣为“数码产品”，二线城市，巨量引擎 ROI 2.8</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                    18-24岁男性，兴趣为“运动/健身”，三线城市，抖音 ROI 2.3</span
-                  >
-                </a-space>
-              </a-space>
-            </div>
-          </a-col>
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">投放素材</span>
-              <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                    图文风格 + 明确福利点，CTR 3.2%、CVR 8.5%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                    场景短视频 + 明确人设定位，CTR 2.7%、CVR 7.1%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                    口播讲解类 + 产品对比，CTR 2.1%、CVR 6.0%</span
-                  >
-                </a-space>
-              </a-space>
-            </div>
-          </a-col>
-        </a-row>
-        <a-row class="grid-demo" :gutter="24">
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">投放时段</span>
-              <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                    晚高峰时段（19:00–21:00），ROI 3.1</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                    中午时段（11:30–13:00），ROI 2.5</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                    下午茶时段（15:00–17:00），ROI 2.3</span
-                  >
-                </a-space>
-              </a-space>
-            </div>
-          </a-col>
-
-          <a-col :span="12">
-            <div class="overall-strategy">
-              <span class="placement-optimization-title">平台表现</span>
-              <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                    抖音 - ROI 3.2，CVR 8.5%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                    聚光平台 - ROI 2.7，CVR 7.3%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                    B站 - ROI 2.4，CVR 6.8%</span
-                  >
-                </a-space>
-              </a-space>
-            </div>
-          </a-col>
-        </a-row>
-      </div>
-      <a-space>
-        <span class="player-title">新投放建议生成</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">新投放建议生成。</p>
-          </template>
-        </a-popover>
-      </a-space>
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="24">
-          <div class="overall-strategy">
-            <span class="placement-optimization-title">人群建议</span>
-            <a-space direction="vertical">
-              <a-space class="placement-optimization-str">
-                <span>
-                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                  集中在 18–24 岁女性 + 精准兴趣标签（如“护肤”、“口红”）</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                  24–30 岁男性 + 实用类内容受众（如“工具控”、“搞机党”）</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                  泛娱乐向受众 + 较大地域分布（兴趣“短剧”、“直播带货”）</span
-                >
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="24">
-          <div class="overall-strategy">
-            <span class="placement-optimization-title">素材建议</span>
-            <a-space direction="vertical">
-              <a-space class="placement-optimization-str">
-                <span>
-                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                  福利明确+钩子强的图文短视频，建议加限时优惠提示</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                  场景代入型视频，突出客户痛点与产品关联</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                  达人口播/测评，搭配标题党封面吸引点击</span
-                >
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="24">
-          <div class="overall-strategy">
-            <span class="placement-optimization-title">投放策略建议</span>
-            <a-space direction="vertical">
-              <a-space class="placement-optimization-str">
-                <span>
-                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
-                  预算前置在 ROI 最佳时段和平台，优先抢头部流量</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
-                  中等预算组合投放 + 高点击素材A/B测试</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
-                  低预算长周期测试，重点看 CVR，优胜劣汰</span
-                >
-              </a-space>
-            </a-space>
-          </div>
-        </a-col>
-      </a-row>
-    </div>
-  </view>
-</template>
-
-<script setup lang="ts">
-import { reactive, ref } from 'vue';
-import { IconDelete, IconQuestionCircle } from '@arco-design/web-vue/es/icon';
-import top1 from '@/assets/img/captcha/top1.svg';
-import top2 from '@/assets/img/captcha/top2.svg';
-import top3 from '@/assets/img/captcha/top3.svg';
-import '@/views/property-marketing/put-account/investmentGuidelines.less';
-
-const columns = [
-  {
-    title: '账户名称',
-    dataIndex: 'account_name',
-    slotName: 'account_name',
-    width: 60,
-    minWidth: 60,
-  },
-  {
-    title: '平台',
-    dataIndex: 'platform_name',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    titleSlotName: 'project_name',
-    width: 180,
-    minWidth: 180,
-    title: '项目名称',
-    dataIndex: 'project_name',
-  },
-  {
-    title: '本周总消耗',
-    titleSlotName: 'week_consumption',
-    dataIndex: 'week_consumption',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    title: '本周总消耗环比',
-    titleSlotName: 'weekConsumptionRateTitle',
-    dataIndex: 'week_consumption_rate',
-    width: 120,
-    minWidth: 120,
-    slotName: 'weekConsumptionRate',
-  },
-  {
-    title: 'ROI',
-    titleSlotName: 'roi',
-    dataIndex: 'roi',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    title: 'CTR',
-    titleSlotName: 'ctr',
-    dataIndex: 'ctr',
-    width: 120,
-    minWidth: 120,
-  },
-];
-
-const listQuery = reactive({
-  project_id: ref(''),
-  platform: ref(''),
-  page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
-});
-
-const listResult = reactive({
-  data: [
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: 0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: -0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: -0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-  ],
-  total: ref(0),
-});
-
-const topImages = [top1, top2, top3];
-</script>
-
-<style lang="less" scoped></style>

From 62f900180ab64493c2bdd936d9bbdee503ecb82a Mon Sep 17 00:00:00 2001
From: rd <>
Date: Fri, 27 Jun 2025 16:36:18 +0800
Subject: [PATCH 17/78] =?UTF-8?q?feat:=20=E8=B4=A6=E6=88=B7=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  15 +-
 .../img/media-account/icon-feedback-fail.png  | Bin 0 -> 4986 bytes
 .../media-account/icon-feedback-success.png   | Bin 0 -> 5159 bytes
 src/assets/img/media-account/icon-warn-2.png  | Bin 0 -> 490 bytes
 .../components/account-table/index.vue        |  76 +++++++--
 .../account-table/pause-account-patch.vue     |  54 +++++++
 .../components/account-table/style.scss       |  41 ++---
 .../components/add-account-modal/index.vue    |  46 ++++--
 .../authorized-account-modal/index.vue        | 152 ++++++++++++++++++
 .../authorized-account-modal/style.scss       |  49 ++++++
 .../components/batch-group-modal/index.vue    |  33 ++--
 .../components/batch-tag-modal/index.vue      |  53 +++---
 .../components/filter-block/index.vue         |  30 ++--
 .../components/qrCode-modal/index.vue         |  46 ------
 .../components/qrCode-modal/style.scss        |  19 ---
 .../components/status-box/index.vue           |  96 +++++++++++
 .../media-account/account-manage/constants.ts |  39 ++++-
 .../media-account/account-manage/index.vue    |  39 +++--
 18 files changed, 608 insertions(+), 180 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-feedback-fail.png
 create mode 100644 src/assets/img/media-account/icon-feedback-success.png
 create mode 100644 src/assets/img/media-account/icon-warn-2.png
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
 delete mode 100644 src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue
 delete mode 100644 src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/status-box/index.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index fe8d6cd..41ca7ca 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -35,8 +35,9 @@ export const getMediaAccountsDetail = (id: string) => {
 };
 
 // 媒体账号-修改
-export const putMediaAccounts = (id: string) => {
-  return Http.put(`/v1/media-accounts/${id}`);
+export const putMediaAccounts = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/media-accounts/${id}`, rest);
 };
 
 // 媒体账号-删除
@@ -105,3 +106,13 @@ export const batchPutTag = (params = {}) => {
 export const batchPutGroup = (params = {}) => {
   return Http.put(`/v1/media-accounts/batch-group`, params);
 };
+
+// 媒体账号-暂停爬取
+export const pausePatchAccount = (id: string) => {
+  return Http.patch(`/v1/media-accounts/${id}/pause`);
+};
+
+// 媒体账号-开始爬取
+export const startPatchAccount = (id: string) => {
+  return Http.patch(`/v1/media-accounts/${id}/start`);
+};
diff --git a/src/assets/img/media-account/icon-feedback-fail.png b/src/assets/img/media-account/icon-feedback-fail.png
new file mode 100644
index 0000000000000000000000000000000000000000..75003e9d1ee2d87ff36e1575c75b748d745ba750
GIT binary patch
literal 4986
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
Ef*hY>PXGV_

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-feedback-success.png b/src/assets/img/media-account/icon-feedback-success.png
new file mode 100644
index 0000000000000000000000000000000000000000..38e859fe78127cfdc95e2f52bff1a85613d5821a
GIT binary patch
literal 5159
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
V>gZ+jZ7Ki&002ovPDHLkV1gGf%RT@A

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-warn-2.png b/src/assets/img/media-account/icon-warn-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e80a01c0cb101ed8084995cd741f781640da3bdf
GIT binary patch
literal 490
zcmV<G0Tup<P)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0e?wEK~#7F)s$aO
z!axwlzgZ!MKMx$CH?ZOX^i|M+H-H=H34jv_C!jX~W58!FfIULJfe#j9j63dDOIivG
zp*7K8(rjmUcE0U)W`O?=nHITeSNspr5{z?Y*~;7cS#rVTN#LP8ojV5!_?Kr*9LXUu
zDlp?orrtIov1xKquilf8qdkIaEI~Y6)~cONi-|ALj!fLeK~TRqncr;{c&k-g`ZP!Z
zOTH;Rx#Q4|U6BgjF>NkRo=HC@9}+aw$&nDyr&oi8^i-BA^FkxHQW9u@%{v$M(;Xh)
zF!O~P`a#^)B-q-uai1&F5aA?zUkRv`w2>WFLg2TE3V6r})~zHVK;$AT7%xcy#ta!D
zz{x^;&r631uSkzqn7U4A#8S?`wwokrgcJ~SJ1P*%qSB)~mP7*_h-#9(Xz)OAlcRrS
zcZtc^m)4QYgYwk9U7z1tmCKslVhTho7|{PM_sQ+!NC(|ZASNV4L${JhwR=HYvz!(3
gaA@piksN=NFV<v=_4$r=CjbBd07*qoM6N<$g0auadjJ3c

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index f929af4..a0d3d06 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -10,9 +10,7 @@
         <p class="name">{{ item.name }}</p>
         <div class="field-row">
           <span class="label">状态</span>
-          <div class="status-box" :class="`status-box-${item.status}`">
-            <span class="text">{{ STATUS_LIST.find((v) => v.value === item.status)?.label ?? '-' }}</span>
-          </div>
+          <StatusBox :status="item.status" />
         </div>
         <div class="field-row">
           <span class="label">平台</span>
@@ -37,31 +35,62 @@
         <div class="field-row">
           <span class="label">标签</span>
           <div class="flex items-center">
-            <div v-for="(tag, index) in item.tags" :key="index" class="tag-box">
+            <a-tooltip
+              v-if="item.tags.length > 2"
+              position="bottom"
+              :content="
+                item.tags
+                  .slice(2)
+                  .map((v) => v.name)
+                  .join(',')
+              "
+            >
+              <div class="tag-box">
+                <span class="text">{{ `+${item.tags.length - 2}` }}</span>
+              </div>
+            </a-tooltip>
+
+            <div v-for="(tag, index) in item.tags.slice(0, 2).reverse()" :key="index" class="tag-box">
               <span class="text">{{ tag.name }}</span>
             </div>
           </div>
         </div>
         <div class="operate-row">
           <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
-          <a-button class="w-64px search-btn mr-8px" size="mini">
+          <a-button
+            v-if="showPauseButton(item.status)"
+            class="w-64px search-btn mr-8px"
+            size="mini"
+            @click="handlePause(item)"
+          >
             <template #default>暂停同步</template>
           </a-button>
-          <a-button class="w-64px search-btn mr-8px" size="mini">
-            <template #default>重新授权</template>
-          </a-button>
+          <a-tooltip v-if="isDisabledReauthorize(item.status)" :content="getTooltipText(item.status)">
+            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
+              <template #default>重新授权</template>
+            </a-button>
+          </a-tooltip>
+          <template v-else>
+            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
+              <template #default>{{ isUnauthorizedStatus(item.status) ? '去授权' : '重新授权' }}</template>
+            </a-button>
+          </template>
+
           <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
             <template #default>编辑</template>
           </a-button>
         </div>
       </div>
     </div>
+    <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
   </div>
 </template>
 
 <script setup>
 import { defineProps, ref, computed } from 'vue';
-import { STATUS_LIST } from '../../constants';
+import { STATUS_LIST, EnumStatus } from '../../constants';
+import PauseAccountPatchModal from './pause-account-patch';
+import StatusBox from '../status-box';
 
 import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
@@ -80,6 +109,8 @@ const props = defineProps({
 
 const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
 
+const pauseAccountPatchModalRef = ref(null);
+
 // 判断当前 item 是否被选中
 const isSelected = (item) => {
   return props.selectedItems.some((i) => i.id === item.id);
@@ -96,12 +127,37 @@ const toggleSelect = (item) => {
 };
 
 const openEdit = (item) => {
-  emits('openEdit', item.id);
+  emits('openEdit', item);
 };
 
 const openDelete = (item) => {
   emits('delete', item);
 };
+
+const handleReauthorize = (item) => {
+  const isUnauthorized = isUnauthorizedStatus(item.status);
+  console.log(isUnauthorized ? '去授权' : '重新授权');
+};
+
+const handlePause = (item) => {
+  pauseAccountPatchModalRef.value?.open(item);
+};
+
+const showPauseButton = (status) => {
+  return ![EnumStatus.PAUSE, EnumStatus.UNAUTHORIZED].includes(status);
+};
+const isUnauthorizedStatus = (status) => {
+  return [EnumStatus.UNAUTHORIZED].includes(status);
+};
+
+// 三种异常情况
+const isDisabledReauthorize = (status) => {
+  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
+};
+
+const getTooltipText = (status) => {
+  return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
new file mode 100644
index 0000000..00e5218
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/pause-account-patch.vue
@@ -0,0 +1,54 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 14:41:20
+-->
+<template>
+  <a-modal v-model:visible="visible" title="暂停同步" width="400px" modal-class="account-manage-modal" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { pausePatchAccount } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const accountId = ref(null);
+const accountName = ref('');
+
+function onClose() {
+  visible.value = false;
+  accountId.value = null;
+  accountName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  accountId.value = id;
+  accountName.value = name;
+
+  visible.value = true;
+};
+
+async function onConfirm() {
+  const { code } = await pausePatchAccount(accountId.value);
+  if (code === 200) {
+    AMessage.success('暂停成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index 0a75fe9..f825d5d 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -1,3 +1,9 @@
+@mixin ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .card-container {
   flex: 1;
   display: grid;
@@ -21,6 +27,8 @@
       // line-height: 22px; /* 157.143% */
     }
     .label {
+      margin-right: 20px;
+      flex-shrink: 0;
       color: var(--Text-3, #737478);
       font-family: 'Alibaba PuHuiTi';
       font-size: 12px;
@@ -34,6 +42,7 @@
       display: flex;
       justify-content: space-between;
       .cts {
+        @include ellipsis;
         color: var(--Text-2, #3c4043);
         font-family: 'Alibaba PuHuiTi';
         font-size: 12px;
@@ -41,42 +50,16 @@
         font-weight: 400;
         line-height: 20px; /* 166.667% */
       }
-      .status-box {
-        display: flex;
-        padding: 0px 8px;
-        align-items: center;
-        border-radius: 2px;
-        background: #f2f3f5;
-        .text {
-          color: var(--BG-700, #737478);
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 12px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 20px; /* 166.667% */
-        }
-
-        &-1 {
-          background: #ebf7f2;
-          .text {
-            color: #25c883;
-          }
-        }
-        &-2 {
-          background: #ffe7e4;
-          .text {
-            color: #f64b31;
-          }
-        }
-      }
       .tag-box {
         display: flex;
-        height: 16px;
+        height: 20px;
         padding: 0px 4px;
         align-items: center;
         border-radius: 2px;
         background: var(--BG-200, #f2f3f5);
+        max-width: 100px;
         .text {
+          @include ellipsis();
           color: var(--Text-2, #3c4043);
           font-family: 'Alibaba PuHuiTi';
           font-size: 10px;
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 6ff4a14..b3d6d4e 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -9,9 +9,10 @@
     modal-class="add-account-modal"
     width="500px"
     :mask-closable="false"
+    @close="onClose"
   >
     <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
-      <a-form-item label="上传方式" required>
+      <a-form-item v-if="!isEdit" label="上传方式" required>
         <a-radio-group v-model="uploadType">
           <a-radio value="manual">手动添加账号</a-radio>
           <a-radio value="batch">批量导入账号</a-radio>
@@ -53,6 +54,18 @@
 
       <!-- 手动添加账号 -->
       <template v-else>
+        <template v-if="isEdit">
+          <a-form-item label="账号名称" field="name">
+            <a-input v-model="form.name" placeholder="请输入..." size="large" disabled />
+          </a-form-item>
+          <a-form-item label="账号ID" field="account_id">
+            <a-input v-model="form.account_id" placeholder="请输入..." size="large" disabled />
+          </a-form-item>
+          <a-form-item label="状态" field="status">
+            <StatusBox :status="form.status" />
+          </a-form-item>
+        </template>
+
         <a-form-item label="手机号" field="mobile" required>
           <a-input v-model="form.mobile" placeholder="请输入..." size="large" />
         </a-form-item>
@@ -62,8 +75,9 @@
         <a-form-item label="号码持有人" field="holder_name" required>
           <a-input v-model="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
         </a-form-item>
-        <a-form-item label="运营平台" required>
-          <a-radio-group v-model="form.platform">
+        <a-form-item label="运营平台" :required="!isEdit">
+          <img v-if="isEdit" :src="form.platform === 0 ? icon3 : icon4" width="24" height="24" />
+          <a-radio-group v-else v-model="form.platform">
             <a-radio :value="0">抖音</a-radio>
             <a-radio :value="1">小红书</a-radio>
           </a-radio-group>
@@ -83,13 +97,13 @@
       </template>
     </a-form>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="onClose">取消</a-button>
+      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
       <a-button type="primary" size="large" @click="onSubmit">
-        {{ isBatchImport ? '确定导入' : '生成授权码' }}
+        {{ confirmBtnText }}
       </a-button>
     </template>
 
-    <QrCodeModal ref="qrCodeModalRef" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" />
     <ImportPromptModal ref="importPromptModalRef" />
   </a-modal>
 </template>
@@ -98,8 +112,9 @@
 import { ref, reactive, onMounted } from 'vue';
 import TagSelect from '../tag-select';
 import GroupSelect from '../group-select';
-import QrCodeModal from '../qrCode-modal';
+import AuthorizedAccountModal from '../authorized-account-modal';
 import ImportPromptModal from '../import-prompt-modal';
+import StatusBox from '../status-box';
 
 import {
   fetchAccountTags,
@@ -112,6 +127,8 @@ import {
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
+import icon3 from '@/assets/img/media-account/icon-dy.png';
+import icon4 from '@/assets/img/media-account/icon-xhs.png';
 
 const groupOptions = ref([]);
 const tagOptions = ref([]);
@@ -122,7 +139,7 @@ const id = ref('');
 const isEdit = ref(false);
 const fileName = ref('账号导入模板.xlsx');
 const formRef = ref();
-const qrCodeModalRef = ref(null);
+const authorizedAccountModalRef = ref(null);
 const importPromptModalRef = ref(null);
 const form = reactive({
   mobile: '',
@@ -204,6 +221,7 @@ const reset = () => {
   formRef.value.clearValidate();
 
   fileName.value = '';
+  isEdit.value = false;
   uploadStatus.value = 'default';
   uploadType.value = 'manual';
 };
@@ -215,6 +233,8 @@ function onClose() {
 const open = (accountId = '') => {
   id.value = accountId;
   isEdit.value = !!accountId;
+
+  console.log({ accountId });
   if (accountId) {
     getAccountDetail();
   }
@@ -242,26 +262,28 @@ async function onSubmit() {
     return;
   }
 
+  handleSuccess();
+
   formRef.value.validate(async (errors) => {
     if (!errors) {
       const _fn = id.value ? putMediaAccounts : postMediaAccounts;
       const _params = id.value ? { id: id.value, ...form.value } : form;
-      const { code } = await _fn(_params);
+      const { code, data } = await _fn(_params);
       if (code === 200) {
         AMessage.success(isEdit.value ? '修改成功' : '生成授权码成功');
 
         if (isEdit.value) {
           visible.value = false;
         } else {
-          handleSuccess();
+          handleSuccess(data?.id);
         }
       }
     }
   });
 }
 
-const handleSuccess = () => {
-  qrCodeModalRef.value.open();
+const handleSuccess = (id) => {
+  authorizedAccountModalRef.value.open(id);
 };
 
 const handleDownloadTemplate = async () => {
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
new file mode 100644
index 0000000..c76a687
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/index.vue
@@ -0,0 +1,152 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="480px"
+    title="添加账号"
+    modal-class="qrCode-modal"
+    :mask-closable="false"
+    :footer="!isLoading"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <template v-if="isLoading">
+        <a-progress
+          :percent="progress"
+          color="#6D4CFE"
+          trackColor="#E6E6E8"
+          size="large"
+          :stroke-width="4"
+          type="circle"
+        />
+        <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
+      </template>
+      <template v-else>
+        <template v-if="isCompleted">
+          <img :src="isSuccess ? icon2 : icon3" width="80" height="80" class="mb-16px" />
+          <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
+          <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
+        </template>
+        <template v-else>
+          <div class="flex items-center mb-16px">
+            <img :src="icon1" width="16" height="16" />
+            <span class="ml-8px red-text">未识别到有效二维码。</span>
+          </div>
+          <div class="img-box">
+            <img src="" width="160" height="160" class="mb-16px" />
+            <div v-if="isOverdue" class="mask">
+              <icon-refresh size="24" class="mb-13px" />
+              <p class="s1">二维码失效</p>
+              <p class="s1">请点击刷新</p>
+            </div>
+          </div>
+          <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+        </template>
+      </template>
+    </div>
+    <template #footer>
+      <a-button v-if="isCompleted" size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose, ref, onUnmounted } from 'vue';
+import { startPatchAccount } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/media-account/icon-warn.png';
+import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
+import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
+
+const visible = ref(false);
+const isOverdue = ref(false);
+const isLoading = ref(false);
+const isCompleted = ref(false);
+const isSuccess = ref(false);
+const failReason = ref('');
+const progress = ref(0);
+const id = ref('');
+
+let progressTimer = null;
+
+const notCompleted = computed(() => {
+  return !isCompleted.value;
+});
+const confirmBtnText = computed(() => {
+  if (notCompleted.value) return '完成扫码';
+  return isSuccess.value ? '继续添加' : '重新扫码';
+});
+
+const open = (accountId) => {
+  id.value = accountId;
+  visible.value = true;
+};
+const close = () => {
+  isOverdue.value = false;
+  isLoading.value = false;
+  isCompleted.value = false;
+  isSuccess.value = false;
+  failReason.value = '';
+  progress.value = 0;
+  id.value = '';
+
+  visible.value = false;
+};
+
+const startLoading = async () => {
+  isLoading.value = true;
+  progress.value = 0;
+  startFakeProgressPolling();
+  // const { code } = await startPatchAccount(id.value);
+  // if (code === 200) {
+  //   isLoading.value = true;
+  //   progress.value = 0;
+  //   elapsedSeconds = 0;
+  //   fakeStatusStartTime = 0;
+  //   startFakeProgressPolling();
+  // }
+};
+
+const startFakeProgressPolling = () => {
+  clearFakeProgressTimer();
+  progressTimer = setInterval(() => {
+    if (progress.value < 0.99) {
+      const step = Math.random() * 0.04 + 0.01;
+      progress.value = Math.min(progress.value + step, 0.99);
+      progress.value = Number(progress.value.toFixed(2));
+    } else {
+      clearFakeProgressTimer();
+    }
+  }, 1000);
+};
+
+const clearFakeProgressTimer = () => {
+  if (progressTimer) {
+    clearInterval(progressTimer);
+    progressTimer = null;
+  }
+};
+
+const handleOk = () => {
+  if (notCompleted.value) {
+    startLoading();
+    return;
+  }
+};
+
+onUnmounted(() => {
+  clearFakeProgressTimer();
+});
+
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
new file mode 100644
index 0000000..8fd370a
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
@@ -0,0 +1,49 @@
+@import '@/views/property-marketing/component.scss';
+
+.qrCode-modal {
+  border-radius: 8px;
+  .img-box {
+    position: relative;
+    .mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0.8;
+      background: #000;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      .s1 {
+        color: var(--BG-White, #fff);
+        text-align: center;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+    }
+  }
+  .s2 {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px; 
+  }
+  .red-text {
+    overflow: hidden;
+    color: var(--Functional-Red-6, #f64b31);
+    text-overflow: ellipsis;
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index 21f7de8..d1bfc55 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -75,14 +75,13 @@ const form = reactive({
   group_id: null,
 });
 
-const accounts = ref([]); // [{id, name}]
 const accountGroupList = ref([]); // [{id, name, group_id: null}]
+const isAllEdit = computed(() => editType.value === 'all');
 
 const open = (accountList = []) => {
   editType.value = 'all';
   groupOptions.value = [];
   form.group_id = null;
-  accounts.value = accountList;
   accountGroupList.value = accountList.map((acc) => ({
     ...acc,
     group_id: null,
@@ -114,21 +113,31 @@ const getTags = async () => {
 
 const onClose = () => {
   visible.value = false;
-  form.tag_ids = [];
+  form.group_id = null;
 };
 
 const onSubmit = async () => {
+  if (isAllEdit.value) {
+    if (form.group_id === null) {
+      AMessage.error('请选择分组');
+      return;
+    }
+  } else {
+    if (accountGroupList.value.some((item) => item.group_id === null)) {
+      AMessage.error('请选择分组');
+      return;
+    }
+  }
+
+  const media_accounts = accountGroupList.value.map((item) => ({
+    id: item.id,
+    group_id: isAllEdit.value ? form.group_id : item.group_id,
+  }));
+
   // 这里处理批量标签的提交逻辑
-  const _params =
-    editType.value === 'all'
-      ? { id: -1, group_id: form.group_id }
-      : accountGroupList.value.map((item) => ({
-          id: item.id,
-          group_id: item.group_id,
-        }));
-  const { code } = await batchPutGroup({ media_accounts: _params });
+  const { code } = await batchPutGroup({ media_accounts });
   if (code === 200) {
-    AMessage.success('批量分组成功');
+    AMessage.success('设置分组成功');
     emits('update');
     visible.value = false;
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
index 99cfceb..7946ecd 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -31,7 +31,7 @@
         <template v-if="editType === 'all'">
           <div class="flex items-center w-100%">
             <a-select
-              v-model="form.tag_ids"
+              v-model="form.tags"
               :options="tagOptions"
               multiple
               allow-create
@@ -40,7 +40,7 @@
               class="flex-1"
               @create="handleCreateTag"
             />
-            <span class="ml-12px">{{ `${form.tag_ids.length}/5` }}</span>
+            <span class="ml-12px">{{ `${form.tags.length}/5` }}</span>
           </div>
         </template>
       </a-form-item>
@@ -90,18 +90,17 @@ const tagOptions = ref([]);
 const formRef = ref();
 const editType = ref('all');
 const form = reactive({
-  tag_ids: [],
+  tags: [],
 });
 
-const accounts = ref([]); // [{id, name}]
 const accountTagList = ref([]); // [{id, name, tags: []}]
+const isAllEdit = computed(() => editType.value === 'all');
 
 // 打开弹窗时请求标签数据
 const open = (accountList = []) => {
   editType.value = 'all';
   tagOptions.value = [];
-  form.tag_ids = [];
-  accounts.value = accountList;
+  form.tags = [];
   accountTagList.value = accountList.map((acc) => ({
     ...acc,
     tags: [],
@@ -114,19 +113,19 @@ const open = (accountList = []) => {
 const getTags = async () => {
   tagOptions.value = [
     {
-      label: '测试',
-      value: '1',
+      label: '测试1',
+      value: '测试1',
     },
     {
-      label: 'ceshi2',
-      value: 2,
+      label: '测试2',
+      value: '测试2',
     },
   ];
   const { code, data } = await fetchAccountTags();
   if (code === 200) {
     tagOptions.value = data.map((item) => ({
       label: item.name,
-      value: item.id,
+      value: item.name,
     }));
   }
 };
@@ -138,26 +137,36 @@ const handleCreateTag = (inputValue, idx) => {
   if (typeof idx === 'number') {
     accountTagList.value[idx].tags.push(inputValue);
   } else {
-    form.tag_ids.push(inputValue);
+    form.tags.push(inputValue);
   }
 };
 
 const onClose = () => {
   visible.value = false;
-  form.tag_ids = [];
+  form.tags = [];
 };
 
 const onSubmit = async () => {
-  const _params =
-    editType.value === 'all'
-      ? { tag_ids: form.tag_ids }
-      : accountTagList.value.map((item) => ({
-          id: item.id,
-          tag_ids: item.tags,
-        }));
-  const { code } = await batchPutTag({ media_accounts: _params });
+  if (isAllEdit.value) {
+    if (form.tags.length === 0) {
+      AMessage.error('请输入标签');
+      return;
+    }
+  } else {
+    if (accountTagList.value.some((item) => item.tags.length === 0)) {
+      AMessage.error('请输入标签');
+      return;
+    }
+  }
+
+  const media_accounts = accountTagList.value.map((item) => ({
+    id: item.id,
+    tags: isAllEdit.value ? form.tags : item.tags,
+  }));
+  console.log({ media_accounts });
+  const { code } = await batchPutTag({ media_accounts });
   if (code === 200) {
-    AMessage.success('批量标签成功');
+    AMessage.success('设置标签成功');
     emits('update');
     visible.value = false;
   }
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 87d4a77..cec8c08 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
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-mutating-props -->
 <!--
  * @Author: RenXiaoDong
  * @Date: 2025-06-25 14:02:40
@@ -24,7 +25,7 @@
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">状态</span>
-        <a-space class="w-160px">
+        <a-space class="w-180px">
           <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
             <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.label">{{
               item.label
@@ -66,9 +67,7 @@
           <tag-select v-model="query.tag_ids" :options="tags" @change="handleSearch" />
         </a-space>
       </div>
-    </div>
-    <a-space class="flex items-center">
-      <a-button class="w-84px search-btn" size="medium" @click="handleSearch">
+      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
@@ -80,7 +79,7 @@
         </template>
         <template #default>重置</template>
       </a-button>
-    </a-space>
+    </div>
   </div>
 </template>
 
@@ -95,18 +94,25 @@ import {
   STATUS_LIST,
 } from '@/views/property-marketing/media-account/account-manage/constants';
 
-const emits = defineEmits('onSearch', 'onReset');
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('onSearch', 'onReset', 'update:query');
 
-const query = ref(cloneDeep(INITIAL_QUERY));
 const tags = ref([]);
 const groups = ref([]);
 const operators = ref([]);
 
 const handleSearch = () => {
-  emits('onSearch', query);
+  emits('onSearch', props.query);
 };
+
 const handleReset = () => {
-  query.value = cloneDeep(INITIAL_QUERY);
+  emits('update:query', cloneDeep(INITIAL_QUERY));
   emits('onReset');
 };
 
@@ -130,9 +136,9 @@ const getOperators = async () => {
 };
 
 onMounted(() => {
-  getTags();
-  getGroups();
-  getOperators();
+  // getTags();
+  // getGroups();
+  // getOperators();
 });
 </script>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue
deleted file mode 100644
index c5b12c9..0000000
--- a/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/index.vue
+++ /dev/null
@@ -1,46 +0,0 @@
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-25 17:51:46
--->
-<template>
-  <a-modal
-    v-model:visible="visible"
-    width="480px"
-    title="添加账号"
-    modal-class="qrCode-modal"
-    :footer="false"
-    :mask-closable="false"
-    @close="close"
-  >
-    <div class="flex flex-col items-center">
-      <img src="" width="160" height="160" class="mb-16px" />
-      <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
-
-      <div class="mt-24px text-center">
-        <a-button type="primary" size="large" @click="handleOk"> 完成扫码 </a-button>
-      </div>
-    </div>
-  </a-modal>
-</template>
-
-<script setup>
-import { defineExpose } from 'vue';
-
-const visible = ref(false);
-const open = () => {
-  visible.value = true;
-};
-const close = () => {
-  visible.value = false;
-};
-const handleOk = () => {
-  console.log('handleOk');
-};
-defineExpose({
-  open,
-});
-</script>
-
-<style lang="scss">
-@import './style.scss';
-</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss
deleted file mode 100644
index 8c1aba1..0000000
--- a/src/views/property-marketing/media-account/account-manage/components/qrCode-modal/style.scss
+++ /dev/null
@@ -1,19 +0,0 @@
-.qrCode-modal {
-  border-radius: 8px;
-
-  .arco-modal-header {
-    border-bottom: none;
-    height: 56px;
-    padding: 22px 24px 16px 24px;
-    .arco-modal-title {
-      justify-content: flex-start;
-    }
-  }
-  .arco-modal-body {
-    padding: 20px 24px 20px;
-  }
-  .arco-modal-footer {
-    border-top: none;
-    padding: 0;
-  }
-}
diff --git a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
new file mode 100644
index 0000000..9a94451
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
@@ -0,0 +1,96 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:31:15
+-->
+<template>
+  <div class="status-box" :class="`status-box-${status}`">
+    <span class="text">{{ statusText }}</span>
+    <a-tooltip v-if="showTooltip" :content="tooltipText">
+      <img v-if="showIcon" :src="iconSrc" width="12" height="12" class="ml-4px" />
+    </a-tooltip>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { STATUS_LIST, EnumStatus } from '../../constants';
+
+import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
+import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
+
+const props = defineProps({
+  status: {
+    type: Number,
+    required: true,
+  },
+});
+
+const statusText = computed(() => {
+  return STATUS_LIST.find((v) => v.value === props.status)?.label ?? '-';
+});
+
+const showTooltip = computed(() => {
+  return isDisabledReauthorize(props.status);
+});
+
+const tooltipText = computed(() => {
+  return STATUS_LIST.find((v) => v.value === props.status)?.tooltip ?? '-';
+});
+
+const showIcon = computed(() => {
+  return ![EnumStatus.NORMAL, EnumStatus.UNAUTHORIZED].includes(props.status);
+});
+
+const iconSrc = computed(() => {
+  return props.status === EnumStatus.PAUSE ? iconWarn1 : iconWarn2;
+});
+
+// 判断是否为禁用重新授权的状态
+const isDisabledReauthorize = (status) => {
+  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
+};
+</script>
+
+<style scoped lang="scss">
+.status-box {
+  display: flex;
+  padding: 0px 8px;
+  align-items: center;
+  border-radius: 2px;
+  background: #f2f3f5;
+
+  .text {
+    color: var(--BG-700, #737478);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 166.667% */
+  }
+
+  &-1 {
+    background: #ebf7f2;
+    .text {
+      color: #25c883;
+    }
+  }
+
+  &-2,
+  &-4,
+  &-5,
+  &-6 {
+    background: #ffe7e4;
+    .text {
+      color: #f64b31;
+    }
+  }
+
+  &-3 {
+    background: #fff7e5;
+    color: #ffae00;
+    .text {
+      color: #ffae00;
+    }
+  }
+}
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index 39ae6fd..967b937 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -22,17 +22,46 @@ export const PLATFORM_LIST = [
   },
 ];
 
+export enum EnumStatus {
+  NORMAL = 1,
+  PAUSE = 3,
+  UNAUTHORIZED = 0,
+  ABNORMAL = 2,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+}
+
 export const STATUS_LIST = [
   {
-    label: '未授权',
-    value: 0,
+    label: '正常',
+    value: EnumStatus.NORMAL,
   },
   {
-    label: '正常',
-    value: 1,
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
   },
   {
     label: '异常',
-    value: 2,
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
   },
 ];
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index bc6fe2f..fbf32f3 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -28,7 +28,7 @@
           </a-button>
         </div>
       </div>
-      <FilterBlock @onSearch="handleSearch" @onReset="handleReset" />
+      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
 
     <div
@@ -72,7 +72,7 @@
       </template>
       <div v-else>
         <a-space v-if="isAbnormalStatus" class="flex items-center">
-          <a-button class="w-96px err-btn" size="mini">
+          <a-button class="w-96px err-btn" size="mini" @click="handleOpenAbnormalAccount">
             <template #default>查看异常账号</template>
           </a-button>
         </a-space>
@@ -84,6 +84,7 @@
         :selectedItems="selectedItems"
         @selectionChange="handleSelectionChange"
         @delete="handleDelete"
+        @openEdit="handleOpenEdit"
       />
       <div class="pagination-box">
         <a-pagination
@@ -160,6 +161,7 @@ onMounted(() => {
 });
 
 const getData = async () => {
+  console.log('getData');
   // const { page, pageSize } = pageInfo;
   // const { code, data, total } = await getMediaAccounts({
   //   page,
@@ -176,7 +178,7 @@ const getData = async () => {
       name: '全球',
       account_id: 1,
       mobile: 1777777,
-      status: 1,
+      status: 3,
       platform: 0,
       operator: {
         name: '小周',
@@ -191,6 +193,15 @@ const getData = async () => {
         {
           name: '标签2',
         },
+        {
+          name: '标签3',
+        },
+        {
+          name: '标签4',
+        },
+        {
+          name: '标签5',
+        },
       ],
     },
     {
@@ -198,7 +209,7 @@ const getData = async () => {
       name: '全球2',
       account_id: 1,
       mobile: 1777777,
-      status: 1,
+      status: 4,
       platform: 0,
       operator: {
         name: '小周',
@@ -217,13 +228,16 @@ const getData = async () => {
     },
   ];
 };
-const handleSearch = (newQuery) => {
-  query.value = { ...newQuery };
+const reload = () => {
+  pageInfo.page = 1;
+  getData();
+};
+const handleSearch = () => {
   getData();
 };
 const handleReset = () => {
   query.value = cloneDeep(INITIAL_QUERY);
-  getData();
+  reload();
 };
 
 const onPageChange = (current) => {
@@ -232,8 +246,7 @@ const onPageChange = (current) => {
 };
 const onPageSizeChange = (pageSize) => {
   pageInfo.pageSize = pageSize;
-  pageInfo.page = 1;
-  getData();
+  reload();
 };
 
 const handleOpenGroupModal = () => {
@@ -262,12 +275,12 @@ const handleChangeAll = (val) => {
 };
 const handleBatchDelete = () => {
   const ids = selectedItems.value.map((item) => item.id);
-  const names = selectedItems.value.map((item) => `“${item.name}”`).join(',');
+  const names = selectedItems.value.map((item) => `"${item.name}"`).join(',');
   deleteAccountRef.value?.open({ id: ids, name: names });
 };
 const handleDelete = (item) => {
   const { id, name } = item;
-  deleteAccountRef.value?.open({ id, name: `“${name}”` });
+  deleteAccountRef.value?.open({ id, name: `"${name}"` });
 };
 const handleCloseTip = () => {
   selectedItems.value = [];
@@ -279,6 +292,10 @@ const handleBatchTag = () => {
 const handleBatchGroup = () => {
   batchGroupModalRef.value?.open(selectedItems.value);
 };
+const handleOpenAbnormalAccount = () => {
+  query.value.status = 2;
+  reload();
+};
 </script>
 
 <style scoped lang="scss">

From 6a8cf54ccb78130f678f953f10ce3239d91fa978 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Fri, 27 Jun 2025 17:14:35 +0800
Subject: [PATCH 18/78] =?UTF-8?q?feat:=20=E9=87=8D=E6=96=B0=E6=8E=88?=
 =?UTF-8?q?=E6=9D=83?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |   5 +
 .../components/account-table/index.vue        |  12 +-
 .../authorized-account-modal/index.vue        |  18 +-
 .../authorized-account-modal/style.scss       |   2 +-
 .../reauthorize-account-modal/index.vue       | 201 ++++++++++++++++++
 .../reauthorize-account-modal/style.scss      |  57 +++++
 .../media-account/account-manage/index.vue    |   2 +-
 7 files changed, 288 insertions(+), 9 deletions(-)
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 41ca7ca..bae28e9 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -116,3 +116,8 @@ export const pausePatchAccount = (id: string) => {
 export const startPatchAccount = (id: string) => {
   return Http.patch(`/v1/media-accounts/${id}/start`);
 };
+
+// 媒体账号-获取授权图片
+export const getAuthorizedImage = (id: string) => {
+  return Http.get(`/v1/media-accounts/${id}/authorized-image`);
+};
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index a0d3d06..3530eaa 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -83,6 +83,8 @@
       </div>
     </div>
     <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
+    <ReauthorizeAccountModal ref="reauthorizeAccountModalRef" @success="emits('update')" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" @success="emits('update')" />
   </div>
 </template>
 
@@ -91,6 +93,8 @@ import { defineProps, ref, computed } from 'vue';
 import { STATUS_LIST, EnumStatus } from '../../constants';
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '../status-box';
+import ReauthorizeAccountModal from '../reauthorize-account-modal';
+import AuthorizedAccountModal from '../authorized-account-modal';
 
 import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
@@ -110,6 +114,8 @@ const props = defineProps({
 const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
 
 const pauseAccountPatchModalRef = ref(null);
+const reauthorizeAccountModalRef = ref(null);
+const authorizedAccountModalRef = ref(null);
 
 // 判断当前 item 是否被选中
 const isSelected = (item) => {
@@ -136,7 +142,11 @@ const openDelete = (item) => {
 
 const handleReauthorize = (item) => {
   const isUnauthorized = isUnauthorizedStatus(item.status);
-  console.log(isUnauthorized ? '去授权' : '重新授权');
+  if (isUnauthorized) {
+    authorizedAccountModalRef.value?.open(item.id);
+  } else {
+    reauthorizeAccountModalRef.value?.open(item.id);
+  }
 };
 
 const handlePause = (item) => {
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 c76a687..eaf6bd5 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
@@ -6,8 +6,8 @@
   <a-modal
     v-model:visible="visible"
     width="480px"
-    title="添加账号"
-    modal-class="qrCode-modal"
+    title="授权账号"
+    modal-class="authorized-account-modal"
     :mask-closable="false"
     :footer="!isLoading"
     @close="close"
@@ -36,7 +36,7 @@
             <span class="ml-8px red-text">未识别到有效二维码。</span>
           </div>
           <div class="img-box">
-            <img src="" width="160" height="160" class="mb-16px" />
+            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
             <div v-if="isOverdue" class="mask">
               <icon-refresh size="24" class="mb-13px" />
               <p class="s1">二维码失效</p>
@@ -56,7 +56,7 @@
 
 <script setup>
 import { defineExpose, ref, onUnmounted } from 'vue';
-import { startPatchAccount } from '@/api/all/propertyMarketing';
+import { startPatchAccount, getAuthorizedImage } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-warn.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
@@ -70,6 +70,7 @@ const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
+const imgUrl = ref('');
 
 let progressTimer = null;
 
@@ -83,6 +84,7 @@ const confirmBtnText = computed(() => {
 
 const open = (accountId) => {
   id.value = accountId;
+  handleAuthorizedImage();
   visible.value = true;
 };
 const close = () => {
@@ -97,6 +99,12 @@ const close = () => {
   visible.value = false;
 };
 
+const handleAuthorizedImage = async () => {
+  const { code, data } = await getAuthorizedImage(id.value);
+  if (code === 200) {
+    imgUrl.value = data.url;
+  }
+};
 const startLoading = async () => {
   isLoading.value = true;
   progress.value = 0;
@@ -105,8 +113,6 @@ const startLoading = async () => {
   // if (code === 200) {
   //   isLoading.value = true;
   //   progress.value = 0;
-  //   elapsedSeconds = 0;
-  //   fakeStatusStartTime = 0;
   //   startFakeProgressPolling();
   // }
 };
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
index 8fd370a..a476920 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
@@ -1,6 +1,6 @@
 @import '@/views/property-marketing/component.scss';
 
-.qrCode-modal {
+.authorized-account-modal {
   border-radius: 8px;
   .img-box {
     position: relative;
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
new file mode 100644
index 0000000..ef84c93
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/index.vue
@@ -0,0 +1,201 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="500px"
+    title="重新授权"
+    modal-class="reauthorize-account-modal"
+    :mask-closable="false"
+    :footer="!isLoading"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <template v-if="isLoading">
+        <a-progress
+          :percent="progress"
+          color="#6D4CFE"
+          trackColor="#E6E6E8"
+          size="large"
+          :stroke-width="4"
+          type="circle"
+        />
+        <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
+      </template>
+      <template v-else-if="loadingStep === 1">
+        <div class="flex items-center mb-20px">
+          <img :src="icon4" width="16" height="16" class="mr-16px" />
+          <span class="s2 color-#3C4043">检测到该账号最后更新日期为x月x日，已有x天未同步最新数据。</span>
+        </div>
+        <a-radio-group v-model="actionType" class="ml-32px">
+          <a-radio :value="1" class="mb-16px"
+            ><span class="s2"
+              >立即同步遗漏数据 - 获取完整的最新数据 <span class="color-#6D4CFE">（推荐）</span></span
+            ></a-radio
+          >
+          <a-radio :value="2" class="mb-16px"><span class="s2">仅授权不更新 - 继续使用当前不完全的数据</span></a-radio>
+        </a-radio-group>
+      </template>
+      <template v-else-if="loadingStep === 2">
+        <div class="flex items-center mb-20px">
+          <img :src="icon4" width="16" height="16" class="mr-16px" />
+          <span class="s2 color-#3C4043">当前绑定的账号与之前的昵称不一致，请确认是否覆盖原账号信息。</span>
+        </div>
+        <div class="w-100% pl-32px">
+          <div class="account-tip-box">
+            <p class="mb-4px s2"><span class="color-#3C4043">原账号：</span>全球旅行小助手</p>
+            <p class="s2"><span class="color-#3C4043">当前账号：</span>环球旅行官</p>
+          </div>
+        </div>
+      </template>
+      <template v-else>
+        <template v-if="isCompleted">
+          <img :src="isSuccess ? icon2 : icon3" width="80" height="80" class="mb-16px" />
+          <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
+          <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
+        </template>
+        <template v-else>
+          <div class="flex items-center mb-16px">
+            <img :src="icon1" width="16" height="16" />
+            <span class="ml-8px red-text">未识别到有效二维码。</span>
+          </div>
+          <div class="img-box">
+            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
+            <div v-if="isOverdue" class="mask">
+              <icon-refresh size="24" class="mb-13px" />
+              <p class="s1">二维码失效</p>
+              <p class="s1">请点击刷新</p>
+            </div>
+          </div>
+          <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+        </template>
+      </template>
+    </div>
+    <template #footer>
+      <a-button v-if="isCompleted || [1, 3].includes(actionType)" size="large" class="cancel-btn" @click="close"
+        >取消</a-button
+      >
+      <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose, ref, onUnmounted } from 'vue';
+import { startPatchAccount, getAuthorizedImage } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/media-account/icon-warn.png';
+import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
+import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
+import icon4 from '@/assets/img/media-account/icon-warn-1.png';
+
+const visible = ref(false);
+const isOverdue = ref(false);
+const isLoading = ref(false);
+const isCompleted = ref(false);
+const isSuccess = ref(false);
+const failReason = ref('');
+const progress = ref(0);
+const id = ref('');
+const imgUrl = ref('');
+const loadingStep = ref(0); // 1 | 2
+const actionType = ref(1);
+
+let progressTimer = null;
+
+const notCompleted = computed(() => {
+  return !isCompleted.value;
+});
+const confirmBtnText = computed(() => {
+  if (loadingStep.value === 1) return '确定';
+  if (loadingStep.value === 2) return '确定覆盖';
+
+  if (notCompleted.value) return '完成扫码';
+
+  return isSuccess.value ? '继续添加' : '重新扫码';
+});
+
+const open = (accountId) => {
+  id.value = accountId;
+  handleAuthorizedImage();
+  visible.value = true;
+};
+const close = () => {
+  isOverdue.value = false;
+  isLoading.value = false;
+  isCompleted.value = false;
+  isSuccess.value = false;
+  failReason.value = '';
+  progress.value = 0;
+  loadingStep.value = 0;
+  actionType.value = 1;
+  id.value = '';
+
+  visible.value = false;
+};
+
+const handleAuthorizedImage = async () => {
+  const { code, data } = await getAuthorizedImage(id.value);
+  if (code === 200) {
+    imgUrl.value = data.url;
+  }
+};
+const startLoading = async () => {
+  isLoading.value = true;
+  progress.value = 0;
+  startFakeProgressPolling();
+  // const { code } = await startPatchAccount(id.value);
+  // if (code === 200) {
+  //   isLoading.value = true;
+  //   progress.value = 0;
+  //   startFakeProgressPolling();
+  // }
+};
+
+const startFakeProgressPolling = () => {
+  clearFakeProgressTimer();
+  progressTimer = setInterval(() => {
+    if (progress.value < 0.99) {
+      const step = Math.random() * 0.04 + 0.01;
+      progress.value = Math.min(progress.value + step, 0.99);
+      progress.value = Number(progress.value.toFixed(2));
+    } else {
+      loadingStep.value = 2;
+      clearFakeProgressTimer();
+    }
+  }, 1000);
+};
+
+const clearFakeProgressTimer = () => {
+  if (progressTimer) {
+    clearInterval(progressTimer);
+    progressTimer = null;
+  }
+};
+
+const handleOk = () => {
+  if (loadingStep.value === 1) {
+    startLoading();
+    return;
+  }
+
+  if (notCompleted.value) {
+    loadingStep.value = 1;
+    return;
+  }
+};
+
+onUnmounted(() => {
+  clearFakeProgressTimer();
+});
+
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
new file mode 100644
index 0000000..40b1640
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
@@ -0,0 +1,57 @@
+@import '@/views/property-marketing/component.scss';
+
+.reauthorize-account-modal {
+  border-radius: 8px;
+  .img-box {
+    position: relative;
+    .mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0.8;
+      background: #000;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      .s1 {
+        color: var(--BG-White, #fff);
+        text-align: center;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+    }
+  }
+  .s2 {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px; 
+  }
+  .red-text {
+    overflow: hidden;
+    color: var(--Functional-Red-6, #f64b31);
+    text-overflow: ellipsis;
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .account-tip-box {
+    // margin-left: 32px;
+    width: 100%;
+    padding: 8px 0px 8px 12px;
+
+    border-radius: 4px;
+background: var(--BG-200, #F2F3F5);
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index fbf32f3..f21fdbe 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -178,7 +178,7 @@ const getData = async () => {
       name: '全球',
       account_id: 1,
       mobile: 1777777,
-      status: 3,
+      status: 0,
       platform: 0,
       operator: {
         name: '小周',

From aeb7ab15a3a588fcc5cdeead8b265f7d03ba542a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Fri, 27 Jun 2025 18:31:53 +0800
Subject: [PATCH 19/78] =?UTF-8?q?feat:=20=E6=96=B0=E5=A2=9E=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E4=BB=AA=E8=A1=A8=E7=9B=98=E7=BB=84=E4=BB=B6=E5=92=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8A=95=E6=94=BE=E6=8C=87=E5=8D=97=E6=93=8D?=
 =?UTF-8?q?=E4=BD=9C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../routes/modules/propertyMarketing.ts       |  16 +-
 .../enterpriseKnowledge/materials.vue         | 340 ------------------
 .../brand-materials/index.vue                 |   2 +-
 .../brand-materials/style.scss                |   0
 .../components/echarts-item/index.vue         | 109 ++++++
 .../components/echarts-item/style.scss        |   7 +
 .../put-account/account-dashboard/index.vue   | 164 +++++++++
 .../put-account/account-dashboard/style.scss  |  68 ++++
 .../components/month-data/index.vue           |   2 +-
 .../components/month-data/style.scss          |  46 +++
 .../placement-suggestions/index.vue           |   6 +-
 .../table-data/guideListHistory.vue           |  32 +-
 .../components/table-data/listSearchForm.vue  |  28 +-
 .../investment-guidelines/style.scss          |  52 +--
 14 files changed, 465 insertions(+), 407 deletions(-)
 delete mode 100644 src/views/components/enterpriseKnowledge/materials.vue
 rename src/views/property-marketing/{enterpriseKnowledge => brands}/brand-materials/index.vue (98%)
 rename src/views/property-marketing/{enterpriseKnowledge => brands}/brand-materials/style.scss (100%)
 create mode 100644 src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-dashboard/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-dashboard/style.scss

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index affcb1e..1b1073b 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -12,7 +12,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     name: 'Repository',
     redirect: 'repository/brandMaterials',
     meta: {
-      locale: '企业知识库',
+      locale: '品牌资产管理',
       icon: IconBookmark,
       requiresAuth: true,
       roles: ['*'],
@@ -24,11 +24,11 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'brandMaterials',
         name: 'RepositoryBrandMaterials',
         meta: {
-          locale: '品牌物料',
+          locale: '品牌信息',
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue'),
+        component: () => import('@/views/property-marketing/brands/brand-materials/index.vue'),
       },
     ],
   },
@@ -56,7 +56,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/property-marketing/media-account/account-manage'),
       },
       {
-        path: 'accountDashboard',
+        path: 'account-dashboard',
         name: 'MediaAccountAccountDashboard',
         meta: {
           locale: '账号看板',
@@ -82,7 +82,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     name: 'PutAccount',
     redirect: 'put-account/accountManagement',
     meta: {
-      locale: '投放账户管理',
+      locale: '投放资源中心',
       icon: IconBookmark,
       requiresAuth: true,
       roles: ['*'],
@@ -111,14 +111,14 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/property-marketing/repository/test'),
       },
       {
-        path: 'accountDashboard',
+        path: 'account-dashboard',
         name: 'PutAccountAccountDashboard',
         meta: {
-          locale: '账号看板',
+          locale: '投放表现分析',
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/put-account/account-dashboard'),
       },
       {
         path: 'investmentGuidelines',
diff --git a/src/views/components/enterpriseKnowledge/materials.vue b/src/views/components/enterpriseKnowledge/materials.vue
deleted file mode 100644
index b8b6843..0000000
--- a/src/views/components/enterpriseKnowledge/materials.vue
+++ /dev/null
@@ -1,340 +0,0 @@
-<template>
-  <div class="materials-page">
-    <!-- 顶部标题和新增按钮 -->
-    <div class="header-row">
-      <h2 class="page-title">品牌物料</h2>
-      <a-button type="primary" @click="handleAdd" class="add-btn">+ 添加品牌</a-button>
-    </div>
-
-    <!-- 搜索栏 -->
-    <div class="search-row">
-      品牌名称
-      <a-input v-model="listQuery.name" placeholder="请搜索..." allow-clear class="search-input" />
-      <a-button type="outline" @click="handleSearch">
-        <template #icon>
-          <icon-search />
-        </template>
-        <template #default>搜索</template>
-      </a-button>
-      <a-button type="outline" @click="handleReset">
-        <template #icon>
-          <icon-refresh />
-        </template>
-        <template #default>重置</template>
-      </a-button>
-    </div>
-
-    <!-- 表格 -->
-
-    <a-table :data="listResult.list" :pagination="false">
-      <template #columns>
-        <a-table-column title="品牌名称" data-index="name" />
-        <a-table-column title="品牌logo" data-index="logo">
-          <template #cell="{ record }">
-            <img :src="record.logo" style="width: 50px; height: 50px" />
-          </template>
-        </a-table-column>
-        <a-table-column title="Slogan" data-index="slogan" />
-        <a-table-column title="操作" data-index="optional">
-          <template #cell="{ record }">
-            <a-popconfirm
-              content="确定删除吗?"
-              type="warning"
-              ok-text="确认删除"
-              cancel-text="取消"
-              @ok="deleteBrand(record.id)"
-            >
-              <icon-delete></icon-delete>
-            </a-popconfirm>
-            <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
-
-    <!-- 分页 -->
-    <a-space direction="vertical" size="large">
-      <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
-    </a-space>
-
-    <!-- 新增/编辑品牌弹窗 -->
-    <a-modal
-      v-model:visible="modalVisible"
-      :title="modalTitle"
-      :mask-closable="false"
-      :esc-to-close="false"
-      width="480px"
-      @cancel="handleModalCancel"
-    >
-      <a-form
-        :model="form"
-        :label-col-props="{ span: 5, offset: 0 }"
-        :wrapper-col-props="{ span: 19, offset: 0 }"
-        label-align="left"
-        :rules="formRule"
-        ref="formRef"
-        layout="left"
-      >
-        <a-form-item field="name" label="品牌名称">
-          <a-input v-model="form.name" placeholder="请输入品牌名称" />
-        </a-form-item>
-        <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
-          <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
-          <div class="form-tip">品牌常规展示标识，支持PNG、JPG格式</div>
-        </a-form-item>
-        <a-form-item field="otherLogos"  class="form-item-logo" label="其他Logo">
-          <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
-        </a-form-item>
-        <a-form-item field="slogan" label="Slogan">
-          <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
-        </a-form-item>
-      </a-form>
-      <template #footer>
-        <a-button @click="handleModalCancel">取消</a-button>
-        <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
-      </template>
-    </a-modal>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, reactive, onMounted } from 'vue';
-import { Message } from '@arco-design/web-vue';
-import { IconDelete } from '@arco-design/web-vue/es/icon';
-import {
-  addMaterials,
-  deleteMaterials,
-  getMaterialsList,
-  getMaterialsDetail,
-  updateMaterials,
-} from '@/api/all/enterpriseKnowledge';
-import ImageUpload from '@/components/upload/ImageUpload.vue';
-import { valid } from 'mockjs';
-
-const searchName = ref('');
-const current = ref(1);
-
-const listResult = reactive({
-  list: ref([]),
-  total: ref(0),
-});
-
-const listQuery = reactive({
-  page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
-});
-
-const modalVisible = ref(false);
-const modalTitle = ref('编辑品牌');
-const formRef = ref();
-//表单验证
-const formRule = {
-  name: [{ required: true, message: '请输入品牌名称', trigger: ['blur', 'change'] }],
-  logo: [{ required: true, message: '请上传品牌logo', trigger: ['blur', 'change'] }],
-};
-const form = reactive({
-  name: '',
-  logo: '',
-  id: 0,
-  other_logos: [], // [{ url: '' }]
-  slogan: '',
-});
-
-const btn_str = ref('确认添加');
-
-onMounted(() => {
-  handleSearch();
-});
-
-const handleSearch = () => {
-  getMaterialsList(listQuery).then((response) => {
-    listResult.list = response.data;
-    listResult.total = response.total;
-  });
-};
-
-const deleteBrand = (id) => {
-  console.log(id, 'id');
-  deleteMaterials(id).then(() => {
-    Message.success('删除成功');
-    handleSearch();
-  });
-};
-
-function handleReset() {
-  searchName.value = '';
-  current.value = 1;
-}
-
-function handleAdd() {
-  modalTitle.value = '添加品牌';
-  btn_str.value = '确认添加';
-  form.id = 0;
-  form.logo = '';
-  form.name = '';
-  form.slogan = '';
-  form.other_logos = [];
-  modalVisible.value = true;
-}
-
-function handleModalCancel() {
-  modalVisible.value = false;
-}
-
-function handleModalOk() {
-  formRef.value
-    .validate()
-    .then((valid) => {
-      if (!valid) {
-        if (form.id) {
-          updateMaterials(form.id, form).then(() => {
-            Message.success('修改成功');
-            handleSearch();
-          });
-        } else {
-          addMaterials(form).then(() => {
-            Message.success('新增成功');
-            handleSearch();
-          });
-        }
-        modalVisible.value = false;
-      }
-    })
-    .catch((error) => {
-      console.error('验证失败:', error);
-      Message.error('请检查表单填写是否正确');
-    });
-}
-
-function handleEdit(id) {
-  modalTitle.value = '编辑品牌';
-  formRef.value.resetFields();
-  modalVisible.value = true;
-  btn_str.value = '确认修改';
-  getMaterialsDetail(id).then((response) => {
-    Object.assign(form, response);
-  });
-}
-</script>
-
-<style scoped>
-.materials-page {
-  background: #fff;
-  border-radius: 8px;
-  padding: 32px 24px 24px 24px;
-  min-height: 600px;
-}
-
-.header-row {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-bottom: 24px;
-}
-
-.page-title {
-  font-size: 20px;
-  font-weight: 600;
-  margin: 0;
-}
-
-.add-btn {
-  font-size: 16px;
-  padding: 0 24px;
-}
-
-.search-row {
-  display: flex;
-  align-items: center;
-  gap: 12px;
-  margin-bottom: 20px;
-}
-
-.search-input {
-  width: 240px;
-}
-
-.search-btn,
-.reset-btn {
-  min-width: 72px;
-}
-
-.brand-table {
-  margin-bottom: 16px;
-}
-
-.logo-cell {
-  display: flex;
-  align-items: center;
-  gap: 6px;
-  font-weight: 500;
-}
-
-.logo-emoji {
-  font-size: 20px;
-}
-
-.logo-text {
-  font-size: 16px;
-}
-
-.pagination-row {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-  margin-top: 8px;
-}
-
-.page-size-select {
-  width: 80px;
-}
-
-.upload-card {
-  width: 80px;
-  height: 80px;
-  border: 1px dashed #d9d9d9;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: center;
-  color: #999;
-  font-size: 24px;
-  background: #fafafa;
-  border-radius: 6px;
-}
-
-.upload-tip {
-  font-size: 12px;
-  color: #999;
-  margin-top: 4px;
-}
-
-.form-tip {
-  font-size: 12px;
-  color: #999;
-  margin-top: 4px;
-}
-
-.form-item-logo .logo-upload-row {
-  display: flex;
-  align-items: center;
-  gap: 16px;
-}
-.logo-upload-card {
-  display: flex;
-  gap: 12px;
-}
-.form-tip {
-  color: #999;
-  font-size: 13px;
-  margin-left: 8px;
-  line-height: 1.5;
-}
-.a-form .a-form-item {
-  margin-bottom: 24px;
-}
-.a-modal .a-modal-footer {
-  justify-content: flex-end;
-}
-</style>
diff --git a/src/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
similarity index 98%
rename from src/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue
rename to src/views/property-marketing/brands/brand-materials/index.vue
index 0913a1a..efa96c9 100644
--- a/src/views/property-marketing/enterpriseKnowledge/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -118,7 +118,7 @@ import { ref, computed, reactive, onMounted } from 'vue';
 import { Message } from '@arco-design/web-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
 import noDataImage from '@/assets/img/guide/no_data.png';
-import '@/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss';
+import '@/views/property-marketing/brands/brand-materials/style.scss';
 
 import {
   addMaterials,
diff --git a/src/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
similarity index 100%
rename from src/views/property-marketing/enterpriseKnowledge/brand-materials/style.scss
rename to src/views/property-marketing/brands/brand-materials/style.scss
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
new file mode 100644
index 0000000..fe4a1b4
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -0,0 +1,109 @@
+<template>
+  <div class="chart-container">
+    <a-card :bordered="false" class="echart-item-card">
+      <template #title>
+        <span>{{ title.name }}</span>
+        <a-popover position="tl">
+          <icon-question-circle />
+          <template #content>
+            <p style="margin: 0">{{ title.popover }}</p>
+          </template>
+        </a-popover>
+      </template>
+      <div id="echarts-line" style="width: 100%; height: 450px"></div>
+    </a-card>
+  </div>
+</template>
+
+<script setup>
+import { defineProps, onMounted } from 'vue';
+import * as echarts from 'echarts';
+import { Card } from '@arco-design/web-vue';
+import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+//子组件参数传递
+const props = defineProps({
+  title: {
+    type: Object,
+    default: {
+      name: '',
+      popover: '',
+    },
+  },
+  xAxisData: {
+    type: Array,
+    default: [],
+  },
+  seriesData: {
+    type: Array,
+    default: [],
+  },
+});
+const xAxisData = props.xAxisData;
+const seriesData = props.seriesData;
+onMounted(() => {
+  const myChart = echarts.init(document.getElementById('echarts-line'));
+
+  const option = {
+    tooltip: {
+      trigger: 'axis',
+      axisPointer: { type: 'cross' },
+      backgroundColor: 'rgba(255, 255, 255, 0.9)',
+      borderColor: '#ccc',
+      borderWidth: 1,
+      textStyle: { color: '#333' },
+      formatter: function (params) {
+        let date = params[0].axisValue;
+        let tooltipHtml = `<div style="font-weight:bold;">消耗量 ${date}</div>`;
+        params.forEach((item) => {
+          tooltipHtml += `
+                <div style="display:flex;align-items:center;">
+                  <span style="display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:5px;background-color:${item.color}"></span>
+                  <span style="margin-right:10px;">${item.seriesName}</span>
+                  <span>${item.value}</span>
+                </div>
+              `;
+        });
+        return tooltipHtml;
+      },
+    },
+    legend: {
+      type: 'scroll',
+      orient: 'horizontal',
+      top: 10, // 将图例位置调整到顶部
+      itemWidth: 10,
+      itemHeight: 10,
+      pageButtonItemGap: 5,
+      pageButtonStyle: { color: '#666' },
+      textStyle: { color: '#666' },
+      data: seriesData.map((item) => item.name),
+    },
+    grid: {
+      top: 80, // 调整图表内容位置，避免与图例重叠
+      left: 40,
+      right: 40,
+      bottom: 40,
+    },
+    xAxis: {
+      type: 'category',
+      data: xAxisData,
+      axisLabel: { color: '#666' },
+    },
+    yAxis: {
+      type: 'value',
+      axisLabel: { color: '#666' },
+      splitLine: { lineStyle: { type: 'dashed', color: '#eee' } },
+    },
+    series: seriesData,
+  };
+
+  myChart.setOption(option);
+
+  window.addEventListener('resize', () => {
+    myChart.resize();
+  });
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
new file mode 100644
index 0000000..1901c22
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
@@ -0,0 +1,7 @@
+.echart-item-card {
+  width: 100%;
+  height: 50%;
+  margin:13px;
+  border-radius: 10px;
+
+}
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
new file mode 100644
index 0000000..9aaebff
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -0,0 +1,164 @@
+<template>
+  <view>
+    <div class="part-div">
+      <div>
+        <a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="acctoun">
+          <a-tab-pane key="acctoun" title="账户"></a-tab-pane>
+          <a-tab-pane key="project">
+            <template #title>项目</template>
+          </a-tab-pane>
+        </a-tabs>
+      </div>
+      <a-space size="large" direction="vertical" class="search-form">
+        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+          <a-col :span="5">
+            <a-space>
+              <span>项目名称</span>
+              <a-select :style="{ width: '320px' }" placeholder="全部">
+                <a-option>Beijing</a-option>
+                <a-option>Shanghai</a-option>
+                <a-option>Guangzhou</a-option>
+              </a-select>
+            </a-space>
+          </a-col>
+          <a-col :span="5">
+            <a-space>
+              <span>平台</span>
+              <a-select :style="{ width: '320px' }" placeholder="全部">
+                <a-option>Beijing</a-option>
+                <a-option>Shanghai</a-option>
+                <a-option>Guangzhou</a-option>
+              </a-select>
+            </a-space>
+          </a-col>
+          <a-col :span="5">
+            <a-space>
+              <span>运营人员</span>
+              <a-select :style="{ width: '320px' }" placeholder="全部">
+                <a-option>Beijing</a-option>
+                <a-option>Shanghai</a-option>
+                <a-option>Guangzhou</a-option>
+              </a-select>
+            </a-space>
+          </a-col>
+        </a-row>
+
+        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+          <a-col :span="6">
+            <a-space>
+              <span>时间筛选</span>
+              <a-range-picker
+                showTime
+                :time-picker-props="{
+                  defaultValue: ['00:00:00', '00:00:00'],
+                }"
+                @change="onChange"
+                @select="onSelect"
+                style="width: 380px"
+              />
+            </a-space>
+          </a-col>
+          <a-col :span="5">
+            <a-space>
+              <a-button type="outline" class="search-btn" @click="handleSearch">
+                <template #icon>
+                  <icon-search />
+                </template>
+                <template #default>搜索</template>
+              </a-button>
+              <a-button type="outline" class="reset-btn" @click="handleSearch">
+                <template #icon>
+                  <icon-refresh />
+                </template>
+                <template #default>重置</template>
+              </a-button>
+            </a-space>
+          </a-col>
+        </a-row>
+      </a-space>
+    </div>
+
+    <div>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '消耗量', popover: '消耗量' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '消耗量', popover: '消耗量' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+    </div>
+  </view>
+</template>
+<script setup lang="ts">
+import EchartsItem from './components/echarts-item/index.vue';
+
+const xhlEcharts = reactive({
+  xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
+  seriesData: [
+    {
+      name: '本地推-小庭院推广计划',
+      type: 'line',
+      data: [30000, 40000, 25000, 20000, 29019, 29019, 29019],
+      color: '#7b68ee',
+      emphasis: { focus: 'series' },
+    },
+    {
+      name: '全球旅行小助手推广',
+      type: 'line',
+      data: [25000, 27000, 23000, 20000, 29019, 29019, 29019],
+      color: '#32c5ff',
+      emphasis: { focus: 'series' },
+    },
+    {
+      name: '定向旅居推广顶级套餐',
+      type: 'line',
+      data: [10000, 5000, 12000, 15000, 29019, 29019, 29019],
+      color: '#feb62f',
+      emphasis: { focus: 'series' },
+    },
+    {
+      name: '城市探索者特惠活动',
+      type: 'line',
+      data: [15000, 18000, 12000, 16000, 20000, 22000, 24000],
+      color: '#ff7d00',
+      emphasis: { focus: 'series' },
+    },
+    {
+      name: '高端民宿精选推荐',
+      type: 'line',
+      data: [22000, 20000, 25000, 23000, 21000, 19000, 22000],
+      color: '#f5222d',
+      emphasis: { focus: 'series' },
+    },
+    {
+      name: '美食探店达人计划',
+      type: 'line',
+      data: [18000, 19000, 17000, 16000, 18000, 20000, 21000],
+      color: '#722ed1',
+      emphasis: { focus: 'series' },
+    },
+    {
+      name: '户外探险装备推荐',
+      type: 'line',
+      data: [12000, 14000, 13000, 15000, 17000, 16000, 18000],
+      color: '#13c2c2',
+      emphasis: { focus: 'series' },
+    },
+  ],
+});
+
+
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
new file mode 100644
index 0000000..7354f45
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -0,0 +1,68 @@
+.part-div {
+  width: 100%;
+  background: var(--BG-white, white);
+  overflow: hidden;
+  border-radius: 8px;
+  outline: 1px var(--BG-300, #E6E6E8) solid;
+  outline-offset: -1px;
+  flex-direction: column;
+  justify-content: flex-start;
+  display: inline-flex;
+  margin: 10px;
+}
+
+.part-div-header {
+  align-self: stretch;
+  height: 64px;
+  padding: 10px 24px 10px 24px;
+  justify-content: flex-start;
+  align-items: center;
+  display: inline-flex
+}
+
+:deep(.arco-select-view-single),
+:deep(.arco-select-view-multiple),
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  width: 224px;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+
+.search-btn {
+  // 搜索
+  color: var(--Brand-6, #6d4cfe);
+  font-size: 14px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  height: 32px;
+  border-radius: 3px;
+  word-wrap: break-word;
+}
+
+.reset-btn {
+  // 重置
+  color: var(--Text-2, #3c4043);
+  font-size: 14px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  height: 32px;
+  border-radius: 3px;
+  word-wrap: break-word;
+}
+
+.search-form {
+  margin: 20px;
+
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index 2100587..28852b8 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -25,11 +25,11 @@
         </div>
       </div>
     </div>
-
   </view>
 </template>
 
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import './style.scss';
 </script>
 <style scoped lang="less"></style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
index e69de29..18c7118 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
@@ -0,0 +1,46 @@
+//本月摘要数据-div
+.month-data-div {
+  align-self: stretch;
+  padding: 16px 30px 16px 16px;
+  margin-left: 20px;
+  margin-right: 20px;
+  margin-bottom: 20px;
+  background: var(--Brand-Brand-1, #F0EDFF);
+  overflow: hidden;
+  border-radius: 8px;
+  flex-direction: column;
+  justify-content: flex-start;
+  align-items: flex-start;
+  gap: 12px;
+  display: flex;
+}
+
+//本月摘要-蓝色字体
+.month-text-blue {
+  color: var(--Brand-Brand-6, #6D4CFE);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 24px;
+  word-wrap: break-word
+}
+
+//红色字体
+.month-text-red {
+  color: var(--Functional-Danger-6, #F64B31);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 24px;
+  word-wrap: break-word
+}
+
+//黑色字体
+.month-text-black {
+  color: var(--Text-1, #211F24);
+  font-size: 16px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 24px;
+  word-wrap: break-word
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index a688ebc..6c82c64 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -12,7 +12,7 @@
       </div>
 
       <div>
-        <a-row>
+        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
           <a-col :span="24">
             <div class="overall-strategy">
               <span class="placement-optimization-title">总体策略</span>
@@ -20,7 +20,7 @@
             </div>
           </a-col>
         </a-row>
-        <a-row class="grid-demo" :gutter="24">
+        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">预算分配</span>
@@ -40,7 +40,7 @@
             </div>
           </a-col>
         </a-row>
-        <a-row class="grid-demo" :gutter="24">
+        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群包优化</span>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 7959801..930551f 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -7,7 +7,25 @@
       :filter-icon-align-left="alignLeft"
       :pagination="false"
     >
-
+      <template #operation="{ record }">
+        <a-space size="medium">
+          <a-space>
+            <a-popconfirm
+              content="确定删除吗?"
+              type="warning"
+              ok-text="确认删除"
+              cancel-text="取消"
+              @ok="deleteBrand(record.id)"
+            >
+              <icon-delete></icon-delete>
+            </a-popconfirm>
+          </a-space>
+          <a-space>
+            <a-button type="outline" class="operation-btn">下载</a-button>
+            <a-button type="outline" class="operation-btn">详情</a-button>
+          </a-space>
+        </a-space>
+      </template>
     </a-table>
   </view>
 </template>
@@ -15,6 +33,7 @@
 import top1 from '@/assets/img/captcha/top1.svg';
 import top2 from '@/assets/img/captcha/top2.svg';
 import top3 from '@/assets/img/captcha/top3.svg';
+import { IconDelete } from '@arco-design/web-vue/es/icon';
 
 const listQuery = reactive({
   project_id: ref(''),
@@ -53,7 +72,7 @@ const columns = [
   },
   {
     title: '操作',
-    dataIndex: 'date',
+    dataIndex: 'operation',
     slotName: 'operation',
     width: 60,
     minWidth: 60,
@@ -114,4 +133,13 @@ const topImages = [top1, top2, top3];
   }
 }
 
+.operation-btn {
+  // 下载
+  color: var(--Brand-6, #6d4cfe);
+  font-size: 14px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  word-wrap: break-word;
+}
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index 4100ba3..c0a0bea 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -52,13 +52,13 @@
         </a-col>
         <a-col :span="8">
           <a-space>
-            <a-button type="outline" @click="handleSearch">
+            <a-button type="outline" class="search-btn" @click="handleSearch">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button type="outline" @click="handleSearch">
+            <a-button type="outline" class="reset-btn" @click="handleSearch">
               <template #icon>
                 <icon-refresh />
               </template>
@@ -95,4 +95,28 @@ const handleSearch = () => {
     box-shadow: 0 0 0 0 var(--color-primary-light-2);
   }
 }
+
+.search-btn {
+  // 搜索
+  color: var(--Brand-6, #6d4cfe);
+  font-size: 14px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  height: 32px;
+  border-radius: 3px;
+  word-wrap: break-word;
+}
+
+.reset-btn {
+  // 重置
+  color: var(--Text-2, #3c4043);
+  font-size: 14px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 22px;
+  height: 32px;
+  border-radius: 3px;
+  word-wrap: break-word;
+}
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index d392652..2dc697b 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -56,7 +56,6 @@
 }
 
 
-
 .month-data-body {
   width: 100%;
   padding-bottom: 20px;
@@ -98,58 +97,11 @@
   word-wrap: break-word
 }
 
-//本月摘要-蓝色字体
-.month-text-blue {
-  color: var(--Brand-Brand-6, #6D4CFE);
-  font-size: 16px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 24px;
-  word-wrap: break-word
-}
-
-//红色字体
-.month-text-red {
-  color: var(--Functional-Danger-6, #F64B31);
-  font-size: 16px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 24px;
-  word-wrap: break-word
-}
-
-//黑色字体
-.month-text-black {
-  color: var(--Text-1, #211F24);
-  font-size: 16px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 24px;
-  word-wrap: break-word
-}
-
-//本月摘要数据-div
-.month-data-div {
-  align-self: stretch;
-  padding: 16px 30px 16px 16px;
-  margin-left: 20px;
-  margin-right: 20px;
-  margin-bottom: 20px;
-  background: var(--Brand-Brand-1, #F0EDFF);
-  overflow: hidden;
-  border-radius: 8px;
-  flex-direction: column;
-  justify-content: flex-start;
-  align-items: flex-start;
-  gap: 12px;
-  display: flex;
-}
 
 //投放建议-总体策略
 .overall-strategy {
   width: 100%;
-  height: 40%;
-  padding: 20px 24px 20px 16px;
+  padding: 20px 10px 20px 16px;
   background: var(--BG-100, #F7F8FA);
   overflow: hidden;
   border-radius: 8px;
@@ -158,7 +110,7 @@
   align-items: flex-start;
   gap: 12px;
   display: inline-flex;
-  margin: 10px 0px 15px 20px;
+  margin: 10px 24px 15px 20px;
 
 }
 

From 80c6b30701e66dc99b79141bbc4fc815bd8b6915 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Fri, 27 Jun 2025 18:37:42 +0800
Subject: [PATCH 20/78] =?UTF-8?q?feat:=20=E6=95=B0=E6=8D=AE=E7=9C=8B?=
 =?UTF-8?q?=E6=9D=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  10 +
 src/assets/img/media-account/icon-custom.png  | Bin 0 -> 483 bytes
 src/assets/img/media-account/icon1.png        | Bin 0 -> 1210 bytes
 src/assets/img/media-account/icon2.png        | Bin 0 -> 1408 bytes
 src/assets/img/media-account/icon3.png        | Bin 0 -> 1041 bytes
 src/assets/img/media-account/icon4.png        | Bin 0 -> 1161 bytes
 .../routes/modules/propertyMarketing.ts       |   4 +-
 src/utils/tools.ts                            |  56 ++++
 .../components/account-table/index.vue        | 131 ++++++++
 .../components/account-table/style.scss       |  10 +
 .../components/filter-block/index.vue         | 129 ++++++++
 .../components/filter-block/style.scss        |  36 +++
 .../components/group-select/index.vue         |  64 ++++
 .../account-dashboard/constants.ts            |  94 ++++++
 .../media-account/account-dashboard/index.vue | 284 +++++++++++++++++-
 .../account-dashboard/style.scss              |  84 ++++++
 .../components/filter-block/index.vue         |   5 +-
 .../media-account/account-manage/constants.ts |   7 +
 18 files changed, 907 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-custom.png
 create mode 100644 src/assets/img/media-account/icon1.png
 create mode 100644 src/assets/img/media-account/icon2.png
 create mode 100644 src/assets/img/media-account/icon3.png
 create mode 100644 src/assets/img/media-account/icon4.png
 create mode 100644 src/utils/tools.ts
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/account-table/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/constants.ts

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 0000000000000000000000000000000000000000..2f2fe8a799291fb9a507aa0af4dc437a5e646348
GIT binary patch
literal 483
zcmV<90UZ8`P)<h;3K|Lk000e1NJLTq000~S000~a1^@s6at+^<00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0eDG7K~#7F?Ui3n
zgFq0*zuCn;_Xza{9HD(RZNd$zucm5mV7viI8(-xJ7^|;x1a4q&AkPi#xM*sCQW;C*
zpQOJRnBkiYyF0T39N062mYjR+I;ruPk<1>o-=tS)iC)2F&@~iYN%T(9n0nl`kFF%p
z4{2HT+4x?KG_l&GHX%~D8Tc6jCPN;~7ZiOu7`-gzml|oV8LW-gTl!r}EA;Ij+if|9
zjHF}{mRi%GDaffh>dr=rB-Vj|ycn_-`uY3piGt!c-9ePC=!|t`#aj^d;l&A`Lh;>u
z!i8$pyT4mB(;@fk+k!Vdm!m9TrZJj{?5_Ngwy;*rX<ccXKIPX}fmADBr3lb~amvN?
z<3%HCi>!m#N%^Men~c~~Y+OSso<C3sA)<u0A;tC)7kvtLB!R{R6IgS%gpz5oahou8
zw@isOt*1rx3_Uv~yf5?-{_C{(fN`&nXeyPrpB9Q={ZK8Xa#5AmVORxZ5NWmhI6JTx
Z-T=YYk&AWo#0dZZ002ovPDHLkV1oJ)({ca+

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon1.png b/src/assets/img/media-account/icon1.png
new file mode 100644
index 0000000000000000000000000000000000000000..9244b7f8b97503a382caa1ac191ae858e8e65606
GIT binary patch
literal 1210
zcmV;r1V#IaP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1W!psK~#7F#h5*8
z990m<|MT{Uajd`rk_$|vGZ4|l^3edI$wd?h#gUu}AyGIH9WlNXG-*f*8bI;|#}x&p
zprA@5n}Py-5fZ{s-~>~V#1}cvmm=r#;W&x!b~3ZOce%6o_RDAIC$0Q;-y6TVnfGSq
zJwigh&T|g1vkclJuUP`pERXg{yDaUJG)oLVYha3>7pRB?P@KV|c}`b=5rFeGWnxge
zQsN?Dju%c-DXLH;1wF;S5NqVI0m?UlyJek~CoC(Pq9$y>H%EA+0-oQfa>}+2ufa4_
zt@8Bn{>o68OrV0Y&PHwKLIQXC^31k|7e)qbz8~4oqd_vhE_PkYr$n(F+K6ofix=Ui
z#H>ltUU7MOZJ)0NAK5(JZsnZGTKG%m%2q3U%2#IX2X!kMWU=++{M_B7;8%GbYR6`1
zg}OMfpE*Cgui7+!eGSUG%dCQ@rJ2DdvHB3Wwh%h3Y^A8TwjS#itV*2QOy!hHCDO1o
zR~=m(91D8Zn@2)AI)Uz&ft{}d4_AO2i@?H#_2ZUq0LynG{Y!`yUr;Ni^u@DYBD#Bk
z!9#@SUu^z9_ZRTnX?7H@(bx{duGqR3k2x;3p@}~}s?>*{u2)Xk{T6WG(33E`vMerM
zMP#H18PUJStxA%uy?5UyJlom2UtO+`a<7cIqz?~p&e*VXNJwq+Aa?C`t@j{?dutHe
zSwk@W*hDn;X%&+U%87!UK|&VJbLg14zvHdFCJg#@lVp&PKYj^z-T8lke||@D7-_SS
zQtI{+@Y6Ws&eHn6bAK|v`!d|ZA*AW($2M!2pwQAa7~L=$6Ibqu<>r73|Di3U?%qaO
zc3Jv4QL<}CELrS)O?GLY8wWeQaPvs=?Hk^<yDYWexfym`oscqpwol4=ayN=jvO^r+
z*%d6M3VrYqMG7;@|DxcJCm2iD5euh~WrNw;2TescuL4&uxp`CLmsTL$P$p?xvqx0r
zlwEzmCr4u)Al<nbmn0Y4XGGV*#tsb&`uHXGx8H+rY766)S6$heU!%(qu~?AJEMn02
zPJBx|k&QK6Y6Md>C#U4ZPl%i;w|5~i+q+`?I6_HvbAk&opNJ}Vb|!gjyF4F9R&OD^
zf;B(LX*pHhiYnS8>#3&~c&R&l?EPhTvn|g1A30m$mHnl<%?}S$3*^;cPaU}$8Jn~Y
zYO|g{QYmvR&RX0wWbNs_P3^U=pw|CVSs%w!$8Ne*YRbUlla}1WMBgy&M&}-zOieU?
z^WFEu1Gb)zbJ#*Ot$jOX-dy|Lw}z1&bU+2LbrkjT$gd+Xa&E=WR=1v<vRYoZ1Xh8L
zAkjf0=f1hUNW_r4m?J^TDWPTR*d$FDi}p%M_5<34TFtVkcl>9o5H>be=9i3<sZ?z_
z?b9CSm}eQW7)wf(cw6whsBA5k5a&=WXKE(uCsCG3uXMfhjVMF5DCE?dd`2rKrzlCl
YWBUK0tltdHGynhq07*qoM6N<$f(sozz5oCK

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon2.png b/src/assets/img/media-account/icon2.png
new file mode 100644
index 0000000000000000000000000000000000000000..84c631c06ada1935b6c38046889e101c90f30b9f
GIT binary patch
literal 1408
zcmV-`1%LX9P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1r<p|K~#7F#hG19
z990y@&%MLPQd>Gm1wV)`R-la<Xdn29q;72=eDDFQN#hf=(P)eYd{UEAC?viX;!C48
z@Y=+ri5ef&gsq8!eX!VSp#{rggwnMQ>z0q*WoNGETz4nKc6N5|cH90E*qxbsng5(~
z?zv|U4D#glOP>c!6Pkdt7X@QYAcT&m_0;7EFbFXLApr3k2MB)o{98fD1Ew;#V{Sy}
zD`vL<(PI<i^-iHHYySjI15Ql0eH`*W&8x86W}jeESl(QZN8wg-m2Nw#3C)vGo@>Bs
zm%iv`E5_X2iX(hlQR<uMGMF(|H$KpnYmTeHLl;k<Gy#S{)ty-=<Hfck;RnV>>LvzG
zy3KKPF}W12b{4+|pnw>{gsHU~;Gkl1qr})B+S4D&yyR#>b7f<!(BcS<WpS8*rsBAE
z*6Gq6GsvwP@Fuwb1f1NxNnppt(_MvF4A~$TyTf`KCI&X$--^MGsS!Uj%rQ*3ez-@(
z%ng`bznN=TWTVumO~<2UL2j6R`HHJ5-Ubh8r8&nXFiU$tFOKuR^ntXXv|iGf14Uk`
zd=?H@?L~1V@^~(G3%<Ge2aH8#9LF!jBe0xY2QQ!%E69q{g3@}59DS?>e_AbZM6It9
z-mlpwg*&loB)}^rF-^vz6etu^N^|*BDB`)S*V9(rUr`6A>JLl7(PRt~!jp?7f<d<w
zNL7hy?2$k>q&U3}&PV5=s${FQ^udY-P(*)bd@#VxJQ8wM@z$JUNTl7R@7A<Kd65rP
z(6Ed{7qdoC#7ivE7<+t{Yd+XrRt+i$(+qHoKR+l!uFE;*_Pks)cA{nsR1lmua$F&P
zP=wM5rIc)(315J4Vg&-YNYc<lO|9MlHH6MF6XsP)9iRL5j(kUMC2?oMze4-=r{N|2
ze}PkLOYq^fuOSa~zLbdK9w|T-avuq@$76V7MaG?mPkn0fC-`*XM~E6Rv|L#2-NJ@e
zcC@`Gnq2qciUHrIf-*alq~Cu01*qRr1tnaw&Q}zb$#XAP?uNLTgwGa#hDUJ4zfrvx
zIv;J8V<<Kih-f?BJn)VIrXDrouxcjo={c10B3E&4Nt&Sf`}CdCdSu0e4>w4mEto$k
z78er#f=8w?2H9l#h}`v8d>O8;h2_3U*`F#9GZg}qd~=DjL)#wZzE9@Av(CMT=e)v9
zG0&MH&ShSpEr~XD5=-ULWeoD)SFcM8s6e@|v$`36L95Zj67)AbCu}qxH<+08db4Il
zfy9A|dilBN-K`e5%LVytTW=7k6Oe;#irZA0?WuW}F$YroeRS<B%bM=65NVUE0b3Nq
zSUtFwTojXk<4;YgTH5@6`KtURVTuH$Hu~ki(2rHDww!Cm6DY2w{7E>pqY-v(sm>Zp
zWT9z%z5HSM3XCqDhkVdPQ7v^Ito*riVsHp6hi*_L)1qYMyN8X=v>rP`->igZlp6g!
zu62T97ojkM?645^ZPG{9OB2=q0@w+7&<Jx=Q)$zC@oej{Aza$S@PMFu&$JyMwV!j`
z!|Nsn?@8;!73|N<wDj)DJnh&l!B@UlX#(6gSdf}Wj#u2K<-4*~Ah-V6+MBiA;@TgS
z6NNa!aAiT^p+)(Dn>fN#9l2|~-*14{kE1)G0Fc!vtvU4rGf^sZ(?S`;&ORvjaUxi?
z4JUoZkQZTj3A7_$s%fP&-iR$bf9mDm`ZolI1&UykSks-OiYZl;DDxla{TFo|T>)7D
O0000<MNUMnLSTY3Jeacp

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon3.png b/src/assets/img/media-account/icon3.png
new file mode 100644
index 0000000000000000000000000000000000000000..792d535a6329e7fbb22042aa6a94ba2aacc6fb37
GIT binary patch
literal 1041
zcmV+s1n&EZP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1ExttK~#7F&6!P4
z6G0fq|FcwsM3a(u5KlF}BpwWfdhkZMYa)ID@#L}S7bx6Kpf?i_@&%;&0krjKBC&Yz
zU`$wF0`V;@)L5am<MYgJ>2BG!Gwl}qC6nEGY5ULf%slhVRG>#>;c6Q7dJ+&*5R#v9
zYL0u|4iy`c3d9;L6vg!GB6>iW43>p73E0U%iaDPcU2N>UEkafo#0(3MP@pF)>j~?f
z$`@ewEC1>;)wG0K-3G`)iY!)M?^_%*bi(^m%u*@HC-g)g0%c)xk-lgN=I#t<XvAMj
zkR>0>JQh2BM1%_?m&$UUUekyYSp&99VLc^MGEFXbT06omSlcQfYH^GhYS)t_Pvyfp
z4hU3kwPHyeKIt%b2L#IJle3X5hIX)vJN9Fa7Ea*z_vfH2TuV@lV%H`xC~6g;{I1(5
zhg6+w%txOEt62<E98=%b8O0GJ+o&iDde&P<zr;=fr_=7cvkLs#2=@QBfxVy5LSU4w
z7;|gYETSNu0xtW$>djqOXoJ6HXj4~nao%;Yj3}hA1^t}4(R{Dcl&bGR8-WZzER~fE
zdhRj1-(X0b!cN*EQ>GCWqp4uM=DD=GZRXwvbtEma;W(mT_$;~fda&(#(T#nTPv{B3
z7L+1^e&NM2@i5rND_E`MO|!WdWL(G>sV(ScD_0%>Coj40>yKQwUA*sFFANsx7sp{{
z^^W`0LxmarREk$=L(K3P2|#;s2<aP1xM7Gz>Jhh4`P_Yvj1m@UfJMvSQTwBAgzpz;
z&1f_SYDdizo)^E~yCGqageR=+uw%58OSF?DRFx+^7wfn?-;RyC?_64wP0mcJ4vhIx
zG#UMo7s*R1Hv`RVQFeK&+x@|o#hD6Zar!Hmx8M@H*vRI6vGL4kI3M^eN@<D!^h~km
z8`g^jH=mk}wpp8-Zb{^5E_P43Ud<eA%Tr2uo-(5gna&~PL(a^-LK)6WSo0LDCAQEn
zV>FeIg~WZfw3+qbrTupEOtPX5=o$PE(A5ZuQ`?Q@Yn+GfTpTPmm4!xSU!XcgiDt)<
zA%d4mfpal+u$yx@I&!38+20U;H?xAlTzzz=ByM4%wK4o|Mu6kV;RSF|NTJIkgi7ha
zA+78jS+4DMOUL^`^+BPQyN&2^DE8j#Bu;671{BEY=0Sy_+lU6<x#q*}16wh>L~jb6
zg85n6QCq5oB^_btMW7!(RI4+!g>f&R<l_Gu!cn=Vo6eQIq{Nti`%pt38J>G000000
LNkvXXu0mjf30mU6

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon4.png b/src/assets/img/media-account/icon4.png
new file mode 100644
index 0000000000000000000000000000000000000000..164776bfd27af849b053714e7a5df689661bcedb
GIT binary patch
literal 1161
zcmV;41a|w0P)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1RhC5K~#7F&6rPY
z6Gs%rzc*e(oS@2SRVvYok*Z2PP)y1_?hOhDxKgUR>Y=yBJ@<f9sb`#P4{Z(=S5g!Z
zhe~lSJ(YH=oG21;6d(km#6Xfwy!Je1#(!cv8++GY2Y%ApGdnZ8pWb^j`(_9|;$*I-
z7@QQ$<EokjC=PJE+Db(N7Z@lo;Xgp+W4Yh+=m84SnKS8lNtPy<D6=QVHw7*{$b;O;
z*o<B9JII$nEo_(FYr2F!;I&n7aUBer7E$R-sOZ*V=liP@O59?<;tWTJ%%5_9nq8XP
z{9-KKZAeFfI}=}C2gzIy?)2u!P;)IIh=1F@Fm}Du5KkA^TzXTLQV0`SfqeMCSBo8s
z^5-;T7uy>=Em$f$bD@hfZ;Kq%l5||U={cnRhIT7QB1s%RDKB@o2y`-6(xFU-gHSH+
z3}?2_kF~tN5ra-9oggkL*CK%d!MnTQ<%iw66;(W*tjA-+f&zM-8=N>px#Xu;+;PRV
zdc|0<X1zrW7=HEy{PKmbzRHTD+KQI0XzMZhBQkyt;?!AFuFT(sT=;umA9l9km+i99
zv6wY3X6}DUu`YiF@zE#dieC9{UpsHT0$kVc<3P+4`d{d*1YyTsY<T~@;syc|cP=JV
z%7QY50i&(Q&K82gERvQ|csfY@(Yx=1PJISaR+0<%z>k+YzeGxt#q@#>J&TzVs_1)=
z^=$^?!$h?*ejcTtGM%ln{yb3ZHA95cdXgjp4T_EIRdlR*#aj(tUo+z9gA?ZJfw&b~
zD%FM-$I5y`zs`b=SH)HSyoFLO8{jF33toGw=7~huXmQ4J$M-BJK0S+|2>D{8DAo6o
zU-?_%51FD$YEjg2!mCfrjO49N1SQB9BG7ZyM$1xD#a8n<(Rh)%I2tv}2u9vf(>4m|
zy71l|$mK=w$}$E5W64rK^Qw5Mr9oTNRW5J(u-6wNF1xM!gswSW9|*Dqk+kuaA|Uf3
zHf!hA?!SmWG08x;KAVB!yP&n1UCfUkpNJ{9rF;!rT>*{0XL7spts9W{{;IzG(NgRE
z`wKu#v<?Zmcpv2(znFGE5NPJ-2P=P=aN4+(j30F=aJn%_sKO^>ckP0inxiUnl|)l`
zOHkIE*5Y)zv39tY%!Uz*Ay7a?PSz_8f!c~Hi=D(9Mr){BPt&sc4&SzOZ_?G0c`A0t
zo^HP9c{bx*I5Wq7XLWek!?*uE(|*(Q`?VA0%SzzkE#QQ_K0NYn>cHm3v7D&wt_Fp6
z>#;lbfyXT!&j*jq{*zHb`wjHW3YqGP!9R2or}1?J?3_y`WQ4M+^VbLgZMBgj$a<Xz
zwiD<Oy-BD(*-r!+TeH~Iu!Wo-VLb_KMsKPmM2gI|)#Q`vd<XHm7?TK_TvN`g-I=XF
b{OEz#S60;P;aEEP00000NkvXXu0mjf15hY^

literal 0
HcmV?d00001

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 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 18:08:04
+-->
+<template>
+  <div class="container">
+    <div class="action-row mb-12px flex justify-between">
+      <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" @change="handleChangeAll" />
+      <div class="flex items-center">
+        <a-button class="w-110px search-btn mr-12px" size="medium">
+          <template #icon> <icon-download /> </template>
+          <template #default>导出数据</template>
+        </a-button>
+        <a-button class="w-110px search-btn" size="medium">
+          <template #icon>
+            <img :src="icon1" width="14" height="14" />
+          </template>
+          <template #default>自定义列</template>
+        </a-button>
+      </div>
+    </div>
+
+    <a-table
+      :data="dataSource"
+      row-key="id"
+      :row-selection="rowSelection"
+      :pagination="false"
+      class="custom-table w-100%"
+      bordered
+    >
+      <template #columns>
+        <a-table-column title="账号名称" data-index="name" />
+        <a-table-column title="手机号" data-index="mobile" />
+        <a-table-column title="账号ID" data-index="account_id" />
+        <a-table-column title="持有人" data-index="holder_name" />
+        <a-table-column title="平台" data-index="platform">
+          <template #cell="{ record }">
+            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+          </template>
+        </a-table-column>
+        <a-table-column title="分组" data-index="group.name" />
+        <a-table-column title="运营人员" data-index="operator.name" />
+        <a-table-column title="粉丝数" data-index="fans_number" />
+        <a-table-column title="点赞数" data-index="like_number" />
+        <a-table-column title="收藏数" data-index="collect_number" />
+        <a-table-column title="观看数" data-index="view_number" />
+        <a-table-column title="观看环比" data-index="view_chain">
+          <template #cell="{ record }"> {{ record.view_chain }}% </template>
+        </a-table-column>
+        <a-table-column title="点赞环比" data-index="like_chain">
+          <template #cell="{ record }"> {{ record.like_chain }}% </template>
+        </a-table-column>
+        <a-table-column title="状态" data-index="status">
+          <template #cell="{ record }">
+            <span v-if="record.status === 0">未授权</span>
+            <span v-else-if="record.status === 1">正常</span>
+            <span v-else-if="record.status === 2">异常</span>
+            <span v-else>-</span>
+            <span v-if="record.is_pause === 1" class="pause-tag">（暂停）</span>
+          </template>
+        </a-table-column>
+        <a-table-column title="操作" fixed="right" width="120">
+          <template #cell="{ record }">
+            <a-button type="text" size="small" @click="handleEdit(record)">详情</a-button>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import icon1 from '@/assets/img/media-account/icon-custom.png';
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emit = defineEmits(['edit', 'delete', 'selectionChange']);
+
+const selectedItems = ref([]);
+
+const checkedAll = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
+);
+const indeterminate = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length < props.dataSource.length,
+);
+
+const rowSelection = {
+  type: 'checkbox',
+  selectedRowKeys: selectedItems.value,
+  onChange: (selectedRowKeys, selectedRows) => {
+    selectedItems.value = selectedRowKeys;
+    emit('selectionChange', selectedRows);
+  },
+};
+
+const handleChangeAll = (checked) => {
+  if (checked) {
+    selectedItems.value = props.dataSource.map((item) => item.id);
+  } else {
+    selectedItems.value = [];
+  }
+  emit('selectionChange', checked ? props.dataSource : []);
+};
+
+const handleEdit = (record) => {
+  emit('edit', record);
+};
+
+const handleDelete = (record) => {
+  emit('delete', record);
+};
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+
+.custom-table {
+  :deep(.pause-tag) {
+    color: #f64b31;
+    margin-left: 4px;
+    font-size: 12px;
+  }
+}
+</style>
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
new file mode 100644
index 0000000..475cd8b
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/style.scss
@@ -0,0 +1,10 @@
+.container {
+  width: 100%;
+  .action-row {
+    :deep(.arco-btn) {
+      .arco-btn-icon {
+        line-height: 14px;
+      }
+    }
+  }
+}
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
new file mode 100644
index 0000000..df72627
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/index.vue
@@ -0,0 +1,129 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="container">
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">账号名称</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">分组</span>
+        <a-space class="w-200px">
+          <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">状态</span>
+        <a-space class="w-180px">
+          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
+              item.text
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">运营人员</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
+              item.name
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+    </div>
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">时间筛选</span>
+        <a-space class="w-240px">
+          <a-select
+            v-model="query.date_range"
+            size="medium"
+            placeholder="全部"
+            class="w-120px"
+            allow-clear
+            @change="handleSearch"
+          >
+            <template #arrow-icon> <icon-calendar size="16" /> </template>
+            <a-option :value="7" label="近7天">近7天</a-option>
+            <a-option :value="14" label="近14天">近14天</a-option>
+            <a-option :value="30" label="近30天">近30天</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, defineEmits, defineProps } from 'vue';
+import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
+import GroupSelect from '../group-select/index.vue';
+import { STATUS_LIST } from '@/views/property-marketing/media-account/account-dashboard/constants';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('onSearch', 'onReset', 'update:query');
+
+const tags = ref([]);
+const groups = ref([]);
+const operators = ref([]);
+
+const handleSearch = () => {
+  emits('onSearch', props.query);
+};
+
+const handleReset = () => {
+  emits('onReset');
+};
+
+const getGroups = async () => {
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groups.value = data;
+  }
+};
+const getOperators = async () => {
+  const { code, data } = await fetchAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+
+onMounted(() => {
+  // getGroups();
+  // getOperators();
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
new file mode 100644
index 0000000..3a33894
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
@@ -0,0 +1,36 @@
+.container {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue b/src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue
new file mode 100644
index 0000000..a736c92
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue
@@ -0,0 +1,64 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedGroups"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: true,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedGroups = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedGroups.value = newVal;
+  },
+  { immediate: true },
+);
+
+// 监听内部值变化，向外部发送更新
+watch(selectedGroups, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedGroups.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/src/views/property-marketing/media-account/account-dashboard/constants.ts b/src/views/property-marketing/media-account/account-dashboard/constants.ts
new file mode 100644
index 0000000..97bf6bc
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -0,0 +1,94 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 17:23:56
+ */
+
+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';
+import icon4 from '@/assets/img/media-account/icon4.png';
+
+export const CARD_FIELDS = [
+  {
+    label: '账号总数',
+    prop: 'total_number',
+    icon: icon1,
+  },
+  {
+    label: '总粉丝数',
+    prop: 'total_fans_number',
+    icon: icon2,
+    tooltip: '总粉丝数',
+  },
+  {
+    label: '总赞藏数',
+    prop: 'total_like_number',
+    icon: icon3,
+    tooltip: '总赞藏数',
+  },
+  {
+    label: '近7日观看数',
+    prop: 'in_the_past_seven_days_view_number',
+    icon: icon4,
+    tooltip: '近7日观看数',
+  },
+];
+
+export const INITIAL_QUERY = {
+  name: '',
+  status: '',
+  operator_id: '',
+  group_ids: [],
+  date_range: '',
+};
+
+export enum EnumStatus {
+  NORMAL = 1,
+  PAUSE = 3,
+  UNAUTHORIZED = 0,
+  ABNORMAL = 2,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+}
+
+export const STATUS_LIST = [
+  {
+    text: '正常',
+    label: '正常',
+    value: EnumStatus.NORMAL,
+  },
+  {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
+    label: '异常',
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
+  },
+];
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 d7d4473..e6b3750 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -3,9 +3,289 @@
  * @Date: 2025-06-25 10:02:20
 -->
 
-<template></template>
+<template>
+  <div class="account-dashboard-wrap">
+    <div class="filter-wrap bg-#fff border-radius-8px px-24px pb-20px mb-16px">
+      <div class="top flex h-64px py-10px justify-between items-center mb-19px">
+        <div class="flex items-center">
+          <p class="text-18px font-400 lh-26px color-#211F24 title">数据总览</p>
+          <img :src="icon1" width="14" height="14" class="cursor-pointer ml-4px" />
+        </div>
+      </div>
+      <div class="overview-row flex">
+        <div v-for="item in CARD_FIELDS" :key="item.prop" class="overview-item flex-1">
+          <div class="flex items-center mb-8px">
+            <img :src="item.icon" width="24" height="24" class="mr-8px" />
+            <p class="s2 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>
+          </div>
+          <span class="s1 color-#211F24 ml-28px">{{
+            item.prop === 'total_like_number'
+              ? formatNumberShow(overviewData.total_like_number + overviewData.total_collect_number)
+              : formatNumberShow(overviewData[item.prop])
+          }}</span>
+        </div>
+      </div>
+    </div>
+    <div class="filter-wrap bg-#fff border-radius-8px px-24px py-24px mb-16px">
+      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+    </div>
+    <div class="table-wrap bg-#fff border-radius-8px px-24px py-24px flex-1">
+      <AccountTable
+        :dataSource="dataSource"
+        @edit="handleEdit"
+        @delete="handleDelete"
+        @selectionChange="handleSelectionChange"
+      />
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
 
-<script lang="ts"></script>
+<script setup>
+import FilterBlock from './components/filter-block';
+import AccountTable from './components/account-table';
+
+import { getAccountBoardOverview, getAccountBoardList } from '@/api/all/propertyMarketing';
+
+import { formatNumberShow } from '@/utils/tools';
+import { INITIAL_QUERY } from './constants';
+
+import { CARD_FIELDS } from './constants';
+import icon1 from '@/assets/img/icon-question.png';
+
+const query = ref(cloneDeep(INITIAL_QUERY));
+const dataSource = ref([]);
+const overviewData = ref({});
+const selectedItems = ref([]);
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 100,
+});
+
+// 测试数据
+const mockData = [
+  {
+    id: 1,
+    name: '抖音官方账号',
+    mobile: '13800138001',
+    account_id: 'douyin_001',
+    holder_name: '张三',
+    operator_id: 1,
+    platform: 0,
+    group_id: 1,
+    status: 1,
+    is_pause: 0,
+    fans_number: 1250000,
+    like_number: 890000,
+    collect_number: 45000,
+    view_number: 5600000,
+    view_chain: 12.5,
+    like_chain: 8.3,
+    operator: {
+      id: 1,
+      name: '李运营',
+    },
+    group: {
+      id: 1,
+      name: '抖音组',
+    },
+  },
+  {
+    id: 2,
+    name: '小红书美妆号',
+    mobile: '13800138002',
+    account_id: 'xhs_001',
+    holder_name: '李四',
+    operator_id: 2,
+    platform: 1,
+    group_id: 2,
+    status: 1,
+    is_pause: 1,
+    fans_number: 890000,
+    like_number: 670000,
+    collect_number: 89000,
+    view_number: 3200000,
+    view_chain: -5.2,
+    like_chain: 15.7,
+    operator: {
+      id: 2,
+      name: '王运营',
+    },
+    group: {
+      id: 2,
+      name: '小红书组',
+    },
+  },
+  {
+    id: 3,
+    name: '抖音美食号',
+    mobile: '13800138003',
+    account_id: 'douyin_002',
+    holder_name: '王五',
+    operator_id: 1,
+    platform: 0,
+    group_id: 1,
+    status: 0,
+    is_pause: 0,
+    fans_number: 0,
+    like_number: 0,
+    collect_number: 0,
+    view_number: 0,
+    view_chain: 0,
+    like_chain: 0,
+    operator: {
+      id: 1,
+      name: '李运营',
+    },
+    group: {
+      id: 1,
+      name: '抖音组',
+    },
+  },
+  {
+    id: 4,
+    name: '小红书穿搭号',
+    mobile: '13800138004',
+    account_id: 'xhs_002',
+    holder_name: '赵六',
+    operator_id: 2,
+    platform: 1,
+    group_id: 2,
+    status: 2,
+    is_pause: 0,
+    fans_number: 450000,
+    like_number: 320000,
+    collect_number: 23000,
+    view_number: 1800000,
+    view_chain: -12.8,
+    like_chain: -8.5,
+    operator: {
+      id: 2,
+      name: '王运营',
+    },
+    group: {
+      id: 2,
+      name: '小红书组',
+    },
+  },
+  {
+    id: 5,
+    name: '抖音科技号',
+    mobile: '13800138005',
+    account_id: 'douyin_003',
+    holder_name: '钱七',
+    operator_id: 3,
+    platform: 0,
+    group_id: 3,
+    status: 1,
+    is_pause: 0,
+    fans_number: 2100000,
+    like_number: 1500000,
+    collect_number: 120000,
+    view_number: 8900000,
+    view_chain: 25.6,
+    like_chain: 18.9,
+    operator: {
+      id: 3,
+      name: '陈运营',
+    },
+    group: {
+      id: 3,
+      name: '科技组',
+    },
+  },
+];
+
+const getOverviewData = async () => {
+  // 使用模拟数据
+  overviewData.value = {
+    total_number: 5,
+    total_fans_number: 4690000,
+    total_like_number: 3380000,
+    total_collect_number: 1230000,
+    in_the_past_seven_days_view_number: 19500000,
+  };
+
+  // 如果有真实接口，可以这样调用：
+  // const { code, data } = await getAccountBoardOverview();
+  // if (code === 200) {
+  //   overviewData.value = data;
+  // }
+};
+
+const getData = async () => {
+  // 使用模拟数据
+  dataSource.value = mockData;
+  pageInfo.total = mockData.length;
+
+  // 如果有真实接口，可以这样调用：
+  // const { code, data } = await getAccountBoardList(query.value);
+  // if (code === 200) {
+  //   dataSource.value = data.data;
+  //   pageInfo.total = data.total;
+  // }
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  getData();
+};
+
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  reload();
+};
+
+const handleSearch = () => {
+  getData();
+};
+
+const reload = () => {
+  pageInfo.page = 1;
+  getData();
+};
+
+const handleReset = () => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+
+const handleEdit = (record) => {
+  console.log('编辑账号:', record);
+  // 这里可以打开编辑弹窗
+};
+
+const handleDelete = (record) => {
+  console.log('删除账号:', record);
+  // 这里可以打开删除确认弹窗
+};
+
+const handleSelectionChange = (selectedRows) => {
+  selectedItems.value = selectedRows;
+  console.log('选中的账号:', selectedRows);
+};
+
+onMounted(() => {
+  getOverviewData();
+  getData();
+});
+</script>
 
 <style scoped lang="scss">
 @import './style.scss';
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index e69de29..af55f63 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -0,0 +1,84 @@
+.account-dashboard-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+  .filter-wrap {
+    border-radius: 8px;
+    border: 1px solid #e6e6e8;
+    .top {
+      .title {
+        font-family: 'Alibaba PuHuiTi';
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 14px;
+        }
+      }
+    }
+    .overview-row {
+      .overview-item {
+        height: 88px;
+        border-radius: 8px;
+        background: var(--BG-100, #f7f8fa);
+        padding: 16px;
+        &:not(:last-child) {
+          margin-right: 12px;
+        }
+      }
+    }
+  }
+
+  .table-wrap {
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+      :deep(.arco-pagination) {
+        .arco-pagination-list {
+          .arco-pagination-item {
+            border-radius: 4px;
+            border: 1px solid var(--BG-300, #e6e6e8);
+            &.arco-pagination-item-ellipsis {
+              border: none;
+            }
+
+            &.arco-pagination-item-active {
+              background-color: transparent;
+              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+            }
+          }
+        }
+        .arco-pagination-jumper-input {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+        }
+        .arco-pagination-jumper-prepend {
+          color: var(--Text-2, #3c4043);
+          text-align: right;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        .arco-select-view-single {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+        }
+      }
+    }
+  }
+}
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 cec8c08..7fb25cf 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
@@ -27,8 +27,8 @@
         <span class="label">状态</span>
         <a-space class="w-180px">
           <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.label">{{
-              item.label
+            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
+              item.text
             }}</a-option>
           </a-select>
         </a-space>
@@ -112,7 +112,6 @@ const handleSearch = () => {
 };
 
 const handleReset = () => {
-  emits('update:query', cloneDeep(INITIAL_QUERY));
   emits('onReset');
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index 967b937..93aee6a 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -34,32 +34,39 @@ export enum EnumStatus {
 
 export const STATUS_LIST = [
   {
+    text: '正常',
     label: '正常',
     value: EnumStatus.NORMAL,
   },
   {
+    text: '暂停同步',
     label: '暂停同步',
     value: EnumStatus.PAUSE,
   },
   {
+    text: '未授权',
     label: '未授权',
     value: EnumStatus.UNAUTHORIZED,
   },
   {
+    text: '异常',
     label: '异常',
     value: EnumStatus.ABNORMAL,
   },
   {
+    text: '异常-登录状态失效',
     label: '异常',
     value: EnumStatus.ABNORMAL_LOGIN,
     tooltip: '登录状态失效，需重新扫码授权',
   },
   {
+    text: '异常-请求过于频繁',
     label: '异常',
     value: EnumStatus.ABNORMAL_REQUEST,
     tooltip: '请求过于频繁，需等待24小时后重试',
   },
   {
+    text: '异常-账号被冻结/封禁',
     label: '异常',
     value: EnumStatus.ABNORMAL_FREEZE,
     tooltip: '账号被冻结/封禁',

From 3b1f85c47d6957da52ff9f708a49cdbfa47d5aa1 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Sat, 28 Jun 2025 11:31:49 +0800
Subject: [PATCH 21/78] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E7=9C=8B=E6=9D=BF/=20=E7=BB=9F=E4=B8=80table=E3=80=81?=
 =?UTF-8?q?checkbox=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  10 +
 src/assets/img/media-account/icon5.png        | Bin 0 -> 1432 bytes
 .../routes/modules/propertyMarketing.ts       |  10 +-
 src/styles/components/checkbox.scss           |  31 +++
 src/styles/components/index.scss              |   4 +-
 src/styles/components/table.scss              |  41 ++++
 src/styles/index.ts                           |   4 +
 src/utils/tools.ts                            |  28 +++
 .../components/account-table/constants.ts     | 153 +++++++++++++
 .../components/account-table/index.vue        | 213 +++++++++++-------
 .../components/account-table/style.scss       |  67 +++++-
 .../account-dashboard/constants.ts            |   2 +
 .../media-account/account-dashboard/index.vue |  59 +++--
 .../account-dashboard/style.scss              |   1 +
 .../media-account/account-detail/index.vue    |  32 +++
 .../media-account/account-detail/style.scss   |   0
 16 files changed, 542 insertions(+), 113 deletions(-)
 create mode 100644 src/assets/img/media-account/icon5.png
 create mode 100644 src/styles/components/checkbox.scss
 create mode 100644 src/styles/components/table.scss
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
 create mode 100644 src/views/property-marketing/media-account/account-detail/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-detail/style.scss

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 9364a8b..c4c3ced 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -131,3 +131,13 @@ export const getAccountBoardOverview = (params = {}) => {
 export const getAccountBoardList = (params = {}) => {
   return Http.get('/v1/media-account-boards', params);
 };
+
+// 账号看板-导出
+export const postAccountBoardExport = (params = {}) => {
+  return Http.post('/v1/media-account-boards/export', params);
+};
+
+// 账号看板-详情
+export const getAccountBoardDetail = (id: string) => {
+  return Http.get(`/v1/media-account-boards/${id}`);
+};
diff --git a/src/assets/img/media-account/icon5.png b/src/assets/img/media-account/icon5.png
new file mode 100644
index 0000000000000000000000000000000000000000..52a520f37ae4ecc0d16320ae6fd43683903d3817
GIT binary patch
literal 1432
zcmV;J1!ww+P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1uaQLK~#7F?N{AT
z990y*cV>140oi@_!F{P|(xlS(Vti=frAgD6u(4@^v7JRil#mp*1|pi4nU!Eo$U;d)
zO^G`w(V8>`8=Ka~WNBi2Fs4A_L*Kgp0bg5}&dj~Xb7okErLzcvPkO?~<(_-@cfNk-
zTp0VW3upV3x3f>?r!UqWtET_BceOPlSdS)HL6yQxe-STi)hlct^454Ug&s6@WJ`LO
z-h98PGtOsl+023I3Ml!{-zz0{Wx&zf_Gr`0`dBsnna`fg15<Li1Sw>$^OItJtNx>b
zqAs|!P|bkztDM6kE)!te`CMu#@wW!xwUolR-ZTTTF#XN$x?><@JJ4BxcdifAx0H4L
zmy0^?S)5~hI5!8z8+!SlvIW5waOWi#cy31nj@+?Rj1w@#B67WzRgoL%dIW(7R)4)!
z-b<S$9VA%3Va&XgZ7{rjE56LQYGKupRj-5^kjO*q(EU;hLpR94-{X>Be*L>rs+tks
zqyx_{3=z2NgDcF;jQHRr*{-54L5z`3ayee!-(<my5A0E_R9$l*9u<t?8X_1g%>@<_
z9M^J1bD8yX>iKk-Azi~IT@k{H&|L}UNG1UP^g>ZrUDUaxlV<m1+z5*R$C!C(gDqdU
z0UY;nMb)$t2Hr7J!h#dlhDXbqqFH6#aN6_S`&%M0wt{b*uarag?Ud%qLG(J|d(R3{
z2TZl5W_B*gm$#okpS5+(bu90!WJ?i@U_|nQ>ZmQXjyR!6nM2RHD!}ZUXf(Fp4{bz8
z?vzrBRPZ8TDwNc3XQESK=i08>x@tSQD5gpQZq%1-JQvC1Ju<$4zzO^YOi5;7{8{j-
z1`zdx`t&j7^I@_k9(LyJ1m@fYG7`O$rq$=?yw@lps5_6qF^Y<c^)Q$X2PX-o;R1#l
zb3Z15g?gU+($=v?k;_yb0l4Q8XD9Gi45(%p-x1t9&-N&%Co$*3^>gkr^F~jdQPvR+
z6<6dms&*GLSFQwxRg*o<f|Fm_y5z#^V(4B4IMGn})lNLx75JVEXr8upP(_Y=;9%bB
z4#0_q(x)MD*BluNz=tlbjSly$jqb~U<KNpj?PLx=o=YY(x8DuG&*LPNQdr=%4akfc
zm7e2FNU4(PM(<MW9~to4O)NN&e!+2R-s=d!+pb~jWzzBriGw+DsS@1iTg7qB8}UrM
z!B#_O%8o_&>JM0Ow%jN<Y0jMsz|SHRl&9_n4H+^a&>05A?De%)Z0Cc1FQ9(HAFB?_
zq_4kV?aF|oKVp+{BsLkw@dM0X+G;lel9L4PSW&?lb-3wt0N!g9NAWy%Qx>BpguR4g
zqXLf^!kaD2c+cvbYV>AGXbKMB#exHA;d_7vKn3_|Vgk~T)|lT4@J#`4mV!TeX@vNL
z#Pb*%1x~}2su6hkC-hu^A9nQaVKM+eIYoWnwP-q0*l%^!nyiX^_`zxly&u#l1vDWY
zD5%)9Vl`~GeJs8lYCt0IV$S`MO6~QJHv({?VMK_WH&We7CR7tDLe*v79YwJA{)x)`
zlPCdrDFH+$PQ$kn{P?#-L*zMW<nF*dal|bCByX3(z$*-J&`J7@xmtX5DgY-MO7C$=
z@L=BS+$A`QL7@h?iub;*c4jjL^c(|e(-cc+l3R~XMcaKE3QMCGkpr2zbAe$8CEIGC
zlu#Wdk6;OWT+E>{&Ga<G0?Pc_cJScO7(jCPF8<>HJdcH#@QO!*@%x+AtNp+YC>x=<
m3Q~?OE+n6uW&g{+D1QM^u+_YC!LAMf0000<MNUMnLSTaHQ>~W(

literal 0
HcmV?d00001

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index b1ba38b..a3f8edf 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -46,7 +46,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     },
     children: [
       {
-        path: 'accountManagement',
+        path: 'manage',
         name: 'MediaAccountAccountManagement',
         meta: {
           locale: '账号管理',
@@ -56,7 +56,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/property-marketing/media-account/account-manage'),
       },
       {
-        path: 'accountDashboard',
+        path: 'dashboard',
         name: 'MediaAccountAccountDashboard',
         meta: {
           locale: '账号数据看板',
@@ -66,14 +66,16 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/property-marketing/media-account/account-dashboard'),
       },
       {
-        path: 'accountDetails',
+        path: 'detail/:id',
         name: 'MediaAccountAccountDetails',
         meta: {
           locale: '账号详情',
           requiresAuth: true,
           roles: ['*'],
+          hideInMenu: true,
+          activeMenu: 'MediaAccountAccountDashboard',
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/media-account/account-detail'),
       },
     ],
   },
diff --git a/src/styles/components/checkbox.scss b/src/styles/components/checkbox.scss
new file mode 100644
index 0000000..2bc38b0
--- /dev/null
+++ b/src/styles/components/checkbox.scss
@@ -0,0 +1,31 @@
+.arco-checkbox {
+  .arco-checkbox-icon {
+    width: 16px;
+    height: 16px;
+    border-color: #d7d7d9;
+  }
+  &.arco-checkbox-disabled {
+    .arco-checkbox-icon {
+      background-color: #f2f3f5;
+      border-color: #d7d7d9;
+    }
+    &.arco-checkbox-checked {
+      .arco-checkbox-icon {
+        background-color: #A794FE !important;
+      }
+    }
+    &.arco-checkbox-indeterminate {
+      .arco-checkbox-icon {
+        border: none;
+        background-color: #A794FE !important;
+      }
+    }
+  }
+  &.arco-checkbox-checked,
+  &.arco-checkbox-indeterminate {
+    .arco-checkbox-icon  {
+     background-color: #6D4CFE !important; 
+    }
+  }
+
+}
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 85aca0b..5422233 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -1 +1,3 @@
-@import "./input.scss";
\ No newline at end of file
+@import './input.scss';
+@import './table.scss';
+@import './checkbox.scss';
\ No newline at end of file
diff --git a/src/styles/components/table.scss b/src/styles/components/table.scss
new file mode 100644
index 0000000..b0b3d7c
--- /dev/null
+++ b/src/styles/components/table.scss
@@ -0,0 +1,41 @@
+.arco-table {
+  @mixin table-cell-text {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .arco-table-container {
+    border: none !important;
+    .arco-table-element {
+      thead {
+        .arco-table-tr {
+          .arco-table-th {
+            border-bottom: 1px solid var(--Border-1, #d7d7d9);
+            background: var(--BG-100, #f7f8fa);
+            .arco-table-cell {
+              padding: 13px 16px;
+              .arco-table-th-title {
+                @include table-cell-text;
+              }
+            }
+          }
+        }
+      }
+      tbody {
+        .arco-table-tr {
+          .arco-table-td {
+            .arco-table-cell {
+              padding: 13px 16px;
+              .arco-table-cell-content {
+                @include table-cell-text;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
diff --git a/src/styles/index.ts b/src/styles/index.ts
index c40f6c5..23b5667 100644
--- a/src/styles/index.ts
+++ b/src/styles/index.ts
@@ -1,3 +1,7 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 14:03:21
+ */
 import './vars.css';
 import './components/index.scss';
 import 'normalize.css';
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 395b1b3..b38731a 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -54,3 +54,31 @@ export function formatNumberShow(...args: any[]): string | number {
     return split ? `${splitNumber(_n)}亿` : `${toFixed(_n, len)}亿`;
   }
 }
+
+export function formatTableField(fieldItem: any, rowValue: any, showExactValue = false) {
+  // 获取嵌套属性值的函数
+  const getNestedValue = (obj: any, path: string) => {
+    if (!obj || !path) return undefined;
+
+    // 如果路径包含点号，说明是链式取值
+    if (path.includes('.')) {
+      return path.split('.').reduce((current, key) => {
+        return current && current[key] !== undefined ? current[key] : undefined;
+      }, obj);
+    }
+
+    // 普通属性取值
+    return obj[path];
+  };
+
+  const _getValue = (value: any) => {
+    if (isNaN(value)) return value;
+    return formatNumberShow({ value, showExactValue });
+  };
+
+  // 使用链式取值获取数据
+  const rawValue = getNestedValue(rowValue, fieldItem.dataIndex);
+  const value = _getValue(rawValue ?? '-');
+
+  return `${fieldItem.prefix || ''}${value}${fieldItem.suffix || ''}`;
+}
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
new file mode 100644
index 0000000..d9fd2f9
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/account-table/constants.ts
@@ -0,0 +1,153 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 10:33:06
+ */
+export const tableColumns = [
+  {
+    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'],
+    },
+  },
+  {
+    title: '总赞藏数',
+    dataIndex: 'like_number',
+    width: 180,
+    tooltip: '账号所有内容的点赞和收藏总数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '观看量',
+    dataIndex: 'view_number',
+    width: 180,
+    tooltip: '账号所有内容的总观看次数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '观看量环比',
+    dataIndex: 'view_chain',
+    width: 180,
+    tooltip: '相比上一周期的观看量变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '点赞量',
+    dataIndex: 'like_number',
+    width: 180,
+    tooltip: '账号所有内容的总点赞数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '点赞量环比',
+    dataIndex: 'like_chain',
+    width: 180,
+    tooltip: '相比上一周期的点赞量变化百分比',
+    align: 'right',
+    suffix: '%',
+    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: 'latest_daily_growth',
+    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: '次新作品日增长',
+    dataIndex: 'second_latest_daily_growth',
+    width: 180,
+    tooltip: '倒数第二个作品每日观看量的增长情况',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '操作',
+    dataIndex: 'operation',
+    width: 120,
+    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 b159b9a..57f3e16 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
@@ -3,75 +3,120 @@
  * @Date: 2025-06-27 18:08:04
 -->
 <template>
-  <div class="container">
-    <div class="action-row mb-12px flex justify-between">
-      <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" @change="handleChangeAll" />
-      <div class="flex items-center">
-        <a-button class="w-110px search-btn mr-12px" size="medium">
-          <template #icon> <icon-download /> </template>
-          <template #default>导出数据</template>
-        </a-button>
-        <a-button class="w-110px search-btn" size="medium">
-          <template #icon>
-            <img :src="icon1" width="14" height="14" />
-          </template>
-          <template #default>自定义列</template>
-        </a-button>
-      </div>
+  <div class="action-row mb-12px flex justify-between">
+    <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" @change="handleSelectAll">全选</a-checkbox>
+    <div class="flex items-center">
+      <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
+        <template #icon> <icon-download /> </template>
+        <template #default>导出数据</template>
+      </a-button>
+      <a-button class="w-110px search-btn" size="medium">
+        <template #icon>
+          <img :src="icon1" width="14" height="14" />
+        </template>
+        <template #default>自定义列</template>
+      </a-button>
     </div>
-
-    <a-table
-      :data="dataSource"
-      row-key="id"
-      :row-selection="rowSelection"
-      :pagination="false"
-      class="custom-table w-100%"
-      bordered
-    >
-      <template #columns>
-        <a-table-column title="账号名称" data-index="name" />
-        <a-table-column title="手机号" data-index="mobile" />
-        <a-table-column title="账号ID" data-index="account_id" />
-        <a-table-column title="持有人" data-index="holder_name" />
-        <a-table-column title="平台" data-index="platform">
-          <template #cell="{ record }">
-            {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
-          </template>
-        </a-table-column>
-        <a-table-column title="分组" data-index="group.name" />
-        <a-table-column title="运营人员" data-index="operator.name" />
-        <a-table-column title="粉丝数" data-index="fans_number" />
-        <a-table-column title="点赞数" data-index="like_number" />
-        <a-table-column title="收藏数" data-index="collect_number" />
-        <a-table-column title="观看数" data-index="view_number" />
-        <a-table-column title="观看环比" data-index="view_chain">
-          <template #cell="{ record }"> {{ record.view_chain }}% </template>
-        </a-table-column>
-        <a-table-column title="点赞环比" data-index="like_chain">
-          <template #cell="{ record }"> {{ record.like_chain }}% </template>
-        </a-table-column>
-        <a-table-column title="状态" data-index="status">
-          <template #cell="{ record }">
-            <span v-if="record.status === 0">未授权</span>
-            <span v-else-if="record.status === 1">正常</span>
-            <span v-else-if="record.status === 2">异常</span>
-            <span v-else>-</span>
-            <span v-if="record.is_pause === 1" class="pause-tag">（暂停）</span>
-          </template>
-        </a-table-column>
-        <a-table-column title="操作" fixed="right" width="120">
-          <template #cell="{ record }">
-            <a-button type="text" size="small" @click="handleEdit(record)">详情</a-button>
-          </template>
-        </a-table-column>
-      </template>
-    </a-table>
   </div>
+
+  <a-table
+    :data="dataSource"
+    row-key="id"
+    :row-selection="rowSelection"
+    :selected-keys="selectedItems"
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="account-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+    @select="handleSelect"
+    @select-all="handleSelectAll"
+  >
+    <template #columns>
+      <a-table-column
+        v-for="column in tableColumns"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+          {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+        </template>
+        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+          <div class="status-tag" :class="`status-tag-${record.status}`">
+            <span class="cts status-tag-text">{{
+              STATUS_LIST.find((item) => item.value === record.status)?.label
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'ai_evaluation'" #cell="{ record }">
+          <div class="ai-evaluation-row flex">
+            <img
+              width="16"
+              height="16"
+              :src="record.ai_evaluation?.status === 1 ? icon4 : record.ai_evaluation?.status === 2 ? icon3 : icon2"
+              class="mr-8px icon"
+            />
+            <div>
+              <p class="cts">{{ record.ai_evaluation?.text }}</p>
+              <p class="cts text-12px lh-20px !color-#939499">
+                {{ `观看: ${record.ai_evaluation?.look_chain}%  点赞: ${record.ai_evaluation?.like_chain}%` }}
+              </p>
+            </div>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
+        </template>
+
+        <template v-else-if="['view_chain', 'like_chain'].includes(column.dataIndex)" #cell="{ record }">
+          <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
+            <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
+            <icon-arrow-down v-else size="16" />
+            {{ formatTableField(column, record) }}
+          </div>
+        </template>
+        <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
+          <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
+          <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
+        </template>
+
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
 </template>
 
 <script setup>
 import { ref, computed } from 'vue';
+import { STATUS_LIST } from '../../constants';
+import { formatTableField } from '@/utils/tools';
+import { tableColumns } from './constants';
+import { useRouter } from 'vue-router';
+
 import icon1 from '@/assets/img/media-account/icon-custom.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/media-account/icon5.png';
 
 const props = defineProps({
   dataSource: {
@@ -80,7 +125,9 @@ const props = defineProps({
   },
 });
 
-const emit = defineEmits(['edit', 'delete', 'selectionChange']);
+const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
+
+const router = useRouter();
 
 const selectedItems = ref([]);
 
@@ -91,41 +138,39 @@ const indeterminate = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length < props.dataSource.length,
 );
 
-const rowSelection = {
+const rowSelection = computed(() => ({
   type: 'checkbox',
-  selectedRowKeys: selectedItems.value,
-  onChange: (selectedRowKeys, selectedRows) => {
-    selectedItems.value = selectedRowKeys;
-    emit('selectionChange', selectedRows);
-  },
-};
+  showCheckedAll: true,
+}));
 
-const handleChangeAll = (checked) => {
+const handleSelectAll = (checked) => {
   if (checked) {
     selectedItems.value = props.dataSource.map((item) => item.id);
   } else {
     selectedItems.value = [];
   }
-  emit('selectionChange', checked ? props.dataSource : []);
+  emit('selectionChange', checked ? selectedItems.value : []);
 };
 
-const handleEdit = (record) => {
-  emit('edit', record);
+const handleDetail = (record) => {
+  router.push(`/media-account/detail/${record.id}`);
 };
 
-const handleDelete = (record) => {
-  emit('delete', record);
+// 处理排序变化
+const handleSorterChange = (column, order) => {
+  emit('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+
+const handleSelect = (selectedRowKeys, selectedRows) => {
+  selectedItems.value = selectedRowKeys;
+  emit('selectionChange', selectedRows);
+};
+
+const handleExport = () => {
+  emit('export');
 };
 </script>
 
 <style scoped lang="scss">
 @import './style.scss';
-
-.custom-table {
-  :deep(.pause-tag) {
-    color: #f64b31;
-    margin-left: 4px;
-    font-size: 12px;
-  }
-}
 </style>
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 475cd8b..cfdf11c 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
@@ -1,10 +1,63 @@
-.container {
-  width: 100%;
-  .action-row {
-    :deep(.arco-btn) {
-      .arco-btn-icon {
-        line-height: 14px;
-      }
+.action-row {
+  :deep(.arco-btn) {
+    .arco-btn-icon {
+      line-height: 14px;
+    }
+  }
+}
+
+.account-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .status-tag {
+    width: fit-content;
+    display: flex;
+    height: 28px;
+    padding: 0px 8px;
+    align-items: center;
+    border-radius: 2px;
+    background: var(--Functional-Red-1, #ffe9e7);
+
+    .status-tag-text {
+      color: var(--Functional-Red-6, #f64b31);
+    }
+    &-3 {
+      background: #fff7e5;
+      .status-tag-text {
+        color: var(--Functional-yellow-6, #ffae00);
+      }
+    }
+    &-1 {
+      background: var(--Functional-Green-1, #ebf7f2);
+      .status-tag-text {
+        color: var(--Functional-Green-6, #25c883);
+      }
+    }
+    &-0 {
+      background: var(--BG-200, #f2f3f5);
+      .status-tag-text {
+        color: var(--Text-2, #3c4043);
+      }
+    }
+  }
+  .ai-evaluation-row {
+    .icon {
+      position: relative;
+      top: 1px;
+    }
+  }
+  .rate-row {
+    &.up {
+      color: var(--Functional-Red-6, #f64b31);
+    }
+    &.down {
+      color: var(--Functional-Green-6, #25c883);
     }
   }
 }
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 97bf6bc..916b6a0 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -40,6 +40,8 @@ export const INITIAL_QUERY = {
   operator_id: '',
   group_ids: [],
   date_range: '',
+  column: '',
+  order: '',
 };
 
 export enum EnumStatus {
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 e6b3750..6bbb143 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -21,7 +21,7 @@
               <img :src="icon1" width="14" height="14" class="cursor-pointer ml-4px" />
             </a-tooltip>
           </div>
-          <span class="s1 color-#211F24 ml-28px">{{
+          <span class="s1 color-#211F24 ml-32px">{{
             item.prop === 'total_like_number'
               ? formatNumberShow(overviewData.total_like_number + overviewData.total_collect_number)
               : formatNumberShow(overviewData[item.prop])
@@ -35,9 +35,9 @@
     <div class="table-wrap bg-#fff border-radius-8px px-24px py-24px flex-1">
       <AccountTable
         :dataSource="dataSource"
-        @edit="handleEdit"
-        @delete="handleDelete"
         @selectionChange="handleSelectionChange"
+        @export="handleExport"
+        @sorterChange="handleSorterChange"
       />
       <div class="pagination-box">
         <a-pagination
@@ -60,7 +60,7 @@
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
 
-import { getAccountBoardOverview, getAccountBoardList } from '@/api/all/propertyMarketing';
+import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
 
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY } from './constants';
@@ -71,7 +71,7 @@ import icon1 from '@/assets/img/icon-question.png';
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const overviewData = ref({});
-const selectedItems = ref([]);
+const selectedRowKeys = ref([]);
 const pageInfo = reactive({
   page: 1,
   pageSize: 20,
@@ -97,6 +97,12 @@ const mockData = [
     view_number: 5600000,
     view_chain: 12.5,
     like_chain: 8.3,
+    ai_evaluation: {
+      status: 1,
+      text: '表现优质 | 建议保持',
+      look_chain: 12.5,
+      like_chain: 8.3,
+    },
     operator: {
       id: 1,
       name: '李运营',
@@ -123,6 +129,12 @@ const mockData = [
     view_number: 3200000,
     view_chain: -5.2,
     like_chain: 15.7,
+    ai_evaluation: {
+      status: 2,
+      text: '表现中等 | 建议优化',
+      look_chain: -12.5,
+      like_chain: 8.3,
+    },
     operator: {
       id: 2,
       name: '王运营',
@@ -149,6 +161,12 @@ const mockData = [
     view_number: 0,
     view_chain: 0,
     like_chain: 0,
+    ai_evaluation: {
+      status: 3,
+      text: '表现较差 | 建议整改',
+      look_chain: -12.5,
+      like_chain: -8.3,
+    },
     operator: {
       id: 1,
       name: '李运营',
@@ -266,19 +284,26 @@ const handleReset = () => {
   reload();
 };
 
-const handleEdit = (record) => {
-  console.log('编辑账号:', record);
-  // 这里可以打开编辑弹窗
-};
-
-const handleDelete = (record) => {
-  console.log('删除账号:', record);
-  // 这里可以打开删除确认弹窗
-};
-
 const handleSelectionChange = (selectedRows) => {
-  selectedItems.value = selectedRows;
-  console.log('选中的账号:', selectedRows);
+  selectedRowKeys.value = selectedRows;
+  console.log('选中的账号:', selectedRowKeys.value);
+};
+
+const handleExport = () => {
+  postAccountBoardExport({
+    ...query.value,
+  }).then((res) => {
+    const { code, data } = res;
+    if (code === 200) {
+      console.log(data.download_url);
+    }
+  });
+};
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order;
+  reload();
 };
 
 onMounted(() => {
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index af55f63..63b0e45 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -40,6 +40,7 @@
   }
 
   .table-wrap {
+    width: 100%;
     .pagination-box {
       display: flex;
       width: 100%;
diff --git a/src/views/property-marketing/media-account/account-detail/index.vue b/src/views/property-marketing/media-account/account-detail/index.vue
new file mode 100644
index 0000000..40fd2bf
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/index.vue
@@ -0,0 +1,32 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 11:21:10
+-->
+<template>
+  <div>
+    <h1>账号详情</h1>
+  </div>
+</template>
+
+<script setup>
+import { getAccountBoardDetail } from '@/api/all/propertyMarketing';
+
+const route = useRoute();
+const id = route.params.id;
+const detailData = ref({});
+
+const getDetail = async () => {
+  const { code, data } = await getAccountBoardDetail(id);
+  if (code === 200) {
+    detailData.value = data;
+  }
+};
+
+onMounted(() => {
+  getDetail();
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-detail/style.scss b/src/views/property-marketing/media-account/account-detail/style.scss
new file mode 100644
index 0000000..e69de29

From 4873cedefeccf82d245c9961c9dba9d0125f5771 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Sat, 28 Jun 2025 11:42:54 +0800
Subject: [PATCH 22/78] =?UTF-8?q?feat:=20=E7=BB=9F=E4=B8=80=E5=88=86?=
 =?UTF-8?q?=E9=A1=B5=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/components/index.scss              |  3 +-
 src/styles/components/pagination.scss         | 41 +++++++++++++++++++
 .../account-dashboard/style.scss              | 33 ---------------
 .../media-account/account-manage/style.scss   | 32 ---------------
 .../put-account/account-manage/style.scss     | 33 ---------------
 5 files changed, 43 insertions(+), 99 deletions(-)
 create mode 100644 src/styles/components/pagination.scss

diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 5422233..746da5b 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -1,3 +1,4 @@
 @import './input.scss';
 @import './table.scss';
-@import './checkbox.scss';
\ No newline at end of file
+@import './checkbox.scss';
+@import './pagination.scss';
\ No newline at end of file
diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss
new file mode 100644
index 0000000..5ac8023
--- /dev/null
+++ b/src/styles/components/pagination.scss
@@ -0,0 +1,41 @@
+.arco-pagination {
+  .arco-pagination-list {
+    .arco-pagination-item {
+      border-radius: 4px;
+      border: 1px solid var(--BG-300, #e6e6e8);
+      &.arco-pagination-item-ellipsis {
+        border: none;
+      }
+
+      &.arco-pagination-item-active {
+        background-color: transparent;
+        border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+      }
+    }
+  }
+  .arco-pagination-options {
+    .arco-select {
+      background-color: transparent;
+      border-radius: 4px;
+      border: 1px solid var(--BG-300, #e6e6e8);
+    }
+  }
+  .arco-pagination-jumper {
+    &-input {
+      border-radius: 4px;
+      border: 1px solid var(--BG-300, #e6e6e8);
+    }
+    &-prepend {
+      color: var(--Text-2, #3c4043);
+      text-align: right;
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px;
+    }
+    .arco-input-wrapper {
+      background-color: transparent;
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index 63b0e45..f56c5bb 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -47,39 +47,6 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-      :deep(.arco-pagination) {
-        .arco-pagination-list {
-          .arco-pagination-item {
-            border-radius: 4px;
-            border: 1px solid var(--BG-300, #e6e6e8);
-            &.arco-pagination-item-ellipsis {
-              border: none;
-            }
-
-            &.arco-pagination-item-active {
-              background-color: transparent;
-              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-            }
-          }
-        }
-        .arco-pagination-jumper-input {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-        .arco-pagination-jumper-prepend {
-          color: var(--Text-2, #3c4043);
-          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
-        }
-        .arco-select-view-single {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-      }
     }
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index 1d9c9cb..9258844 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -84,39 +84,7 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-      :deep(.arco-pagination) {
-        .arco-pagination-list {
-          .arco-pagination-item {
-            border-radius: 4px;
-            border: 1px solid var(--BG-300, #e6e6e8);
-            &.arco-pagination-item-ellipsis {
-              border: none;
-            }
 
-            &.arco-pagination-item-active {
-              background-color: transparent;
-              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-            }
-          }
-        }
-        .arco-pagination-jumper-input {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-        .arco-pagination-jumper-prepend {
-          color: var(--Text-2, #3c4043);
-          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
-        }
-        .arco-select-view-single {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-      }
     }
   }
 }
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
index 97d0462..b0eb844 100644
--- a/src/views/property-marketing/put-account/account-manage/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -68,39 +68,6 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-      :deep(.arco-pagination) {
-        .arco-pagination-list {
-          .arco-pagination-item {
-            border-radius: 4px;
-            border: 1px solid var(--BG-300, #e6e6e8);
-            &.arco-pagination-item-ellipsis {
-              border: none;
-            }
-
-            &.arco-pagination-item-active {
-              background-color: transparent;
-              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
-            }
-          }
-        }
-        .arco-pagination-jumper-input {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-        .arco-pagination-jumper-prepend {
-          color: var(--Text-2, #3c4043);
-          text-align: right;
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
-        }
-        .arco-select-view-single {
-          border-radius: 4px;
-          border: 1px solid var(--BG-300, #e6e6e8);
-        }
-      }
     }
   }
 }

From cfd86b1408f4fcef72c5bf8d7447fb921ab11874 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Sat, 28 Jun 2025 15:28:54 +0800
Subject: [PATCH 23/78] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E7=9C=8B=E6=9D=BF=E3=80=81=E8=B4=A6=E6=88=B7=E8=AF=A6?=
 =?UTF-8?q?=E6=83=85=E3=80=81=E6=8A=95=E6=94=BE=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../routes/modules/propertyMarketing.ts       |   6 +-
 src/styles/components/index.scss              |   3 +-
 src/styles/components/pagination.scss         |   4 +-
 src/styles/components/tabs.scss               |  29 +++
 src/utils/tools.ts                            |  11 +
 .../components/account-table/constants.ts     |   4 +-
 .../components/account-table/index.vue        |  21 +-
 .../media-account/account-dashboard/index.vue |  15 +-
 .../components/account-info/index.vue         | 139 ++++++++++
 .../components/account-info/style.scss        |   3 +
 .../components/note-table/constants.ts        |  73 ++++++
 .../components/note-table/index.vue           | 158 +++++++++++
 .../components/note-table/style.scss          |  44 ++++
 .../media-account/account-detail/constants.ts |  23 ++
 .../media-account/account-detail/index.vue    |  28 +-
 .../media-account/account-detail/style.scss   |  40 +++
 .../components/account-table/style.scss       |   2 +-
 .../media-account/account-manage/index.vue    |   6 +-
 .../media-account/account-manage/style.scss   |   2 -
 .../components/account-table/constants.ts     | 239 +++++++++++++++++
 .../components/account-table/index.vue        | 213 +++++++++++++++
 .../components/account-table/style.scss       |  63 +++++
 .../components/filter-block/index.vue         | 123 +++++++++
 .../components/filter-block/style.scss        |  37 +++
 .../components/group-select/index.vue         |  64 +++++
 .../put-account/account-data/constants.ts     |  65 +++++
 .../put-account/account-data/index.vue        | 245 ++++++++++++++++++
 .../put-account/account-data/style.scss       |  58 +++++
 28 files changed, 1684 insertions(+), 34 deletions(-)
 create mode 100644 src/styles/components/tabs.scss
 create mode 100644 src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
 create mode 100644 src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
 create mode 100644 src/views/property-marketing/media-account/account-detail/constants.ts
 create mode 100644 src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
 create mode 100644 src/views/property-marketing/put-account/account-data/components/account-table/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/components/account-table/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-data/components/group-select/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/constants.ts
 create mode 100644 src/views/property-marketing/put-account/account-data/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/style.scss

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index a3f8edf..e7636ba 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -93,7 +93,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     },
     children: [
       {
-        path: 'accountManagement',
+        path: 'manage',
         name: 'PutAccountAccountManagement',
         meta: {
           locale: '账号管理',
@@ -103,14 +103,14 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         component: () => import('@/views/property-marketing/put-account/account-manage'),
       },
       {
-        path: 'accountData',
+        path: 'data',
         name: 'PutAccountAccountData',
         meta: {
           locale: '账号数据',
           requiresAuth: true,
           roles: ['*'],
         },
-        component: () => import('@/views/property-marketing/repository/test'),
+        component: () => import('@/views/property-marketing/put-account/account-data'),
       },
       {
         path: 'accountDashboard',
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 746da5b..4655cb9 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -1,4 +1,5 @@
 @import './input.scss';
 @import './table.scss';
 @import './checkbox.scss';
-@import './pagination.scss';
\ No newline at end of file
+@import './pagination.scss';
+@import './tabs.scss';
\ No newline at end of file
diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss
index 5ac8023..d0fa4f8 100644
--- a/src/styles/components/pagination.scss
+++ b/src/styles/components/pagination.scss
@@ -3,11 +3,11 @@
     .arco-pagination-item {
       border-radius: 4px;
       border: 1px solid var(--BG-300, #e6e6e8);
-      &.arco-pagination-item-ellipsis {
+      &-ellipsis {
         border: none;
       }
 
-      &.arco-pagination-item-active {
+      &-active {
         background-color: transparent;
         border: 1px solid var(--Brand-Brand-6, #6d4cfe);
       }
diff --git a/src/styles/components/tabs.scss b/src/styles/components/tabs.scss
new file mode 100644
index 0000000..422d644
--- /dev/null
+++ b/src/styles/components/tabs.scss
@@ -0,0 +1,29 @@
+.arco-tabs {
+  .arco-tabs-nav-tab {
+    &-list {
+      .arco-tabs-tab {
+        .arco-tabs-tab-title {
+          color: var(--Text-2, #3c4043);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 16px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 24px;
+        }
+        &-active {
+          .arco-tabs-tab-title {
+            color: #6d4cfe;
+          }
+        }
+        &:hover {
+          .arco-tabs-tab-title::before {
+            display: none;
+          }
+        }
+      }
+      .arco-tabs-nav-ink {
+        background-color: #6d4cfe;
+      }
+    }
+  }
+}
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index b38731a..256ec57 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -2,6 +2,8 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-27 17:36:31
  */
+import dayjs from 'dayjs';
+
 export function toFixed(num: number | string, n: number): number {
   return parseFloat(parseFloat(num.toString()).toFixed(n));
 }
@@ -82,3 +84,12 @@ export function formatTableField(fieldItem: any, rowValue: any, showExactValue =
 
   return `${fieldItem.prefix || ''}${value}${fieldItem.suffix || ''}`;
 }
+
+export function exactFormatTime(val: number, curYearFmt = 'MM-DD HH:mm', otherYearFmt = 'YYYY-MM-DD HH:mm') {
+  if (!val) return '-';
+  const year = dayjs(val * 1000).year();
+  const currYear = dayjs().year();
+  const diff = year - currYear;
+  const fmt = diff === 0 ? curYearFmt : otherYearFmt;
+  return dayjs(val * 1000).format(fmt);
+}
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 d9fd2f9..48b93fb 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,7 +2,7 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-28 10:33:06
  */
-export const tableColumns = [
+export const TABLE_COLUMNS = [
   {
     title: '账号名称',
     dataIndex: 'name',
@@ -147,7 +147,7 @@ export const tableColumns = [
   {
     title: '操作',
     dataIndex: 'operation',
-    width: 120,
+    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 57f3e16..00a60a2 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
@@ -4,7 +4,9 @@
 -->
 <template>
   <div class="action-row mb-12px flex justify-between">
-    <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" @change="handleSelectAll">全选</a-checkbox>
+    <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" class="!pl-13px" @change="handleSelectAll"
+      >全选</a-checkbox
+    >
     <div class="flex items-center">
       <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
         <template #icon> <icon-download /> </template>
@@ -20,6 +22,7 @@
   </div>
 
   <a-table
+    ref="tableRef"
     :data="dataSource"
     row-key="id"
     :row-selection="rowSelection"
@@ -34,7 +37,7 @@
   >
     <template #columns>
       <a-table-column
-        v-for="column in tableColumns"
+        v-for="column in TABLE_COLUMNS"
         :key="column.dataIndex"
         :data-index="column.dataIndex"
         :fixed="column.fixed"
@@ -82,7 +85,7 @@
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
-          <a-button type="outline" size="small" @click="handleDetail(record)">详情</a-button>
+          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
         </template>
 
         <template v-else-if="['view_chain', 'like_chain'].includes(column.dataIndex)" #cell="{ record }">
@@ -109,7 +112,7 @@
 import { ref, computed } from 'vue';
 import { STATUS_LIST } from '../../constants';
 import { formatTableField } from '@/utils/tools';
-import { tableColumns } from './constants';
+import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
@@ -130,6 +133,7 @@ const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
 const router = useRouter();
 
 const selectedItems = ref([]);
+const tableRef = ref(null);
 
 const checkedAll = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
@@ -169,6 +173,15 @@ const handleSelect = (selectedRowKeys, selectedRows) => {
 const handleExport = () => {
   emit('export');
 };
+
+const resetTable = () => {
+  selectedItems.value = [];
+  tableRef.value?.clearSorters();
+};
+
+defineExpose({
+  resetTable,
+});
 </script>
 
 <style scoped lang="scss">
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 6bbb143..74a3731 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -5,7 +5,7 @@
 
 <template>
   <div class="account-dashboard-wrap">
-    <div class="filter-wrap bg-#fff border-radius-8px px-24px pb-20px mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px pb-20px mb-16px">
       <div class="top flex h-64px py-10px justify-between items-center mb-19px">
         <div class="flex items-center">
           <p class="text-18px font-400 lh-26px color-#211F24 title">数据总览</p>
@@ -29,11 +29,14 @@
         </div>
       </div>
     </div>
-    <div class="filter-wrap bg-#fff border-radius-8px px-24px py-24px mb-16px">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px mb-16px">
       <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
-    <div class="table-wrap bg-#fff border-radius-8px px-24px py-24px flex-1">
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
       <AccountTable
+        ref="accountTableRef"
         :dataSource="dataSource"
         @selectionChange="handleSelectionChange"
         @export="handleExport"
@@ -72,6 +75,7 @@ const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const overviewData = ref({});
 const selectedRowKeys = ref([]);
+const accountTableRef = ref(null);
 const pageInfo = reactive({
   page: 1,
   pageSize: 20,
@@ -280,7 +284,12 @@ const reload = () => {
 };
 
 const handleReset = () => {
+  selectedRowKeys.value = [];
+  pageInfo.page = 1;
+  pageInfo.pageSize = 20;
+  pageInfo.total = 0;
   query.value = cloneDeep(INITIAL_QUERY);
+  accountTableRef.value?.resetTable();
   reload();
 };
 
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
new file mode 100644
index 0000000..17e3410
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/index.vue
@@ -0,0 +1,139 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 12:58:25
+-->
+<template>
+  <div class="account-info-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px mb-16px">
+    <div class="title-row">
+      <span class="cts !text-18px !lh-26px">账号信息</span>
+    </div>
+    <div class="account-info-box">
+      <div v-for="(row, rowIdx) in accountInfoFields" :key="rowIdx" class="flex mb-24px">
+        <div
+          v-for="(field, colIdx) in row"
+          :key="colIdx"
+          :class="field.dataIndex === 'ai_evaluation' ? 'flex-2' : 'flex-1'"
+        >
+          <!-- 第二组的AI评价占1/2宽度 -->
+          <template v-if="rowIdx === 1 && colIdx === 0">
+            <div class="flex items-center mb-4px">
+              <img width="16" height="16" :src="icon1" class="mr-4px" />
+              <span class="cts !color-#737478 mr-4px">AI评价</span>
+            </div>
+            <div class="flex items-center">
+              <img
+                width="16"
+                height="16"
+                :src="
+                  detailData.ai_evaluation?.status === 1
+                    ? icon4
+                    : detailData.ai_evaluation?.status === 2
+                    ? icon3
+                    : icon2
+                "
+                class="mr-8px"
+              />
+
+              <span v-if="detailData.ai_evaluation" class="cts">
+                {{ detailData.ai_evaluation?.text }}。观看: +{{ detailData.ai_evaluation.look_chain }}% 点赞: +{{
+                  detailData.ai_evaluation.like_chain
+                }}%
+              </span>
+            </div>
+          </template>
+          <!-- 其他项占1/4宽度 -->
+          <template v-else>
+            <div class="flex items-center mb-4px">
+              <p class="cts !color-#737478 !mr-4px">{{ field.label }}</p>
+              <a-tooltip v-if="field.tooltip" :content="field.tooltip" position="top">
+                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+              </a-tooltip>
+            </div>
+            <p class="cts">
+              <!-- 状态特殊渲染 -->
+              <template v-if="field.type === 'status'">
+                <span v-if="detailData.status === 1" style="color: #4ad991">正常</span>
+                <span v-else style="color: #ff4d4f">异常</span>
+              </template>
+              <!-- 环比字段特殊渲染 -->
+              <template v-else-if="field.type === 'rate'">
+                <span :style="{ color: detailData[field.dataIndex] > 0 ? 'red' : 'green' }">
+                  <icon-arrow-up v-if="detailData[field.dataIndex] > 0" />
+                  <icon-arrow-down v-else />
+                  {{ detailData[field.dataIndex] }}%
+                </span>
+              </template>
+              <!-- 普通字段，支持多层key -->
+              <template v-else>
+                {{ formatTableField(field, detailData, true) }}
+              </template>
+            </p>
+          </template>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { useRoute } from 'vue-router';
+
+import { formatTableField } from '@/utils/tools';
+import { accountInfoFields } from '../../constants';
+import { getAccountBoardDetail } from '@/api/all/propertyMarketing';
+
+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';
+
+const route = useRoute();
+const id = route.params.id;
+const detailData = ref({
+  id: 1,
+  name: '抖音官方账号',
+  mobile: '13800138001',
+  account_id: 'douyin_001',
+  holder_name: '张三',
+  operator_id: 1,
+  platform: 0,
+  group_id: 1,
+  status: 1,
+  is_pause: 0,
+  fans_number: 1250000,
+  like_number: 890000,
+  collect_number: 45000,
+  view_number: 5600000,
+  view_chain: -12.5,
+  like_chain: 8.3,
+  ai_evaluation: {
+    status: 1,
+    text: '表现优质 | 建议保持',
+    look_chain: 12.5,
+    like_chain: 8.3,
+  },
+  operator: {
+    id: 1,
+    name: '李运营',
+  },
+  group: {
+    id: 1,
+    name: '抖音组',
+  },
+});
+
+const getDetail = async () => {
+  const { code, data } = await getAccountBoardDetail(id);
+  if (code === 200) {
+    detailData.value = data;
+  }
+};
+
+onMounted(() => {
+  getDetail();
+});
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
new file mode 100644
index 0000000..0c258d6
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
@@ -0,0 +1,3 @@
+.account-info-wrap {
+
+}
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
new file mode 100644
index 0000000..7225e0f
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/constants.ts
@@ -0,0 +1,73 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 13:30:58
+ */
+
+export const INITIAL_QUERY = {
+  name: '',
+  publish_date: [],
+};
+
+export const TABLE_COLUMNS = [
+  {
+    title: '笔记标题',
+    dataIndex: 'name',
+    width: 240,
+  },
+  {
+    title: '发布日期',
+    dataIndex: 'publish_date',
+    width: 160,
+  },
+  {
+    title: '曝光量',
+    dataIndex: 'exposure_number',
+    width: 180,
+    tooltip: '账号所有内容的总曝光次数',
+    align: 'right',
+  },
+  {
+    title: '观看量',
+    dataIndex: 'view_number',
+    width: 180,
+    tooltip: '账号所有内容的总观看次数',
+    align: 'right',
+  },
+  {
+    title: '点赞量',
+    dataIndex: 'like_count',
+    width: 180,
+    tooltip: '账号所有内容的总点赞数',
+    align: 'right',
+  },
+  {
+    title: '收藏量',
+    dataIndex: 'collect_count',
+    width: 180,
+    tooltip: '账号所有内容的总收藏数',
+    align: 'right',
+  },
+  {
+    title: '评论数',
+    dataIndex: 'comment_count',
+    width: 180,
+    tooltip: '账号所有内容的总评论数',
+    align: 'right',
+  },
+  {
+    title: '分享量',
+    dataIndex: 'share_count',
+    width: 180,
+    tooltip: '账号所有内容的总转发数',
+    align: 'right',
+  },
+
+  {
+    title: '封面点击率',
+    dataIndex: 'cover_click_rate',
+    width: 180,
+    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
new file mode 100644
index 0000000..0616e47
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/index.vue
@@ -0,0 +1,158 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 12:58:09
+-->
+<template>
+  <div class="note-table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px flex-1 flex flex-col">
+    <div class="title-row">
+      <div class="flex items-center">
+        <span class="cts !text-18px !lh-26px mr-4px">笔记详情</span>
+        <icon-question-circle size="16" class="color-#737478" />
+      </div>
+    </div>
+    <div class="filter-row flex my-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">笔记标题</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear>
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">发布日期</span>
+        <a-space size="medium" class="w-240px">
+          <a-range-picker
+            v-model="query.publish_date"
+            size="medium"
+            allow-clear
+            format="YYYY-MM-DD HH:mm"
+            class="w-100%"
+          />
+        </a-space>
+      </div>
+      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </div>
+    <a-table :data="dataSource" row-key="id" :pagination="false" :scroll="{ x: '100%' }" class="w-100%" bordered>
+      <template #columns>
+        <a-table-column
+          v-for="column in TABLE_COLUMNS"
+          :key="column.dataIndex"
+          :data-index="column.dataIndex"
+          :fixed="column.fixed"
+          :width="column.width"
+          :min-width="column.minWidth"
+          :sortable="column.sortable"
+          :align="column.align"
+          ellipsis
+          tooltip
+        >
+          <template #title>
+            <div class="flex items-center">
+              <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+              <span class="cts mr-4px">{{ column.title }}</span>
+              <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+                <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+              </a-tooltip>
+            </div>
+          </template>
+
+          <template #cell="{ record }">
+            <template v-if="column.dataIndex === 'publish_date'">
+              {{ exactFormatTime(record.publish_date) }}
+            </template>
+            <template v-else>
+              {{ formatTableField(column, record, true) }}
+            </template>
+          </template>
+        </a-table-column>
+      </template>
+    </a-table>
+    <div class="pagination-box">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.pageSize"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { TABLE_COLUMNS, INITIAL_QUERY } from './constants';
+import { useRoute } from 'vue-router';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
+
+const route = useRoute();
+const id = route.params.id;
+const dataSource = ref([]);
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 100,
+});
+
+const query = ref(cloneDeep(INITIAL_QUERY));
+
+const handleSearch = () => {
+  console.log(query.value);
+};
+
+const handleReset = () => {
+  pageInfo.page = 1;
+  pageInfo.pageSize = 20;
+  pageInfo.total = 0;
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  getData();
+};
+
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  reload();
+};
+
+const reload = () => {
+  pageInfo.page = 1;
+  getData();
+};
+
+const getData = async () => {
+  // const { code, data } = await getAccountBoardList(query.value);
+  // if (code === 200) {
+  //   dataSource.value = data?.list || [];
+  //   pageInfo.total = data.total;
+  // }
+};
+
+onMounted(() => {
+  getData();
+});
+</script>
+
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
new file mode 100644
index 0000000..e040bfe
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
@@ -0,0 +1,44 @@
+.note-table-wrap {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple),
+  :deep(.arco-picker) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+
+  .pagination-box {
+    display: flex;
+    width: 100%;
+    padding: 16px 24px;
+    justify-content: flex-end;
+    align-items: center;
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
new file mode 100644
index 0000000..8c60511
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -0,0 +1,23 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 12:55:44
+ */
+export const accountInfoFields = [
+  [
+    { label: '账号名称', dataIndex: 'name' },
+    { label: '项目分组', dataIndex: 'group.name' },
+    { label: '状态', dataIndex: 'status', type: 'status' },
+    { label: '运营人员', dataIndex: 'operator.name' },
+  ],
+  [
+    { label: 'AI评价', dataIndex: 'ai_evaluation' },
+    { label: '粉丝量', dataIndex: 'fans_number', tooltip: '粉丝量' },
+    { label: '总赞藏数', dataIndex: 'like_number', tooltip: '总赞藏数' },
+  ],
+  [
+    { label: '观看量', dataIndex: 'view_number', tooltip: '观看量' },
+    { label: '观看量环比', dataIndex: 'view_chain', tooltip: '观看量环比', suffix: '%', type: 'rate' },
+    { label: '点赞量', dataIndex: 'like_number', tooltip: '点赞量' },
+    { label: '点赞量环比', dataIndex: 'like_chain', tooltip: '点赞量环比', suffix: '%', type: 'rate' },
+  ],
+];
diff --git a/src/views/property-marketing/media-account/account-detail/index.vue b/src/views/property-marketing/media-account/account-detail/index.vue
index 40fd2bf..d40f532 100644
--- a/src/views/property-marketing/media-account/account-detail/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/index.vue
@@ -3,28 +3,26 @@
  * @Date: 2025-06-28 11:21:10
 -->
 <template>
-  <div>
-    <h1>账号详情</h1>
+  <div class="account-detail-wrap">
+    <div class="flex items-center mb-16px cursor-pointer" @click="handleBack">
+      <icon-left size="16" />
+      <spa class="cts ml-8px">账号详情</spa>
+    </div>
+    <AccountInfo />
+    <NoteTable />
   </div>
 </template>
 
 <script setup>
-import { getAccountBoardDetail } from '@/api/all/propertyMarketing';
+import AccountInfo from './components/account-info';
+import NoteTable from './components/note-table';
+import { useRouter } from 'vue-router';
 
-const route = useRoute();
-const id = route.params.id;
-const detailData = ref({});
+const router = useRouter();
 
-const getDetail = async () => {
-  const { code, data } = await getAccountBoardDetail(id);
-  if (code === 200) {
-    detailData.value = data;
-  }
+const handleBack = () => {
+  router.push('/media-account/dashboard');
 };
-
-onMounted(() => {
-  getDetail();
-});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/media-account/account-detail/style.scss b/src/views/property-marketing/media-account/account-detail/style.scss
index e69de29..387d967 100644
--- a/src/views/property-marketing/media-account/account-detail/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/style.scss
@@ -0,0 +1,40 @@
+.account-detail-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  :deep(.cts) {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  :deep(.title-row) {
+    display: flex;
+    height: 64px;
+    padding: 10px 0;
+    align-items: center;
+  }
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+
+  .table-wrap {
+    width: 100%;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index f825d5d..f9e48b3 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -7,7 +7,7 @@
 .card-container {
   flex: 1;
   display: grid;
-  grid-template-rows: repeat(2, 1fr); /* 2行 */
+  // grid-template-rows: repeat(2, 1fr); /* 2行 */
   grid-template-columns: repeat(4, 1fr); /* 4列 */
   gap: 20px;
   .card-item {
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index f21fdbe..09c970e 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -4,7 +4,7 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff border-radius-8px">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账号管理</p>
         <div class="flex items-center">
@@ -236,6 +236,10 @@ const handleSearch = () => {
   getData();
 };
 const handleReset = () => {
+  pageInfo.page = 1;
+  pageInfo.pageSize = 20;
+  pageInfo.total = 0;
+  selectedItems.value = [];
   query.value = cloneDeep(INITIAL_QUERY);
   reload();
 };
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index 9258844..f916046 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -13,8 +13,6 @@
     background: var(--BG-white, #fff);
   }
   .filter-wrap {
-    border-radius: 8px;
-    border: 1px solid #e6e6e8;
     .top {
       .title {
         font-family: 'Alibaba PuHuiTi';
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
new file mode 100644
index 0000000..66496dd
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
@@ -0,0 +1,239 @@
+/*
+ * @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: '账户总消耗',
+    dataIndex: 'total_consumption',
+    width: 180,
+    tooltip: '账号总消耗',
+    prefix: '¥',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '账户余额',
+    dataIndex: 'balance',
+    width: 180,
+    tooltip: '账号余额',
+    prefix: '¥',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'AI评价',
+    dataIndex: 'ai_evaluation',
+    width: 260,
+  },
+  {
+    title: 'ROI',
+    dataIndex: 'roi',
+    width: 180,
+    tooltip: '账号ROI',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'ROI环比',
+    dataIndex: 'roi_chain',
+    width: 180,
+    tooltip: '相比上一周期的ROI变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CPA',
+    dataIndex: 'cpa',
+    width: 180,
+    tooltip: '账号CPA',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CPA环比',
+    dataIndex: 'roi_chain',
+    width: 180,
+    tooltip: '相比上一周期的CPA变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '转化数',
+    dataIndex: 'conversion_number',
+    width: 180,
+    tooltip: '账号转化数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '转化数环比',
+    dataIndex: 'conversion_chain',
+    width: 180,
+    tooltip: '相比上一周期的转化数变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CVR',
+    dataIndex: 'conversion_rate',
+    width: 180,
+    tooltip: '账号转化率',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CVR环比',
+    dataIndex: 'conversion_rate_chain',
+    width: 180,
+    tooltip: '相比上一周期的CVR变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最新投放计划标题/日期',
+    dataIndex: 'like_chain1',
+    width: 260,
+    tooltip: '最新发布内容的标题和发布日期',
+  },
+  {
+    title: '最新投放计划表现',
+    dataIndex: 'latest_plan_performance',
+    width: 180,
+    tooltip: '最新投放计划表现',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+
+  {
+    title: '展示量',
+    dataIndex: 'view_number',
+    width: 180,
+    tooltip: '账号所有内容的总展示次数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '点击量',
+    dataIndex: 'click_number',
+    width: 180,
+    tooltip: '账号所有内容的总点击次数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '点击率',
+    dataIndex: 'click_rate',
+    width: 180,
+    tooltip: '账号所有内容的总点击率',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '平均点击成本',
+    dataIndex: 'avg_click_cost',
+    width: 180,
+    tooltip: '账号所有内容的平均点击成本',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '千次展现费用',
+    dataIndex: 'cost_per_thousand_views',
+    width: 180,
+    prefix: '¥',
+    tooltip: '账号所有内容的千次展现费用',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '平均转化成本',
+    dataIndex: 'avg_conversion_cost',
+    width: 180,
+    prefix: '¥',
+    tooltip: '账号所有内容的平均转化成本',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '深度转化数',
+    dataIndex: 'deep_conversion_number',
+    width: 180,
+    tooltip: '账号所有内容的总深度转化次数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '深度转化率',
+    dataIndex: 'deep_conversion_rate',
+    width: 180,
+    tooltip: '账号所有内容的总深度转化率',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+];
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue b/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
new file mode 100644
index 0000000..914dbe2
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
@@ -0,0 +1,213 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 18:08:04
+-->
+<template>
+  <div class="action-row mb-12px flex justify-between">
+    <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" class="!pl-13px" @change="handleSelectAll"
+      >全选</a-checkbox
+    >
+    <div class="flex items-center">
+      <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
+        <template #icon> <icon-download /> </template>
+        <template #default>导出数据</template>
+      </a-button>
+      <a-button class="w-110px search-btn" size="medium">
+        <template #icon>
+          <img :src="icon1" width="14" height="14" />
+        </template>
+        <template #default>自定义列</template>
+      </a-button>
+    </div>
+  </div>
+
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    :row-selection="rowSelection"
+    :selected-keys="selectedItems"
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="account-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+    @select="handleSelect"
+    @select-all="handleSelectAll"
+  >
+    <template #columns>
+      <a-table-column
+        v-for="column in getColumns()"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+          {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+        </template>
+        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+          <div class="status-tag" :class="`status-tag-${record.status}`">
+            <span class="cts status-tag-text">{{
+              STATUS_LIST.find((item) => item.value === record.status)?.label
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'ai_evaluation'" #cell="{ record }">
+          <div class="ai-evaluation-row flex">
+            <img
+              width="16"
+              height="16"
+              :src="record.ai_evaluation?.status === 1 ? icon4 : record.ai_evaluation?.status === 2 ? icon3 : icon2"
+              class="mr-8px icon"
+            />
+            <div>
+              <p class="cts">{{ record.ai_evaluation?.text }}</p>
+              <p class="cts text-12px lh-20px !color-#939499">
+                {{ `ROI: ${record.ai_evaluation?.look_chain}%  CVR: ${record.ai_evaluation?.like_chain}%` }}
+              </p>
+            </div>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+        </template>
+
+        <template
+          v-else-if="
+            [
+              'view_chain',
+              'roi_chain',
+              'like_chain',
+              'cpa_chain',
+              'conversion_chain',
+              'conversion_rate_chain',
+            ].includes(column.dataIndex)
+          "
+          #cell="{ record }"
+        >
+          <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
+            <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
+            <icon-arrow-down v-else size="16" />
+            {{ formatTableField(column, record) }}
+          </div>
+        </template>
+        <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
+          <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
+          <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
+        </template>
+
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import { STATUS_LIST } from '../../constants';
+import { formatTableField } from '@/utils/tools';
+import { TABLE_COLUMNS } from './constants';
+import { useRouter } from 'vue-router';
+
+import icon1 from '@/assets/img/media-account/icon-custom.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/media-account/icon5.png';
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+  isAccountTab: {
+    type: Boolean,
+    default: false,
+  },
+});
+
+const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
+
+const router = useRouter();
+
+const selectedItems = ref([]);
+const tableRef = ref(null);
+
+const checkedAll = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
+);
+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);
+  } else {
+    selectedItems.value = [];
+  }
+  emit('selectionChange', checked ? selectedItems.value : []);
+};
+
+const handleDetail = (record) => {
+  router.push(`/media-account/detail/${record.id}`);
+};
+
+// 处理排序变化
+const handleSorterChange = (column, order) => {
+  emit('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+
+const handleSelect = (selectedRowKeys, selectedRows) => {
+  selectedItems.value = selectedRowKeys;
+  emit('selectionChange', selectedRows);
+};
+
+const handleExport = () => {
+  emit('export');
+};
+const getColumns = () => {
+  const columns = cloneDeep(TABLE_COLUMNS);
+  if (!props.isAccountTab) {
+    const _target = columns.find((item) => item.dataIndex === 'name');
+    _target.title = '项目名称';
+  }
+  return columns;
+};
+
+const resetTable = () => {
+  selectedItems.value = [];
+  tableRef.value?.clearSorters();
+};
+
+defineExpose({
+  resetTable,
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/style.scss b/src/views/property-marketing/put-account/account-data/components/account-table/style.scss
new file mode 100644
index 0000000..cfdf11c
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/style.scss
@@ -0,0 +1,63 @@
+.action-row {
+  :deep(.arco-btn) {
+    .arco-btn-icon {
+      line-height: 14px;
+    }
+  }
+}
+
+.account-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .status-tag {
+    width: fit-content;
+    display: flex;
+    height: 28px;
+    padding: 0px 8px;
+    align-items: center;
+    border-radius: 2px;
+    background: var(--Functional-Red-1, #ffe9e7);
+
+    .status-tag-text {
+      color: var(--Functional-Red-6, #f64b31);
+    }
+    &-3 {
+      background: #fff7e5;
+      .status-tag-text {
+        color: var(--Functional-yellow-6, #ffae00);
+      }
+    }
+    &-1 {
+      background: var(--Functional-Green-1, #ebf7f2);
+      .status-tag-text {
+        color: var(--Functional-Green-6, #25c883);
+      }
+    }
+    &-0 {
+      background: var(--BG-200, #f2f3f5);
+      .status-tag-text {
+        color: var(--Text-2, #3c4043);
+      }
+    }
+  }
+  .ai-evaluation-row {
+    .icon {
+      position: relative;
+      top: 1px;
+    }
+  }
+  .rate-row {
+    &.up {
+      color: var(--Functional-Red-6, #f64b31);
+    }
+    &.down {
+      color: var(--Functional-Green-6, #25c883);
+    }
+  }
+}
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
new file mode 100644
index 0000000..37e1fb9
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/index.vue
@@ -0,0 +1,123 @@
+<!-- eslint-disable vue/no-mutating-props -->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <div class="container px-24px">
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">账号名称</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">项目分组</span>
+        <a-space class="w-200px">
+          <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">状态</span>
+        <a-space class="w-180px">
+          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
+              item.text
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+      <div class="filter-row-item flex items-center">
+        <span class="label">运营人员</span>
+        <a-space class="w-160px">
+          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
+              item.name
+            }}</a-option>
+          </a-select>
+        </a-space>
+      </div>
+    </div>
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">时间筛选</span>
+        <a-space class="w-240px">
+          <a-range-picker
+            v-model="query.date_range"
+            size="medium"
+            allow-clear
+            format="YYYY-MM-DD HH:mm"
+            class="w-100%"
+          />
+        </a-space>
+      </div>
+      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+        <template #icon>
+          <icon-search />
+        </template>
+        <template #default>搜索</template>
+      </a-button>
+      <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+        <template #icon>
+          <icon-refresh />
+        </template>
+        <template #default>重置</template>
+      </a-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { reactive, defineEmits, defineProps } from 'vue';
+import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
+import GroupSelect from '../group-select/index.vue';
+import { STATUS_LIST } from '../../constants';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+
+const emits = defineEmits('onSearch', 'onReset', 'update:query');
+
+const tags = ref([]);
+const groups = ref([]);
+const operators = ref([]);
+
+const handleSearch = () => {
+  emits('onSearch', props.query);
+};
+
+const handleReset = () => {
+  emits('onReset');
+};
+
+const getGroups = async () => {
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groups.value = data;
+  }
+};
+const getOperators = async () => {
+  const { code, data } = await fetchAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+
+onMounted(() => {
+  // getGroups();
+  // getOperators();
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
new file mode 100644
index 0000000..b29af44
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
@@ -0,0 +1,37 @@
+.container {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple),
+  :deep(.arco-picker) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+  
+}
diff --git a/src/views/property-marketing/put-account/account-data/components/group-select/index.vue b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
new file mode 100644
index 0000000..a736c92
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-select/index.vue
@@ -0,0 +1,64 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedGroups"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: true,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedGroups = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedGroups.value = newVal;
+  },
+  { immediate: true },
+);
+
+// 监听内部值变化，向外部发送更新
+watch(selectedGroups, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedGroups.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/src/views/property-marketing/put-account/account-data/constants.ts b/src/views/property-marketing/put-account/account-data/constants.ts
new file mode 100644
index 0000000..9d1c490
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/constants.ts
@@ -0,0 +1,65 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 14:16:25
+ */
+
+export const INITIAL_QUERY = {
+  name: '',
+  status: '',
+  operator_id: '',
+  group_ids: [],
+  date_range: [],
+  column: '',
+  order: '',
+};
+
+export enum EnumStatus {
+  NORMAL = 1,
+  PAUSE = 3,
+  UNAUTHORIZED = 0,
+  ABNORMAL = 2,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+}
+
+export const STATUS_LIST = [
+  {
+    text: '正常',
+    label: '正常',
+    value: EnumStatus.NORMAL,
+  },
+  {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
+    label: '异常',
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
+  },
+];
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
new file mode 100644
index 0000000..08ed31a
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -0,0 +1,245 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 14:13:42
+-->
+<template>
+  <div class="account-data-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
+      <a-tabs v-model="activeTab" @tab-click="handleTabClick">
+        <a-tab-pane :key="1" title="账户"></a-tab-pane>
+        <a-tab-pane :key="2" title="项目"></a-tab-pane>
+      </a-tabs>
+      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <AccountTable
+        ref="accountTableRef"
+        :isAccountTab="isAccountTab"
+        :dataSource="dataSource"
+        @export="handleExport"
+        @sorterChange="handleSorterChange"
+        @selectionChange="handleSelectionChange"
+      />
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import FilterBlock from './components/filter-block';
+import AccountTable from './components/account-table';
+import { INITIAL_QUERY } from './constants';
+
+const query = ref({});
+const dataSource = ref([]);
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 100,
+});
+const selectedRowKeys = ref([]);
+const activeTab = ref(1);
+const accountTableRef = ref(null);
+
+const isAccountTab = computed(() => activeTab.value === 1);
+
+const mockData = [
+  {
+    id: 1,
+    name: '抖音官方账号',
+    mobile: '13800138001',
+    account_id: 'douyin_001',
+    holder_name: '张三',
+    operator_id: 1,
+    platform: 0,
+    group_id: 1,
+    status: 1,
+    is_pause: 0,
+    fans_number: 1250000,
+    like_number: 890000,
+    collect_number: 45000,
+    view_number: 5600000,
+    view_chain: 12.5,
+    like_chain: 8.3,
+    total_consumption: 1000000,
+    balance: 1000000,
+    roi: 1.2,
+    roi_chain: -32.5,
+    cpa: 1.2,
+    cpa_chain: -32.5,
+    conversion_number: 10000,
+    conversion_chain: 12.5,
+    conversion_rate: 1.2,
+    conversion_rate_chain: -2.5,
+    ai_evaluation: {
+      status: 1,
+      text: '表现优质 | 建议保持',
+      look_chain: 12.5,
+      like_chain: 8.3,
+    },
+    operator: {
+      id: 1,
+      name: '李运营',
+    },
+    group: {
+      id: 1,
+      name: '抖音组',
+    },
+  },
+  {
+    id: 2,
+    name: '小红书美妆号',
+    mobile: '13800138002',
+    account_id: 'xhs_001',
+    holder_name: '李四',
+    operator_id: 2,
+    platform: 1,
+    group_id: 2,
+    status: 1,
+    is_pause: 1,
+    fans_number: 890000,
+    like_number: 670000,
+    collect_number: 89000,
+    view_number: 3200000,
+    view_chain: -5.2,
+    like_chain: 15.7,
+    total_consumption: 1000000,
+    balance: 1000000,
+    roi: 1.2,
+    roi_chain: 12.5,
+    cpa: 1.2,
+    cpa_chain: 22.5,
+    conversion_number: 10000,
+    conversion_chain: 12.5,
+    conversion_rate: 1.2,
+    conversion_rate_chain: -2.5,
+    ai_evaluation: {
+      status: 2,
+      text: '表现中等 | 建议优化',
+      look_chain: -12.5,
+      like_chain: 8.3,
+    },
+    operator: {
+      id: 2,
+      name: '王运营',
+    },
+    group: {
+      id: 2,
+      name: '小红书组',
+    },
+  },
+  {
+    id: 3,
+    name: '抖音美食号',
+    mobile: '13800138003',
+    account_id: 'douyin_002',
+    holder_name: '王五',
+    operator_id: 1,
+    platform: 0,
+    group_id: 1,
+    status: 0,
+    is_pause: 0,
+    fans_number: 0,
+    like_number: 0,
+    collect_number: 0,
+    view_number: 0,
+    view_chain: 0,
+    like_chain: 0,
+    total_consumption: 1000000,
+    balance: 1000000,
+    roi: 32898,
+    roi_chain: 12.5,
+    cpa: 1.2,
+    cpa_chain: -32.5,
+    conversion_number: 10000,
+    conversion_chain: 12.5,
+    conversion_rate: 1.2,
+    conversion_rate_chain: -2.5,
+    ai_evaluation: {
+      status: 3,
+      text: '表现较差 | 建议整改',
+      look_chain: -12.5,
+      like_chain: -8.3,
+    },
+    operator: {
+      id: 1,
+      name: '李运营',
+    },
+    group: {
+      id: 1,
+      name: '抖音组',
+    },
+  },
+];
+
+const getData = () => {
+  dataSource.value = mockData;
+  pageInfo.total = mockData.length;
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  getData();
+};
+
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  reload();
+};
+
+const handleSearch = () => {
+  getData();
+};
+
+const reload = () => {
+  pageInfo.page = 1;
+  getData();
+};
+
+const handleReset = () => {
+  pageInfo.page = 1;
+  pageInfo.pageSize = 20;
+  pageInfo.total = 0;
+  selectedRowKeys.value = [];
+  accountTableRef.value?.resetTable();
+  query.value = cloneDeep(INITIAL_QUERY);
+  reload();
+};
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order;
+  reload();
+};
+const handleSelectionChange = (selectedRows) => {
+  selectedRowKeys.value = selectedRows;
+  console.log('选中的账号:', selectedRowKeys.value);
+};
+
+const handleTabClick = (tab) => {
+  activeTab.value = tab.key;
+  handleReset();
+};
+
+onMounted(() => {
+  getData();
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-data/style.scss b/src/views/property-marketing/put-account/account-data/style.scss
new file mode 100644
index 0000000..f358776
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/style.scss
@@ -0,0 +1,58 @@
+.account-data-wrap {
+    height: 100%;
+  display: flex;
+  flex-direction: column;
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+  .filter-wrap {
+    border-radius: 8px;
+    border: 1px solid #e6e6e8;
+    :deep(.arco-tabs) {
+      .arco-tabs-tab {
+        height: 56px;
+        padding: 0 8px;
+      }
+    }
+    .top {
+      .title {
+        font-family: 'Alibaba PuHuiTi';
+        font-style: normal;
+      }
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 14px;
+        }
+      }
+    }
+    .overview-row {
+      .overview-item {
+        height: 88px;
+        border-radius: 8px;
+        background: var(--BG-100, #f7f8fa);
+        padding: 16px;
+        &:not(:last-child) {
+          margin-right: 12px;
+        }
+      }
+    }
+  }
+
+  .table-wrap {
+    width: 100%;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+}
\ No newline at end of file

From 78b9083ce8abd11d8cff874ac847a0590f693401 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Sat, 28 Jun 2025 16:41:14 +0800
Subject: [PATCH 24/78] =?UTF-8?q?perf:=20=E8=A1=8C=E4=B8=9A=E5=85=B3?=
 =?UTF-8?q?=E9=94=AE=E8=AF=8D=E5=8A=A8=E5=90=91=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/dataEngine/keyWord.vue | 40 ++++++++-------------
 1 file changed, 14 insertions(+), 26 deletions(-)

diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index 6c54794..112182e 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -20,9 +20,9 @@
         :columns="columns"
         :data="dataList"
         :filter-icon-align-left="alignLeft"
-        @change="handleChange"
         :scroll="true"
         :pagination="false"
+        @change="handleChange"
       >
         <template #heatLevel>
           <a-space>
@@ -85,23 +85,11 @@
           />
         </template>
         <template #tred="{ record }">
-          <a-statistic
-            style="font-size: 14px"
-            v-if="record.trend > 0"
-            :value="record.trend * 100"
-            :value-style="{ color: '#F64B31' }"
-          >
-            <template #prefix>
-              <icon-arrow-rise />
-            </template>
-            <template #suffix>%</template>
-          </a-statistic>
-          <a-statistic
-            v-else
-            style="font-size: 14px"
-            :value="record.trend * 100"
-            :value-style="{ color: '#25C883' }"
-          ></a-statistic>
+          <div class="flex items-center justify-end" :class="record.trend >= 0 ? 'color-#f64b31' : 'color-#25c883'">
+            <icon-arrow-up v-if="record.trend >= 0" size="16" />
+            <icon-arrow-down v-else size="16" />
+            {{ `${record.trend === 0 ? 0 : Math.abs(record.trend * 100)}%` }}
+          </div>
         </template>
       </a-table>
     </a-space>
@@ -126,7 +114,7 @@
         <a-space>
           <a-space style="width: 320px">
             <div id="container" style="height: 180px; width: 180px"></div>
-            <a-space direction="vertical" style="font-size: 14px" v-if="fellingRate.length > 0">
+            <a-space v-if="fellingRate.length > 0" direction="vertical" style="font-size: 14px">
               <a-space>
                 <span style="width: 8px; height: 8px; background-color: #25c883; border-radius: 50%"></span>
                 <span>正面情绪 </span>
@@ -144,9 +132,9 @@
             :data="rowData"
             :span-method="spanMethod"
             :filter-icon-align-left="alignLeft"
-            @change="handleChange"
             :scroll="true"
             :pagination="false"
+            @change="handleChange"
           >
             <template #felling="{ record }">
               <img
@@ -188,9 +176,9 @@
         :columns="columns3"
         :data="keywordList"
         :filter-icon-align-left="alignLeft"
-        @change="handleChange"
         :scroll="true"
         :pagination="false"
+        @change="handleChange"
       >
         <template #rank="{ record }">
           <img v-if="record.rank == 1" :src="topImages[0]" style="width: 25px; height: 17px" />
@@ -254,10 +242,10 @@
         </template>
         <template #tred="{ record }">
           <a-statistic
+            v-if="record.trend > 0"
             style="font-size: 14px"
             :value="record.trend * 100"
             :value-style="{ color: '#F64B31' }"
-            v-if="record.trend > 0"
           >
             <template #prefix>
               <icon-arrow-rise />
@@ -277,7 +265,7 @@
       </a-table>
     </a-space>
     <!-- modal -->
-    <a-modal :visible="visible" @ok="handleOk" @cancel="handleCancel" unmountOnClose>
+    <a-modal :visible="visible" unmountOnClose @ok="handleOk" @cancel="handleCancel">
       <template #title>
         <span style="text-align: left; width: 100%">新兴关键词</span>
       </template>
@@ -594,12 +582,12 @@ const getNewKeywordList = async () => {
 };
 
 const drawChart = () => {
-  var dom = document.getElementById('container');
-  var myChart = echarts.init(dom, null, {
+  let dom = document.getElementById('container');
+  let myChart = echarts.init(dom, null, {
     renderer: 'canvas',
     useDirtyRect: false,
   });
-  var option;
+  let option;
   option = {
     color: ['#25C883', '#F64B31'],
     series: [

From 126c0eab3813de526f60c65cc028e25e59883528 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Sat, 28 Jun 2025 16:57:30 +0800
Subject: [PATCH 25/78] =?UTF-8?q?feat:=20=E6=8E=88=E6=9D=83/=E9=87=8D?=
 =?UTF-8?q?=E6=96=B0=E6=8E=88=E6=9D=83=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../authorized-account-modal/index.vue        |  43 ++--
 .../reauthorize-account-modal/index.vue       | 194 +++++++++++-------
 2 files changed, 152 insertions(+), 85 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 eaf6bd5..6303680 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
@@ -31,19 +31,19 @@
           <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
         </template>
         <template v-else>
-          <div class="flex items-center mb-16px">
+          <!-- <div class="flex items-center mb-16px">
             <img :src="icon1" width="16" height="16" />
             <span class="ml-8px red-text">未识别到有效二维码。</span>
-          </div>
+          </div> -->
           <div class="img-box">
             <img :src="imgUrl" width="160" height="160" class="mb-16px" />
-            <div v-if="isOverdue" class="mask">
+            <div v-if="isOverdue" class="mask" @click="getAuthorizedQrCode">
               <icon-refresh size="24" class="mb-13px" />
               <p class="s1">二维码失效</p>
               <p class="s1">请点击刷新</p>
             </div>
           </div>
-          <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+          <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
         </template>
       </template>
     </div>
@@ -62,8 +62,10 @@ import icon1 from '@/assets/img/media-account/icon-warn.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
+const OVERDUE_TIME = 30000; // 失效时间
+
 const visible = ref(false);
-const isOverdue = ref(false);
+const isOverdue = ref(false); // 二维码失效
 const isLoading = ref(false);
 const isCompleted = ref(false);
 const isSuccess = ref(false);
@@ -73,6 +75,7 @@ const id = ref('');
 const imgUrl = ref('');
 
 let progressTimer = null;
+let overdueTimer = null;
 
 const notCompleted = computed(() => {
   return !isCompleted.value;
@@ -84,7 +87,7 @@ const confirmBtnText = computed(() => {
 
 const open = (accountId) => {
   id.value = accountId;
-  handleAuthorizedImage();
+  getAuthorizedQrCode();
   visible.value = true;
 };
 const close = () => {
@@ -95,14 +98,21 @@ const close = () => {
   failReason.value = '';
   progress.value = 0;
   id.value = '';
-
+  clearFakeProgressTimer();
+  clearOverdueTimer();
   visible.value = false;
 };
 
-const handleAuthorizedImage = async () => {
+const getAuthorizedQrCode = async () => {
   const { code, data } = await getAuthorizedImage(id.value);
   if (code === 200) {
     imgUrl.value = data.url;
+    overdueTimer = null;
+
+    // 约定：后端限制40s内必须扫码，前端定30s后失效
+    overdueTimer = setTimeout(() => {
+      isOverdue.value = true;
+    }, OVERDUE_TIME);
   }
 };
 const startLoading = async () => {
@@ -136,18 +146,27 @@ const clearFakeProgressTimer = () => {
     progressTimer = null;
   }
 };
+const clearOverdueTimer = () => {
+  if (overdueTimer) {
+    clearTimeout(overdueTimer);
+    overdueTimer = null;
+  }
+};
 
 const handleOk = () => {
   if (notCompleted.value) {
+    clearOverdueTimer();
+
+    if (isOverdue.value) {
+      AMessage.error('二维码已失效，请重新扫码');
+      return;
+    }
+
     startLoading();
     return;
   }
 };
 
-onUnmounted(() => {
-  clearFakeProgressTimer();
-});
-
 defineExpose({
   open,
 });
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 ef84c93..bdf86ce 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
@@ -9,11 +9,40 @@
     title="重新授权"
     modal-class="reauthorize-account-modal"
     :mask-closable="false"
-    :footer="!isLoading"
+    :footer="taskStep !== TASK_STEP.loading"
     @close="close"
   >
     <div class="flex flex-col items-center">
-      <template v-if="isLoading">
+      <template v-if="taskStep === TASK_STEP.default">
+        <template v-if="hasUnsyncData">
+          <div class="flex items-center mb-20px">
+            <img :src="icon4" width="16" height="16" class="mr-16px" />
+            <span class="s2 color-#3C4043">检测到该账号最后更新日期为x月x日，已有x天未同步最新数据。</span>
+          </div>
+          <a-radio-group v-model="actionType" class="ml-32px">
+            <a-radio :value="1" class="mb-16px"
+              ><span class="s2"
+                >立即同步遗漏数据 - 获取完整的最新数据 <span class="color-#6D4CFE">（推荐）</span></span
+              ></a-radio
+            >
+            <a-radio :value="2" class="mb-16px"
+              ><span class="s2">仅授权不更新 - 继续使用当前不完全的数据</span></a-radio
+            >
+          </a-radio-group>
+        </template>
+        <template v-else>
+          <div class="img-box">
+            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
+            <div v-if="isOverdue" class="mask" @click="getAuthorizedQrCode">
+              <icon-refresh size="24" class="mb-13px" />
+              <p class="s1">二维码失效</p>
+              <p class="s1">请点击刷新</p>
+            </div>
+          </div>
+          <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+        </template>
+      </template>
+      <template v-else-if="taskStep === TASK_STEP.loading">
         <a-progress
           :percent="progress"
           color="#6D4CFE"
@@ -24,57 +53,32 @@
         />
         <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
       </template>
-      <template v-else-if="loadingStep === 1">
-        <div class="flex items-center mb-20px">
-          <img :src="icon4" width="16" height="16" class="mr-16px" />
-          <span class="s2 color-#3C4043">检测到该账号最后更新日期为x月x日，已有x天未同步最新数据。</span>
-        </div>
-        <a-radio-group v-model="actionType" class="ml-32px">
-          <a-radio :value="1" class="mb-16px"
-            ><span class="s2"
-              >立即同步遗漏数据 - 获取完整的最新数据 <span class="color-#6D4CFE">（推荐）</span></span
-            ></a-radio
-          >
-          <a-radio :value="2" class="mb-16px"><span class="s2">仅授权不更新 - 继续使用当前不完全的数据</span></a-radio>
-        </a-radio-group>
-      </template>
-      <template v-else-if="loadingStep === 2">
-        <div class="flex items-center mb-20px">
-          <img :src="icon4" width="16" height="16" class="mr-16px" />
-          <span class="s2 color-#3C4043">当前绑定的账号与之前的昵称不一致，请确认是否覆盖原账号信息。</span>
-        </div>
-        <div class="w-100% pl-32px">
-          <div class="account-tip-box">
-            <p class="mb-4px s2"><span class="color-#3C4043">原账号：</span>全球旅行小助手</p>
-            <p class="s2"><span class="color-#3C4043">当前账号：</span>环球旅行官</p>
-          </div>
-        </div>
-      </template>
       <template v-else>
-        <template v-if="isCompleted">
+        <template v-if="isNicknameChanged">
+          <div class="flex items-center mb-20px">
+            <img :src="icon4" width="16" height="16" class="mr-16px" />
+            <span class="s2 color-#3C4043">当前绑定的账号与之前的昵称不一致，请确认是否覆盖原账号信息。</span>
+          </div>
+          <div class="w-100% pl-32px">
+            <div class="account-tip-box">
+              <p class="mb-4px s2"><span class="color-#3C4043">原账号：</span>全球旅行小助手</p>
+              <p class="s2"><span class="color-#3C4043">当前账号：</span>环球旅行官</p>
+            </div>
+          </div>
+        </template>
+        <template v-else>
           <img :src="isSuccess ? icon2 : icon3" width="80" height="80" class="mb-16px" />
           <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
           <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
         </template>
-        <template v-else>
-          <div class="flex items-center mb-16px">
-            <img :src="icon1" width="16" height="16" />
-            <span class="ml-8px red-text">未识别到有效二维码。</span>
-          </div>
-          <div class="img-box">
-            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
-            <div v-if="isOverdue" class="mask">
-              <icon-refresh size="24" class="mb-13px" />
-              <p class="s1">二维码失效</p>
-              <p class="s1">请点击刷新</p>
-            </div>
-          </div>
-          <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
-        </template>
       </template>
     </div>
     <template #footer>
-      <a-button v-if="isCompleted || [1, 3].includes(actionType)" size="large" class="cancel-btn" @click="close"
+      <a-button
+        v-if="(taskStep === TASK_STEP.default && hasUnsyncData) || taskStep === TASK_STEP.end"
+        size="large"
+        class="cancel-btn"
+        @click="close"
         >取消</a-button
       >
       <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
@@ -91,64 +95,81 @@ import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 import icon4 from '@/assets/img/media-account/icon-warn-1.png';
 
+const OVERDUE_TIME = 30000; // 失效时间
+const TASK_STEP = {
+  default: 1,
+  loading: 2,
+  end: 3,
+};
+
 const visible = ref(false);
-const isOverdue = ref(false);
-const isLoading = ref(false);
-const isCompleted = ref(false);
+const isOverdue = ref(false); // 二维码失效
 const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
 const imgUrl = ref('');
-const loadingStep = ref(0); // 1 | 2
+
+const taskStep = ref(TASK_STEP.default);
+const hasUnsyncData = ref(false); // 含有未同步数据
+const isNicknameChanged = ref(false); // 昵称发生变化
 const actionType = ref(1);
 
 let progressTimer = null;
+let overdueTimer = null;
 
-const notCompleted = computed(() => {
-  return !isCompleted.value;
-});
 const confirmBtnText = computed(() => {
-  if (loadingStep.value === 1) return '确定';
-  if (loadingStep.value === 2) return '确定覆盖';
+  if (taskStep.value === TASK_STEP.default) {
+    return hasUnsyncData.value ? '确定' : '完成扫码';
+  }
 
-  if (notCompleted.value) return '完成扫码';
+  if (taskStep.value === TASK_STEP.end) {
+    if (isNicknameChanged.value) return '确定覆盖';
+    return isSuccess.value ? '继续添加' : '重新扫码';
+  }
 
-  return isSuccess.value ? '继续添加' : '重新扫码';
+  return '';
 });
 
 const open = (accountId) => {
   id.value = accountId;
-  handleAuthorizedImage();
+  getAuthorizedQrCode();
   visible.value = true;
 };
 const close = () => {
   isOverdue.value = false;
-  isLoading.value = false;
-  isCompleted.value = false;
   isSuccess.value = false;
   failReason.value = '';
   progress.value = 0;
-  loadingStep.value = 0;
+  taskStep.value = TASK_STEP.default;
   actionType.value = 1;
+  hasUnsyncData.value = false;
+  isNicknameChanged.value = false;
   id.value = '';
-
+  clearFakeProgressTimer();
+  clearOverdueTimer();
   visible.value = false;
 };
 
-const handleAuthorizedImage = async () => {
+const getAuthorizedQrCode = async () => {
   const { code, data } = await getAuthorizedImage(id.value);
   if (code === 200) {
     imgUrl.value = data.url;
+    overdueTimer = null;
+
+    // 约定：后端限制40s内必须扫码，前端定30s后失效
+    overdueTimer = setTimeout(() => {
+      isOverdue.value = true;
+    }, OVERDUE_TIME);
   }
 };
 const startLoading = async () => {
-  isLoading.value = true;
+  taskStep.value = TASK_STEP.loading;
   progress.value = 0;
   startFakeProgressPolling();
   // const { code } = await startPatchAccount(id.value);
   // if (code === 200) {
-  //   isLoading.value = true;
+  //   taskStep.value = TASK_STEP.loading;
   //   progress.value = 0;
   //   startFakeProgressPolling();
   // }
@@ -162,7 +183,7 @@ const startFakeProgressPolling = () => {
       progress.value = Math.min(progress.value + step, 0.99);
       progress.value = Number(progress.value.toFixed(2));
     } else {
-      loadingStep.value = 2;
+      taskStep.value = TASK_STEP.end;
       clearFakeProgressTimer();
     }
   }, 1000);
@@ -174,23 +195,50 @@ const clearFakeProgressTimer = () => {
     progressTimer = null;
   }
 };
+const clearOverdueTimer = () => {
+  if (overdueTimer) {
+    clearTimeout(overdueTimer);
+    overdueTimer = null;
+  }
+};
+
+const getSyncDataStatus = () => {
+  return hasUnsyncData.value;
+};
 
 const handleOk = () => {
-  if (loadingStep.value === 1) {
+  if (taskStep.value === TASK_STEP.default) {
+    clearOverdueTimer();
+
+    if (isOverdue.value) {
+      AMessage.error('二维码已失效，请重新扫码');
+      return;
+    }
+
+    const _hasUnsyncData = getSyncDataStatus();
+    if (!_hasUnsyncData) {
+      hasUnsyncData.value = true;
+      return;
+    }
+
     startLoading();
     return;
   }
 
-  if (notCompleted.value) {
-    loadingStep.value = 1;
-    return;
+  if (taskStep.value === TASK_STEP.end) {
+    if (isNicknameChanged.value) {
+      isNicknameChanged.value = false;
+      console.log('确定覆盖');
+    } else {
+      if (isSuccess.value) {
+        console.log('继续添加');
+      } else {
+        console.log('重新扫码');
+      }
+    }
   }
 };
 
-onUnmounted(() => {
-  clearFakeProgressTimer();
-});
-
 defineExpose({
   open,
 });

From 12a2805528bee610615755b3359d941a029180a0 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Sat, 28 Jun 2025 17:40:36 +0800
Subject: [PATCH 26/78] =?UTF-8?q?feat:=20=E5=88=9D=E5=A7=8B=E5=8C=96?=
 =?UTF-8?q?=E6=8A=95=E6=94=BE=E8=B4=A6=E6=88=B7=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/filter-block/index.vue         |   2 +-
 .../account-table/delete-account.vue          |  69 +++++
 .../components/account-table/index.vue        | 116 +++++++-
 .../account-table/pause-account-patch.vue     |  54 ++++
 .../components/account-table/style.scss       |  43 +--
 .../components/add-account-modal/index.vue    | 263 ++++++++++++++++++
 .../components/add-account-modal/style.scss   |  63 +++++
 .../authorized-account-modal/index.vue        | 177 ++++++++++++
 .../authorized-account-modal/style.scss       |  49 ++++
 .../components/filter-block/index.vue         |  47 +++-
 .../components/import-prompt-modal/index.vue  |  49 ++++
 .../components/import-prompt-modal/style.scss |  14 +
 .../components/status-box/index.vue           |  96 +++++++
 .../put-account/account-manage/constants.ts   |  48 +++-
 .../put-account/account-manage/index.vue      | 226 +++++++++++----
 .../put-account/account-manage/style.scss     |  19 +-
 16 files changed, 1221 insertions(+), 114 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
 create mode 100644 src/views/property-marketing/put-account/account-manage/components/status-box/index.vue

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 7fb25cf..404ca9d 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
@@ -54,7 +54,7 @@
         </a-space>
       </div>
     </div>
-    <div class="filter-row flex mb-20px">
+    <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
         <a-space class="w-200px">
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
new file mode 100644
index 0000000..f1752be
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -0,0 +1,69 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:44:16
+-->
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 17:23:52
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isBatch ? '批量删除账号' : '删除账号'"
+    width="400px"
+    modal-class="account-manage-modal"
+    @close="onClose"
+  >
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 {{ accountName }} 这个账号吗？</span>
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const accountId = ref(null);
+const accountName = ref('');
+
+const isBatch = computed(() => Array.isArray(accountId.value));
+
+function onClose() {
+  visible.value = false;
+  accountId.value = null;
+  accountName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  accountId.value = id;
+  accountName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const _fn = isBatch ? batchDeleteMediaAccounts : deleteMediaAccount;
+  const { code } = await _fn(accountId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
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 8828433..e6e4da7 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
@@ -5,14 +5,12 @@
 <template>
   <div class="card-container">
     <div v-for="(item, index) in dataSource" :key="index" class="card-item">
-      <a-checkbox></a-checkbox>
+      <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
         <p class="name">{{ item.name }}</p>
         <div class="field-row">
           <span class="label">状态</span>
-          <div class="status-box" :class="`status-box-${item.status}`">
-            <span class="text">{{ STATUS_LIST.find((v) => v.value === item.status)?.label ?? '-' }}</span>
-          </div>
+          <StatusBox :status="item.status" />
         </div>
         <div class="field-row">
           <span class="label">平台</span>
@@ -37,31 +35,64 @@
         <div class="field-row">
           <span class="label">标签</span>
           <div class="flex items-center">
-            <div v-for="(tag, index) in item.tags" :key="index" class="tag-box">
+            <a-tooltip
+              v-if="item.tags.length > 2"
+              position="bottom"
+              :content="
+                item.tags
+                  .slice(2)
+                  .map((v) => v.name)
+                  .join(',')
+              "
+            >
+              <div class="tag-box">
+                <span class="text">{{ `+${item.tags.length - 2}` }}</span>
+              </div>
+            </a-tooltip>
+
+            <div v-for="(tag, index) in item.tags.slice(0, 2).reverse()" :key="index" class="tag-box">
               <span class="text">{{ tag.name }}</span>
             </div>
           </div>
         </div>
         <div class="operate-row">
-          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" />
-          <a-button class="w-64px search-btn mr-8px" size="mini">
+          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
+          <a-button
+            v-if="showPauseButton(item.status)"
+            class="w-64px search-btn mr-8px"
+            size="mini"
+            @click="handlePause(item)"
+          >
             <template #default>暂停同步</template>
           </a-button>
-          <a-button class="w-64px search-btn mr-8px" size="mini">
-            <template #default>获取凭证</template>
-          </a-button>
-          <a-button class="w-40px search-btn" size="mini">
+          <a-tooltip v-if="isDisabledReauthorize(item.status)" :content="getTooltipText(item.status)">
+            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
+              <template #default>重新授权</template>
+            </a-button>
+          </a-tooltip>
+          <template v-else>
+            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
+              <template #default>{{ isUnauthorizedStatus(item.status) ? '去授权' : '重新授权' }}</template>
+            </a-button>
+          </template>
+
+          <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
             <template #default>编辑</template>
           </a-button>
         </div>
       </div>
     </div>
+    <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" @success="emits('update')" />
   </div>
 </template>
 
 <script setup>
-import { defineProps } from 'vue';
-import { STATUS_LIST } from '../../constants';
+import { defineProps, ref, computed } from 'vue';
+import { STATUS_LIST, EnumStatus } from '../../constants';
+import PauseAccountPatchModal from './pause-account-patch';
+import StatusBox from '../status-box';
+import AuthorizedAccountModal from '../authorized-account-modal';
 
 import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
@@ -72,7 +103,66 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  selectedItems: {
+    type: Array,
+    default: () => [],
+  },
 });
+
+const emits = defineEmits(['openEdit', 'update', 'selectionChange', 'delete']);
+
+const pauseAccountPatchModalRef = ref(null);
+const authorizedAccountModalRef = ref(null);
+
+// 判断当前 item 是否被选中
+const isSelected = (item) => {
+  return props.selectedItems.some((i) => i.id === item.id);
+};
+
+const toggleSelect = (item) => {
+  let newSelected;
+  if (isSelected(item)) {
+    newSelected = props.selectedItems.filter((i) => i.id !== item.id);
+  } else {
+    newSelected = [...props.selectedItems, item];
+  }
+  emits('selectionChange', newSelected);
+};
+
+const openEdit = (item) => {
+  emits('openEdit', item);
+};
+
+const openDelete = (item) => {
+  emits('delete', item);
+};
+
+const handleReauthorize = (item) => {
+  const isUnauthorized = isUnauthorizedStatus(item.status);
+  if (isUnauthorized) {
+    authorizedAccountModalRef.value?.open(item.id);
+  }
+};
+
+const handlePause = (item) => {
+  pauseAccountPatchModalRef.value?.open(item);
+};
+
+const showPauseButton = (status) => {
+  return ![EnumStatus.PAUSE, EnumStatus.UNAUTHORIZED].includes(status);
+};
+const isUnauthorizedStatus = (status) => {
+  return [EnumStatus.UNAUTHORIZED].includes(status);
+};
+
+// 三种异常情况
+const isDisabledReauthorize = (status) => {
+  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
+};
+
+const getTooltipText = (status) => {
+  return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
new file mode 100644
index 0000000..00e5218
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
@@ -0,0 +1,54 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 14:41:20
+-->
+<template>
+  <a-modal v-model:visible="visible" title="暂停同步" width="400px" modal-class="account-manage-modal" @close="onClose">
+    <div class="flex items-center">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { pausePatchAccount } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const accountId = ref(null);
+const accountName = ref('');
+
+function onClose() {
+  visible.value = false;
+  accountId.value = null;
+  accountName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = null, name = '' } = record;
+  accountId.value = id;
+  accountName.value = name;
+
+  visible.value = true;
+};
+
+async function onConfirm() {
+  const { code } = await pausePatchAccount(accountId.value);
+  if (code === 200) {
+    AMessage.success('暂停成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
index 0a75fe9..f9e48b3 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
@@ -1,7 +1,13 @@
+@mixin ellipsis {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
 .card-container {
   flex: 1;
   display: grid;
-  grid-template-rows: repeat(2, 1fr); /* 2行 */
+  // grid-template-rows: repeat(2, 1fr); /* 2行 */
   grid-template-columns: repeat(4, 1fr); /* 4列 */
   gap: 20px;
   .card-item {
@@ -21,6 +27,8 @@
       // line-height: 22px; /* 157.143% */
     }
     .label {
+      margin-right: 20px;
+      flex-shrink: 0;
       color: var(--Text-3, #737478);
       font-family: 'Alibaba PuHuiTi';
       font-size: 12px;
@@ -34,6 +42,7 @@
       display: flex;
       justify-content: space-between;
       .cts {
+        @include ellipsis;
         color: var(--Text-2, #3c4043);
         font-family: 'Alibaba PuHuiTi';
         font-size: 12px;
@@ -41,42 +50,16 @@
         font-weight: 400;
         line-height: 20px; /* 166.667% */
       }
-      .status-box {
-        display: flex;
-        padding: 0px 8px;
-        align-items: center;
-        border-radius: 2px;
-        background: #f2f3f5;
-        .text {
-          color: var(--BG-700, #737478);
-          font-family: 'Alibaba PuHuiTi';
-          font-size: 12px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 20px; /* 166.667% */
-        }
-
-        &-1 {
-          background: #ebf7f2;
-          .text {
-            color: #25c883;
-          }
-        }
-        &-2 {
-          background: #ffe7e4;
-          .text {
-            color: #f64b31;
-          }
-        }
-      }
       .tag-box {
         display: flex;
-        height: 16px;
+        height: 20px;
         padding: 0px 4px;
         align-items: center;
         border-radius: 2px;
         background: var(--BG-200, #f2f3f5);
+        max-width: 100px;
         .text {
+          @include ellipsis();
           color: var(--Text-2, #3c4043);
           font-family: 'Alibaba PuHuiTi';
           font-size: 10px;
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
new file mode 100644
index 0000000..c557c86
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -0,0 +1,263 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isEdit ? '编辑账号' : '添加账号'"
+    modal-class="add-put-account-modal"
+    width="500px"
+    :mask-closable="false"
+    @close="onClose"
+  >
+    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <a-form-item v-if="!isEdit" label="上传方式" required>
+        <a-radio-group v-model="uploadType">
+          <a-radio value="manual">手动添加账号</a-radio>
+          <a-radio value="batch">批量导入账号</a-radio>
+        </a-radio-group>
+      </a-form-item>
+
+      <!-- 批量导入账号模式下的内容 -->
+      <template v-if="isBatchImport">
+        <a-form-item label="账号文件" required>
+          <!-- 默认状态 -->
+          <div class="upload-block">
+            <template v-if="uploadStatus === 'default'">
+              <a-upload draggable :custom-request="handleUpload" />
+            </template>
+            <template v-else>
+              <div class="flex items-center">
+                <div
+                  class="flex items-center justify-between py-9px px-12px flex-1 import-row"
+                  :class="{
+                    error: uploadStatus === 'error',
+                  }"
+                >
+                  <div class="flex items-center">
+                    <icon-file size="16" />
+                    <span class="name ml-8px">{{ fileName }}</span>
+                  </div>
+                  <span v-if="uploadStatus === 'error'" class="upload-error" @click="retryUpload">点击重试</span>
+                </div>
+                <img :src="icon2" width="16" height="16" class="cursor-pointer ml-12px" @click="removeFile" />
+              </div>
+            </template>
+            <div class="flex items-center cursor-pointer mt-8px" @click="handleDownloadTemplate">
+              <img :src="icon1" width="16" height="16" class="mr-4px" />
+              <span class="dt">下载账号导入模板.xlsx</span>
+            </div>
+          </div>
+        </a-form-item>
+      </template>
+
+      <!-- 手动添加账号 -->
+      <template v-else>
+        <template v-if="isEdit">
+          <a-form-item label="账号名称" field="name">
+            <a-input v-model="form.name" placeholder="请输入..." size="large" disabled />
+          </a-form-item>
+          <a-form-item label="账号ID" field="account_id">
+            <a-input v-model="form.account_id" placeholder="请输入..." size="large" disabled />
+          </a-form-item>
+          <a-form-item label="状态" field="status">
+            <StatusBox :status="form.status" />
+          </a-form-item>
+        </template>
+
+        <a-form-item label="手机号" field="mobile" required>
+          <a-input v-model="form.mobile" placeholder="请输入..." size="large" />
+        </a-form-item>
+        <a-form-item label="运营人员" field="operator_name" required>
+          <a-input v-model="form.operator_name" placeholder="请输入..." class="w-240px" size="large" />
+        </a-form-item>
+        <a-form-item label="号码持有人" field="holder_name" required>
+          <a-input v-model="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
+        </a-form-item>
+        <a-form-item label="运营平台" :required="!isEdit">
+          <img v-if="isEdit" :src="form.platform === 0 ? icon3 : icon4" width="24" height="24" />
+          <a-radio-group v-else v-model="form.platform">
+            <a-radio :value="0">抖音</a-radio>
+            <a-radio :value="1">小红书</a-radio>
+          </a-radio-group>
+        </a-form-item>
+        <a-form-item label="同步项目数据" field="sync_project_data">
+          <template #label>
+            <span class="label">同步项目数据</span>
+            <icon-question-circle size="14" class="ml-4px color-#737478" />
+          </template>
+          <a-switch v-model="form.sync_project_data" size="medium" />
+        </a-form-item>
+      </template>
+    </a-form>
+    <template #footer>
+      <a-button size="large" class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" size="large" @click="onSubmit">
+        {{ confirmBtnText }}
+      </a-button>
+    </template>
+
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" />
+    <ImportPromptModal ref="importPromptModalRef" />
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, reactive } from 'vue';
+
+import AuthorizedAccountModal from '../authorized-account-modal';
+import ImportPromptModal from '../import-prompt-modal';
+import StatusBox from '../status-box';
+
+import {
+  postMediaAccounts,
+  getMediaAccountsDetail,
+  putMediaAccounts,
+  getTemplateUrl,
+} from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/media-account/icon-download.png';
+import icon2 from '@/assets/img/media-account/icon-delete.png';
+import icon3 from '@/assets/img/media-account/icon-dy.png';
+import icon4 from '@/assets/img/media-account/icon-xhs.png';
+
+const visible = ref(false);
+const uploadType = ref('manual');
+const uploadStatus = ref('default');
+const id = ref('');
+const isEdit = ref(false);
+const fileName = ref('账号导入模板.xlsx');
+const formRef = ref();
+const authorizedAccountModalRef = ref(null);
+const importPromptModalRef = ref(null);
+const form = reactive({
+  mobile: '',
+  operator_name: '',
+  holder_name: '',
+  platform: 0,
+});
+
+const isBatchImport = computed(() => uploadType.value === 'batch');
+const confirmBtnText = computed(() => {
+  if (isBatchImport.value) return '确定导入';
+  return isEdit.value ? '确定' : '下一步';
+});
+
+const rules = {
+  mobile: [
+    {
+      required: true,
+      message: '请填写手机号',
+      trigger: ['blur', 'change'],
+    },
+    {
+      validator: (value, callback) => {
+        if (!/^1[3-9]\d{9}$/.test(value)) {
+          callback('手机号格式不正确');
+        } else {
+          callback();
+        }
+      },
+      trigger: ['blur', 'change'],
+    },
+  ],
+  operator_name: [{ required: true, message: '请输入运营人员' }],
+  holder_name: [{ required: true, message: '请输入号码持有人' }],
+};
+
+function handleUpload({ file, onSuccess, onError }) {
+  // 模拟上传
+  uploadStatus.value = 'error';
+}
+
+function removeFile() {
+  fileName.value = '';
+  uploadStatus.value = 'default';
+}
+
+function retryUpload() {
+  handleUpload();
+  // uploadStatus.value = 'default';
+}
+const reset = () => {
+  formRef.value.resetFields();
+  formRef.value.clearValidate();
+
+  fileName.value = '';
+  isEdit.value = false;
+  uploadStatus.value = 'default';
+  uploadType.value = 'manual';
+};
+function onClose() {
+  reset();
+  visible.value = false;
+}
+
+const open = (accountId = '') => {
+  id.value = accountId;
+  isEdit.value = !!accountId;
+
+  if (accountId) {
+    getAccountDetail();
+  }
+
+  visible.value = true;
+};
+
+const getAccountDetail = async () => {
+  const { code, data } = await getMediaAccountsDetail(id.value);
+  if (code === 200) {
+    form.value = data;
+  }
+};
+
+const handleBatchImport = () => {
+  onClose();
+  importPromptModalRef.value.open();
+};
+
+async function onSubmit() {
+  if (isBatchImport.value) {
+    handleBatchImport();
+    return;
+  }
+
+  handleSuccess();
+
+  formRef.value.validate(async (errors) => {
+    if (!errors) {
+      const _fn = id.value ? putMediaAccounts : postMediaAccounts;
+      const _params = id.value ? { id: id.value, ...form.value } : form;
+      const { code, data } = await _fn(_params);
+      if (code === 200) {
+        AMessage.success(isEdit.value ? '修改成功' : '添加成功');
+
+        if (isEdit.value) {
+          visible.value = false;
+        } else {
+          handleSuccess(data?.id);
+        }
+      }
+    }
+  });
+}
+
+const handleSuccess = (id) => {
+  authorizedAccountModalRef.value.open(id);
+};
+
+const handleDownloadTemplate = async () => {
+  const { code, data } = await getTemplateUrl();
+  if (code === 200) {
+    window.open(data.url, '_blank');
+  }
+};
+
+// 对外暴露打开弹窗方法
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
new file mode 100644
index 0000000..22fe718
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
@@ -0,0 +1,63 @@
+@import "@/views/property-marketing/component.scss";
+.add-put-account-modal {
+  border-radius: 8px; 
+  .w-240px {
+    width: 240px !important;
+  }
+  .arco-modal-body {
+    .upload-block {
+      width: 100%;
+      .dt {
+        color: var(--Brand-Brand-6, #6d4cfe);
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+      }
+      .import-row {
+        border-radius: 4px;
+        border: 1px solid var(--BG-400, #d7d7d9);
+        background: var(--BG-200, #f2f3f5);
+        .name {
+          color: var(--Text-1, #211f24);
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        &.error {
+          background: #ffe7e4;
+          color: #f64b31;
+          border: none;
+          .name {
+            color: #f64b31;
+          }
+        }
+      }
+      .arco-upload-drag {
+        height: 120px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        .arco-icon {
+          margin-bottom: 16px;
+        }
+      }
+    }
+    .upload-dragger {
+      border: 1px dashed #d9d9d9;
+      padding: 24px 0;
+      text-align: center;
+      background: #fafafa;
+      cursor: pointer;
+    }
+    .upload-error {
+      color: #f53f3f;
+      margin-left: 8px;
+      cursor: pointer;
+    }
+  }
+}
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
new file mode 100644
index 0000000..6303680
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -0,0 +1,177 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="480px"
+    title="授权账号"
+    modal-class="authorized-account-modal"
+    :mask-closable="false"
+    :footer="!isLoading"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <template v-if="isLoading">
+        <a-progress
+          :percent="progress"
+          color="#6D4CFE"
+          trackColor="#E6E6E8"
+          size="large"
+          :stroke-width="4"
+          type="circle"
+        />
+        <p class="s2 mt-16px">数据同步和初始化中，请勿关闭窗口。</p>
+      </template>
+      <template v-else>
+        <template v-if="isCompleted">
+          <img :src="isSuccess ? icon2 : icon3" width="80" height="80" class="mb-16px" />
+          <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
+          <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
+        </template>
+        <template v-else>
+          <!-- <div class="flex items-center mb-16px">
+            <img :src="icon1" width="16" height="16" />
+            <span class="ml-8px red-text">未识别到有效二维码。</span>
+          </div> -->
+          <div class="img-box">
+            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
+            <div v-if="isOverdue" class="mask" @click="getAuthorizedQrCode">
+              <icon-refresh size="24" class="mb-13px" />
+              <p class="s1">二维码失效</p>
+              <p class="s1">请点击刷新</p>
+            </div>
+          </div>
+          <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+        </template>
+      </template>
+    </div>
+    <template #footer>
+      <a-button v-if="isCompleted" size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose, ref, onUnmounted } from 'vue';
+import { startPatchAccount, getAuthorizedImage } from '@/api/all/propertyMarketing';
+
+import icon1 from '@/assets/img/media-account/icon-warn.png';
+import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
+import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
+
+const OVERDUE_TIME = 30000; // 失效时间
+
+const visible = ref(false);
+const isOverdue = ref(false); // 二维码失效
+const isLoading = ref(false);
+const isCompleted = ref(false);
+const isSuccess = ref(false);
+const failReason = ref('');
+const progress = ref(0);
+const id = ref('');
+const imgUrl = ref('');
+
+let progressTimer = null;
+let overdueTimer = null;
+
+const notCompleted = computed(() => {
+  return !isCompleted.value;
+});
+const confirmBtnText = computed(() => {
+  if (notCompleted.value) return '完成扫码';
+  return isSuccess.value ? '继续添加' : '重新扫码';
+});
+
+const open = (accountId) => {
+  id.value = accountId;
+  getAuthorizedQrCode();
+  visible.value = true;
+};
+const close = () => {
+  isOverdue.value = false;
+  isLoading.value = false;
+  isCompleted.value = false;
+  isSuccess.value = false;
+  failReason.value = '';
+  progress.value = 0;
+  id.value = '';
+  clearFakeProgressTimer();
+  clearOverdueTimer();
+  visible.value = false;
+};
+
+const getAuthorizedQrCode = async () => {
+  const { code, data } = await getAuthorizedImage(id.value);
+  if (code === 200) {
+    imgUrl.value = data.url;
+    overdueTimer = null;
+
+    // 约定：后端限制40s内必须扫码，前端定30s后失效
+    overdueTimer = setTimeout(() => {
+      isOverdue.value = true;
+    }, OVERDUE_TIME);
+  }
+};
+const startLoading = async () => {
+  isLoading.value = true;
+  progress.value = 0;
+  startFakeProgressPolling();
+  // const { code } = await startPatchAccount(id.value);
+  // if (code === 200) {
+  //   isLoading.value = true;
+  //   progress.value = 0;
+  //   startFakeProgressPolling();
+  // }
+};
+
+const startFakeProgressPolling = () => {
+  clearFakeProgressTimer();
+  progressTimer = setInterval(() => {
+    if (progress.value < 0.99) {
+      const step = Math.random() * 0.04 + 0.01;
+      progress.value = Math.min(progress.value + step, 0.99);
+      progress.value = Number(progress.value.toFixed(2));
+    } else {
+      clearFakeProgressTimer();
+    }
+  }, 1000);
+};
+
+const clearFakeProgressTimer = () => {
+  if (progressTimer) {
+    clearInterval(progressTimer);
+    progressTimer = null;
+  }
+};
+const clearOverdueTimer = () => {
+  if (overdueTimer) {
+    clearTimeout(overdueTimer);
+    overdueTimer = null;
+  }
+};
+
+const handleOk = () => {
+  if (notCompleted.value) {
+    clearOverdueTimer();
+
+    if (isOverdue.value) {
+      AMessage.error('二维码已失效，请重新扫码');
+      return;
+    }
+
+    startLoading();
+    return;
+  }
+};
+
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
new file mode 100644
index 0000000..a476920
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
@@ -0,0 +1,49 @@
+@import '@/views/property-marketing/component.scss';
+
+.authorized-account-modal {
+  border-radius: 8px;
+  .img-box {
+    position: relative;
+    .mask {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      opacity: 0.8;
+      background: #000;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      .s1 {
+        color: var(--BG-White, #fff);
+        text-align: center;
+        font-family: 'Alibaba PuHuiTi';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px;
+      }
+    }
+  }
+  .s2 {
+    color: var(--Text-1, #211f24);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px; 
+  }
+  .red-text {
+    overflow: hidden;
+    color: var(--Functional-Red-6, #f64b31);
+    text-overflow: ellipsis;
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+}
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 39dc8f2..0e4ffbf 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
@@ -1,3 +1,4 @@
+<!-- eslint-disable vue/no-mutating-props -->
 <!--
  * @Author: RenXiaoDong
  * @Date: 2025-06-25 14:02:40
@@ -24,10 +25,10 @@
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">状态</span>
-        <a-space class="w-160px">
+        <a-space class="w-180px">
           <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.label">{{
-              item.label
+            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
+              item.text
             }}</a-option>
           </a-select>
         </a-space>
@@ -46,13 +47,15 @@
         <span class="label">运营人员</span>
         <a-space class="w-160px">
           <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option value="Beijing" label="Beijing">Beijing</a-option>
+            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
+              item.name
+            }}</a-option>
           </a-select>
         </a-space>
       </div>
     </div>
-    <a-space class="flex items-center">
-      <a-button class="w-84px search-btn" size="medium" @click="handleSearch">
+    <div class="filter-row flex">
+      <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
         </template>
@@ -64,29 +67,47 @@
         </template>
         <template #default>重置</template>
       </a-button>
-    </a-space>
+    </div>
   </div>
 </template>
 
 <script setup>
-import { reactive, defineEmits, defineProps } from 'vue';
+import { defineEmits, defineProps } from 'vue';
+import { fetchAccountOperators } from '@/api/all/propertyMarketing';
 import {
   INITIAL_QUERY,
   PLATFORM_LIST,
   STATUS_LIST,
-} from '@/views/property-marketing/media-account/account-manage/constants';
+} from '@/views/property-marketing/put-account/account-manage/constants';
 
-const emits = defineEmits('onSearch', 'onReset');
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
 
-const query = ref(cloneDeep(INITIAL_QUERY));
+const emits = defineEmits('onSearch', 'onReset', 'update:query');
+
+const operators = ref([]);
 
 const handleSearch = () => {
-  emits('onSearch', query);
+  emits('onSearch', props.query);
 };
+
 const handleReset = () => {
-  query.value = cloneDeep(INITIAL_QUERY);
   emits('onReset');
 };
+const getOperators = async () => {
+  const { code, data } = await fetchAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+
+onMounted(() => {
+  // getOperators();
+});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
new file mode 100644
index 0000000..5fd6c1e
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/index.vue
@@ -0,0 +1,49 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="480px"
+    title="导入提示"
+    modal-class="import-prompt-modal"
+    :mask-closable="false"
+    @close="close"
+  >
+    <div class="flex flex-col items-center">
+      <div class="flex items-center">
+        <img :src="icon1" width="20" height="20" class="mr-12px" />
+        <span class="tip"> 账号已成功导入，当前为未授权状态。请前往卡片列表手动授权，完成授权后账号可正常使用。 </span>
+      </div>
+    </div>
+    <template #footer>
+      <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
+      <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { defineExpose } from 'vue';
+
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const visible = ref(false);
+const open = () => {
+  visible.value = true;
+};
+const close = () => {
+  visible.value = false;
+};
+const handleOk = () => {
+  close();
+};
+defineExpose({
+  open,
+});
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
new file mode 100644
index 0000000..e299151
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
@@ -0,0 +1,14 @@
+@import "@/views/property-marketing/component.scss";
+.import-prompt-modal {
+  border-radius: 8px;
+  .arco-modal-body {
+    .tip {
+      color: var(--Text-1, #211f24);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+  }
+}
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
new file mode 100644
index 0000000..9a94451
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -0,0 +1,96 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 15:31:15
+-->
+<template>
+  <div class="status-box" :class="`status-box-${status}`">
+    <span class="text">{{ statusText }}</span>
+    <a-tooltip v-if="showTooltip" :content="tooltipText">
+      <img v-if="showIcon" :src="iconSrc" width="12" height="12" class="ml-4px" />
+    </a-tooltip>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue';
+import { STATUS_LIST, EnumStatus } from '../../constants';
+
+import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
+import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
+
+const props = defineProps({
+  status: {
+    type: Number,
+    required: true,
+  },
+});
+
+const statusText = computed(() => {
+  return STATUS_LIST.find((v) => v.value === props.status)?.label ?? '-';
+});
+
+const showTooltip = computed(() => {
+  return isDisabledReauthorize(props.status);
+});
+
+const tooltipText = computed(() => {
+  return STATUS_LIST.find((v) => v.value === props.status)?.tooltip ?? '-';
+});
+
+const showIcon = computed(() => {
+  return ![EnumStatus.NORMAL, EnumStatus.UNAUTHORIZED].includes(props.status);
+});
+
+const iconSrc = computed(() => {
+  return props.status === EnumStatus.PAUSE ? iconWarn1 : iconWarn2;
+});
+
+// 判断是否为禁用重新授权的状态
+const isDisabledReauthorize = (status) => {
+  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
+};
+</script>
+
+<style scoped lang="scss">
+.status-box {
+  display: flex;
+  padding: 0px 8px;
+  align-items: center;
+  border-radius: 2px;
+  background: #f2f3f5;
+
+  .text {
+    color: var(--BG-700, #737478);
+    font-family: 'Alibaba PuHuiTi';
+    font-size: 12px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 20px; /* 166.667% */
+  }
+
+  &-1 {
+    background: #ebf7f2;
+    .text {
+      color: #25c883;
+    }
+  }
+
+  &-2,
+  &-4,
+  &-5,
+  &-6 {
+    background: #ffe7e4;
+    .text {
+      color: #f64b31;
+    }
+  }
+
+  &-3 {
+    background: #fff7e5;
+    color: #ffae00;
+    .text {
+      color: #ffae00;
+    }
+  }
+}
+</style>
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
index 18c8201..703b871 100644
--- a/src/views/property-marketing/put-account/account-manage/constants.ts
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -20,17 +20,53 @@ export const PLATFORM_LIST = [
   },
 ];
 
+export enum EnumStatus {
+  NORMAL = 1,
+  PAUSE = 3,
+  UNAUTHORIZED = 0,
+  ABNORMAL = 2,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+}
+
 export const STATUS_LIST = [
   {
-    label: '未授权',
-    value: 0,
-  },
-  {
+    text: '正常',
     label: '正常',
-    value: 1,
+    value: EnumStatus.NORMAL,
   },
   {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
     label: '异常',
-    value: 2,
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
   },
 ];
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 44f7ff1..2b69bd9 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -4,50 +4,74 @@
 -->
 <template>
   <div class="account-manage-wrap">
-    <div class="filter-wrap bg-#fff border-radius-8px">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
       <div class="top flex h-64px px-24px py-10px justify-between items-center">
         <p class="text-18px font-400 lh-26px color-#211F24 title">账户管理</p>
         <div class="flex items-center">
-          <a-button type="primary" class="w-139px search-btn" size="medium">
+          <a-button type="primary" class="w-112px search-btn" size="medium" @click="handleOpenAccountModal">
             <template #icon>
               <img :src="icon1" width="16" height="16" />
             </template>
-            <template #default>添加投放账号</template>
+            <template #default>添加账户</template>
           </a-button>
         </div>
       </div>
-      <FilterBlock @onSearch="handleSearch" @onReset="handleReset" />
+      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
 
     <div
       class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="{
-        normal: isNormalStatus,
-        abnormal: isAbnormalStatus,
-      }"
+      :class="selectedItems.length > 0 ? 'selected' : isNormalStatus ? 'normal' : 'abnormal'"
     >
       <div class="flex items-center">
-        <template v-if="isNormalStatus || isAbnormalStatus">
-          <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
-          <span class="label">
-            {{
-              isNormalStatus
-                ? '太棒啦！所有账号都在正常运行。'
-                : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
-            }}
-          </span>
-        </template>
+        <div class="flex items-center">
+          <template v-if="selectedItems.length > 0">
+            <a-checkbox
+              :model-value="checkedAll"
+              :indeterminate="indeterminate"
+              class="mr-8px"
+              @change="handleChangeAll"
+            />
+            <span class="label mr-24px">
+              已选
+              <span class="color-#6D4CFE">{{ selectedItems.length }}</span>
+              个账号
+            </span>
+
+            <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
+          </template>
+          <template v-else>
+            <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
+            <span class="label">
+              {{
+                isNormalStatus
+                  ? '太棒啦！所有账号都在正常运行。'
+                  : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
+              }}
+            </span>
+          </template>
+        </div>
       </div>
-      <div>
+
+      <template v-if="selectedItems.length > 0">
+        <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
+      </template>
+      <div v-else>
         <a-space v-if="isAbnormalStatus" class="flex items-center">
-          <a-button class="w-96px err-btn" size="mini">
+          <a-button class="w-96px err-btn" size="mini" @click="handleOpenAbnormalAccount">
             <template #default>查看异常账号</template>
           </a-button>
         </a-space>
       </div>
     </div>
     <div class="card-wrap">
-      <AccountTable :dataSource="dataSource" />
+      <AccountTable
+        :dataSource="dataSource"
+        :selectedItems="selectedItems"
+        @selectionChange="handleSelectionChange"
+        @delete="handleDelete"
+        @openEdit="handleOpenEdit"
+      />
       <div class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
@@ -62,6 +86,9 @@
         />
       </div>
     </div>
+
+    <AddAccountModal ref="addAccountModalRef" />
+    <DeleteAccountModal ref="deleteAccountRef" @update="getData" />
   </div>
 </template>
 
@@ -70,11 +97,21 @@ import { ref } from 'vue';
 
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
+import AddAccountModal from './components/add-account-modal';
+import DeleteAccountModal from './components/account-table/delete-account';
+
 import { INITIAL_QUERY } from './constants';
+import { getMediaAccounts } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
 import icon5 from '@/assets/img/media-account/icon-warn.png';
+import icon6 from '@/assets/img/media-account/icon-close.png';
+
+const groupManageModalRef = ref(null);
+const tagsManageModalRef = ref(null);
+const addAccountModalRef = ref(null);
+const deleteAccountRef = ref(null);
 
 const tipStatus = ref(2);
 const pageInfo = reactive({
@@ -82,49 +119,103 @@ const pageInfo = reactive({
   pageSize: 20,
   total: 100,
 });
-
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
+const selectedItems = ref([]);
 
 const isNormalStatus = computed(() => tipStatus.value === 1);
 const isAbnormalStatus = computed(() => tipStatus.value === 2);
+const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
+const indeterminate = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
+);
 
 onMounted(() => {
   getData();
 });
 
-const getData = () => {
-  console.log('getData', query.value, pageInfo);
-  dataSource.value = new Array(8).fill({
-    id: 1,
-    name: '全球',
-    account_id: 1,
-    mobile: 1777777,
-    status: 1,
-    platform: 0,
-    operator: {
-      name: '小周',
-    },
-    group: {
-      name: '美团组',
-    },
-    tags: [
-      {
-        name: '标签1',
+const getData = async () => {
+  console.log('getData');
+  // const { page, pageSize } = pageInfo;
+  // const { code, data, total } = await getMediaAccounts({
+  //   page,
+  //   page_size: pageSize,
+  //   ...query.value,
+  // });
+  // if (code === 200) {
+  //   dataSource.value = data.data;
+  //   pageInfo.total = total;
+  // }
+  dataSource.value = [
+    {
+      id: 1,
+      name: '全球',
+      account_id: 1,
+      mobile: 1777777,
+      status: 0,
+      platform: 0,
+      operator: {
+        name: '小周',
       },
-      {
-        name: '标签2',
+      group: {
+        name: '美团组',
       },
-    ],
-  });
+      tags: [
+        {
+          name: '标签1',
+        },
+        {
+          name: '标签2',
+        },
+        {
+          name: '标签3',
+        },
+        {
+          name: '标签4',
+        },
+        {
+          name: '标签5',
+        },
+      ],
+    },
+    {
+      id: 2,
+      name: '全球2',
+      account_id: 1,
+      mobile: 1777777,
+      status: 4,
+      platform: 0,
+      operator: {
+        name: '小周',
+      },
+      group: {
+        name: '美团组',
+      },
+      tags: [
+        {
+          name: '标签1',
+        },
+        {
+          name: '标签2',
+        },
+      ],
+    },
+  ];
 };
-const handleSearch = (newQuery) => {
-  query.value = { ...newQuery };
+const reload = () => {
+  pageInfo.page = 1;
+  getData();
+};
+const handleSearch = () => {
   getData();
 };
 const handleReset = () => {
+  pageInfo.page = 1;
+  pageInfo.pageSize = 20;
+  pageInfo.total = 0;
+  selectedItems.value = [];
   query.value = cloneDeep(INITIAL_QUERY);
-  getData();
+  reload();
 };
 
 const onPageChange = (current) => {
@@ -133,8 +224,45 @@ const onPageChange = (current) => {
 };
 const onPageSizeChange = (pageSize) => {
   pageInfo.pageSize = pageSize;
-  pageInfo.page = 1;
-  getData();
+  reload();
+};
+
+const handleOpenGroupModal = () => {
+  groupManageModalRef.value?.open();
+};
+const handleOpenAccountModal = () => {
+  addAccountModalRef.value?.open();
+};
+
+const handleOpenEdit = (item) => {
+  addAccountModalRef.value?.open(item.id);
+};
+
+const handleSelectionChange = (val) => {
+  selectedItems.value = val;
+};
+const handleChangeAll = (val) => {
+  if (val) {
+    selectedItems.value = cloneDeep(dataSource.value);
+  } else {
+    selectedItems.value = [];
+  }
+};
+const handleBatchDelete = () => {
+  const ids = selectedItems.value.map((item) => item.id);
+  const names = selectedItems.value.map((item) => `"${item.name}"`).join(',');
+  deleteAccountRef.value?.open({ id: ids, name: names });
+};
+const handleDelete = (item) => {
+  const { id, name } = item;
+  deleteAccountRef.value?.open({ id, name: `"${name}"` });
+};
+const handleCloseTip = () => {
+  selectedItems.value = [];
+};
+const handleOpenAbnormalAccount = () => {
+  query.value.status = 2;
+  reload();
 };
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
index b0eb844..f916046 100644
--- a/src/views/property-marketing/put-account/account-manage/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -13,8 +13,6 @@
     background: var(--BG-white, #fff);
   }
   .filter-wrap {
-    border-radius: 8px;
-    border: 1px solid #e6e6e8;
     .top {
       .title {
         font-family: 'Alibaba PuHuiTi';
@@ -58,6 +56,22 @@
       font-weight: 400;
       line-height: 20px; /* 166.667% */
     }
+    .operation-btn {
+      padding: 0;
+      cursor: pointer;
+      color: var(--Brand-Brand-6, #6d4cfe);
+      font-family: 'Alibaba PuHuiTi';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+      &:not(:last-child) {
+        margin-right: 16px;
+      }
+      &.red {
+        color: #F64B31;
+      }
+    }
   }
   .card-wrap {
     display: flex;
@@ -68,6 +82,7 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
+
     }
   }
 }

From 697c23ecf04362a82b79930133118d31bfc348c0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 30 Jun 2025 11:36:11 +0800
Subject: [PATCH 27/78] =?UTF-8?q?feat(property-marketing):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=8A=A5=E8=A1=A8=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 重新设计了业务分析报告和竞品分析报告的页面布局
- 添加了更多筛选条件和排序功能- 优化了表格列的展示内容和样式
- 更新了图表组件，支持更多图表类型
- 调整了路由模块中的报表名称
---
 .../routes/modules/propertyMarketing.ts       |  4 +-
 .../businessAnalysisReport.vue                | 59 ++++++++----
 .../competitiveProductAnalysisReport.vue      | 96 ++++++++++++++-----
 .../components/echarts-item/index.vue         | 22 +++--
 .../put-account/account-dashboard/index.vue   | 87 ++++++++++++++++-
 5 files changed, 211 insertions(+), 57 deletions(-)

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 8a9035d..f85feac 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -151,7 +151,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'businessAnalysisReport',
         name: 'IntelligentSolutionBusinessAnalysisReport',
         meta: {
-          locale: '业务分析报告',
+          locale: '业务洞察报告',
           requiresAuth: true,
           roles: ['*'],
         },
@@ -161,7 +161,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'competitiveProductAnalysisReport',
         name: 'IntelligentSolutionCompetitiveProductAnalysisReport',
         meta: {
-          locale: '竟品分析报告',
+          locale: '竟品对比报告',
           requiresAuth: true,
           roles: ['*'],
         },
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
index 56011c2..5b4101c 100644
--- a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -2,19 +2,17 @@
   <view>
     <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
       <a-space align="end">
-        <span class="part-div-header-title">业务分析报告 </span>
-      </a-space>
-      <a-space wrap :size="30">
-
+        <span class="part-div-header-title">业务洞察报告 </span>
       </a-space>
       <a-space align="center" class="search-form-div" size="medium">
         <a-form-item field="name" class="search-form" label="服务/产品">
-          <a-input
-            v-model="listQuery.name"
-            placeholder="请搜索..."
-          />
+          <a-input v-model="listQuery.name" placeholder="请搜索...">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
         </a-form-item>
-        <a-form-item field="name" label="生成日期">
+        <a-form-item field="name" label="时间筛选">
           <a-range-picker
             showTime
             :time-picker-props="{
@@ -49,7 +47,14 @@
         :pagination="false"
       >
       </a-table>
-      <a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
+      <a-pagination
+        style="float: right"
+        :total="listResult.total"
+        :size="listQuery.size"
+        show-total
+        show-jumper
+        show-page-size
+      />
     </a-space>
   </view>
 </template>
@@ -57,6 +62,7 @@
 <script setup lang="ts">
 const listQuery = reactive({
   name: '',
+  size: 0,
 });
 
 const listResult = reactive({
@@ -67,14 +73,14 @@ const listResult = reactive({
 const columns = [
   {
     title: '服务/产品',
-    dataIndex: 'rank',
+    dataIndex: 'service_name',
     slotName: 'rank',
     width: 60,
     minWidth: 60,
   },
   {
     title: '生成日期',
-    dataIndex: 'name',
+    dataIndex: 'create_time',
     width: 120,
     minWidth: 120,
     sortable: {
@@ -86,17 +92,17 @@ const columns = [
     width: 180,
     minWidth: 180,
     title: '目标客群',
-    dataIndex: 'hot',
+    dataIndex: 'customer',
     slotName: 'hot',
   },
   {
     title: '价格区间',
-    dataIndex: 'name',
+    dataIndex: 'price',
     width: 120,
     minWidth: 120,
   },
   {
-    titleSlotName: 'volume_rateTitle',
+    titleSlotName: 'lasterUpdateTime',
     title: '最后更新日期',
     dataIndex: 'volumeRate',
     width: 180,
@@ -104,11 +110,11 @@ const columns = [
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
-    slotName: 'volumeRate',
+    slotName: 'lasterUpdateTime',
   },
   {
     title: '操作人',
-    dataIndex: 'name',
+    dataIndex: 'operator',
     width: 120,
     minWidth: 120,
   },
@@ -132,6 +138,23 @@ const columns = [
   margin-top: 10px;
 }
 
-.search-form {
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+
+.reset-btn {
+  min-width: 72px;
+  color: black;
 }
 </style>
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
index d71f0ab..6ddf2b9 100644
--- a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -2,13 +2,17 @@
   <view>
     <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
       <a-space align="end">
-        <span>业务分析报告 </span>
+        <span class="part-div-header-title">竞品对比报告 </span>
       </a-space>
-      <a-space align="center" size="medium">
-        <a-form-item field="name" label="服务/产品">
-          <a-input v-model="listQuery.name" placeholder="请搜索" />
+      <a-space align="center" class="search-form-div" size="medium">
+        <a-form-item field="name" class="" label="服务/产品">
+          <a-input v-model="listQuery.name" placeholder="请搜索...">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
         </a-form-item>
-        <a-form-item field="name" label="生成日期">
+        <a-form-item field="name" label="时间筛选">
           <a-range-picker
             showTime
             :time-picker-props="{
@@ -17,7 +21,7 @@
             style="width: 380px"
           />
         </a-form-item>
-        <a-form-item field="name" >
+        <a-form-item field="name">
           <a-space>
             <a-button type="outline" class="search-btn" @click="handleSearch">
               <template #icon>
@@ -33,7 +37,6 @@
             </a-button>
           </a-space>
         </a-form-item>
-
       </a-space>
       <a-table
         :columns="columns"
@@ -44,8 +47,14 @@
         :pagination="false"
       >
       </a-table>
-      <a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
-
+      <a-pagination
+        style="float: right"
+        :total="listResult.total"
+        :size="listQuery.size"
+        show-total
+        show-jumper
+        show-page-size
+      />
     </a-space>
   </view>
 </template>
@@ -53,6 +62,7 @@
 <script setup lang="ts">
 const listQuery = reactive({
   name: '',
+  size: 0,
 });
 
 const listResult = reactive({
@@ -63,36 +73,28 @@ const listResult = reactive({
 const columns = [
   {
     title: '服务/产品',
-    dataIndex: 'rank',
+    dataIndex: 'service_name',
     slotName: 'rank',
     width: 60,
     minWidth: 60,
   },
   {
     title: '生成日期',
-    dataIndex: 'name',
+    dataIndex: 'create_time',
     width: 120,
     minWidth: 120,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
+
   },
   {
     titleSlotName: 'hotTitle',
     width: 180,
     minWidth: 180,
-    title: '目标客群',
-    dataIndex: 'hot',
+    title: '竞争对手',
+    dataIndex: 'customer',
     slotName: 'hot',
   },
   {
-    title: '价格区间',
-    dataIndex: 'name',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    titleSlotName: 'volume_rateTitle',
+    titleSlotName: 'lasterUpdateTime',
     title: '最后更新日期',
     dataIndex: 'volumeRate',
     width: 180,
@@ -100,15 +102,57 @@ const columns = [
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
-    slotName: 'volumeRate',
+    slotName: 'lasterUpdateTime',
   },
   {
     title: '操作人',
-    dataIndex: 'name',
+    dataIndex: 'operator',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: '操作',
+    dataIndex: 'handle',
     width: 120,
     minWidth: 120,
   },
 ];
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="less">
+.part-div-header-title {
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  color: var(--Text-1, #211f24);
+  font-size: 18px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 26px;
+  word-wrap: break-word;
+}
+
+.search-form-div {
+  margin-top: 10px;
+}
+
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+
+.reset-btn {
+  min-width: 72px;
+  color: black;
+}
+</style>
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
index fe4a1b4..2632bde 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -10,12 +10,12 @@
           </template>
         </a-popover>
       </template>
-      <div id="echarts-line" style="width: 100%; height: 450px"></div>
+      <div id="echarts-line" ref="chart" style="width: 100%; height: 450px"></div>
     </a-card>
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { defineProps, onMounted } from 'vue';
 import * as echarts from 'echarts';
 import { Card } from '@arco-design/web-vue';
@@ -38,10 +38,16 @@ const props = defineProps({
     default: [],
   },
 });
+
+const chart = ref<HTMLElement | null>(null);
+let chartInstance: echarts.ECharts | null = null;
+
 const xAxisData = props.xAxisData;
 const seriesData = props.seriesData;
-onMounted(() => {
-  const myChart = echarts.init(document.getElementById('echarts-line'));
+
+const initChart = () => {
+  if (!chart.value) return;
+  chartInstance = echarts.init(chart.value);
 
   const option = {
     tooltip: {
@@ -96,11 +102,11 @@ onMounted(() => {
     series: seriesData,
   };
 
-  myChart.setOption(option);
+  chartInstance.setOption(option);
+};
 
-  window.addEventListener('resize', () => {
-    myChart.resize();
-  });
+onMounted(() => {
+  initChart();
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 9aaebff..887a472 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -13,7 +13,7 @@
         <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
           <a-col :span="5">
             <a-space>
-              <span>项目名称</span>
+              <span>账户名称</span>
               <a-select :style="{ width: '320px' }" placeholder="全部">
                 <a-option>Beijing</a-option>
                 <a-option>Shanghai</a-option>
@@ -95,6 +95,89 @@
           ></EchartsItem>
         </a-col>
       </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '点击量', popover: '点击量' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '点击率', popover: 点击率 }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '平均点击成本', popover: '平均点击成本' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '千次展现费用', popover: '千次展现费用' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '转化数', popover: '转化数' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '转化率', popover: '转化率' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '平均转化成本', popover: '平均转化成本' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '深度转化数', popover: '深度转化数' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '深度转化率', popover: '深度转化率' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '投资回报率', popover: '投资回报率' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
     </div>
   </view>
 </template>
@@ -155,8 +238,6 @@ const xhlEcharts = reactive({
     },
   ],
 });
-
-
 </script>
 
 <style scoped lang="scss">

From 85a25050fb155c3a2319f7b27d49fa99b1e2d3a4 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Mon, 30 Jun 2025 15:35:23 +0800
Subject: [PATCH 28/78] =?UTF-8?q?feat:=20=E8=87=AA=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E5=88=97?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |   6 +-
 package.json                                  |   4 +-
 pnpm-lock.yaml                                | 284 ++++++++++++-
 src/api/all/common.ts                         |  15 +
 .../img/icon-lock.png                         | Bin 0 -> 677 bytes
 .../custom-table-column-modal/index.vue       | 216 ++++++++++
 .../custom-table-column-modal/style.scss      |  99 +++++
 .../custom-table-column-modal/test.vue        | 389 ++++++++++++++++++
 src/styles/components/index.scss              |   3 +-
 src/styles/components/modal.scss              |  23 ++
 src/views/property-marketing/component.scss   |  18 -
 .../components/account-table/index.vue        |  17 +-
 .../components/account-table/index.vue        |  14 +-
 13 files changed, 1042 insertions(+), 46 deletions(-)
 create mode 100644 src/api/all/common.ts
 create mode 100644 src/components/custom-table-column-modal/img/icon-lock.png
 create mode 100644 src/components/custom-table-column-modal/index.vue
 create mode 100644 src/components/custom-table-column-modal/style.scss
 create mode 100644 src/components/custom-table-column-modal/test.vue
 create mode 100644 src/styles/components/modal.scss

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index b4ad073..783951f 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -1,3 +1,7 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-24 16:29:10
+ */
 /**
  * 自动引入API
  * */
@@ -17,7 +21,7 @@ export function configAutoImport() {
       '@vueuse/core',
       {
         dayjs: [['default', 'dayjs']],
-        'lodash-es': ['cloneDeep', 'omit', 'pick'],
+        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union'],
         '@/hooks': ['useModal'],
       },
     ],
diff --git a/package.json b/package.json
index b46c95a..6335eea 100644
--- a/package.json
+++ b/package.json
@@ -28,8 +28,10 @@
     "swiper": "^11.2.8",
     "vue": "^3.2.45",
     "vue-cropper": "^1.1.4",
+    "vue-draggable-plus": "^0.6.0",
     "vue-echarts": "^7.0.3",
-    "vue-router": "^4.1.6"
+    "vue-router": "^4.1.6",
+    "vuedraggable": "^4.1.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index ecbead1..57eb888 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -41,18 +41,30 @@ importers:
       pinia:
         specifier: ^2.0.29
         version: 2.0.29(typescript@4.9.5)(vue@3.2.45)
+      sass:
+        specifier: ^1.89.2
+        version: 1.89.2
       swiper:
         specifier: ^11.2.8
         version: 11.2.8
       vue:
         specifier: ^3.2.45
         version: 3.2.45
+      vue-cropper:
+        specifier: ^1.1.4
+        version: 1.1.4
+      vue-draggable-plus:
+        specifier: ^0.6.0
+        version: 0.6.0(@types/sortablejs@1.15.8)
       vue-echarts:
         specifier: ^7.0.3
         version: 7.0.3(@vue/runtime-core@3.2.45)(echarts@5.6.0)(vue@3.2.45)
       vue-router:
         specifier: ^4.1.6
         version: 4.1.6(vue@3.2.45)
+      vuedraggable:
+        specifier: ^4.1.0
+        version: 4.1.0(vue@3.2.45)
     devDependencies:
       '@babel/core':
         specifier: ^7.20.12
@@ -80,10 +92,10 @@ importers:
         version: 0.49.2
       '@vitejs/plugin-vue':
         specifier: ^4.0.0
-        version: 4.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))(vue@3.2.45)
+        version: 4.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))(vue@3.2.45)
       '@vitejs/plugin-vue-jsx':
         specifier: ^3.0.0
-        version: 3.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))(vue@3.2.45)
+        version: 3.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))(vue@3.2.45)
       '@vue/eslint-config-prettier':
         specifier: ^7.0.0
         version: 7.0.0(eslint@8.33.0)(prettier@2.8.3)
@@ -134,7 +146,7 @@ importers:
         version: 4.9.5
       unocss:
         specifier: ^0.49.2
-        version: 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))
+        version: 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
       unplugin-auto-import:
         specifier: ^0.13.0
         version: 0.13.0(@vueuse/core@9.12.0(vue@3.2.45))(rollup@3.12.0)
@@ -149,13 +161,13 @@ importers:
         version: 1.4.5(rollup@3.12.0)(vue@3.2.45)
       vite:
         specifier: ^4.0.4
-        version: 4.0.4(@types/node@18.11.18)(less@4.1.3)
+        version: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
       vite-plugin-compression:
         specifier: ^0.5.1
-        version: 0.5.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))
+        version: 0.5.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
       vite-plugin-progress:
         specifier: ^0.0.6
-        version: 0.0.6(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))
+        version: 0.0.6(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
       vue-eslint-parser:
         specifier: ^9.1.0
         version: 9.1.0(eslint@8.33.0)
@@ -550,6 +562,88 @@ packages:
     resolution: {integrity: sha512-/KuoCDVGrLD9W7vwuYhu4HbdT/BpbrhA4Pm9dGn7Jah40kHDGqUnJxugvMjt+4suq53rLQyTA0LRDWfFxfxAOQ==}
     engines: {node: ^14.16.0 || ^16.10.0 || ^17.0.0 || ^18.0.0 || ^19.0.0}
 
+  '@parcel/watcher-android-arm64@2.5.1':
+    resolution: {integrity: sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    resolution: {integrity: sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@parcel/watcher-darwin-x64@2.5.1':
+    resolution: {integrity: sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@parcel/watcher-freebsd-x64@2.5.1':
+    resolution: {integrity: sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
+    resolution: {integrity: sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm-musl@2.5.1':
+    resolution: {integrity: sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+    resolution: {integrity: sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
+    resolution: {integrity: sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
+    resolution: {integrity: sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-linux-x64-musl@2.5.1':
+    resolution: {integrity: sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@parcel/watcher-win32-arm64@2.5.1':
+    resolution: {integrity: sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@parcel/watcher-win32-ia32@2.5.1':
+    resolution: {integrity: sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@parcel/watcher-win32-x64@2.5.1':
+    resolution: {integrity: sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==}
+    engines: {node: '>= 10.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@parcel/watcher@2.5.1':
+    resolution: {integrity: sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==}
+    engines: {node: '>= 10.0.0'}
+
   '@polka/url@1.0.0-next.21':
     resolution: {integrity: sha512-a5Sab1C4/icpTZVzZc5Ghpz88yQtGOyNqYXcZgOssB2uuAr+wF/MvN6bgtW32q7HHrvBki+BsZ0OuNv6EV3K9g==}
 
@@ -595,6 +689,9 @@ packages:
   '@types/semver@7.3.13':
     resolution: {integrity: sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==}
 
+  '@types/sortablejs@1.15.8':
+    resolution: {integrity: sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg==}
+
   '@types/web-bluetooth@0.0.16':
     resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
 
@@ -1032,6 +1129,10 @@ packages:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
   chownr@2.0.0:
     resolution: {integrity: sha512-bIomtDF5KGpdogkLd9VspvFzk9KfpyyGlS8YFVZl7TGPBHL5snIOnxeshwVgPteQ9b4Eydl+pVbIyE1DcvCWgQ==}
     engines: {node: '>=10'}
@@ -1204,6 +1305,11 @@ packages:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
 
+  detect-libc@1.0.3:
+    resolution: {integrity: sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==}
+    engines: {node: '>=0.10'}
+    hasBin: true
+
   digest-header@1.1.0:
     resolution: {integrity: sha512-glXVh42vz40yZb9Cq2oMOt70FIoWiv+vxNvdKdU8CwjLad25qHM3trLxhl9bVjdr6WaslIXhWpn0NO8T/67Qjg==}
     engines: {node: '>= 8.0.0'}
@@ -1684,6 +1790,9 @@ packages:
     engines: {node: '>=0.10.0'}
     hasBin: true
 
+  immutable@5.1.3:
+    resolution: {integrity: sha512-+chQdDfvscSF1SJqv2gn4SRO2ZyS3xL3r7IW/wWEEzrzLisnOlKiQu5ytC/BVNcS15C39WT2Hg/bjKjDMcu+zg==}
+
   import-fresh@3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -2124,6 +2233,9 @@ packages:
   nice-try@1.0.5:
     resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
 
+  node-addon-api@7.1.1:
+    resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
+
   node-fetch-native@1.0.1:
     resolution: {integrity: sha512-VzW+TAk2wE4X9maiKMlT+GsPU4OMmR1U9CrHSmd3DFLn2IcZ9VJ6M6BBugGfYUnPCLSYxXdZy17M0BEJyhUTwg==}
 
@@ -2397,6 +2509,10 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
   regexp.prototype.flags@1.4.3:
     resolution: {integrity: sha512-fjggEOO3slI6Wvgjwflkc4NFRCTZAu5CnNfBd5qOMYhWdn67nJBBu34/TkD++eeFmd8C9r9jfXJ27+nSiRkSUA==}
     engines: {node: '>= 0.4'}
@@ -2465,6 +2581,11 @@ packages:
   safer-buffer@2.1.2:
     resolution: {integrity: sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==}
 
+  sass@1.89.2:
+    resolution: {integrity: sha512-xCmtksBKd/jdJ9Bt9p7nPKiuqrlBMBuuGkQlkhZjjQk3Ty48lv93k5Dq6OPkKt4XwxDJ7tvlfrTa1MPA9bf+QA==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
   sax@1.2.4:
     resolution: {integrity: sha512-NqVDv9TpANUjFm0N8uM5GxL36UgKi9/atZw+x7YFnQ8ckwFGKrl4xX4yWtrey3UJm5nP1kUbnYgLopqWNSRhWw==}
 
@@ -2550,6 +2671,9 @@ packages:
     resolution: {integrity: sha512-FC+lgizVPfie0kkhqUScwRu1O/lF6NOgJmlCgK+/LYxDCTk8sGelYaHDhFcDN+Sn3Cv+3VSa4Byeo+IMCzpMgQ==}
     engines: {node: '>=12'}
 
+  sortablejs@1.14.0:
+    resolution: {integrity: sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w==}
+
   source-map-js@1.0.2:
     resolution: {integrity: sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==}
     engines: {node: '>=0.10.0'}
@@ -2895,6 +3019,9 @@ packages:
       terser:
         optional: true
 
+  vue-cropper@1.1.4:
+    resolution: {integrity: sha512-5m98vBsCEI9rbS4JxELxXidtAui3qNyTHLHg67Qbn7g8cg+E6LcnC+hh3SM/p94x6mFh6KRxT1ttnta+wCYqWA==}
+
   vue-demi@0.13.11:
     resolution: {integrity: sha512-IR8HoEEGM65YY3ZJYAjMlKygDQn25D5ajNFNoKh9RSDMQtlzCxtfQjdQgv9jjK+m3377SsJXY8ysq8kLCZL25A==}
     engines: {node: '>=12'}
@@ -2906,6 +3033,15 @@ packages:
       '@vue/composition-api':
         optional: true
 
+  vue-draggable-plus@0.6.0:
+    resolution: {integrity: sha512-G5TSfHrt9tX9EjdG49InoFJbt2NYk0h3kgjgKxkFWr3ulIUays0oFObr5KZ8qzD4+QnhtALiRwIqY6qul4egqw==}
+    peerDependencies:
+      '@types/sortablejs': ^1.15.0
+      '@vue/composition-api': '*'
+    peerDependenciesMeta:
+      '@vue/composition-api':
+        optional: true
+
   vue-echarts@7.0.3:
     resolution: {integrity: sha512-/jSxNwOsw5+dYAUcwSfkLwKPuzTQ0Cepz1LxCOpj2QcHrrmUa/Ql0eQqMmc1rTPQVrh2JQ29n2dhq75ZcHvRDw==}
     peerDependencies:
@@ -2939,6 +3075,11 @@ packages:
   vue@3.2.45:
     resolution: {integrity: sha512-9Nx/Mg2b2xWlXykmCwiTUCWHbWIj53bnkizBxKai1g61f2Xit700A1ljowpTIM11e3uipOeiPcSqnmBg6gyiaA==}
 
+  vuedraggable@4.1.0:
+    resolution: {integrity: sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==}
+    peerDependencies:
+      vue: ^3.0.1
+
   webpack-sources@3.2.3:
     resolution: {integrity: sha512-/DyMEOrDgLKKIG0fmvtz+4dUX/3Ghozwgm6iPp8KRhvn+eQf9+Q7GWxVNMk3+uCPWfdXYC4ExGBckIXdFEfH1w==}
     engines: {node: '>=10.13.0'}
@@ -3463,6 +3604,67 @@ snapshots:
       - rollup
       - supports-color
 
+  '@parcel/watcher-android-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-darwin-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-freebsd-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-arm64-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-glibc@2.5.1':
+    optional: true
+
+  '@parcel/watcher-linux-x64-musl@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-arm64@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-ia32@2.5.1':
+    optional: true
+
+  '@parcel/watcher-win32-x64@2.5.1':
+    optional: true
+
+  '@parcel/watcher@2.5.1':
+    dependencies:
+      detect-libc: 1.0.3
+      is-glob: 4.0.3
+      micromatch: 4.0.5
+      node-addon-api: 7.1.1
+    optionalDependencies:
+      '@parcel/watcher-android-arm64': 2.5.1
+      '@parcel/watcher-darwin-arm64': 2.5.1
+      '@parcel/watcher-darwin-x64': 2.5.1
+      '@parcel/watcher-freebsd-x64': 2.5.1
+      '@parcel/watcher-linux-arm-glibc': 2.5.1
+      '@parcel/watcher-linux-arm-musl': 2.5.1
+      '@parcel/watcher-linux-arm64-glibc': 2.5.1
+      '@parcel/watcher-linux-arm64-musl': 2.5.1
+      '@parcel/watcher-linux-x64-glibc': 2.5.1
+      '@parcel/watcher-linux-x64-musl': 2.5.1
+      '@parcel/watcher-win32-arm64': 2.5.1
+      '@parcel/watcher-win32-ia32': 2.5.1
+      '@parcel/watcher-win32-x64': 2.5.1
+    optional: true
+
   '@polka/url@1.0.0-next.21': {}
 
   '@rollup/pluginutils@5.0.2(rollup@3.12.0)':
@@ -3497,6 +3699,8 @@ snapshots:
 
   '@types/semver@7.3.13': {}
 
+  '@types/sortablejs@1.15.8': {}
+
   '@types/web-bluetooth@0.0.16': {}
 
   '@typescript-eslint/eslint-plugin@5.50.0(@typescript-eslint/parser@5.50.0(eslint@8.33.0)(typescript@4.9.5))(eslint@8.33.0)(typescript@4.9.5)':
@@ -3583,11 +3787,11 @@ snapshots:
       '@typescript-eslint/types': 5.50.0
       eslint-visitor-keys: 3.3.0
 
-  '@unocss/astro@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))':
+  '@unocss/astro@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))':
     dependencies:
       '@unocss/core': 0.49.2
       '@unocss/reset': 0.49.2
-      '@unocss/vite': 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))
+      '@unocss/vite': 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
     transitivePeerDependencies:
       - rollup
       - vite
@@ -3687,7 +3891,7 @@ snapshots:
     dependencies:
       '@unocss/core': 0.49.2
 
-  '@unocss/vite@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))':
+  '@unocss/vite@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))':
     dependencies:
       '@ampproject/remapping': 2.2.0
       '@rollup/pluginutils': 5.0.2(rollup@3.12.0)
@@ -3699,23 +3903,23 @@ snapshots:
       chokidar: 3.5.3
       fast-glob: 3.2.12
       magic-string: 0.27.0
-      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)
+      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
     transitivePeerDependencies:
       - rollup
 
-  '@vitejs/plugin-vue-jsx@3.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))(vue@3.2.45)':
+  '@vitejs/plugin-vue-jsx@3.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))(vue@3.2.45)':
     dependencies:
       '@babel/core': 7.20.12
       '@babel/plugin-transform-typescript': 7.20.13(@babel/core@7.20.12)
       '@vue/babel-plugin-jsx': 1.1.1(@babel/core@7.20.12)
-      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)
+      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
       vue: 3.2.45
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@4.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))(vue@3.2.45)':
+  '@vitejs/plugin-vue@4.0.0(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))(vue@3.2.45)':
     dependencies:
-      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)
+      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
       vue: 3.2.45
 
   '@volar/language-core@1.0.24':
@@ -4137,6 +4341,10 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.2
 
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
   chownr@2.0.0: {}
 
   clean-stack@2.2.0: {}
@@ -4282,6 +4490,9 @@ snapshots:
 
   destroy@1.2.0: {}
 
+  detect-libc@1.0.3:
+    optional: true
+
   digest-header@1.1.0: {}
 
   dir-glob@3.0.1:
@@ -4829,6 +5040,8 @@ snapshots:
   image-size@0.5.5:
     optional: true
 
+  immutable@5.1.3: {}
+
   import-fresh@3.3.0:
     dependencies:
       parent-module: 1.0.1
@@ -5251,6 +5464,9 @@ snapshots:
 
   nice-try@1.0.5: {}
 
+  node-addon-api@7.1.1:
+    optional: true
+
   node-fetch-native@1.0.1: {}
 
   node-releases@2.0.9: {}
@@ -5518,6 +5734,8 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
+  readdirp@4.1.2: {}
+
   regexp.prototype.flags@1.4.3:
     dependencies:
       call-bind: 1.0.2
@@ -5582,6 +5800,14 @@ snapshots:
 
   safer-buffer@2.1.2: {}
 
+  sass@1.89.2:
+    dependencies:
+      chokidar: 4.0.3
+      immutable: 5.1.3
+      source-map-js: 1.2.0
+    optionalDependencies:
+      '@parcel/watcher': 2.5.1
+
   sax@1.2.4: {}
 
   scroll-into-view-if-needed@2.2.31:
@@ -5671,6 +5897,8 @@ snapshots:
       ansi-styles: 6.2.1
       is-fullwidth-code-point: 4.0.0
 
+  sortablejs@1.14.0: {}
+
   source-map-js@1.0.2: {}
 
   source-map-js@1.2.0: {}
@@ -5891,9 +6119,9 @@ snapshots:
 
   universalify@2.0.1: {}
 
-  unocss@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)):
+  unocss@0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)):
     dependencies:
-      '@unocss/astro': 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))
+      '@unocss/astro': 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
       '@unocss/cli': 0.49.2(rollup@3.12.0)
       '@unocss/core': 0.49.2
       '@unocss/preset-attributify': 0.49.2
@@ -5909,7 +6137,7 @@ snapshots:
       '@unocss/transformer-compile-class': 0.49.2
       '@unocss/transformer-directives': 0.49.2
       '@unocss/transformer-variant-group': 0.49.2
-      '@unocss/vite': 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3))
+      '@unocss/vite': 0.49.2(rollup@3.12.0)(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2))
     transitivePeerDependencies:
       - rollup
       - supports-color
@@ -6039,23 +6267,23 @@ snapshots:
       spdx-correct: 3.1.1
       spdx-expression-parse: 3.0.1
 
-  vite-plugin-compression@0.5.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)):
+  vite-plugin-compression@0.5.1(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)):
     dependencies:
       chalk: 4.1.2
       debug: 4.3.4
       fs-extra: 10.1.0
-      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)
+      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
     transitivePeerDependencies:
       - supports-color
 
-  vite-plugin-progress@0.0.6(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)):
+  vite-plugin-progress@0.0.6(vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)):
     dependencies:
       picocolors: 1.0.0
       progress: 2.0.3
       rd: 2.0.1
-      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)
+      vite: 4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2)
 
-  vite@4.0.4(@types/node@18.11.18)(less@4.1.3):
+  vite@4.0.4(@types/node@18.11.18)(less@4.1.3)(sass@1.89.2):
     dependencies:
       esbuild: 0.16.17
       postcss: 8.4.21
@@ -6065,11 +6293,18 @@ snapshots:
       '@types/node': 18.11.18
       fsevents: 2.3.2
       less: 4.1.3
+      sass: 1.89.2
+
+  vue-cropper@1.1.4: {}
 
   vue-demi@0.13.11(vue@3.2.45):
     dependencies:
       vue: 3.2.45
 
+  vue-draggable-plus@0.6.0(@types/sortablejs@1.15.8):
+    dependencies:
+      '@types/sortablejs': 1.15.8
+
   vue-echarts@7.0.3(@vue/runtime-core@3.2.45)(echarts@5.6.0)(vue@3.2.45):
     dependencies:
       echarts: 5.6.0
@@ -6117,6 +6352,11 @@ snapshots:
       '@vue/server-renderer': 3.2.45(vue@3.2.45)
       '@vue/shared': 3.2.45
 
+  vuedraggable@4.1.0(vue@3.2.45):
+    dependencies:
+      sortablejs: 1.14.0
+      vue: 3.2.45
+
   webpack-sources@3.2.3: {}
 
   webpack-virtual-modules@0.5.0: {}
diff --git a/src/api/all/common.ts b/src/api/all/common.ts
new file mode 100644
index 0000000..1e19878
--- /dev/null
+++ b/src/api/all/common.ts
@@ -0,0 +1,15 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-30 14:25:22
+ */
+import Http from '@/api';
+
+// 获取用户自定义列
+export const getCustomColumns = (params = {}) => {
+  return Http.get('/v1/user-custom-columns', params);
+};
+
+// 保存用户自定义列
+export const updateCustomColumns = (params = {}) => {
+  return Http.put('/v1/user-custom-columns', params);
+};
diff --git a/src/components/custom-table-column-modal/img/icon-lock.png b/src/components/custom-table-column-modal/img/icon-lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcc72b0858ae54915f7f7d8615d1677616f893d4
GIT binary patch
literal 677
zcmV;W0$TlvP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0y;@VK~#7F?Uq4q
z(?Ar4|L0l|sS9$1ast{dAl2NUH=sR1P#sH7H=S;frKBj?vBR7o^aKP6!IIpdIf6wi
zM3rP7Gmhgprm1F3L%Zm=napJ7&GVc8y&2$vJBDD15TgF`@^^y>`(SLPMu>)z`O_m8
zAEPK5S(vkPpxF#P2K521udp^E#zChO4Pc0|13_@KEm{63EKStv0WsH^R3x%!XdH5O
z+U>VP6T2=9k&ykx-snv?AB(OK$$UsfM=)?)nETYku2BShzqJSAezqb$ZAS;!&TEFT
zYF=lCUzr?*10&d5EO2_OW~oi%d<9_-2ADZO$VGS4*)Dyt#1j~qE|DsoXJO27;N>FY
z#aFJdxSzEn<-{N#-k`*FxK~coB?rPV+!{}Cjx|!&#?ldt$9RJ^Q;zO(8Wzs_v=doZ
z$(v9a!q<%(X2JR}E<|PYopAB%$|K2%>tbYk2h6Dy0Y5luTwGqALvmlm^|Kc4VKY2N
z1*{!73_^7a%5M2WQi2ibf9rO@VQLgMJs}4tdB0pg46xP!gSTfb&Qzud{o4;(&s2Wt
z((A#J3L;e3unIqcc6H&>Bjf4JskHi8VtoVz&MqUaYw@L(bMY29gC*7uOeQrYKpOt-
z7zWeLnt&zNN6_u2kB}X$c#_!FW9;CIdLzWBK;=U8Znj~Jf8_p_V&4xx;D0;7=_@xY
zCi92IEu-~P>~9o1-@knwzIgsp37T|X*Kn&)qH0G=6|eVr;6CvOe+$T_?DSwK00000
LNkvXXu0mjf^g}BY

literal 0
HcmV?d00001

diff --git a/src/components/custom-table-column-modal/index.vue b/src/components/custom-table-column-modal/index.vue
new file mode 100644
index 0000000..675ea98
--- /dev/null
+++ b/src/components/custom-table-column-modal/index.vue
@@ -0,0 +1,216 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-30 10:54:49
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="自定义列"
+    width="960px"
+    unmountOnClose
+    titleAlign="start"
+    class="custom-table-column-modal"
+    @close="close"
+  >
+    <div class="modal-body">
+      <!-- 左侧分组 -->
+      <div class="left">
+        <div v-for="group in dataSource" :key="group.label" class="group-item">
+          <div class="title-row">
+            <span class="text">{{ group.label }}</span>
+          </div>
+          <div class="fields">
+            <a-checkbox
+              v-for="option in group.columns"
+              :key="option.value"
+              :model-value="isCheck(option)"
+              :value="option.value"
+              :disabled="option.is_require === ENUM_STATUS.NO"
+              @change="(checked) => onCheckChange(checked, option)"
+            >
+              {{ option.label }}
+            </a-checkbox>
+          </div>
+        </div>
+      </div>
+      <!-- 右侧已选 -->
+      <div class="right">
+        <span class="checked-title mb-16px">
+          已添加<span class="count">（{{ checkColumns.length }}）</span>
+        </span>
+        <div class="checked-list">
+          <div v-for="(groupName, index) in requiredGroupNames" :key="index" class="checked-item">
+            <div class="flex items-center">
+              <img :src="icon1" alt="icon" class="mr-8px" width="16" height="16" />
+              <span>{{ groupName }}</span>
+            </div>
+          </div>
+          <VueDraggable v-model="checkColumns">
+            <div
+              v-for="item in checkColumns"
+              :key="item"
+              class="checked-item justify-between"
+              :class="isRequiredColumn(item) ? '!display-none' : ''"
+            >
+              <div class="flex items-center">
+                <icon-menu size="16" class="mr-8px" />
+                <span>{{ getCheckColumnLabel(item) }}</span>
+              </div>
+              <icon-close size="16" class="color-#737478 cursor-pointer" @click="removeCheckedField(item)" />
+            </div>
+          </VueDraggable>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <div style="text-align: right">
+        <a-button class="mr-8px cancel-btn" size="medium" @click="close">取消</a-button>
+        <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, defineExpose } from 'vue';
+import { VueDraggable } from 'vue-draggable-plus';
+
+import { getCustomColumns, updateCustomColumns } from '@/api/all/common';
+
+import icon1 from './img/icon-lock.png';
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: '',
+    required: true,
+  },
+});
+
+const emit = defineEmits(['success']);
+
+const ENUM_STATUS = {
+  YES: 0,
+  NO: 1,
+};
+
+const visible = ref(false);
+
+const dataSource = ref([]);
+const checkColumns = ref([]); // 选中字段
+const allColumns = ref([]); // 所有字段
+const requiredGroupNames = ref([]); // 必选分组名称
+
+const open = () => {
+  initData();
+  visible.value = true;
+};
+
+const close = () => {
+  visible.value = false;
+
+  dataSource.value = [];
+  checkColumns.value = [];
+  allColumns.value = [];
+  requiredGroupNames.value = [];
+};
+
+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 isCheck = (option) => {
+  return checkColumns.value.includes(option.value);
+};
+const getCheckColumnLabel = (value) => {
+  const column = allColumns.value.find((column) => column.value === value);
+  return column?.label;
+};
+const isRequiredColumn = (value) => {
+  const column = allColumns.value.find((column) => column.value === value);
+  return column?.is_require === 1;
+};
+
+const removeCheckedField = (value) => {
+  checkColumns.value = checkColumns.value.filter((column) => column !== value);
+};
+
+// 勾选/取消
+const onCheckChange = (checked, option) => {
+  if (checked) {
+    checkColumns.value.push(option.value);
+  } else {
+    checkColumns.value = checkColumns.value.filter((item) => item !== option.value);
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const { code } = await updateCustomColumns({ type: props.type, selected_columns: checkColumns.value });
+  if (code === 200) {
+    emit('success', checkColumns.value);
+    close();
+  }
+};
+
+function setDefaultCheckColumns(groups, selected_columns) {
+  const requiredGroups = groups.filter((group) => group.is_require === 1);
+  const requiredValues = requiredGroups
+    .flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
+    .map((col) => col.value);
+
+  const merged = union(requiredValues, selected_columns);
+
+  checkColumns.value = merged;
+  requiredGroupNames.value = requiredGroups.map((group) => group.label);
+}
+
+// 暴露方法
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/components/custom-table-column-modal/style.scss b/src/components/custom-table-column-modal/style.scss
new file mode 100644
index 0000000..a18d7a7
--- /dev/null
+++ b/src/components/custom-table-column-modal/style.scss
@@ -0,0 +1,99 @@
+.custom-table-column-modal {
+  .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: 'Alibaba PuHuiTi';
+              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: 'Alibaba PuHuiTi';
+          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: 'Alibaba PuHuiTi';
+              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/components/custom-table-column-modal/test.vue b/src/components/custom-table-column-modal/test.vue
new file mode 100644
index 0000000..7fda6df
--- /dev/null
+++ b/src/components/custom-table-column-modal/test.vue
@@ -0,0 +1,389 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-30 13:51:40
+-->
+<template>
+  <el-drawer v-model:visible="visible" direction="rtl" :wrapperClosable="false" class="com-custom-table-field">
+    <div slot="title" class="drawer-header flex align-items-center">
+      <span class="title">{{ title }}</span>
+      <span class="range">指标最少选择{{ min }}个字段，最多选择{{ max }}个，已选择{{ checkLength }}个</span>
+      <slot></slot>
+      <!-- <div
+          class="font-weight-400 font-size-12 color-primary cursor-pointer"
+          @click="onFieldDescClick"
+        >
+          <span>数据字段说明</span>
+          <i class="el-icon-arrow-right"></i>
+        </div> -->
+    </div>
+
+    <div class="panel-wrapper">
+      <div class="custom-panel left ui-card-block">
+        <!-- <div class="flex justify-content-space-between">
+            <div class="hd">
+              全部字段【{{ columnLength }}个】
+              <span>请至少选择{{ min }}个字段</span
+              ><span v-if="max">至多{{ max }}个字段</span>
+            </div>
+            <slot></slot>
+          </div> -->
+
+        <div class="bd">
+          <template v-for="column in columns">
+            <div v-if="column.children.length" :key="column.prop" class="bd-item">
+              <div class="flex">
+                <p class="title width-fit-content">{{ column.label }}</p>
+                <svg-icon v-if="column.icon" :icon-class="column.icon.name" :style="column.icon.style" class="icon" />
+              </div>
+              <el-checkbox
+                v-for="item in column.children"
+                :key="`${item.prop}${Math.random()}`"
+                :label="item"
+                :disabled="
+                  !column.editable ||
+                  !item.editable ||
+                  (isMax && !getItemChecked(item)) ||
+                  (isMin && getItemChecked(item))
+                "
+                :data-checked="getItemChecked(item)"
+                :checked="getItemChecked(item) || item.selectDisabled"
+                @change="onCheckColumns(item, column.prop, column)"
+              >
+                <div class="flex align-item-center">
+                  <FieldTooltip
+                    v-if="showNewTooltip"
+                    :openDelay="300"
+                    :fieldTooltip="item.fieldTooltip"
+                    :fieldTooltip2="item.fieldTooltip2"
+                    :title="item.label"
+                    :fieldCase="item.fieldCase"
+                  >
+                    <span>{{ item.label }}</span>
+                  </FieldTooltip>
+                  <el-tooltip
+                    v-else
+                    popper-class="ui-overflow-tooltip"
+                    effect="dark"
+                    :content="item.fieldTooltip"
+                    placement="top-start"
+                    :open-delay="300"
+                    :disabled="!item.fieldTooltip"
+                  >
+                    <div slot="content">
+                      <div v-html="item.fieldTooltip"></div>
+                    </div>
+                    <span>{{ item.label }}</span>
+                  </el-tooltip>
+
+                  <svg-icon v-if="item.icon" :icon-class="item.icon.name" :style="item.icon.style" class="icon" />
+                </div>
+              </el-checkbox>
+            </div>
+          </template>
+        </div>
+      </div>
+
+      <div class="custom-panel right ui-card-block">
+        <div class="hd flex justify-content-space-between align-items-center mr14">
+          <span class="hd-check-num">已选({{ `${checkLength}` }})</span>
+
+          <span class="label">长按可拖动调整展示排序</span>
+        </div>
+        <div class="bd">
+          <div class="column-row">
+            <draggable v-model="checkColumns">
+              <transition-group>
+                <div v-for="checkColumn in checkColumns" :key="checkColumn.prop" class="column-item mb16">
+                  <p class="title">{{ checkColumn.label }}</p>
+                  <draggable v-model="checkColumn.children">
+                    <transition-group>
+                      <div v-for="item in checkColumn.children" :key="item.prop" class="column-children-item">
+                        <i class="el-icon-more"></i>
+                        <i class="el-icon-more"></i>
+                        <span class="label">{{ item.label }}</span>
+
+                        <i class="el-icon-close" @click="onDelete(item, checkColumn.prop)"></i>
+                      </div>
+                    </transition-group>
+                  </draggable>
+                </div>
+              </transition-group>
+            </draggable>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <div class="submit-row">
+      <el-button @click="visible = false">&nbsp;&nbsp;取消&nbsp;&nbsp;</el-button>
+      <el-button type="primary" @click="onSubmit">&nbsp;&nbsp;确定&nbsp;&nbsp;</el-button>
+    </div>
+  </el-drawer>
+</template>
+
+<script>
+import { cloneDeep } from 'lodash';
+import draggable from 'vuedraggable';
+import { setCustomTableFields } from '@/api/common';
+import { includes } from '@/utils/tools';
+import FieldTooltip from '@/components/CommonTooltip/FieldTooltip';
+
+export default {
+  components: {
+    draggable,
+    FieldTooltip,
+  },
+  props: {
+    title: {
+      type: String,
+      default: '自定义表格字段',
+    },
+    // 表格类型
+    type: {
+      type: String,
+      default: '',
+    },
+    // 默认字段
+    defaultColumns: {
+      type: Array,
+      default: () => [],
+    },
+    // 至少字段
+    min: {
+      type: Number,
+      default: 3,
+    },
+    // 至多字段
+    max: {
+      type: Number,
+      default: null,
+    },
+    showNewTooltip: {
+      type: Boolean,
+      default: false,
+    },
+    other_setting: {
+      type: Object,
+      default: () => {},
+    },
+  },
+  data() {
+    return {
+      checkColumns: [], // 选中字段
+      visible: false,
+    };
+  },
+  computed: {
+    // 选择区，显示字段
+    columns() {
+      const list = cloneDeep(this.defaultColumns);
+      list.forEach((item) => {
+        item.children = item.children.sort((a, b) => {
+          return a.order - b.order;
+        });
+      });
+      return list.sort((a, b) => {
+        return a.order - b.order;
+      });
+    },
+    columnLength() {
+      return this.columns.length || 0;
+    },
+    checkLength() {
+      return this.getFlatColumns().length || 0;
+    },
+    isMin() {
+      return this.min && this.checkLength - 1 < this.min;
+    },
+    // 勾选数量达到最大值
+    isMax() {
+      return this.max && this.checkLength + 1 > this.max;
+    },
+  },
+  watch: {},
+  mounted() {},
+  methods: {
+    includes,
+    init() {
+      this.initCheckColumns();
+    },
+    // 初始化选中字段
+    initCheckColumns() {
+      const list = cloneDeep(this.defaultColumns);
+      this.checkColumns = this.getCheckColumns(list);
+    },
+    getFlatColumns() {
+      const fields = cloneDeep(this.checkColumns);
+      let _flatColumns = [];
+      for (let i = 0; i < fields.length; i++) {
+        const { children, ...props } = fields[i];
+        _flatColumns = [..._flatColumns, ...children];
+      }
+      return _flatColumns;
+    },
+    getItemChecked(item) {
+      return !!this.getFlatColumns().some((column) => column.prop === item.prop);
+    },
+
+    onCheckColumns(data, parentProp, column) {
+      const _target = this.checkColumns.find((v) => v.prop === parentProp);
+      const isChecked = this.getItemChecked(data);
+      const fn = () => {
+        if (this.checkLength === this.max) {
+          this.$message.warning(`指标最多选择${this.max}个`);
+        }
+      };
+
+      // 新增一组
+      if (!_target) {
+        const { children, ...props } = column;
+        this.checkColumns.push({
+          ...props,
+          children: [
+            {
+              ...data,
+              is_show: true,
+            },
+          ],
+        });
+
+        fn();
+        return;
+      }
+      if (isChecked) {
+        if (_target.children.length === 1) {
+          const _index = this.checkColumns.findIndex((v) => v.prop === parentProp);
+          this.checkColumns.splice(_index, 1);
+          return;
+        }
+
+        _target.children.forEach((item, index) => {
+          if (item.prop == data.prop) {
+            _target.children.splice(index, 1);
+          }
+        });
+      } else {
+        _target.children.push({
+          ...data,
+          is_show: true,
+        });
+
+        fn();
+      }
+    },
+    onDelete(data, parentProp) {
+      if (this.isMin) {
+        return this.$message.warning(`最少选择${this.min}个指标`);
+      }
+
+      const _target = this.checkColumns.find((v) => v.prop === parentProp);
+      // 该组最后一项，直接删除整组
+      if (_target.children.length === 1) {
+        const _index = this.checkColumns.findIndex((v) => v.prop === parentProp);
+        this.checkColumns.splice(_index, 1);
+        return;
+      }
+
+      _target.children.forEach((item, index) => {
+        if (item.prop == data.prop) {
+          _target.children.splice(index, 1);
+        }
+      });
+
+      // this.$forceUpdate();
+    },
+    // 获取重新排序后数组
+    getSortedColumns() {
+      let columns = cloneDeep(this.columns); // 复制原数据列
+      const checkColumns = cloneDeep(this.checkColumns); // 复制已选数据列
+
+      // 全部置为false
+      columns.forEach((column) => {
+        if (column.editable) {
+          column.is_show = false;
+          column.children.forEach((item) => item.editable && (item.is_show = false));
+        }
+      });
+
+      // 对父级分组排序
+      checkColumns.forEach((checkColumn) => {
+        const _index = columns.findIndex((column) => column.prop === checkColumn.prop);
+        if (_index > -1) {
+          const item = columns.splice(_index, 1)[0];
+          columns.push(item);
+        }
+      });
+
+      // 对子级元素分组排序
+      for (let i = 0; i < checkColumns.length; i++) {
+        const { prop, children } = checkColumns[i];
+        const _target = columns.find((v) => v.prop === prop);
+        const _allIndex = children.map((item) => item.prop);
+
+        // if (_allIndex === 0) {
+        //   _target.is_show = false;
+        //   break;
+        // }
+
+        _target.is_show = true;
+        // 删除已勾选的数据，再把这些数据插入到数组最后面
+        _target.children = _target.children.filter((item) => !_allIndex.includes(item.prop));
+
+        _target.children = [..._target.children, ...children];
+      }
+      return columns;
+    },
+    async onSubmit() {
+      if (this.max && this.checkLength > this.max) {
+        this.$message.error(`你已经选择${this.checkLength}个,最多不能超过${this.max}个`);
+        return;
+      }
+      if (this.min && this.checkLength < this.min) {
+        this.$message.error(`你已经选择${this.checkLength}个,至少不能少于${this.min}个`);
+        return;
+      }
+      const fields = this.getSortedColumns();
+
+      try {
+        const { code } = await setCustomTableFields({
+          custom_type: this.type,
+          fields,
+          other_setting: this.other_setting,
+        });
+        if (code === 0) this.$message.success('保存成功');
+        this.visible = false;
+        this.$emit('submit', fields);
+      } catch (err) {
+        this.$message.error(err);
+      }
+    },
+    showDrawer() {
+      this.visible = true;
+      this.init();
+    },
+    onFieldDescClick() {
+      this.$emit('onFieldDescClick');
+    },
+    getCheckColumns(list) {
+      let arr = [];
+      for (let i = 0, j = list.length; i < j; i++) {
+        if (list[i].editable) {
+          let obj = { ...list[i], children: [] };
+          for (let l = 0, k = list[i].children.length; l < k; l++) {
+            if (list[i].children[l].is_show && list[i].children[l].editable) {
+              obj.children.push(list[i].children[l]);
+            }
+          }
+          if (obj.children.length) {
+            arr.push(obj);
+          }
+        }
+      }
+      return arr;
+    },
+  },
+};
+</script>
+<style lang="scss" scoped>
+@import './style.scss';
+</style>
diff --git a/src/styles/components/index.scss b/src/styles/components/index.scss
index 4655cb9..39ccb7a 100644
--- a/src/styles/components/index.scss
+++ b/src/styles/components/index.scss
@@ -2,4 +2,5 @@
 @import './table.scss';
 @import './checkbox.scss';
 @import './pagination.scss';
-@import './tabs.scss';
\ No newline at end of file
+@import './tabs.scss';
+@import './modal.scss';
\ No newline at end of file
diff --git a/src/styles/components/modal.scss b/src/styles/components/modal.scss
new file mode 100644
index 0000000..aee1303
--- /dev/null
+++ b/src/styles/components/modal.scss
@@ -0,0 +1,23 @@
+.arco-modal {
+  .arco-modal-header {
+    border-bottom: 1px solid var(--Border-1, #d7d7d9);
+    height: 56px;
+    padding: 0 20px;
+    .arco-modal-title {
+      justify-content: flex-start;
+    }
+  }
+
+  .arco-modal-body {
+    padding: 24px 20px;
+  }
+
+  .arco-modal-footer {
+    display: flex;
+    height: 64px;
+    padding: 0px 20px;
+    justify-content: flex-end;
+    align-items: center;
+    border-top: 1px solid var(--Border-1, #d7d7d9);
+  }
+}
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 6595010..356ee53 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -20,17 +20,8 @@
       border: 1px solid var(--BG-500, #b1b2b5);
     }
   }
-  .arco-modal-header {
-    border-bottom: 1px solid var(--Border-1, #d7d7d9);
-    height: 56px;
-    padding: 0 20px;
-    .arco-modal-title {
-      justify-content: flex-start;
-    }
-  }
 
   .arco-modal-body {
-    padding: 24px 20px;
     .arco-form-item {
       margin-bottom: 16px;
       &:last-child {
@@ -46,13 +37,4 @@
       }
     }
   }
-
-  .arco-modal-footer {
-    display: flex;
-    height: 64px;
-    padding: 0px 20px;
-    justify-content: flex-end;
-    align-items: center;
-    border-top: 1px solid var(--Border-1, #d7d7d9);
-  }
 }
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 00a60a2..746dcb1 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
@@ -12,7 +12,7 @@
         <template #icon> <icon-download /> </template>
         <template #default>导出数据</template>
       </a-button>
-      <a-button class="w-110px search-btn" size="medium">
+      <a-button class="w-110px search-btn" size="medium" @click="openCustomColumn">
         <template #icon>
           <img :src="icon1" width="14" height="14" />
         </template>
@@ -106,14 +106,18 @@
       </a-table-column>
     </template>
   </a-table>
+
+  <CustomTableColumnModal ref="modalRef" type="media_account" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
 import { ref, computed } from 'vue';
+import { useRouter } from 'vue-router';
+
 import { STATUS_LIST } from '../../constants';
 import { formatTableField } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
-import { useRouter } from 'vue-router';
+import CustomTableColumnModal from '@/components/custom-table-column-modal';
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
@@ -134,6 +138,7 @@ const router = useRouter();
 
 const selectedItems = ref([]);
 const tableRef = ref(null);
+const modalRef = ref(null);
 
 const checkedAll = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
@@ -179,6 +184,14 @@ const resetTable = () => {
   tableRef.value?.clearSorters();
 };
 
+const openCustomColumn = () => {
+  modalRef.value.open();
+};
+
+const onCustomColumnSuccess = (selectedColumns) => {
+  console.log(selectedColumns);
+};
+
 defineExpose({
   resetTable,
 });
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue b/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
index 914dbe2..a12aa9e 100644
--- a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
@@ -12,7 +12,7 @@
         <template #icon> <icon-download /> </template>
         <template #default>导出数据</template>
       </a-button>
-      <a-button class="w-110px search-btn" size="medium">
+      <a-button class="w-110px search-btn" size="medium" @click="openCustomColumn">
         <template #icon>
           <img :src="icon1" width="14" height="14" />
         </template>
@@ -118,6 +118,8 @@
       </a-table-column>
     </template>
   </a-table>
+
+  <CustomTableColumnModal ref="modalRef" type="media_account" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
@@ -126,6 +128,7 @@ import { STATUS_LIST } from '../../constants';
 import { formatTableField } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
+import CustomTableColumnModal from '@/components/custom-table-column-modal';
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
@@ -150,6 +153,7 @@ const router = useRouter();
 
 const selectedItems = ref([]);
 const tableRef = ref(null);
+const modalRef = ref(null);
 
 const checkedAll = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
@@ -203,6 +207,14 @@ const resetTable = () => {
   tableRef.value?.clearSorters();
 };
 
+const openCustomColumn = () => {
+  modalRef.value.open();
+};
+
+const onCustomColumnSuccess = (selectedColumns) => {
+  console.log(selectedColumns);
+};
+
 defineExpose({
   resetTable,
 });

From 0a3c80a8528f1e0a76c9048b9b2a87f5e807d236 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 30 Jun 2025 11:36:11 +0800
Subject: [PATCH 29/78] =?UTF-8?q?feat(property-marketing):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=8A=A5=E8=A1=A8=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 重新设计了业务分析报告和竞品分析报告的页面布局
- 添加了更多筛选条件和排序功能- 优化了表格列的展示内容和样式
- 更新了图表组件，支持更多图表类型
- 调整了路由模块中的报表名称
---
 .../routes/modules/propertyMarketing.ts       |   4 +-
 .../brands/brand-materials/index.vue          |  25 +--
 .../brands/brand-materials/style.scss         |  28 +--
 src/views/property-marketing/component.scss   |   1 +
 .../businessAnalysisReport.vue                |  61 ++++--
 .../competitiveProductAnalysisReport.vue      |  96 ++++++---
 .../components/echarts-item/index.vue         |  24 ++-
 .../components/echarts-item/style.scss        |  16 +-
 .../put-account/account-dashboard/index.vue   | 204 ++++++++++++------
 .../put-account/account-dashboard/style.scss  |  35 +--
 .../action-guide-distribution/index.vue       |  59 +++--
 .../components/month-data/index.vue           |   5 +-
 .../placement-suggestions/index.vue           |   9 +-
 .../table-data/placementGuideList.vue         |  49 +----
 .../investment-guidelines/constants.ts        |  21 ++
 .../investment-guidelines/index.vue           |  16 +-
 .../investment-guidelines/style.scss          |  21 +-
 17 files changed, 404 insertions(+), 270 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/constants.ts

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 8a9035d..f85feac 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -151,7 +151,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'businessAnalysisReport',
         name: 'IntelligentSolutionBusinessAnalysisReport',
         meta: {
-          locale: '业务分析报告',
+          locale: '业务洞察报告',
           requiresAuth: true,
           roles: ['*'],
         },
@@ -161,7 +161,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'competitiveProductAnalysisReport',
         name: 'IntelligentSolutionCompetitiveProductAnalysisReport',
         meta: {
-          locale: '竟品分析报告',
+          locale: '竟品对比报告',
           requiresAuth: true,
           roles: ['*'],
         },
diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index efa96c9..72ac8a0 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -3,18 +3,14 @@
     <div class="part-div">
       <div class="part-div-header">
         <span class="part-div-header-title">品牌物料</span>
-        <div v-if="listResult.total > 0" style="position: absolute; right: 35px;margin-top: 10px">
-          <a-button style="float: right; width: 100px; height: 35px" type="primary" @click="handleAdd"
-            >+ 添加品牌
-          </a-button>
-        </div>
+        <a-button class="add-btn" type="primary" @click="handleAdd">+ 添加品牌</a-button>
       </div>
 
       <a-space direction="vertical">
         <a-space size="medium" direction="content" style="margin-left: 24px; margin-bottom: 20px">
           <a-space>
             <span>品牌名称</span>
-            <a-input v-model="listQuery.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+            <a-input v-model="listQuery.name" placeholder="请搜索..." size="medium" allow-clear>
               <template #prefix>
                 <icon-search />
               </template>
@@ -28,7 +24,7 @@
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button type="outline" size="medium" class="reset-btn" @click="handleSearch">
+            <a-button type="outline" size="medium" class="reset-btn" @click="handleReset">
               <template #icon>
                 <icon-refresh />
               </template>
@@ -83,7 +79,7 @@
         @cancel="handleModalCancel"
       >
         <template #title>
-          <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '新增品牌' }}</span>
+          <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '添加品牌' }}</span>
         </template>
         <a-form :model="form" :rules="formRule" ref="formRef" layout="horizontal" auto-label-width>
           <a-form-item field="name" label="品牌名称">
@@ -117,8 +113,6 @@
 import { ref, computed, reactive, onMounted } from 'vue';
 import { Message } from '@arco-design/web-vue';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
-import noDataImage from '@/assets/img/guide/no_data.png';
-import '@/views/property-marketing/brands/brand-materials/style.scss';
 
 import {
   addMaterials,
@@ -128,7 +122,6 @@ import {
   updateMaterials,
 } from '@/api/all/enterpriseKnowledge';
 import ImageUpload from '@/components/upload/ImageUpload.vue';
-import { valid } from 'mockjs';
 
 const searchName = ref('');
 const current = ref(1);
@@ -145,7 +138,6 @@ const listQuery = reactive({
 });
 
 const modalVisible = ref(false);
-const modalTitle = ref('编辑品牌');
 const formRef = ref();
 const formRule = {
   name: [{ required: true, message: '请输入品牌名称', trigger: ['blur', 'change'] }],
@@ -181,8 +173,8 @@ const deleteBrand = (id) => {
 };
 
 function handleReset() {
-  searchName.value = '';
-  current.value = 1;
+  listQuery.name = '';
+  listQuery.page = 1;
 }
 
 function handleAdd() {
@@ -211,7 +203,6 @@ function handleModalOk() {
           });
         } else {
           addMaterials(form).then((response) => {
-            console.log(response, 'response');
             Message.success('新增成功');
             handleSearch();
           });
@@ -233,3 +224,7 @@ function handleEdit(id) {
   });
 }
 </script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
index 4e5798f..19a03df 100644
--- a/src/views/property-marketing/brands/brand-materials/style.scss
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -1,3 +1,5 @@
+@import "@/views/property-marketing/component.scss";
+
 .view-body {
   //每块div布局
   .part-div {
@@ -58,9 +60,16 @@
 
   //添加按钮
   .add-btn {
-    font-size: 16px;
+    font-size: 15px;
     padding: 0 24px;
     border-radius: 4px;
+    float: right;
+    width: 110px;
+    height: 35px;
+    position: absolute;
+    line-height: 110px;
+    right: 35px;
+    margin-top: 10px
   }
 
   //分页
@@ -192,23 +201,6 @@
   left: 10px;
 }
 
-.arco-textarea-wrapper,
-.arco-input-wrapper {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
-  }
-
-  &.arco-input-wrapper {
-    height: 35px;
-  }
-}
 
 .form-tip {
   color: #999;
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 6595010..7f53852 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -1,5 +1,6 @@
 .arco-input-wrapper,
 .arco-select-view-single,
+.arco-textarea-wrapper,
 .arco-select-view-multiple {
   border-radius: 4px;
   border-color: #d7d7d9;
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
index 56011c2..b33d430 100644
--- a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -2,19 +2,17 @@
   <view>
     <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
       <a-space align="end">
-        <span class="part-div-header-title">业务分析报告 </span>
-      </a-space>
-      <a-space wrap :size="30">
-
+        <span class="part-div-header-title">业务洞察报告 </span>
       </a-space>
       <a-space align="center" class="search-form-div" size="medium">
-        <a-form-item field="name" class="search-form" label="服务/产品">
-          <a-input
-            v-model="listQuery.name"
-            placeholder="请搜索..."
-          />
+        <a-form-item field="name" class="" label="服务/产品">
+          <a-input v-model="listQuery.name" placeholder="请搜索...">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
         </a-form-item>
-        <a-form-item field="name" label="生成日期">
+        <a-form-item field="name" label="时间筛选">
           <a-range-picker
             showTime
             :time-picker-props="{
@@ -49,7 +47,14 @@
         :pagination="false"
       >
       </a-table>
-      <a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
+      <a-pagination
+        style="float: right"
+        :total="listResult.total"
+        :size="listQuery.size"
+        show-total
+        show-jumper
+        show-page-size
+      />
     </a-space>
   </view>
 </template>
@@ -57,6 +62,7 @@
 <script setup lang="ts">
 const listQuery = reactive({
   name: '',
+  size: 0,
 });
 
 const listResult = reactive({
@@ -67,14 +73,14 @@ const listResult = reactive({
 const columns = [
   {
     title: '服务/产品',
-    dataIndex: 'rank',
+    dataIndex: 'service_name',
     slotName: 'rank',
     width: 60,
     minWidth: 60,
   },
   {
     title: '生成日期',
-    dataIndex: 'name',
+    dataIndex: 'create_time',
     width: 120,
     minWidth: 120,
     sortable: {
@@ -86,17 +92,17 @@ const columns = [
     width: 180,
     minWidth: 180,
     title: '目标客群',
-    dataIndex: 'hot',
+    dataIndex: 'customer',
     slotName: 'hot',
   },
   {
     title: '价格区间',
-    dataIndex: 'name',
+    dataIndex: 'price',
     width: 120,
     minWidth: 120,
   },
   {
-    titleSlotName: 'volume_rateTitle',
+    titleSlotName: 'lasterUpdateTime',
     title: '最后更新日期',
     dataIndex: 'volumeRate',
     width: 180,
@@ -104,11 +110,11 @@ const columns = [
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
-    slotName: 'volumeRate',
+    slotName: 'lasterUpdateTime',
   },
   {
     title: '操作人',
-    dataIndex: 'name',
+    dataIndex: 'operator',
     width: 120,
     minWidth: 120,
   },
@@ -132,6 +138,23 @@ const columns = [
   margin-top: 10px;
 }
 
-.search-form {
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+
+.reset-btn {
+  min-width: 72px;
+  color: black;
 }
 </style>
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
index d71f0ab..6ddf2b9 100644
--- a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -2,13 +2,17 @@
   <view>
     <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
       <a-space align="end">
-        <span>业务分析报告 </span>
+        <span class="part-div-header-title">竞品对比报告 </span>
       </a-space>
-      <a-space align="center" size="medium">
-        <a-form-item field="name" label="服务/产品">
-          <a-input v-model="listQuery.name" placeholder="请搜索" />
+      <a-space align="center" class="search-form-div" size="medium">
+        <a-form-item field="name" class="" label="服务/产品">
+          <a-input v-model="listQuery.name" placeholder="请搜索...">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
         </a-form-item>
-        <a-form-item field="name" label="生成日期">
+        <a-form-item field="name" label="时间筛选">
           <a-range-picker
             showTime
             :time-picker-props="{
@@ -17,7 +21,7 @@
             style="width: 380px"
           />
         </a-form-item>
-        <a-form-item field="name" >
+        <a-form-item field="name">
           <a-space>
             <a-button type="outline" class="search-btn" @click="handleSearch">
               <template #icon>
@@ -33,7 +37,6 @@
             </a-button>
           </a-space>
         </a-form-item>
-
       </a-space>
       <a-table
         :columns="columns"
@@ -44,8 +47,14 @@
         :pagination="false"
       >
       </a-table>
-      <a-pagination style="float: right" :total="50" :size="size" show-total show-jumper show-page-size />
-
+      <a-pagination
+        style="float: right"
+        :total="listResult.total"
+        :size="listQuery.size"
+        show-total
+        show-jumper
+        show-page-size
+      />
     </a-space>
   </view>
 </template>
@@ -53,6 +62,7 @@
 <script setup lang="ts">
 const listQuery = reactive({
   name: '',
+  size: 0,
 });
 
 const listResult = reactive({
@@ -63,36 +73,28 @@ const listResult = reactive({
 const columns = [
   {
     title: '服务/产品',
-    dataIndex: 'rank',
+    dataIndex: 'service_name',
     slotName: 'rank',
     width: 60,
     minWidth: 60,
   },
   {
     title: '生成日期',
-    dataIndex: 'name',
+    dataIndex: 'create_time',
     width: 120,
     minWidth: 120,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
+
   },
   {
     titleSlotName: 'hotTitle',
     width: 180,
     minWidth: 180,
-    title: '目标客群',
-    dataIndex: 'hot',
+    title: '竞争对手',
+    dataIndex: 'customer',
     slotName: 'hot',
   },
   {
-    title: '价格区间',
-    dataIndex: 'name',
-    width: 120,
-    minWidth: 120,
-  },
-  {
-    titleSlotName: 'volume_rateTitle',
+    titleSlotName: 'lasterUpdateTime',
     title: '最后更新日期',
     dataIndex: 'volumeRate',
     width: 180,
@@ -100,15 +102,57 @@ const columns = [
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
-    slotName: 'volumeRate',
+    slotName: 'lasterUpdateTime',
   },
   {
     title: '操作人',
-    dataIndex: 'name',
+    dataIndex: 'operator',
+    width: 120,
+    minWidth: 120,
+  },
+  {
+    title: '操作',
+    dataIndex: 'handle',
     width: 120,
     minWidth: 120,
   },
 ];
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="less">
+.part-div-header-title {
+  justify-content: center;
+  display: flex;
+  flex-direction: column;
+  color: var(--Text-1, #211f24);
+  font-size: 18px;
+  font-family: Alibaba PuHuiTi;
+  font-weight: 400;
+  line-height: 26px;
+  word-wrap: break-word;
+}
+
+.search-form-div {
+  margin-top: 10px;
+}
+
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+
+.reset-btn {
+  min-width: 72px;
+  color: black;
+}
+</style>
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
index fe4a1b4..5e609a3 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -2,7 +2,7 @@
   <div class="chart-container">
     <a-card :bordered="false" class="echart-item-card">
       <template #title>
-        <span>{{ title.name }}</span>
+        <span class="a-card-title" >{{ title.name }}</span>
         <a-popover position="tl">
           <icon-question-circle />
           <template #content>
@@ -10,12 +10,12 @@
           </template>
         </a-popover>
       </template>
-      <div id="echarts-line" style="width: 100%; height: 450px"></div>
+      <div id="echarts-line" ref="chart" style="width: 100%; height: 450px"></div>
     </a-card>
   </div>
 </template>
 
-<script setup>
+<script setup lang="ts">
 import { defineProps, onMounted } from 'vue';
 import * as echarts from 'echarts';
 import { Card } from '@arco-design/web-vue';
@@ -38,10 +38,16 @@ const props = defineProps({
     default: [],
   },
 });
+
+const chart = ref<HTMLElement | null>(null);
+let chartInstance: echarts.ECharts | null = null;
+
 const xAxisData = props.xAxisData;
 const seriesData = props.seriesData;
-onMounted(() => {
-  const myChart = echarts.init(document.getElementById('echarts-line'));
+
+const initChart = () => {
+  if (!chart.value) return;
+  chartInstance = echarts.init(chart.value);
 
   const option = {
     tooltip: {
@@ -96,11 +102,11 @@ onMounted(() => {
     series: seriesData,
   };
 
-  myChart.setOption(option);
+  chartInstance.setOption(option);
+};
 
-  window.addEventListener('resize', () => {
-    myChart.resize();
-  });
+onMounted(() => {
+  initChart();
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
index 1901c22..13e2de6 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
@@ -1,7 +1,21 @@
 .echart-item-card {
   width: 100%;
   height: 50%;
-  margin:13px;
+  margin: 13px;
   border-radius: 10px;
 
+  :deep(.arco-card-header) {
+    border-bottom: none !important;
+
+  }
+
+  .a-card-title {
+    color: var(--Text-1, #211F24);
+    font-size: 16px;
+    font-family: Alibaba PuHuiTi;
+    font-weight: 400;
+    line-height: 24px;
+    word-wrap: break-word;
+  }
 }
+
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 9aaebff..6cd56b2 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -2,7 +2,7 @@
   <view>
     <div class="part-div">
       <div>
-        <a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="acctoun">
+        <a-tabs v-model:activeKey="tabData" default-active-key="acctoun">
           <a-tab-pane key="acctoun" title="账户"></a-tab-pane>
           <a-tab-pane key="project">
             <template #title>项目</template>
@@ -10,71 +10,60 @@
         </a-tabs>
       </div>
       <a-space size="large" direction="vertical" class="search-form">
-        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-          <a-col :span="5">
-            <a-space>
-              <span>项目名称</span>
-              <a-select :style="{ width: '320px' }" placeholder="全部">
-                <a-option>Beijing</a-option>
-                <a-option>Shanghai</a-option>
-                <a-option>Guangzhou</a-option>
-              </a-select>
-            </a-space>
-          </a-col>
-          <a-col :span="5">
-            <a-space>
-              <span>平台</span>
-              <a-select :style="{ width: '320px' }" placeholder="全部">
-                <a-option>Beijing</a-option>
-                <a-option>Shanghai</a-option>
-                <a-option>Guangzhou</a-option>
-              </a-select>
-            </a-space>
-          </a-col>
-          <a-col :span="5">
-            <a-space>
-              <span>运营人员</span>
-              <a-select :style="{ width: '320px' }" placeholder="全部">
-                <a-option>Beijing</a-option>
-                <a-option>Shanghai</a-option>
-                <a-option>Guangzhou</a-option>
-              </a-select>
-            </a-space>
-          </a-col>
-        </a-row>
+        <a-space size="large">
+          <a-space>
+            <span>账户名称</span>
+            <a-select multiple placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </a-space>
+          <a-space>
+            <span>平台</span>
+            <a-select placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </a-space>
+          <a-space>
+            <span>运营人员</span>
+            <a-select placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </a-space>
+        </a-space>
 
-        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-          <a-col :span="6">
-            <a-space>
-              <span>时间筛选</span>
-              <a-range-picker
-                showTime
-                :time-picker-props="{
-                  defaultValue: ['00:00:00', '00:00:00'],
-                }"
-                @change="onChange"
-                @select="onSelect"
-                style="width: 380px"
-              />
-            </a-space>
-          </a-col>
-          <a-col :span="5">
-            <a-space>
-              <a-button type="outline" class="search-btn" @click="handleSearch">
-                <template #icon>
-                  <icon-search />
-                </template>
-                <template #default>搜索</template>
-              </a-button>
-              <a-button type="outline" class="reset-btn" @click="handleSearch">
-                <template #icon>
-                  <icon-refresh />
-                </template>
-                <template #default>重置</template>
-              </a-button>
-            </a-space>
-          </a-col>
-        </a-row>
+        <a-space size="large">
+          <a-space>
+            <span>时间筛选</span>
+            <a-range-picker
+              showTime
+              :time-picker-props="{
+                defaultValue: ['00:00:00', '00:00:00'],
+              }"
+              @change="onChange"
+              @select="onSelect"
+            />
+          </a-space>
+          <a-space>
+            <a-button type="outline" class="search-btn" @click="handleSearch">
+              <template #icon>
+                <icon-search />
+              </template>
+              <template #default>搜索</template>
+            </a-button>
+            <a-button type="outline" class="reset-btn" @click="handleSearch">
+              <template #icon>
+                <icon-refresh />
+              </template>
+              <template #default>重置</template>
+            </a-button>
+          </a-space>
+        </a-space>
       </a-space>
     </div>
 
@@ -95,6 +84,89 @@
           ></EchartsItem>
         </a-col>
       </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '点击量', popover: '点击量' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '点击率', popover: 点击率 }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '平均点击成本', popover: '平均点击成本' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '千次展现费用', popover: '千次展现费用' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '转化数', popover: '转化数' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '转化率', popover: '转化率' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '平均转化成本', popover: '平均转化成本' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '深度转化数', popover: '深度转化数' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '深度转化率', popover: '深度转化率' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts.xAxisData"
+            :seriesData="xhlEcharts.seriesData"
+            :title="{ name: '投资回报率', popover: '投资回报率' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
     </div>
   </view>
 </template>
@@ -155,8 +227,6 @@ const xhlEcharts = reactive({
     },
   ],
 });
-
-
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
index 7354f45..3b2679d 100644
--- a/src/views/property-marketing/put-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -1,3 +1,5 @@
+@import "@/views/property-marketing/component.scss";
+
 .part-div {
   width: 100%;
   background: var(--BG-white, white);
@@ -9,35 +11,16 @@
   justify-content: flex-start;
   display: inline-flex;
   margin: 10px;
-}
 
-.part-div-header {
-  align-self: stretch;
-  height: 64px;
-  padding: 10px 24px 10px 24px;
-  justify-content: flex-start;
-  align-items: center;
-  display: inline-flex
-}
-
-:deep(.arco-select-view-single),
-:deep(.arco-select-view-multiple),
-:deep(.arco-picker),
-:deep(.arco-input-wrapper) {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-  width: 224px;
-  height: 32px;
-
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  :deep(.arco-tabs) {
+    .arco-tabs-tab {
+      height: 56px;
+      padding: 0 8px;
+    }
   }
 }
 
+
 .search-btn {
   // 搜索
   color: var(--Brand-6, #6d4cfe);
@@ -63,6 +46,6 @@
 }
 
 .search-form {
-  margin: 20px;
+  margin: 5px 10px 24px 24px;
 
 }
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index 38f5133..c021759 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -6,7 +6,7 @@
         <a-popover position="tl">
           <icon-question-circle />
           <template #content>
-            <p style="margin: 0">投放建议优化。</p>
+            <p>投放建议优化。</p>
           </template>
         </a-popover>
       </div>
@@ -15,31 +15,31 @@
         <a-popover position="tl">
           <icon-question-circle />
           <template #content>
-            <p style="margin: 0">表现分析。</p>
+            <p>表现分析。</p>
           </template>
         </a-popover>
       </a-space>
-      <div>
-        <a-row class="grid-demo" :gutter="24">
+      <div style="margin-right: 24px">
+        <a-row :gutter="24">
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群分析</span>
               <a-space direction="vertical">
                 <a-space class="placement-optimization-str">
                   <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     18-24岁女性，兴趣为“美妆/穿搭”，一线城市，抖音平台 ROI 3.2</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
                     25-34岁男性，兴趣为“数码产品”，二线城市，巨量引擎 ROI 2.8</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
                     18-24岁男性，兴趣为“运动/健身”，三线城市，抖音 ROI 2.3</span
                   >
                 </a-space>
@@ -52,19 +52,19 @@
               <a-space direction="vertical">
                 <a-space class="placement-optimization-str">
                   <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     图文风格 + 明确福利点，CTR 3.2%、CVR 8.5%</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     场景短视频 + 明确人设定位，CTR 2.7%、CVR 7.1%</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     口播讲解类 + 产品对比，CTR 2.1%、CVR 6.0%</span
                   >
                 </a-space>
@@ -79,19 +79,19 @@
               <a-space direction="vertical">
                 <a-space class="placement-optimization-str">
                   <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     晚高峰时段（19:00–21:00），ROI 3.1</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     中午时段（11:30–13:00），ROI 2.5</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     下午茶时段（15:00–17:00），ROI 2.3</span
                   >
                 </a-space>
@@ -105,19 +105,19 @@
               <a-space direction="vertical">
                 <a-space class="placement-optimization-str">
                   <span>
-                    <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                     抖音 - ROI 3.2，CVR 8.5%</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
                     聚光平台 - ROI 2.7，CVR 7.3%</span
                   >
                 </a-space>
                 <a-space>
                   <span>
-                    <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                    <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
                     B站 - ROI 2.4，CVR 6.8%</span
                   >
                 </a-space>
@@ -142,19 +142,19 @@
             <a-space direction="vertical">
               <a-space class="placement-optimization-str">
                 <span>
-                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                   集中在 18–24 岁女性 + 精准兴趣标签（如“护肤”、“口红”）</span
                 >
               </a-space>
               <a-space>
                 <span>
-                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
                   24–30 岁男性 + 实用类内容受众（如“工具控”、“搞机党”）</span
                 >
               </a-space>
               <a-space>
                 <span>
-                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
                   泛娱乐向受众 + 较大地域分布（兴趣“短剧”、“直播带货”）</span
                 >
               </a-space>
@@ -169,19 +169,19 @@
             <a-space direction="vertical">
               <a-space class="placement-optimization-str">
                 <span>
-                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                   福利明确+钩子强的图文短视频，建议加限时优惠提示</span
                 >
               </a-space>
               <a-space>
                 <span>
-                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
                   场景代入型视频，突出客户痛点与产品关联</span
                 >
               </a-space>
               <a-space>
                 <span>
-                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
                   达人口播/测评，搭配标题党封面吸引点击</span
                 >
               </a-space>
@@ -197,19 +197,19 @@
             <a-space direction="vertical">
               <a-space class="placement-optimization-str">
                 <span>
-                  <img :src="topImages[0]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
                   预算前置在 ROI 最佳时段和平台，优先抢头部流量</span
                 >
               </a-space>
               <a-space>
                 <span>
-                  <img :src="topImages[1]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
                   中等预算组合投放 + 高点击素材A/B测试</span
                 >
               </a-space>
               <a-space>
                 <span>
-                  <img :src="topImages[2]" style="width: 25px; height: 17px" />
+                  <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
                   低预算长周期测试，重点看 CVR，优胜劣汰</span
                 >
               </a-space>
@@ -223,11 +223,10 @@
 
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
-import top1 from '@/assets/img/captcha/top1.svg';
-import top2 from '@/assets/img/captcha/top2.svg';
-import top3 from '@/assets/img/captcha/top3.svg';
 
-const topImages = [top1, top2, top3];
+import { getStarIcon } from '../../constants';
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index 28852b8..1a9656a 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -30,6 +30,7 @@
 
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
-import './style.scss';
 </script>
-<style scoped lang="less"></style>
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index 6c82c64..777775f 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -20,7 +20,7 @@
             </div>
           </a-col>
         </a-row>
-        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-row class="grid-demo" style="margin-right: 10px" :gutter="{ md: 8, lg: 24, xl: 32 }">
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">预算分配</span>
@@ -40,7 +40,7 @@
             </div>
           </a-col>
         </a-row>
-        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
+        <a-row class="grid-demo" style="margin-right: 10px" :gutter="{ md: 8, lg: 24, xl: 32 }">
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群包优化</span>
@@ -67,7 +67,8 @@
 </template>
 
 <script setup lang="ts">
-import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 </script>
 
-<style scoped lang="less"></style>
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index 4f1708e..d4e608d 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -1,5 +1,5 @@
 <template>
-  <view>
+  <view class="table-data">
     <a-table
       class="account-table"
       :columns="columns"
@@ -54,12 +54,10 @@
 
       <template #weekConsumptionRate="{ record }">
         <a-statistic
-          style="font-size: 14px !important"
           :value="record.week_consumption_rate * 100"
           :value-style="{
             color: record.week_consumption_rate > 0 ? '#F64B31' : '#25C883',
             fontStyle: 'normal',
-            fontSize: '14px !important',
           }"
         >
           <template #prefix>
@@ -83,10 +81,6 @@
   </view>
 </template>
 <script setup lang="ts">
-import top1 from '@/assets/img/captcha/top1.svg';
-import top2 from '@/assets/img/captcha/top2.svg';
-import top3 from '@/assets/img/captcha/top3.svg';
-
 const listQuery = reactive({
   project_id: ref(''),
   platform: ref(''),
@@ -177,41 +171,20 @@ const listResult = reactive({
   ],
   total: ref(0),
 });
-
-const topImages = [top1, top2, top3];
 </script>
 
-<style scoped lang="less">
-.arco-textarea-wrapper,
-.arco-input-wrapper {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+<style lang="scss" scoped>
+.table-data {
+  //账户列表-分页
+  .account-page {
+    padding: 10px 24px 20px 24px;
+    background-color: #fff;
+    float: right;
   }
 
-  &.arco-input-wrapper {
-    height: 35px;
+  :deep(.custom-statistic .arco-statistic-value) {
+    font-size: 14px !important;
+    line-height: 1 !important;
   }
 }
-
-//账户列表-分页
-.account-page {
-  padding: 10px 24px 20px 24px;
-  background-color: #fff;
-  float: right;
-}
-
-// 分页器 - 页码下拉菜单样式穿透
-:deep(.arco-select-item),
-:deep(.arco-select-item) {
-  background-color: #fff !important;
-  height: 30px;
-  color: white !important;
-}
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/constants.ts b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
new file mode 100644
index 0000000..8d02ad7
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
@@ -0,0 +1,21 @@
+import top1 from '@/assets/img/captcha/top1.svg';
+import top2 from '@/assets/img/captcha/top2.svg';
+import top3 from '@/assets/img/captcha/top3.svg';
+
+/**
+ * 根据评分获取对应的星星图标路径
+ * @param score 评分，范围 1 ~ 3
+ * @returns 对应的 SVG 图标路径
+ */
+export function getStarIcon(score: number): string {
+  switch (score) {
+    case 1:
+      return top1;
+    case 2:
+      return top2;
+    case 3:
+      return top3;
+    default:
+      return top1; // 默认返回最高分图标
+  }
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index c1cb55c..57aa7a5 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <view class="placement-guide-style">
+  <view>
     <div class="part-div">
       <div>
         <a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="placement_guide">
@@ -12,9 +12,9 @@
       <!--表单组件搜索-->
       <listSearchForm></listSearchForm>
       <!--      投放指南-->
-      <PlacementGuideList v-if="tabData == 'placement_guide'"></PlacementGuideList>
+      <PlacementGuideList v-if="tabData === 'placement_guide'"></PlacementGuideList>
       <!--      历史指南列表-->
-      <GuideListHistory v-if="tabData == 'guide_history'"></GuideListHistory>
+      <GuideListHistory v-if="tabData === 'guide_history'"></GuideListHistory>
     </div>
 
     <!--    本月摘要-->
@@ -44,10 +44,6 @@
 
 <script setup lang="ts">
 import { reactive, ref } from 'vue';
-import top1 from '@/assets/img/captcha/top1.svg';
-import top2 from '@/assets/img/captcha/top2.svg';
-import top3 from '@/assets/img/captcha/top3.svg';
-import '@/views/property-marketing/put-account/investment-guidelines/style.scss';
 import PlacementGuideList from './components/table-data/placementGuideList.vue';
 import listSearchForm from './components/table-data/listSearchForm.vue';
 import GuideListHistory from './components/table-data/guideListHistory.vue';
@@ -64,8 +60,8 @@ const listQuery = reactive({
   name: ref(''),
   page_size: ref('10'),
 });
-
-const topImages = [top1, top2, top3];
 </script>
 
-<style lang="less" scoped></style>
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index 2dc697b..2e26498 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -9,6 +9,12 @@
   justify-content: flex-start;
   display: inline-flex;
   margin: 10px;
+  :deep(.arco-tabs) {
+    .arco-tabs-tab {
+      height: 56px;
+      padding: 0 8px;
+    }
+  }
 }
 
 .part-div-header {
@@ -27,7 +33,8 @@
   font-weight: 400;
   line-height: 30px;
   word-wrap: break-word;
-
+  height: 56px;
+  padding: 0 8px;
 }
 
 //每块div 标题
@@ -100,7 +107,7 @@
 
 //投放建议-总体策略
 .overall-strategy {
-  width: 100%;
+  width: 98%;
   padding: 20px 10px 20px 16px;
   background: var(--BG-100, #F7F8FA);
   overflow: hidden;
@@ -110,7 +117,7 @@
   align-items: flex-start;
   gap: 12px;
   display: inline-flex;
-  margin: 10px 24px 15px 20px;
+  margin: 20px;
 
 }
 
@@ -146,3 +153,11 @@
   line-height: 22px;
   word-wrap: break-word
 }
+
+
+:deep(.arco-tabs) {
+  .arco-tabs-tab {
+    height: 56px;
+    padding: 0 8px;
+  }
+}

From fafe4887f2062e3722dd5cdf8e2748273828db64 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 30 Jun 2025 16:11:25 +0800
Subject: [PATCH 30/78] =?UTF-8?q?feat(property-marketing):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=8A=A5=E8=A1=A8=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 重新设计了业务分析报告和竞品分析报告的页面布局
- 添加了更多筛选条件和排序功能- 优化了表格列的展示内容和样式
- 更新了图表组件，支持更多图表类型
- 调整了路由模块中的报表名称
---
 src/views/property-marketing/component.scss    |  3 +++
 .../put-account/account-dashboard/style.scss   | 18 ++++++++++++++++++
 .../components/month-data/index.vue            |  2 +-
 .../components/placement-suggestions/index.vue |  3 +--
 .../table-data/placementGuideList.vue          |  8 +++-----
 .../investment-guidelines/index.vue            |  4 +++-
 .../investment-guidelines/style.scss           | 15 ++++++++++++++-
 7 files changed, 43 insertions(+), 10 deletions(-)

diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 7f53852..2584513 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -1,6 +1,7 @@
 .arco-input-wrapper,
 .arco-select-view-single,
 .arco-textarea-wrapper,
+.arco-picker,
 .arco-select-view-multiple {
   border-radius: 4px;
   border-color: #d7d7d9;
@@ -57,3 +58,5 @@
     border-top: 1px solid var(--Border-1, #d7d7d9);
   }
 }
+
+
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
index 3b2679d..d650b49 100644
--- a/src/views/property-marketing/put-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -21,6 +21,24 @@
 }
 
 
+:deep(.arco-select-view-single),
+:deep(.arco-select-view-multiple),
+:deep(.arco-picker),
+:deep(.arco-input-wrapper) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
+  width: 224px;
+  height: 32px;
+
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
+
 .search-btn {
   // 搜索
   color: var(--Brand-6, #6d4cfe);
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index 1a9656a..c50bd1f 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -31,6 +31,6 @@
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 </script>
-<style scoped lang="scss">
+<style  lang="scss">
 @import './style.scss';
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index 777775f..db99014 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -66,8 +66,7 @@
   </view>
 </template>
 
-<script setup lang="ts">
-</script>
+<script setup lang="ts"></script>
 
 <style scoped lang="scss">
 @import './style.scss';
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index d4e608d..1168058 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -58,6 +58,7 @@
           :value-style="{
             color: record.week_consumption_rate > 0 ? '#F64B31' : '#25C883',
             fontStyle: 'normal',
+            fontSize: '14px',
           }"
         >
           <template #prefix>
@@ -181,10 +182,7 @@ const listResult = reactive({
     background-color: #fff;
     float: right;
   }
-
-  :deep(.custom-statistic .arco-statistic-value) {
-    font-size: 14px !important;
-    line-height: 1 !important;
-  }
 }
+
+
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index 57aa7a5..57d91bd 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -24,7 +24,7 @@
     <PlacementSuggestions></PlacementSuggestions>
     <ActionGuideDistribution></ActionGuideDistribution>
     <div>
-      <a-space style="float: right; margin-top: 10px; margin-bottom: 20px">
+      <a-space class="down-btn">
         <a-button type="outline" @click="handleSearch">
           <template #icon>
             <icon-download />
@@ -64,4 +64,6 @@ const listQuery = reactive({
 
 <style lang="scss">
 @import './style.scss';
+
+
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index 2e26498..d2d12b7 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -9,12 +9,17 @@
   justify-content: flex-start;
   display: inline-flex;
   margin: 10px;
-  :deep(.arco-tabs) {
+
+  .arco-tabs {
+    margin-bottom: 10px;
+    height: 76px;
+
     .arco-tabs-tab {
       height: 56px;
       padding: 0 8px;
     }
   }
+
 }
 
 .part-div-header {
@@ -161,3 +166,11 @@
     padding: 0 8px;
   }
 }
+
+
+.down-btn {
+  float: right;
+  margin-top: 10px;
+  margin-bottom: 20px
+}
+

From e6d0e19fb4c5b1a5204a22089530b7c6d4d896c9 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 1 Jul 2025 11:19:46 +0800
Subject: [PATCH 31/78] =?UTF-8?q?refactor(brand-materials):=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=E5=93=81=E7=89=8C=E7=89=A9=E6=96=99=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 优化页面布局和样式，使用 flex布局
- 重新组织组件结构，提高可维护性- 改进搜索和分页功能，提升用户体验
- 统一按钮和输入框样式，增强一致性
- 移除冗余代码，提高代码可读性
---
 .../brands/brand-materials/index.vue          | 253 ++++++++++--------
 .../brands/brand-materials/style.scss         | 248 +++++------------
 2 files changed, 205 insertions(+), 296 deletions(-)

diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index 72ac8a0..ae9efbb 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -1,112 +1,126 @@
 <template>
-  <view class="view-body">
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">品牌物料</span>
-        <a-button class="add-btn" type="primary" @click="handleAdd">+ 添加品牌</a-button>
+  <div class="brand-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">品牌物料</p>
+        <div class="flex items-center">
+          <a-button class="add-btn" type="primary" @click="handleAdd">+ 添加品牌</a-button>
+        </div>
       </div>
 
-      <a-space direction="vertical">
-        <a-space size="medium" direction="content" style="margin-left: 24px; margin-bottom: 20px">
-          <a-space>
-            <span>品牌名称</span>
-            <a-input v-model="listQuery.name" placeholder="请搜索..." size="medium" allow-clear>
-              <template #prefix>
-                <icon-search />
-              </template>
-            </a-input>
-          </a-space>
-
-          <a-space style="margin-left: 20px">
-            <a-button type="outline" size="medium" class="search-btn" @click="handleSearch">
+      <div class="container px-24px pt-12px pb-24px">
+        <div class="filter-row flex mb-20px">
+          <div class="filter-row-item flex items-center">
+            <span class="label">品牌名称</span>
+            <a-space size="medium">
+              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+                <template #prefix>
+                  <icon-search />
+                </template>
+              </a-input>
+            </a-space>
+          </div>
+          <div class="filter-row flex">
+            <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button type="outline" size="medium" class="reset-btn" @click="handleReset">
+            <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
               <template #icon>
                 <icon-refresh />
               </template>
               <template #default>重置</template>
             </a-button>
-          </a-space>
-        </a-space>
-
-        <!-- 表格 -->
-        <a-table :data="listResult.data" class="a-table" :pagination="false">
-          <template #columns>
-            <a-table-column title="品牌名称" data-index="name" />
-            <a-table-column title="品牌logo" data-index="logo">
-              <template #cell="{ record }">
-                <img :src="record.logo" style="width: 50px; height: 50px" />
-              </template>
-            </a-table-column>
-            <a-table-column title="Slogan" data-index="slogan" />
-            <a-table-column title="操作" data-index="optional">
-              <template #cell="{ record }">
-                <a-space size="medium">
-                  <a-space>
-                    <a-popconfirm
-                      content="确定删除吗?"
-                      type="warning"
-                      ok-text="确认删除"
-                      cancel-text="取消"
-                      @ok="deleteBrand(record.id)"
-                    >
-                      <icon-delete></icon-delete>
-                    </a-popconfirm>
-                  </a-space>
-                  <a-space>
-                    <a-button type="outline" @click="handleEdit(record.id)">编辑</a-button>
-                  </a-space>
-                </a-space>
-              </template>
-            </a-table-column>
-          </template>
-        </a-table>
-
-        <div style="float: right; margin-right: 10px">
-          <a-pagination :total="listResult.total" :size="listQuery.page_size" show-total show-jumper show-page-size />
+          </div>
         </div>
-      </a-space>
-      <!-- 新增/编辑品牌弹窗 -->
-      <a-modal
-        v-model:visible="modalVisible"
-        :mask-closable="false"
-        :esc-to-close="false"
-        width="510px"
-        @cancel="handleModalCancel"
-      >
-        <template #title>
-          <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '添加品牌' }}</span>
-        </template>
-        <a-form :model="form" :rules="formRule" ref="formRef" layout="horizontal" auto-label-width>
-          <a-form-item field="name" label="品牌名称">
-            <a-input v-model="form.name" placeholder="请输入..." />
-          </a-form-item>
-          <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
-            <a-space>
-              <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
-            </a-space>
-            <a-space>
-              <span class="form-tip">（品牌常规展示使用，支持PNG，JPG格式）</span>
-            </a-space>
-          </a-form-item>
-          <a-form-item field="otherLogos" class="form-item-logo" label="其他Logo">
-            <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
-          </a-form-item>
-          <a-form-item field="slogan" label="Slogan">
-            <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
-          </a-form-item>
-        </a-form>
-        <template #footer>
-          <a-button @click="handleModalCancel">取消</a-button>
-          <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
-        </template>
-      </a-modal>
+        <a-modal
+          v-model:visible="modalVisible"
+          :mask-closable="false"
+          :esc-to-close="false"
+          width="510px"
+          @cancel="handleModalCancel"
+        >
+          <template #title>
+            <span class="modal-title">{{ form.id > 0 ? '编辑品牌' : '添加品牌' }}</span>
+          </template>
+          <a-form :model="form" :rules="formRule" ref="formRef" layout="horizontal" auto-label-width>
+            <a-form-item field="name" label="品牌名称">
+              <a-input v-model="form.name" class="h-36px" placeholder="请输入..." />
+            </a-form-item>
+            <a-form-item field="logo" class="form-item-logo" label="标准版Logo">
+              <a-space>
+                <ImageUpload v-model="form.logo" :limit="1"></ImageUpload>
+              </a-space>
+              <a-space>
+                <span class="form-tip">（品牌常规展示使用，支持PNG，JPG格式）</span>
+              </a-space>
+            </a-form-item>
+            <a-form-item field="otherLogos" class="form-item-logo" label="其他Logo">
+              <ImageUpload v-model="form.other_logos" :limit="3"></ImageUpload>
+            </a-form-item>
+            <a-form-item field="slogan" label="Slogan">
+              <a-textarea v-model="form.slogan" placeholder="请输入..." :max-length="50" show-word-limit />
+            </a-form-item>
+          </a-form>
+          <template #footer>
+            <a-button @click="handleModalCancel">取消</a-button>
+            <a-button type="primary" @click="handleModalOk">{{ btn_str }}</a-button>
+          </template>
+        </a-modal>
+      </div>
     </div>
-  </view>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <a-table :data="tableData" ref="tableRef" :pagination="false">
+        <template #columns>
+          <a-table-column title="品牌名称" data-index="name" />
+          <a-table-column title="品牌logo" data-index="logo">
+            <template #cell="{ record }">
+              <img :src="record.logo" style="width: 50px; height: 50px" />
+            </template>
+          </a-table-column>
+          <a-table-column title="Slogan" data-index="slogan" />
+          <a-table-column title="操作" data-index="optional">
+            <template #cell="{ record }">
+              <a-space size="medium">
+                <a-space>
+                  <a-popconfirm
+                    content="确定删除吗?"
+                    type="warning"
+                    ok-text="确认删除"
+                    cancel-text="取消"
+                    @ok="deleteBrand(record.id)"
+                  >
+                    <icon-delete></icon-delete>
+                  </a-popconfirm>
+                </a-space>
+                <a-space>
+                  <a-button class="edit-btn" type="outline" @click="handleEdit(record.id)">编辑</a-button>
+                </a-space>
+              </a-space>
+            </template>
+          </a-table-column>
+        </template>
+      </a-table>
+
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup>
@@ -123,15 +137,17 @@ import {
 } from '@/api/all/enterpriseKnowledge';
 import ImageUpload from '@/components/upload/ImageUpload.vue';
 
-const searchName = ref('');
-const current = ref(1);
+const tableRef = ref(null);
 
-const listResult = reactive({
-  data: ref([]),
-  total: ref(0),
+const tableData = ref([]);
+
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 100,
 });
 
-const listQuery = reactive({
+const query = reactive({
   page: ref(1),
   name: ref(''),
   page_size: ref('10'),
@@ -158,12 +174,38 @@ onMounted(() => {
 });
 
 const handleSearch = () => {
-  getMaterialsList(listQuery).then((response) => {
-    listResult.data = response.data.data;
-    listResult.total = response.data.total;
+  //将query 和pageInfo 合并成query
+  query.page = pageInfo.page;
+  query.page_size = pageInfo.pageSize;
+  getMaterialsList(query).then((response) => {
+    tableData.value = response.data.data;
+    pageInfo.total = response.data.total;
+    console.log(tableData.value, 'tableData.value');
   });
 };
 
+const reload = () => {
+  pageInfo.page = 1;
+  handleSearch();
+};
+
+const handleReset = () => {
+  pageInfo.page = 1;
+  pageInfo.pageSize = 20;
+  pageInfo.total = 0;
+  query.name = '';
+  reload();
+};
+
+const onPageChange = (current) => {
+  pageInfo.page = current;
+  handleSearch();
+};
+
+const onPageSizeChange = (pageSize) => {
+  pageInfo.pageSize = pageSize;
+  reload();
+};
 const deleteBrand = (id) => {
   console.log(id, 'id');
   deleteMaterials(id).then(() => {
@@ -172,11 +214,6 @@ const deleteBrand = (id) => {
   });
 };
 
-function handleReset() {
-  listQuery.name = '';
-  listQuery.page = 1;
-}
-
 function handleAdd() {
   btn_str.value = '确认添加';
   form.id = 0;
diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
index 19a03df..8cc147b 100644
--- a/src/views/property-marketing/brands/brand-materials/style.scss
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -1,210 +1,82 @@
-@import "@/views/property-marketing/component.scss";
+.brand-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
 
-.view-body {
-  //每块div布局
-  .part-div {
-    width: 100%;
-    height: 100%;
-    background: var(--BG-white, white);
-    overflow: hidden;
-    border-radius: 8px;
-    outline: 1px var(--BG-300, #E6E6E8) solid;
-    outline-offset: -1px;
-    flex-direction: column;
-    justify-content: flex-start;
-    display: inline-flex;
-    margin: 10px;
-  }
-
-  //每块div 头部
-  .part-div-header {
-    align-self: stretch;
-    height: 64px;
-    padding: 10px 24px 10px 24px;
-    justify-content: flex-start;
-    align-items: center;
-    display: inline-flex
-  }
-
-  //每块div 标题
-  .part-div-header-title {
-    justify-content: center;
-    display: flex;
-    flex-direction: column;
-    color: var(--Text-1, #211F24);
-    font-size: 18px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 26px;
-    word-wrap: break-word;
-  }
-
-  //无数据样式
-  .non-data {
-    display: flex;
-    align-items: center; /* 垂直居中 */
-    justify-content: center; /* 水平居中，如果需要的话 */
-    height: 50%; /* 示例：父容器高度为视口高度 */
-  }
-
-  .non-data-str {
-    // 暂无品牌
-    color: var(--Text-3, #737478);
-    font-size: 14px;
-    font-family: Alibaba PuHuiTi;
-    font-weight: 400;
-    line-height: 22px;
-    word-wrap: break-word;
-    margin: 20px 20px;
-  }
-
-  //添加按钮
-  .add-btn {
-    font-size: 15px;
-    padding: 0 24px;
+  :deep(.search-btn) {
     border-radius: 4px;
-    float: right;
-    width: 110px;
-    height: 35px;
-    position: absolute;
-    line-height: 110px;
-    right: 35px;
-    margin-top: 10px
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
   }
 
-  //分页
-  .materials-page {
-    background: #fff;
-    border-radius: 8px;
-    padding: 32px 24px 24px 24px;
-    min-height: 600px;
+  :deep(.edit-btn) {
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
   }
 
-  .header-row {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 24px;
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
   }
 
-  .page-title {
-    font-size: 20px;
-    font-weight: 600;
-    margin: 0;
+  .table-wrap {
+    width: 100%;
+
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    margin-top: 20px;
   }
 
-  .search-row {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-    margin-bottom: 20px;
-  }
+  .container {
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
 
-  .search-input {
-    width: 240px;
-  }
+        .label {
+          margin-right: 8px;
+          color: #211f24;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+      }
+    }
 
-  .reset-btn {
-    min-width: 72px;
-    color: black;
-  }
-
-  .search-btn,
-  {
-    min-width: 72px;
-  }
-
-  .brand-table {
-    margin-bottom: 16px;
-  }
-
-  .logo-cell {
-    display: flex;
-    align-items: center;
-    gap: 6px;
-    font-weight: 500;
-  }
-
-  .logo-emoji {
-    font-size: 20px;
-  }
-
-  .logo-text {
-    font-size: 16px;
-  }
-
-  .pagination-row {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-    margin-top: 8px;
-  }
-
-  .page-size-select {
-    width: 80px;
-  }
-
-  .upload-card {
-    width: 80px;
-    height: 80px;
-    border: 1px dashed #d9d9d9;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    justify-content: center;
-    color: #999;
-    font-size: 24px;
-    background: #fafafa;
-    border-radius: 6px;
-  }
-
-  .upload-tip {
-    font-size: 12px;
-    color: #999;
-    margin-top: 4px;
-  }
-
-  .form-tip {
-    font-size: 12px;
-    color: #999;
-    margin-top: 4px;
-  }
-
-  .form-item-logo .logo-upload-row {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-  }
-
-  .logo-upload-card {
-    display: flex;
-    gap: 12px;
   }
 
 
-  .a-form .a-form-item {
-    margin-bottom: 24px;
-  }
-
-  .a-modal .a-modal-footer {
-    justify-content: flex-end;
-  }
-
-  .a-table {
-    margin-left: 24px;
-    margin-right: 24px;
-  }
 }
 
-.modal-title {
-  position: absolute;
-  left: 10px;
-}
+:deep(.arco-input-wrapper),
+:deep(.arco-select-view-single),
+:deep(.arco-textarea-wrapper),
+:deep(.arco-select-view-multiple) {
+  border-radius: 4px;
+  border-color: #d7d7d9;
+  background-color: #fff;
 
+  &:focus-within,
+  &.arco-input-focus {
+    background-color: var(--color-bg-2);
+    border-color: rgb(var(--primary-6));
+    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  }
+}
 
 .form-tip {
+  font-size: 12px;
   color: #999;
-  font-size: 13px;
-  margin-left: 8px;
-  line-height: 1.5;
+  margin-top: 4px;
 }

From d0d459e0e0ceea1e81597683df5b88372f767612 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 1 Jul 2025 13:55:54 +0800
Subject: [PATCH 32/78] =?UTF-8?q?refactor(brand-materials):=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=E5=93=81=E7=89=8C=E7=89=A9=E6=96=99=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 优化页面布局和样式，使用 flex布局
- 重新组织组件结构，提高可维护性- 改进搜索和分页功能，提升用户体验
- 统一按钮和输入框样式，增强一致性
- 移除冗余代码，提高代码可读性
---
 .../brands/brand-materials/index.vue          |   2 +-
 .../businessAnalysisReport.vue                | 224 +++++++++++-------
 .../competitiveProductAnalysisReport.vue      | 222 ++++++++++-------
 .../components/echarts-item/index.vue         |   5 +-
 .../components/echarts-item/style.scss        |   3 +-
 .../put-account/account-dashboard/index.vue   | 139 +++++------
 .../put-account/account-dashboard/style.scss  | 160 ++++++++-----
 7 files changed, 436 insertions(+), 319 deletions(-)

diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index ae9efbb..bd9117f 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -144,7 +144,7 @@ const tableData = ref([]);
 const pageInfo = reactive({
   page: 1,
   pageSize: 20,
-  total: 100,
+  total: 0,
 });
 
 const query = reactive({
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
index 5b4101c..7e9cdf7 100644
--- a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -1,75 +1,88 @@
 <template>
-  <view>
-    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
-      <a-space align="end">
-        <span class="part-div-header-title">业务洞察报告 </span>
-      </a-space>
-      <a-space align="center" class="search-form-div" size="medium">
-        <a-form-item field="name" class="search-form" label="服务/产品">
-          <a-input v-model="listQuery.name" placeholder="请搜索...">
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-form-item>
-        <a-form-item field="name" label="时间筛选">
-          <a-range-picker
-            showTime
-            :time-picker-props="{
-              defaultValue: ['00:00:00', '00:00:00'],
-            }"
-            style="width: 380px"
-          />
-        </a-form-item>
-        <a-form-item field="name">
-          <a-space>
-            <a-button type="outline" class="search-btn" @click="handleSearch">
+  <div class="business-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">业务洞察报告</p>
+      </div>
+
+      <div class="container px-24px pt-12px pb-24px">
+        <div class="filter-row flex mb-20px">
+          <div class="filter-row-item flex items-center">
+            <span class="label">服务/产品</span>
+            <a-space size="medium">
+              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+                <template #prefix>
+                  <icon-search />
+                </template>
+              </a-input>
+            </a-space>
+          </div>
+          <div class="filter-row-item flex items-center">
+            <span class="label">时间筛选</span>
+            <a-space class="w-240px">
+              <a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
+            </a-space>
+          </div>
+
+          <div class="filter-row flex">
+            <a-button class="w-84px search-btn mr-12px" size="medium">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button type="outline" class="reset-btn" @click="handleSearch">
+            <a-button class="w-84px reset-btn" size="medium">
               <template #icon>
                 <icon-refresh />
               </template>
               <template #default>重置</template>
             </a-button>
-          </a-space>
-        </a-form-item>
-      </a-space>
-      <a-table
-        :columns="columns"
-        :data="listResult.data"
-        :filter-icon-align-left="alignLeft"
-        @change="handleChange"
-        :scroll="true"
-        :pagination="false"
-      >
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <a-table :columns="columns" :data="tableData" @change="handleChange"  :pagination="false">
       </a-table>
-      <a-pagination
-        style="float: right"
-        :total="listResult.total"
-        :size="listQuery.size"
-        show-total
-        show-jumper
-        show-page-size
-      />
-    </a-space>
-  </view>
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
-const listQuery = reactive({
-  name: '',
-  size: 0,
+import { reactive, ref } from 'vue';
+
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
+  total: 0,
+});
+const query = reactive({
+  name: ref(''),
 });
 
 const listResult = reactive({
   data: [],
   total: 0,
 });
-
+const onPageSizeChange = () => {};
+const tableData = ref([]);
+const handleChange = () => {};
+const onPageChange = () => {};
 const columns = [
   {
     title: '服务/产品',
@@ -83,9 +96,6 @@ const columns = [
     dataIndex: 'create_time',
     width: 120,
     minWidth: 120,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
   },
   {
     titleSlotName: 'hotTitle',
@@ -107,9 +117,6 @@ const columns = [
     dataIndex: 'volumeRate',
     width: 180,
     minWidth: 180,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
     slotName: 'lasterUpdateTime',
   },
   {
@@ -118,43 +125,88 @@ const columns = [
     width: 120,
     minWidth: 120,
   },
+  {
+    title: '操作',
+    dataIndex: 'operator',
+    width: 120,
+    minWidth: 120,
+  },
 ];
 </script>
 
-<style scoped lang="less">
-.part-div-header-title {
-  justify-content: center;
+<style scoped lang="scss">
+.business-wrap {
+  height: 100%;
   display: flex;
   flex-direction: column;
-  color: var(--Text-1, #211f24);
-  font-size: 18px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 26px;
-  word-wrap: break-word;
-}
 
-.search-form-div {
-  margin-top: 10px;
-}
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
 
-:deep(.arco-picker),
-:deep(.arco-input-wrapper) {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-  height: 32px;
+  :deep(.edit-btn) {
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
 
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-textarea-wrapper),
+  :deep(.arco-picker),
+  :deep(.arco-select-view-multiple) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+
+  .table-wrap {
+    width: 100%;
+
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    margin-top: 20px;
+  }
+
+  .container {
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
+
+        .label {
+          margin-right: 8px;
+          color: #211f24;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+      }
+    }
   }
 }
-
-.reset-btn {
-  min-width: 72px;
-  color: black;
-}
 </style>
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
index 6ddf2b9..84787ca 100644
--- a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -1,74 +1,84 @@
 <template>
-  <view>
-    <a-space direction="vertical" style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0">
-      <a-space align="end">
-        <span class="part-div-header-title">竞品对比报告 </span>
-      </a-space>
-      <a-space align="center" class="search-form-div" size="medium">
-        <a-form-item field="name" class="" label="服务/产品">
-          <a-input v-model="listQuery.name" placeholder="请搜索...">
-            <template #prefix>
-              <icon-search />
-            </template>
-          </a-input>
-        </a-form-item>
-        <a-form-item field="name" label="时间筛选">
-          <a-range-picker
-            showTime
-            :time-picker-props="{
-              defaultValue: ['00:00:00', '00:00:00'],
-            }"
-            style="width: 380px"
-          />
-        </a-form-item>
-        <a-form-item field="name">
-          <a-space>
-            <a-button type="outline" class="search-btn" @click="handleSearch">
+  <div class="competitive-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">竞品对比报告</p>
+      </div>
+
+      <div class="container px-24px pt-12px pb-24px">
+        <div class="filter-row flex mb-20px">
+          <div class="filter-row-item flex items-center">
+            <span class="label">服务/产品</span>
+            <a-space size="medium">
+              <a-input v-model="query.name" class="w-240px" placeholder="请搜索..." size="medium" allow-clear>
+                <template #prefix>
+                  <icon-search />
+                </template>
+              </a-input>
+            </a-space>
+          </div>
+          <div class="filter-row-item flex items-center">
+            <span class="label">时间筛选</span>
+            <a-space class="w-240px">
+              <a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
+            </a-space>
+          </div>
+
+          <div class="filter-row flex">
+            <a-button class="w-84px search-btn mr-12px" size="medium">
               <template #icon>
                 <icon-search />
               </template>
               <template #default>搜索</template>
             </a-button>
-            <a-button type="outline" class="reset-btn" @click="handleSearch">
+            <a-button class="w-84px reset-btn" size="medium">
               <template #icon>
                 <icon-refresh />
               </template>
               <template #default>重置</template>
             </a-button>
-          </a-space>
-        </a-form-item>
-      </a-space>
-      <a-table
-        :columns="columns"
-        :data="listResult.data"
-        :filter-icon-align-left="alignLeft"
-        @change="handleChange"
-        :scroll="true"
-        :pagination="false"
-      >
+          </div>
+        </div>
+      </div>
+    </div>
+    <div
+      class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
+    >
+      <a-table :columns="columns" :data="tableData" @change="handleChange"  :pagination="false">
       </a-table>
-      <a-pagination
-        style="float: right"
-        :total="listResult.total"
-        :size="listQuery.size"
-        show-total
-        show-jumper
-        show-page-size
-      />
-    </a-space>
-  </view>
+      <div class="pagination-box">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
-const listQuery = reactive({
-  name: '',
-  size: 0,
-});
+import { reactive, ref } from 'vue';
 
-const listResult = reactive({
-  data: [],
+const pageInfo = reactive({
+  page: 1,
+  pageSize: 20,
   total: 0,
 });
+const query = reactive({
+  name: ref(''),
+});
+
+const handleChange = () => {};
+const onPageChange = () => {};
+const onPageSizeChange = () => {};
+const tableData = ref([]);
 
 const columns = [
   {
@@ -83,25 +93,22 @@ const columns = [
     dataIndex: 'create_time',
     width: 120,
     minWidth: 120,
-
   },
   {
-    titleSlotName: 'hotTitle',
+    titleSlotName: 'customer',
     width: 180,
     minWidth: 180,
     title: '竞争对手',
     dataIndex: 'customer',
     slotName: 'hot',
   },
+
   {
     titleSlotName: 'lasterUpdateTime',
     title: '最后更新日期',
     dataIndex: 'volumeRate',
     width: 180,
     minWidth: 180,
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
     slotName: 'lasterUpdateTime',
   },
   {
@@ -112,47 +119,86 @@ const columns = [
   },
   {
     title: '操作',
-    dataIndex: 'handle',
+    dataIndex: 'operator',
     width: 120,
     minWidth: 120,
   },
 ];
 </script>
 
-<style scoped lang="less">
-.part-div-header-title {
-  justify-content: center;
+<style scoped lang="scss">
+.competitive-wrap {
+  height: 100%;
   display: flex;
   flex-direction: column;
-  color: var(--Text-1, #211f24);
-  font-size: 18px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 26px;
-  word-wrap: break-word;
-}
 
-.search-form-div {
-  margin-top: 10px;
-}
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
 
-:deep(.arco-picker),
-:deep(.arco-input-wrapper) {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-  height: 32px;
+  :deep(.edit-btn) {
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
 
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-textarea-wrapper),
+  :deep(.arco-picker),
+  :deep(.arco-select-view-multiple) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+
+  .table-wrap {
+    width: 100%;
+
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+
+    margin-top: 20px;
+  }
+
+  .container {
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
+
+        .label {
+          margin-right: 8px;
+          color: #211f24;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+      }
+    }
   }
 }
-
-.reset-btn {
-  min-width: 72px;
-  color: black;
-}
 </style>
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
index 5e609a3..9404752 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="chart-container">
+  <div >
     <a-card :bordered="false" class="echart-item-card">
       <template #title>
-        <span class="a-card-title" >{{ title.name }}</span>
+        <span class="a-card-title">{{ title.name }}</span>
         <a-popover position="tl">
           <icon-question-circle />
           <template #content>
@@ -18,7 +18,6 @@
 <script setup lang="ts">
 import { defineProps, onMounted } from 'vue';
 import * as echarts from 'echarts';
-import { Card } from '@arco-design/web-vue';
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 //子组件参数传递
 const props = defineProps({
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
index 13e2de6..39329b5 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
@@ -1,8 +1,9 @@
 .echart-item-card {
   width: 100%;
   height: 50%;
-  margin: 13px;
+
   border-radius: 10px;
+  margin-bottom: 24px;
 
   :deep(.arco-card-header) {
     border-bottom: none !important;
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 887a472..d5cc31e 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -1,84 +1,63 @@
 <template>
-  <view>
-    <div class="part-div">
-      <div>
-        <a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="acctoun">
-          <a-tab-pane key="acctoun" title="账户"></a-tab-pane>
-          <a-tab-pane key="project">
-            <template #title>项目</template>
-          </a-tab-pane>
-        </a-tabs>
+  <div class="account-dashboard-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
+      <a-tabs>
+        <a-tab-pane :key="1" title="账户"></a-tab-pane>
+        <a-tab-pane :key="2" title="项目"></a-tab-pane>
+      </a-tabs>
+
+      <div class="container px-24px">
+        <div class="filter-row flex mb-20px">
+          <div class="filter-row-item flex items-center">
+            <span class="label">账号名称</span>
+            <a-select multiple placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </div>
+
+          <div class="filter-row-item flex items-center">
+            <span class="label">平台</span>
+            <a-select placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </div>
+
+          <div class="filter-row-item flex items-center">
+            <span class="label">运营人员</span>
+            <a-select placeholder="全部">
+              <a-option>Beijing</a-option>
+              <a-option>Shanghai</a-option>
+              <a-option>Guangzhou</a-option>
+            </a-select>
+          </div>
+        </div>
+        <div class="filter-row flex">
+          <div class="filter-row-item flex items-center">
+            <span class="label">时间筛选</span>
+            <a-space class="w-240px">
+              <a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
+            </a-space>
+          </div>
+          <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+            <template #icon>
+              <icon-search />
+            </template>
+            <template #default>搜索</template>
+          </a-button>
+          <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+            <template #icon>
+              <icon-refresh />
+            </template>
+            <template #default>重置</template>
+          </a-button>
+        </div>
       </div>
-      <a-space size="large" direction="vertical" class="search-form">
-        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-          <a-col :span="5">
-            <a-space>
-              <span>账户名称</span>
-              <a-select :style="{ width: '320px' }" placeholder="全部">
-                <a-option>Beijing</a-option>
-                <a-option>Shanghai</a-option>
-                <a-option>Guangzhou</a-option>
-              </a-select>
-            </a-space>
-          </a-col>
-          <a-col :span="5">
-            <a-space>
-              <span>平台</span>
-              <a-select :style="{ width: '320px' }" placeholder="全部">
-                <a-option>Beijing</a-option>
-                <a-option>Shanghai</a-option>
-                <a-option>Guangzhou</a-option>
-              </a-select>
-            </a-space>
-          </a-col>
-          <a-col :span="5">
-            <a-space>
-              <span>运营人员</span>
-              <a-select :style="{ width: '320px' }" placeholder="全部">
-                <a-option>Beijing</a-option>
-                <a-option>Shanghai</a-option>
-                <a-option>Guangzhou</a-option>
-              </a-select>
-            </a-space>
-          </a-col>
-        </a-row>
-
-        <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-          <a-col :span="6">
-            <a-space>
-              <span>时间筛选</span>
-              <a-range-picker
-                showTime
-                :time-picker-props="{
-                  defaultValue: ['00:00:00', '00:00:00'],
-                }"
-                @change="onChange"
-                @select="onSelect"
-                style="width: 380px"
-              />
-            </a-space>
-          </a-col>
-          <a-col :span="5">
-            <a-space>
-              <a-button type="outline" class="search-btn" @click="handleSearch">
-                <template #icon>
-                  <icon-search />
-                </template>
-                <template #default>搜索</template>
-              </a-button>
-              <a-button type="outline" class="reset-btn" @click="handleSearch">
-                <template #icon>
-                  <icon-refresh />
-                </template>
-                <template #default>重置</template>
-              </a-button>
-            </a-space>
-          </a-col>
-        </a-row>
-      </a-space>
     </div>
-
-    <div>
+    <div class="table-wrap rounded-8px py-5px flex-1 flex flex-col">
       <a-row class="grid-demo" :gutter="24">
         <a-col :span="12">
           <EchartsItem
@@ -179,10 +158,10 @@
         </a-col>
       </a-row>
     </div>
-  </view>
+  </div>
 </template>
 <script setup lang="ts">
-import EchartsItem from './components/echarts-item/index.vue';
+import EchartsItem from './components/echarts-item/index';
 
 const xhlEcharts = reactive({
   xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
index d650b49..4989886 100644
--- a/src/views/property-marketing/put-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -1,69 +1,109 @@
-@import "@/views/property-marketing/component.scss";
-
-.part-div {
-  width: 100%;
-  background: var(--BG-white, white);
-  overflow: hidden;
-  border-radius: 8px;
-  outline: 1px var(--BG-300, #E6E6E8) solid;
-  outline-offset: -1px;
+.account-dashboard-wrap {
+  height: 100%;
+  display: flex;
   flex-direction: column;
-  justify-content: flex-start;
-  display: inline-flex;
-  margin: 10px;
 
-  :deep(.arco-tabs) {
-    .arco-tabs-tab {
-      height: 56px;
-      padding: 0 8px;
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+
+  .filter-wrap {
+    border-radius: 8px;
+    border: 1px solid #e6e6e8;
+
+    :deep(.arco-tabs) {
+      .arco-tabs-tab {
+        height: 56px;
+        padding: 0 8px;
+      }
+    }
+
+    .top {
+      .title {
+        font-family: 'Alibaba PuHuiTi';
+        font-style: normal;
+      }
+
+      :deep(.arco-btn) {
+        .arco-btn-icon {
+          line-height: 14px;
+        }
+      }
+    }
+
+    .overview-row {
+      .overview-item {
+        height: 88px;
+        border-radius: 8px;
+        background: var(--BG-100, #f7f8fa);
+        padding: 16px;
+
+        &:not(:last-child) {
+          margin-right: 12px;
+        }
+      }
     }
   }
-}
 
+  .table-wrap {
+    width: 100%;
 
-:deep(.arco-select-view-single),
-:deep(.arco-select-view-multiple),
-:deep(.arco-picker),
-:deep(.arco-input-wrapper) {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-  width: 224px;
-  height: 32px;
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+
+  .container {
+    :deep(.arco-input-wrapper),
+    :deep(.arco-select-view-single),
+    :deep(.arco-select-view-multiple),
+    :deep(.arco-picker) {
+      border-radius: 4px;
+      border-color: #d7d7d9;
+      background-color: #fff;
+      height: 32px;
+      &:focus-within,
+      &.arco-input-focus {
+        background-color: var(--color-bg-2);
+        border-color: rgb(var(--primary-6));
+        box-shadow: 0 0 0 0 var(--color-primary-light-2);
+      }
+    }
+
+    .filter-row {
+      .filter-row-item {
+        &:not(:last-child) {
+          margin-right: 24px;
+        }
+
+        .label {
+          margin-right: 8px;
+          color: #211f24;
+          font-family: 'Alibaba PuHuiTi';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          flex-shrink: 0;
+          line-height: 22px; /* 157.143% */
+        }
+
+        :deep(.arco-space-item) {
+          width: 100%;
+        }
+      }
+    }
 
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
   }
 }
-
-.search-btn {
-  // 搜索
-  color: var(--Brand-6, #6d4cfe);
-  font-size: 14px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 22px;
-  height: 32px;
-  border-radius: 3px;
-  word-wrap: break-word;
-}
-
-.reset-btn {
-  // 重置
-  color: var(--Text-2, #3c4043);
-  font-size: 14px;
-  font-family: Alibaba PuHuiTi;
-  font-weight: 400;
-  line-height: 22px;
-  height: 32px;
-  border-radius: 3px;
-  word-wrap: break-word;
-}
-
-.search-form {
-  margin: 5px 10px 24px 24px;
-
-}

From 30b2eb8211dfc9deb937f8fcf4ab6652d084350b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 1 Jul 2025 14:24:06 +0800
Subject: [PATCH 33/78] =?UTF-8?q?refactor(property-marketing):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=93=81=E7=89=8C=E7=89=A9=E6=96=99=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整操作列宽度，确保内容显示完整
- 移除冗余注释，提高代码可读性
---
 src/views/property-marketing/brands/brand-materials/index.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/views/property-marketing/brands/brand-materials/index.vue b/src/views/property-marketing/brands/brand-materials/index.vue
index bd9117f..9715c2f 100644
--- a/src/views/property-marketing/brands/brand-materials/index.vue
+++ b/src/views/property-marketing/brands/brand-materials/index.vue
@@ -83,7 +83,7 @@
             </template>
           </a-table-column>
           <a-table-column title="Slogan" data-index="slogan" />
-          <a-table-column title="操作" data-index="optional">
+          <a-table-column width="150" min-widht="150" title="操作" data-index="optional">
             <template #cell="{ record }">
               <a-space size="medium">
                 <a-space>
@@ -174,7 +174,6 @@ onMounted(() => {
 });
 
 const handleSearch = () => {
-  //将query 和pageInfo 合并成query
   query.page = pageInfo.page;
   query.page_size = pageInfo.pageSize;
   getMaterialsList(query).then((response) => {

From f35dd2dfa96201e6e7d19651e66971e74eccdb89 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Wed, 2 Jul 2025 15:30:13 +0800
Subject: [PATCH 34/78] =?UTF-8?q?feat:=20=E6=8A=95=E6=94=BE=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  64 +++++-
 src/assets/img/media-account/icon-bili.png    | Bin 0 -> 1325 bytes
 src/assets/img/media-account/icon-jg.png      | Bin 0 -> 1443 bytes
 src/assets/img/media-account/icon-jl.png      | Bin 0 -> 1737 bytes
 .../custom-table-column-modal/style.scss      |   6 +-
 src/layouts/Basic.vue                         |   2 -
 .../routes/modules/propertyMarketing.ts       |   8 +-
 src/styles/components/pagination.scss         |   2 +-
 src/styles/components/tabs.scss               |   2 +-
 .../brands/brand-materials/style.scss         |   2 +-
 src/views/property-marketing/component.scss   |   2 +-
 .../businessAnalysisReport.vue                |   2 +-
 .../competitiveProductAnalysisReport.vue      |   2 +-
 .../components/account-table/style.scss       |   2 +-
 .../components/filter-block/style.scss        |   2 +-
 .../media-account/account-dashboard/index.vue |   4 +-
 .../account-dashboard/style.scss              |   2 +-
 .../components/note-table/style.scss          |   2 +-
 .../media-account/account-detail/style.scss   |   2 +-
 .../components/account-table/index.vue        |   9 +-
 .../components/account-table/style.scss       |  11 +-
 .../components/add-account-modal/index.vue    |   4 +-
 .../components/add-account-modal/style.scss   |   4 +-
 .../authorized-account-modal/style.scss       |   6 +-
 .../components/batch-group-modal/style.scss   |   2 +-
 .../components/batch-tag-modal/style.scss     |   2 +-
 .../components/filter-block/style.scss        |   2 +-
 .../components/group-manage-modal/style.scss  |   4 +-
 .../components/import-prompt-modal/style.scss |   2 +-
 .../reauthorize-account-modal/style.scss      |   6 +-
 .../components/status-box/index.vue           |   2 +-
 .../components/tags-manage-modal/style.scss   |   2 +-
 .../media-account/account-manage/index.vue    |  10 +-
 .../media-account/account-manage/style.scss   |   6 +-
 .../components/echarts-item/style.scss        |   2 +-
 .../put-account/account-dashboard/style.scss  |   4 +-
 .../components/account-table/style.scss       |   2 +-
 .../components/filter-block/style.scss        |   2 +-
 .../put-account/account-data/style.scss       |   2 +-
 .../account-table/delete-account.vue          |  17 +-
 .../components/account-table/index.vue        |  88 +++-----
 .../account-table/pause-account-patch.vue     |  12 +-
 .../components/account-table/style.scss       |  13 +-
 .../components/add-account-modal/index.vue    | 185 ++++++++++------
 .../components/add-account-modal/style.scss   |   4 +-
 .../authorized-account-modal/index.vue        | 197 ++++++++++++------
 .../authorized-account-modal/style.scss       |   6 +-
 .../components/filter-block/index.vue         |  12 +-
 .../components/filter-block/style.scss        |   2 +-
 .../components/import-prompt-modal/style.scss |   2 +-
 .../components/status-box/index.vue           |   2 +-
 .../put-account/account-manage/constants.ts   |  27 ++-
 .../put-account/account-manage/index.vue      | 128 +++---------
 .../put-account/account-manage/style.scss     |  15 +-
 .../components/month-data/style.scss          |   6 +-
 .../table-data/guideListHistory.vue           |   2 +-
 .../components/table-data/listSearchForm.vue  |   4 +-
 .../investment-guidelines/style.scss          |  12 +-
 vite.config.ts                                |   9 +-
 59 files changed, 521 insertions(+), 412 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-bili.png
 create mode 100644 src/assets/img/media-account/icon-jg.png
 create mode 100644 src/assets/img/media-account/icon-jl.png

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index c4c3ced..3eb1bb3 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -19,6 +19,11 @@ export const fetchAccountOperators = (params = {}) => {
   return Http.get('/v1/media-account-operators/list', params);
 };
 
+// 投放账户运营人员分组-列表
+export const fetchPlacementAccountOperators = (params = {}) => {
+  return Http.get('/v1/placement-account-operators/list', params);
+};
+
 // 媒体账号-分页
 export const getMediaAccounts = (params = {}) => {
   return Http.get('/v1/media-accounts', params);
@@ -94,7 +99,7 @@ export const deleteTag = (id: string) => {
 
 // 媒体账号-批量删除
 export const batchDeleteMediaAccounts = (params = {}) => {
-  return Http.delete(`/v1/media-accounts/batch`, params);
+  return Http.delete(`/v1/media-accounts/batch`, { data: params });
 };
 
 // 媒体账号-批量标签
@@ -141,3 +146,60 @@ export const postAccountBoardExport = (params = {}) => {
 export const getAccountBoardDetail = (id: string) => {
   return Http.get(`/v1/media-account-boards/${id}`);
 };
+
+// 投放账号-分页
+export const getPlacementAccounts = (params = {}) => {
+  return Http.get('/v1/placement-accounts', params);
+};
+
+// 投放账号-暂停爬取
+export const pausePatchPlacementAccount = (id: string) => {
+  return Http.patch(`/v1/placement-accounts/${id}/pause`);
+};
+
+// 投放账号-删除
+export const deletePlacementAccount = (id: string) => {
+  return Http.delete(`/v1/placement-accounts/${id}`);
+};
+
+// 投放账号-批量删除
+export const batchDeletePlacementAccounts = (params = {}) => {
+  return Http.delete(`/v1/placement-accounts/batch`, { data: params });
+};
+
+// 投放账号-批量添加
+export const batchPlacementAccounts = (params = {}, config = {}) => {
+  return Http.post('/v1/placement-accounts/batch', params, config);
+};
+
+// 投放账号-修改
+export const putPlacementAccounts = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/placement-accounts/${id}`, rest);
+};
+
+// 投放账号-添加
+export const postPlacementAccounts = (params = {}) => {
+  return Http.post('/v1/placement-accounts', params);
+};
+
+// 投放账号-详情
+export const getPlacementAccountsDetail = (id: string) => {
+  return Http.get(`/v1/placement-accounts/${id}`);
+};
+
+// 投放账号-授权
+export const putPlacementAccountsAuthorized = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/placement-accounts/${id}/authorized`, rest);
+};
+
+// 投放账号-获取模板地址
+export const getPlacementAccountsTemplateUrl = (params = {}) => {
+  return Http.get('/v1/placement-accounts/template', params);
+};
+
+// 投放账号-查询授权状态
+export const getPlacementAccountsAuthorizedStatus = (id: string) => {
+  return Http.get(`/v1/placement-accounts/${id}/authorized-status`);
+};
diff --git a/src/assets/img/media-account/icon-bili.png b/src/assets/img/media-account/icon-bili.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff4e62ab728ab4fd475d7df002bd1b6dadc750de
GIT binary patch
literal 1325
zcmV+|1=9M7P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1j0!~K~#7F?N(cC
zltmPtnSXbC-R{!8+8ZrJ3iX0qw36_kQFzd33`P@!7ZQ!=gGhXk5KU;K!NhpMkf1gi
z)5Hc|3c-@CrF~eH7%NIJKvSfxAg$Zd-KE`IyZiq$$C<tUd+F{%_K`37Gc)Huw>fj>
z%t7c53WKQT(k<}g4B6X<ZE*3dbr5FaOHCeDDaIcjwKzP-P!TA~LnbTZ^4JBl)xrFH
zsVw7!pi!HHU5kv4wGmQbMkRs>CEr!>+uAQK%C-R-R2ftoM^*>St~hjoT23zX$LR$(
zh%?qAgw*)VUZZluqhnG~0wqEa(_u7y5vo6Q9;AVV7d6eRBjGP!sf)Omst}1l6|wrH
z{ohQ=SI11mX#YWZf5$G`+9Z*3h2fwMNQKO5kvBX(Fd)b6uv`vk5CF9}!vBKT-+*w2
z^B5!Wc@Z!Qh%rVCW(kov4^YGwJe122!AOie`T*(TVrykEG`GXN9mOK1WJSO>5CM67
zQb7dgOSIbuRhV{N`^@Y%T%U9-F`B-ceis4@2ZgIdUrQkD8wLgys009DvShGrV4mqJ
zBtlCg&wKZ-KQ4YHb_zsqc$J0%1Q7`-<7YR{fAGY4K}RKoxz_`1-i=6I>wdoM6SUMp
z%ghiR`7zSqRIt>>qmXp5QNi{EDd_+Zq9hrqgbS$3b-nO1^BiC_F-s*IKrV$zqT$Im
zSD;l7JSg4WvD-Uz<R#SK9m*6i9XYp;x?H?${WchI{c;&Oor=m~)z!l++X0dyCS0=g
zT>1#g8h2q`nT;nXhJa5b6sl?4`mwLSdnA*eSl8_asA?%|y8qJ({W}Q1RT*YW-U;UT
zYKynG%a`Iz3FW(PSn-6f;WC#U>nahhF(6W{4^hAS3a->w=MsR>^-HAIqQ%<E23YhX
zHa}HHR+!t<jAuY~1ljuJf6nx2O>0{sSAOlWdq*aCB@3fG4!d7o^K?R!{*f2V<i5u@
zYBoIl6v|^HZ@~#1-ZRICeM0$o;aidR-|sx?M$V(B`BZ#qIUuTP0z@Sa#VS{!nEn8z
z8IPGF*$&`BS4U;Evs1|F_z1QiXWmA!NG9Y9mvL1DZn@^0yC+(u#+8@l_a53J-Sg-P
zIv27VKmYT(*1GZyO`B=0Ycp;ts04CHpeVRsZ=F;|e(E6iZaPL6rccSg_pa938$V%T
ze<*Ie@TMSTO~s6hJx|5c`Pd(PY>uxbba>CIgc1~gX7d8$><D1Y7GoMPB8x!<<&TLv
zsi<lW`R(F_tz;EVL;%yd|9W`0ae#L~SljVzSM%xPuLY}6N%{h9xt}fV{CX?9c_aEZ
z^X5e~tkF`R><7fc(&qzS%NchBN!B`2s;*kJ0L<eO-IO9(&6>IAOgLdP*$)Uu(bUu$
zso}1_scQzPXEytR!bN6knjAk=-eZUdP^zofz}1OODBgR<{-z_=ly(gtg5b>>$<|Vj
z%B#0=Hoz77pgj8X_e9c`^T;qx;%4{*799u`EhCp@e3P=KdHr@iYmeJMqnsb^hDv?8
z|F6j&<m?pGyos9LCk{c_a&i&OpPk!`ioC4G&J#xKDH*H-VW{1CphhKEY_Us18yljz
jQtUMq&@3~*gDm_H^mXn{w>J_900000NkvXXu0mjfcI#@U

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-jg.png b/src/assets/img/media-account/icon-jg.png
new file mode 100644
index 0000000000000000000000000000000000000000..dedbbd27e3919b07aad50e86e738091cee7cf709
GIT binary patch
literal 1443
zcmV;U1zh@xP)<h;3K|Lk000e1NJLTq0015U000~a1^@s6cK8pe00009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH1vp7WK~#7Fl~-G6
z9Ay;#X0p4vCr#3%>84H7T8oXX^kRd8ckn?_d=m-^f)COcrBEOANvc#IMZrE86hY8d
zt0)$<)fNR?QK(eB_O{V&b8VV!ve_h?o&EjJoSEI7oiR-h{LIeeKj-_;cP{^lWgI63
zpbyIy1K2hCvses#4v2-NWXKMEvTa?JMtyM{1%2l*@ba5LHphJ?3~DNDS+?#8ou3|a
z8M9b0CYv*6-)qL4IBi^6STv^Kl$Xd;`;2K=Z%q3RV>-7QSGRJH*l~)+j7}Ky+<s%u
z{H}V7o-M~+si4Qne&DlXz%wrbpL_)*Vqwpxv%tL%00Y~A?p}Sjtg@#yG<jtd*!ehc
zgf?~z0H@CId#t>NOW#EC<Y^$j64-nT(AmKQ90%%Zfkz(%3I(N1WYao=%_@y8jns*$
zB{68z&cqb3_f_DbyMf_xwQ=BW;LE|l`4!ku>%LvUMtZQa9q3rW#piG5_|D&VZ6~;+
z8a=ClHpbRstXrG)KtAXU4>WiPxN|Eoc2)QPaRJ!BHxy^P<bI52IPn3nSWw{h79ND&
zjZOlW()_!Z$vs`b+9c51&01KafWp|q0`T2WWNZU<sozER=J@TyH%RyGp^yb*EVLYa
zMGdvL0xJl<h5)&FrB|ezz{yp>YOZxj&2nKZJ*w|*1nq2BpqKUl_YbHumK8y@FXDM)
z9q|0q!0{glOe$NOfaa!hU3PV7S&5;1L67bfH6)T~egf`(4A`(%^TQ5Tt>rclQ`JB$
z?+|}qQremt$OaD-qk+t{##?}WKv9ryS+X)dsWeNd{C!~=Dg#$<kl0CBBzB2-`7rX7
zM3HA@8Cjm^@|1juY8t*Cfn#vIm#@DkwTx?Hy)N;vo-wblQvhSiAa(^{z;IC$YJNfU
zVvZ}v3Yg3QyYA4O@g#;glVdY$bvh4h*`%4gp0Vlc(ZotJnL0^bZ9E8G9U5WhI%7LB
zt_|ehVIak7xX5*m*TMO-tZ|lSL%nOqb_@P|N`WMCBsS6*8t7>vp&iGHpe-aulSmqh
zR7Ycj*16<BvXi!$>7Rd73XiSLf?$(V+5l$fl&buqW~9VzIk+OSSC*8|LSCt!$!RH0
zr?s1TtXXW_DNJSh@ZJ&DW|wBM#6n7`xlxy7wQVnb0P(~H%6dRqt$?ZPY@K7k!}kFF
z8|jRjfXwPVfoqu65w%vL(7pPWapC$lqAE!ArMz?xv%1Fn=s3YmQW8>=k_>eT&tnrj
zP^Gu>D)dUY+FGLPx57Ewzor6966!MPxyra_W|*xsHlL3+Cf_6%gyIZoo#y_(F6#BT
zL}+4e83gPZZ5luRqCHs>r8c4Qmu#){+Va?`A#D?rx>u$WVM=nNHyPbXP<=_jqxjQf
z<@Psm4Y-!ko?Sf@lo+bfr`*4yBjAUQ>Y<8G1f`}Lm@W)m=Jj|=FLb$6rTA~{i=M%J
z5vrx}3|&zjIe>)eBZ9}{+FUAeLmtbW`@-u=kCZ@qSQXuCZpm8GSnu4T7r%5bDW|vI
zSGJ<^to)0Az3>lk^dwu}m@5DLEAYf4+7xaiQYzayv(4sIKRrU)8K%L*<sqU{q>kOm
z(4P)h^&8W%&6rkBkneu%O^Ai%Etw)m#yN%FMmqz>SZ&6nN6OP@X<s3w4a72idJ3=K
z9yrLpO?sc*t*!Han@h+IP0q7_0$+R!?0Hfr8K>%AE_E&+*awe$gNZv~Shy*1%gg(x
xKmd(@St9@(3n^Mwd7`{oP+!03myx1G$$xpV&b_I)3f2Gs002ovPDHLkV1n`*w`l+X

literal 0
HcmV?d00001

diff --git a/src/assets/img/media-account/icon-jl.png b/src/assets/img/media-account/icon-jl.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e54c4221b17cbe888ffbeb7f2b52a3868a76d2e
GIT binary patch
literal 1737
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

literal 0
HcmV?d00001

diff --git a/src/components/custom-table-column-modal/style.scss b/src/components/custom-table-column-modal/style.scss
index a18d7a7..2700810 100644
--- a/src/components/custom-table-column-modal/style.scss
+++ b/src/components/custom-table-column-modal/style.scss
@@ -22,7 +22,7 @@
             margin-bottom: 16px;
             .text {
               color: var(--Text-1, #211f24);
-              font-family: 'Alibaba PuHuiTi';
+              font-family: 'PuHuiTi-Medium';
               font-size: 16px;
               font-style: normal;
               font-weight: 400;
@@ -47,7 +47,7 @@
         flex-direction: column;
         .checked-title {
           color: var(--Text-1, #211f24);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
@@ -69,7 +69,7 @@
             align-items: center;
             .text {
               color: var(--Text-1, #211f24);
-              font-family: 'Alibaba PuHuiTi';
+              font-family: 'PuHuiTi-Medium';
               font-size: 14px;
               font-style: normal;
               font-weight: 400;
diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 3378cf5..7b9221c 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -35,8 +35,6 @@ const paddingStyle = computed(() => {
   return { ...paddingLeft, ...paddingTop };
 });
 
-console.log('showSidebar', showSidebar);
-
 onMounted(() => {
   checkHasInviteCode();
 });
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index f85feac..92702c2 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -37,7 +37,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     name: 'MediaAccount',
     redirect: 'media-account/accountManagement',
     meta: {
-      locale: '新媒体账号管理',
+      locale: '账号资源中心',
       icon: IconBookmark,
       requiresAuth: true,
       roles: ['*'],
@@ -96,7 +96,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'manage',
         name: 'PutAccountAccountManagement',
         meta: {
-          locale: '账号管理',
+          locale: '账户管理',
           requiresAuth: true,
           roles: ['*'],
         },
@@ -106,7 +106,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'data',
         name: 'PutAccountAccountData',
         meta: {
-          locale: '账号数据',
+          locale: '账户数据',
           requiresAuth: true,
           roles: ['*'],
         },
@@ -126,7 +126,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'investmentGuidelines',
         name: 'PutAccountInvestmentGuidelines',
         meta: {
-          locale: '投放指南',
+          locale: '平台投放指南',
           requiresAuth: true,
           roles: ['*'],
         },
diff --git a/src/styles/components/pagination.scss b/src/styles/components/pagination.scss
index d0fa4f8..e739b4e 100644
--- a/src/styles/components/pagination.scss
+++ b/src/styles/components/pagination.scss
@@ -28,7 +28,7 @@
     &-prepend {
       color: var(--Text-2, #3c4043);
       text-align: right;
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/styles/components/tabs.scss b/src/styles/components/tabs.scss
index 422d644..4148086 100644
--- a/src/styles/components/tabs.scss
+++ b/src/styles/components/tabs.scss
@@ -4,7 +4,7 @@
       .arco-tabs-tab {
         .arco-tabs-tab-title {
           color: var(--Text-2, #3c4043);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 16px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
index 8cc147b..ba5bf26 100644
--- a/src/views/property-marketing/brands/brand-materials/style.scss
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -44,7 +44,7 @@
         .label {
           margin-right: 8px;
           color: #211f24;
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/component.scss b/src/views/property-marketing/component.scss
index 90ad518..14e6920 100644
--- a/src/views/property-marketing/component.scss
+++ b/src/views/property-marketing/component.scss
@@ -31,7 +31,7 @@
       }
       .arco-form-item-label {
         color: var(--Text-1, #211f24);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
index 7e9cdf7..f45ee55 100644
--- a/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/businessAnalysisReport.vue
@@ -198,7 +198,7 @@ const columns = [
         .label {
           margin-right: 8px;
           color: #211f24;
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
index 84787ca..adaea54 100644
--- a/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
+++ b/src/views/property-marketing/intelligent-solution/competitiveProductAnalysisReport.vue
@@ -190,7 +190,7 @@ const columns = [
         .label {
           margin-right: 8px;
           color: #211f24;
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
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 cfdf11c..4b056ba 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
@@ -9,7 +9,7 @@
 .account-table {
   .cts {
     color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
index 3a33894..ff7b556 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/components/filter-block/style.scss
@@ -20,7 +20,7 @@
       .label {
         margin-right: 8px;
         color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
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 74a3731..e321c56 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -64,11 +64,9 @@ import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
 
 import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
-
 import { formatNumberShow } from '@/utils/tools';
-import { INITIAL_QUERY } from './constants';
+import { INITIAL_QUERY, CARD_FIELDS } from './constants';
 
-import { CARD_FIELDS } from './constants';
 import icon1 from '@/assets/img/icon-question.png';
 
 const query = ref(cloneDeep(INITIAL_QUERY));
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index f56c5bb..2e1f2a9 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -17,7 +17,7 @@
     border: 1px solid #e6e6e8;
     .top {
       .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-style: normal;
       }
       :deep(.arco-btn) {
diff --git a/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
index e040bfe..12d1404 100644
--- a/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/components/note-table/style.scss
@@ -21,7 +21,7 @@
       .label {
         margin-right: 8px;
         color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-detail/style.scss b/src/views/property-marketing/media-account/account-detail/style.scss
index 387d967..16e6c75 100644
--- a/src/views/property-marketing/media-account/account-detail/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/style.scss
@@ -4,7 +4,7 @@
   flex-direction: column;
   :deep(.cts) {
     color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 3530eaa..6a35125 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -4,7 +4,14 @@
 -->
 <template>
   <div class="card-container">
-    <div v-for="(item, index) in dataSource" :key="index" class="card-item">
+    <div
+      v-for="(item, index) in dataSource"
+      :key="index"
+      class="card-item"
+      :class="{
+        checked: isSelected(item),
+      }"
+    >
       <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
         <p class="name">{{ item.name }}</p>
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
index f9e48b3..f8b5991 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/style.scss
@@ -19,7 +19,7 @@
     align-items: flex-start;
     .name {
       color: var(--Text-1, #211f24);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -30,7 +30,7 @@
       margin-right: 20px;
       flex-shrink: 0;
       color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 12px;
       font-style: normal;
       font-weight: 400;
@@ -44,7 +44,7 @@
       .cts {
         @include ellipsis;
         color: var(--Text-2, #3c4043);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-size: 12px;
         font-style: normal;
         font-weight: 400;
@@ -61,7 +61,7 @@
         .text {
           @include ellipsis();
           color: var(--Text-2, #3c4043);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 10px;
           font-style: normal;
           font-weight: 400;
@@ -82,5 +82,8 @@
       justify-content: flex-end;
       padding-top: 8px;
     }
+    &.checked { 
+      border: 1px solid var(--Brand-6, #6D4CFE);
+    }
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index b3d6d4e..006c717 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -141,7 +141,7 @@ const fileName = ref('账号导入模板.xlsx');
 const formRef = ref();
 const authorizedAccountModalRef = ref(null);
 const importPromptModalRef = ref(null);
-const form = reactive({
+const form = ref({
   mobile: '',
   operator_name: '',
   holder_name: '',
@@ -289,7 +289,7 @@ const handleSuccess = (id) => {
 const handleDownloadTemplate = async () => {
   const { code, data } = await getTemplateUrl();
   if (code === 200) {
-    window.open(data.url, '_blank');
+    window.open(data.download_url, '_blank');
   }
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index 9e4735c..38c664a 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -9,7 +9,7 @@
       width: 100%;
       .dt {
         color: var(--Brand-Brand-6, #6d4cfe);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -21,7 +21,7 @@
         background: var(--BG-200, #f2f3f5);
         .name {
           color: var(--Text-1, #211f24);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
index a476920..269596d 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
@@ -20,7 +20,7 @@
       .s1 {
         color: var(--BG-White, #fff);
         text-align: center;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -30,7 +30,7 @@
   }
   .s2 {
     color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -40,7 +40,7 @@
     overflow: hidden;
     color: var(--Functional-Red-6, #f64b31);
     text-overflow: ellipsis;
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
index acb2b4c..757020e 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/style.scss
@@ -6,7 +6,7 @@
     // min-height: 200px;
     .t1 {
       color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
index 156b9c4..b006d41 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/style.scss
@@ -6,7 +6,7 @@
     // min-height: 200px;
     .t1 {
       color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
index 3a33894..ff7b556 100644
--- a/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/filter-block/style.scss
@@ -20,7 +20,7 @@
       .label {
         margin-right: 8px;
         color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
index 4a25e4e..aa0e147 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -10,7 +10,7 @@
     }
     .s1 {
       color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -40,7 +40,7 @@
         .arco-pagination-jumper-prepend {
           color: var(--Text-2, #3c4043);
           text-align: right;
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
index e299151..aec2422 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -4,7 +4,7 @@
   .arco-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
index 40b1640..4d5df74 100644
--- a/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/reauthorize-account-modal/style.scss
@@ -20,7 +20,7 @@
       .s1 {
         color: var(--BG-White, #fff);
         text-align: center;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -30,7 +30,7 @@
   }
   .s2 {
     color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -40,7 +40,7 @@
     overflow: hidden;
     color: var(--Functional-Red-6, #f64b31);
     text-overflow: ellipsis;
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
index 9a94451..c29f5cc 100644
--- a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
@@ -61,7 +61,7 @@ const isDisabledReauthorize = (status) => {
 
   .text {
     color: var(--BG-700, #737478);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
index 0dbc882..f8fa609 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -30,7 +30,7 @@
         gap: 12px;
         .text {
           color: var(--Text-2, #3c4043);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 09c970e..d63e884 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -92,7 +92,7 @@
           size="mini"
           show-total
           show-jumper
-          show-page-size
+          :show-page-size="false"
           :current="pageInfo.page"
           :page-size="pageInfo.pageSize"
           @change="onPageChange"
@@ -142,8 +142,8 @@ const batchGroupModalRef = ref(null);
 const tipStatus = ref(2);
 const pageInfo = reactive({
   page: 1,
-  pageSize: 20,
-  total: 100,
+  pageSize: 8,
+  total: 0,
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
@@ -169,8 +169,8 @@ const getData = async () => {
   //   ...query.value,
   // });
   // if (code === 200) {
-  //   dataSource.value = data.data;
-  //   pageInfo.total = total;
+  //   dataSource.value = data?.data ?? [];
+  //   pageInfo.total = data?.total ?? 0;
   // }
   dataSource.value = [
     {
diff --git a/src/views/property-marketing/media-account/account-manage/style.scss b/src/views/property-marketing/media-account/account-manage/style.scss
index f916046..05d08d9 100644
--- a/src/views/property-marketing/media-account/account-manage/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/style.scss
@@ -15,7 +15,7 @@
   .filter-wrap {
     .top {
       .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-style: normal;
       }
       :deep(.arco-btn) {
@@ -29,7 +29,7 @@
     border-radius: 2px;
     background: #f0edff;
     .label {
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -60,7 +60,7 @@
       padding: 0;
       cursor: pointer;
       color: var(--Brand-Brand-6, #6d4cfe);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
index 39329b5..668ed60 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/style.scss
@@ -13,7 +13,7 @@
   .a-card-title {
     color: var(--Text-1, #211F24);
     font-size: 16px;
-    font-family: Alibaba PuHuiTi;
+    font-family: PuHuiTi-Medium;
     font-weight: 400;
     line-height: 24px;
     word-wrap: break-word;
diff --git a/src/views/property-marketing/put-account/account-dashboard/style.scss b/src/views/property-marketing/put-account/account-dashboard/style.scss
index 4989886..a831101 100644
--- a/src/views/property-marketing/put-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/put-account/account-dashboard/style.scss
@@ -28,7 +28,7 @@
 
     .top {
       .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-style: normal;
       }
 
@@ -91,7 +91,7 @@
         .label {
           margin-right: 8px;
           color: #211f24;
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Regular';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/style.scss b/src/views/property-marketing/put-account/account-data/components/account-table/style.scss
index cfdf11c..4b056ba 100644
--- a/src/views/property-marketing/put-account/account-data/components/account-table/style.scss
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/style.scss
@@ -9,7 +9,7 @@
 .account-table {
   .cts {
     color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
index b29af44..bf3813c 100644
--- a/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
+++ b/src/views/property-marketing/put-account/account-data/components/filter-block/style.scss
@@ -21,7 +21,7 @@
       .label {
         margin-right: 8px;
         color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-data/style.scss b/src/views/property-marketing/put-account/account-data/style.scss
index f358776..7e9f478 100644
--- a/src/views/property-marketing/put-account/account-data/style.scss
+++ b/src/views/property-marketing/put-account/account-data/style.scss
@@ -23,7 +23,7 @@
     }
     .top {
       .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-style: normal;
       }
       :deep(.arco-btn) {
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
index f1752be..9b0bb2a 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -9,14 +9,14 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    :title="isBatch ? '批量删除账号' : '删除账号'"
-    width="400px"
+    :title="isBatch ? '批量删除账户' : '删除账户'"
+    width="480px"
     modal-class="account-manage-modal"
     @close="onClose"
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ accountName }} 这个账号吗？</span>
+      <span>确认删除 {{ accountName }} 这个账户吗？</span>
     </div>
     <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
@@ -29,10 +29,10 @@
 
 <script setup>
 import { ref } from 'vue';
-import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
+import { deletePlacementAccount, batchDeletePlacementAccounts } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
-const emits = defineEmits(['success', 'close']);
+const emits = defineEmits(['update', 'close']);
 
 const visible = ref(false);
 const accountId = ref(null);
@@ -56,11 +56,12 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const _fn = isBatch ? batchDeleteMediaAccounts : deleteMediaAccount;
-  const { code } = await _fn(accountId.value);
+  const _fn = isBatch.value ? batchDeletePlacementAccounts : deletePlacementAccount;
+  const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
+  const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
-    emits('success');
+    emits('update', isBatch.value ? accountId.value : [accountId.value]);
     onClose();
   }
 }
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 e6e4da7..2d5fdf0 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
@@ -4,21 +4,28 @@
 -->
 <template>
   <div class="card-container">
-    <div v-for="(item, index) in dataSource" :key="index" class="card-item">
+    <div
+      v-for="(item, index) in dataSource"
+      :key="index"
+      class="card-item"
+      :class="{
+        checked: isSelected(item),
+      }"
+    >
       <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
-        <p class="name">{{ item.name }}</p>
+        <p class="name">{{ item.name || '-' }}</p>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :status="item.status" />
         </div>
         <div class="field-row">
           <span class="label">平台</span>
-          <img :src="item.platform === 0 ? icon1 : icon2" width="20" height="19" />
+          <img :src="PLATFORM_LIST.find((v) => v.value === item.platform)?.icon" width="14" height="14" />
         </div>
         <div class="field-row">
           <span class="label">账号ID</span>
-          <span class="cts">{{ item.account_id }}</span>
+          <span class="cts">{{ item.account_id || '-' }}</span>
         </div>
         <div class="field-row">
           <span class="label">手机号码</span>
@@ -29,34 +36,15 @@
           <span class="cts">{{ item.operator?.name }}</span>
         </div>
         <div class="field-row">
-          <span class="label">分组</span>
-          <span class="cts">{{ item.group?.name }}</span>
+          <span class="label">账户总消耗</span>
+          <span class="cts">{{ `￥${formatNumberShow({ value: item.total_use_amount, showExactValue: true })}` }}</span>
         </div>
         <div class="field-row">
-          <span class="label">标签</span>
-          <div class="flex items-center">
-            <a-tooltip
-              v-if="item.tags.length > 2"
-              position="bottom"
-              :content="
-                item.tags
-                  .slice(2)
-                  .map((v) => v.name)
-                  .join(',')
-              "
-            >
-              <div class="tag-box">
-                <span class="text">{{ `+${item.tags.length - 2}` }}</span>
-              </div>
-            </a-tooltip>
-
-            <div v-for="(tag, index) in item.tags.slice(0, 2).reverse()" :key="index" class="tag-box">
-              <span class="text">{{ tag.name }}</span>
-            </div>
-          </div>
+          <span class="label">账户余额</span>
+          <span class="cts">{{ `￥${formatNumberShow({ value: item.balance_amount, showExactValue: true })}` }}</span>
         </div>
         <div class="operate-row">
-          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
+          <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
           <a-button
             v-if="showPauseButton(item.status)"
             class="w-64px search-btn mr-8px"
@@ -65,16 +53,9 @@
           >
             <template #default>暂停同步</template>
           </a-button>
-          <a-tooltip v-if="isDisabledReauthorize(item.status)" :content="getTooltipText(item.status)">
-            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
-              <template #default>重新授权</template>
-            </a-button>
-          </a-tooltip>
-          <template v-else>
-            <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
-              <template #default>{{ isUnauthorizedStatus(item.status) ? '去授权' : '重新授权' }}</template>
-            </a-button>
-          </template>
+          <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
+            <template #default>获取凭证</template>
+          </a-button>
 
           <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
             <template #default>编辑</template>
@@ -82,21 +63,21 @@
         </div>
       </div>
     </div>
-    <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" @success="emits('update')" />
+    <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @update="emits('update')" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
   </div>
 </template>
 
 <script setup>
 import { defineProps, ref, computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '../../constants';
+import { STATUS_LIST, EnumStatus, PLATFORM_LIST } from '../../constants';
+import { formatNumberShow } from '@/utils/tools';
+
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '../status-box';
 import AuthorizedAccountModal from '../authorized-account-modal';
 
-import icon1 from '@/assets/img/media-account/icon-dy.png';
-import icon2 from '@/assets/img/media-account/icon-xhs.png';
-import icon3 from '@/assets/img/media-account/icon-delete.png';
+import icon1 from '@/assets/img/media-account/icon-delete.png';
 
 const props = defineProps({
   dataSource: {
@@ -138,10 +119,7 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  const isUnauthorized = isUnauthorizedStatus(item.status);
-  if (isUnauthorized) {
-    authorizedAccountModalRef.value?.open(item.id);
-  }
+  authorizedAccountModalRef.value?.open(item.id, item.last_synced_at);
 };
 
 const handlePause = (item) => {
@@ -149,19 +127,7 @@ const handlePause = (item) => {
 };
 
 const showPauseButton = (status) => {
-  return ![EnumStatus.PAUSE, EnumStatus.UNAUTHORIZED].includes(status);
-};
-const isUnauthorizedStatus = (status) => {
-  return [EnumStatus.UNAUTHORIZED].includes(status);
-};
-
-// 三种异常情况
-const isDisabledReauthorize = (status) => {
-  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
-};
-
-const getTooltipText = (status) => {
-  return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
+  return status === EnumStatus.NORMAL;
 };
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
index 00e5218..9649f20 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/pause-account-patch.vue
@@ -3,24 +3,24 @@
  * @Date: 2025-06-27 14:41:20
 -->
 <template>
-  <a-modal v-model:visible="visible" title="暂停同步" width="400px" modal-class="account-manage-modal" @close="onClose">
+  <a-modal v-model:visible="visible" title="暂停同步" width="480px" modal-class="account-manage-modal" @close="onClose">
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认暂停同步 “{{ accountName }}” 这个账号的数据吗？</span>
     </div>
     <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
-      <a-button type="primary" class="ml-16px" size="large" @click="onConfirm">确定</a-button>
+      <a-button type="primary" class="ml-16px !bg-#f64b31" size="large" @click="onConfirm">确定</a-button>
     </template>
   </a-modal>
 </template>
 
 <script setup>
 import { ref } from 'vue';
-import { pausePatchAccount } from '@/api/all/propertyMarketing';
+import { pausePatchPlacementAccount } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
-const emits = defineEmits(['success', 'close']);
+const emits = defineEmits(['update', 'close']);
 
 const visible = ref(false);
 const accountId = ref(null);
@@ -42,10 +42,10 @@ const open = (record) => {
 };
 
 async function onConfirm() {
-  const { code } = await pausePatchAccount(accountId.value);
+  const { code } = await pausePatchPlacementAccount(accountId.value);
   if (code === 200) {
     AMessage.success('暂停成功');
-    emits('success');
+    emits('update');
     onClose();
   }
 }
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
index f9e48b3..69a4a09 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/style.scss
@@ -9,7 +9,7 @@
   display: grid;
   // grid-template-rows: repeat(2, 1fr); /* 2行 */
   grid-template-columns: repeat(4, 1fr); /* 4列 */
-  gap: 20px;
+    gap: 20px;
   .card-item {
     border-radius: 8px;
     border: 1px solid var(--BG-300, #e6e6e8);
@@ -19,7 +19,7 @@
     align-items: flex-start;
     .name {
       color: var(--Text-1, #211f24);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -30,7 +30,7 @@
       margin-right: 20px;
       flex-shrink: 0;
       color: var(--Text-3, #737478);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Regular';
       font-size: 12px;
       font-style: normal;
       font-weight: 400;
@@ -44,7 +44,7 @@
       .cts {
         @include ellipsis;
         color: var(--Text-2, #3c4043);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-size: 12px;
         font-style: normal;
         font-weight: 400;
@@ -61,7 +61,7 @@
         .text {
           @include ellipsis();
           color: var(--Text-2, #3c4043);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Medium';
           font-size: 10px;
           font-style: normal;
           font-weight: 400;
@@ -82,5 +82,8 @@
       justify-content: flex-end;
       padding-top: 8px;
     }
+    &.checked { 
+      border: 1px solid var(--Brand-6, #6D4CFE);
+    }
   }
 }
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index c557c86..e0f9257 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -5,60 +5,74 @@
 <template>
   <a-modal
     v-model:visible="visible"
-    :title="isEdit ? '编辑账号' : '添加账号'"
+    :title="isEdit ? '编辑账户' : '添加账户'"
     modal-class="add-put-account-modal"
     width="500px"
     :mask-closable="false"
+    unmount-on-close
     @close="onClose"
   >
     <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
       <a-form-item v-if="!isEdit" label="上传方式" required>
         <a-radio-group v-model="uploadType">
-          <a-radio value="manual">手动添加账号</a-radio>
-          <a-radio value="batch">批量导入账号</a-radio>
+          <a-radio value="manual">手动添加账户</a-radio>
+          <a-radio value="batch">批量导入账户</a-radio>
         </a-radio-group>
       </a-form-item>
 
-      <!-- 批量导入账号模式下的内容 -->
+      <!-- 批量导入账户模式下的内容 -->
       <template v-if="isBatchImport">
-        <a-form-item label="账号文件" required>
+        <a-form-item label="账户文件" required>
           <!-- 默认状态 -->
           <div class="upload-block">
-            <template v-if="uploadStatus === 'default'">
-              <a-upload draggable :custom-request="handleUpload" />
+            <template v-if="uploadStatus === UploadStatus.DEFAULT">
+              <a-upload
+                ref="uploadRef"
+                action="/"
+                draggable
+                :custom-request="handleUpload"
+                accept=".xlsx,.xls,.docx,.doc"
+                :show-file-list="false"
+              />
             </template>
             <template v-else>
               <div class="flex items-center">
                 <div
                   class="flex items-center justify-between py-9px px-12px flex-1 import-row"
                   :class="{
-                    error: uploadStatus === 'error',
+                    error: uploadStatus === UploadStatus.ERROR,
                   }"
                 >
                   <div class="flex items-center">
                     <icon-file size="16" />
                     <span class="name ml-8px">{{ fileName }}</span>
                   </div>
-                  <span v-if="uploadStatus === 'error'" class="upload-error" @click="retryUpload">点击重试</span>
+                  <span
+                    v-if="uploadStatus === UploadStatus.ERROR"
+                    class="upload-error flex-shrink-0"
+                    @click="handleBatchImport"
+                  >
+                    点击重试
+                  </span>
                 </div>
                 <img :src="icon2" width="16" height="16" class="cursor-pointer ml-12px" @click="removeFile" />
               </div>
             </template>
             <div class="flex items-center cursor-pointer mt-8px" @click="handleDownloadTemplate">
               <img :src="icon1" width="16" height="16" class="mr-4px" />
-              <span class="dt">下载账号导入模板.xlsx</span>
+              <span class="dt">下载账户导入模板.xlsx</span>
             </div>
           </div>
         </a-form-item>
       </template>
 
-      <!-- 手动添加账号 -->
+      <!-- 手动添加账户 -->
       <template v-else>
         <template v-if="isEdit">
-          <a-form-item label="账号名称" field="name">
+          <a-form-item label="账户名称" field="name">
             <a-input v-model="form.name" placeholder="请输入..." size="large" disabled />
           </a-form-item>
-          <a-form-item label="账号ID" field="account_id">
+          <a-form-item label="账户ID" field="account_id">
             <a-input v-model="form.account_id" placeholder="请输入..." size="large" disabled />
           </a-form-item>
           <a-form-item label="状态" field="status">
@@ -76,18 +90,35 @@
           <a-input v-model="form.holder_name" placeholder="请输入..." class="w-240px" size="large" />
         </a-form-item>
         <a-form-item label="运营平台" :required="!isEdit">
-          <img v-if="isEdit" :src="form.platform === 0 ? icon3 : icon4" width="24" height="24" />
+          <div v-if="isEdit" class="flex items-center">
+            <img :src="PLATFORM_LIST[form.platform].icon" width="14" height="14" class="mr-4px" />
+            <span>{{ PLATFORM_LIST[form.platform].label }}</span>
+          </div>
           <a-radio-group v-else v-model="form.platform">
-            <a-radio :value="0">抖音</a-radio>
-            <a-radio :value="1">小红书</a-radio>
+            <a-radio v-for="item in PLATFORM_LIST" :key="item.value" :value="item.value">
+              <div class="flex items-center">
+                <img :src="item.icon" width="14" height="14" class="mr-4px" />
+                <span>{{ item.label }}</span>
+              </div>
+            </a-radio>
           </a-radio-group>
         </a-form-item>
-        <a-form-item label="同步项目数据" field="sync_project_data">
+        <template v-if="isEdit">
+          <a-form-item label="账户总消耗" field="total_use_amount">
+            <a-input v-model="form.total_use_amount" placeholder="请输入..." size="large" disabled />
+          </a-form-item>
+          <a-form-item label="账户余额" field="balance_amount">
+            <a-input v-model="form.balance_amount" placeholder="请输入..." size="large" disabled />
+          </a-form-item>
+        </template>
+        <a-form-item label="同步项目数据" field="is_sync">
           <template #label>
             <span class="label">同步项目数据</span>
-            <icon-question-circle size="14" class="ml-4px color-#737478" />
+            <a-tooltip content="同步项目数据后，账户数据将同步到项目中">
+              <icon-question-circle size="14" class="ml-4px color-#737478" />
+            </a-tooltip>
           </template>
-          <a-switch v-model="form.sync_project_data" size="medium" />
+          <a-switch v-model="form.is_sync" size="medium" :checked-value="1" :un-checked-value="0" />
         </a-form-item>
       </template>
     </a-form>
@@ -98,50 +129,55 @@
       </a-button>
     </template>
 
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" />
-    <ImportPromptModal ref="importPromptModalRef" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
+    <!-- <ImportPromptModal ref="importPromptModalRef" /> -->
   </a-modal>
 </template>
 
 <script setup>
-import { ref, reactive } from 'vue';
+import { ref, defineEmits } from 'vue';
 
 import AuthorizedAccountModal from '../authorized-account-modal';
-import ImportPromptModal from '../import-prompt-modal';
+// import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
+import { PLATFORM_LIST } from '../../constants';
 
 import {
-  postMediaAccounts,
-  getMediaAccountsDetail,
-  putMediaAccounts,
-  getTemplateUrl,
+  postPlacementAccounts,
+  getPlacementAccountsDetail,
+  putPlacementAccounts,
+  getPlacementAccountsTemplateUrl,
+  batchPlacementAccounts,
 } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
 import icon2 from '@/assets/img/media-account/icon-delete.png';
-import icon3 from '@/assets/img/media-account/icon-dy.png';
-import icon4 from '@/assets/img/media-account/icon-xhs.png';
+
+const emits = defineEmits(['update']);
+
+const UploadStatus = {
+  DEFAULT: 'default',
+  WAITING: 'waiting',
+  ERROR: 'error',
+};
 
 const visible = ref(false);
 const uploadType = ref('manual');
-const uploadStatus = ref('default');
+const uploadStatus = ref(UploadStatus.DEFAULT);
 const id = ref('');
 const isEdit = ref(false);
-const fileName = ref('账号导入模板.xlsx');
-const formRef = ref();
+const fileName = ref('');
+const formRef = ref(null);
 const authorizedAccountModalRef = ref(null);
-const importPromptModalRef = ref(null);
-const form = reactive({
+// const importPromptModalRef = ref(null);
+const uploadRef = ref(null);
+const file = ref(null);
+const form = ref({
   mobile: '',
   operator_name: '',
   holder_name: '',
   platform: 0,
-});
-
-const isBatchImport = computed(() => uploadType.value === 'batch');
-const confirmBtnText = computed(() => {
-  if (isBatchImport.value) return '确定导入';
-  return isEdit.value ? '确定' : '下一步';
+  is_sync: 0,
 });
 
 const rules = {
@@ -166,27 +202,35 @@ const rules = {
   holder_name: [{ required: true, message: '请输入号码持有人' }],
 };
 
-function handleUpload({ file, onSuccess, onError }) {
-  // 模拟上传
-  uploadStatus.value = 'error';
-}
+const isBatchImport = computed(() => uploadType.value === 'batch');
+const confirmBtnText = computed(() => {
+  if (isBatchImport.value) return '确定导入';
+  return isEdit.value ? '确定' : '下一步';
+});
+
+const handleUpload = async (option) => {
+  const { fileItem } = option;
+
+  uploadStatus.value = UploadStatus.WAITING;
+
+  file.value = fileItem.file;
+  fileName.value = fileItem.name;
+};
 
 function removeFile() {
   fileName.value = '';
-  uploadStatus.value = 'default';
+  file.value = null;
+  uploadStatus.value = UploadStatus.DEFAULT;
 }
 
-function retryUpload() {
-  handleUpload();
-  // uploadStatus.value = 'default';
-}
 const reset = () => {
   formRef.value.resetFields();
   formRef.value.clearValidate();
 
   fileName.value = '';
+  file.value = null;
   isEdit.value = false;
-  uploadStatus.value = 'default';
+  uploadStatus.value = UploadStatus.DEFAULT;
   uploadType.value = 'manual';
 };
 function onClose() {
@@ -206,15 +250,33 @@ const open = (accountId = '') => {
 };
 
 const getAccountDetail = async () => {
-  const { code, data } = await getMediaAccountsDetail(id.value);
+  const { code, data } = await getPlacementAccountsDetail(id.value);
   if (code === 200) {
     form.value = data;
   }
 };
 
-const handleBatchImport = () => {
-  onClose();
-  importPromptModalRef.value.open();
+const handleBatchImport = async () => {
+  try {
+    const formData = new FormData();
+    formData.append('file', file.value);
+
+    const { code } = await batchPlacementAccounts(formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+    });
+    if (code === 200) {
+      AMessage.success('导入成功');
+      onClose();
+    } else {
+      uploadStatus.value = UploadStatus.ERROR;
+    }
+  } catch (error) {
+    uploadStatus.value = UploadStatus.ERROR;
+  }
+
+  // importPromptModalRef.value.open();
 };
 
 async function onSubmit() {
@@ -223,18 +285,17 @@ async function onSubmit() {
     return;
   }
 
-  handleSuccess();
-
   formRef.value.validate(async (errors) => {
     if (!errors) {
-      const _fn = id.value ? putMediaAccounts : postMediaAccounts;
-      const _params = id.value ? { id: id.value, ...form.value } : form;
+      const _fn = id.value ? putPlacementAccounts : postPlacementAccounts;
+      const _params = id.value ? { id: id.value, ...form.value } : form.value;
       const { code, data } = await _fn(_params);
       if (code === 200) {
-        AMessage.success(isEdit.value ? '修改成功' : '添加成功');
+        isEdit.value && AMessage.success('修改成功');
+        emits('update');
 
         if (isEdit.value) {
-          visible.value = false;
+          onClose();
         } else {
           handleSuccess(data?.id);
         }
@@ -248,9 +309,9 @@ const handleSuccess = (id) => {
 };
 
 const handleDownloadTemplate = async () => {
-  const { code, data } = await getTemplateUrl();
+  const { code, data } = await getPlacementAccountsTemplateUrl();
   if (code === 200) {
-    window.open(data.url, '_blank');
+    window.open(data.download_url, '_blank');
   }
 };
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
index 22fe718..4bd38a7 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
@@ -9,7 +9,7 @@
       width: 100%;
       .dt {
         color: var(--Brand-Brand-6, #6d4cfe);
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -21,7 +21,7 @@
         background: var(--BG-200, #f2f3f5);
         .name {
           color: var(--Text-1, #211f24);
-          font-family: 'Alibaba PuHuiTi';
+          font-family: 'PuHuiTi-Regular';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 6303680..7d31ef7 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -6,13 +6,27 @@
   <a-modal
     v-model:visible="visible"
     width="480px"
-    title="授权账号"
+    title="获取凭证"
     modal-class="authorized-account-modal"
     :mask-closable="false"
     :footer="!isLoading"
     @close="close"
   >
-    <div class="flex flex-col items-center">
+    <div v-if="showSyncTip">
+      <div class="flex items-center mb-20px">
+        <img :src="icon1" width="16" height="16" class="mr-16px" />
+        <p class="s2">
+          检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM-DD', 'YYYY-MM-DD') }}，已有{{
+            dayjs().diff(dayjs(lastSyncedAt * 1000), 'day')
+          }}天未同步最新数据。
+        </p>
+      </div>
+      <a-radio-group v-model="syncType" class="ml-32px">
+        <a-radio value="sync" class="mb-16px">立即同步遗漏数据 - 获取完整的最新数据 （推荐）</a-radio>
+        <a-radio value="no_sync">仅授权不更新 - 继续使用当前不完全的数据</a-radio>
+      </a-radio-group>
+    </div>
+    <div v-else class="flex flex-col items-center">
       <template v-if="isLoading">
         <a-progress
           :percent="progress"
@@ -30,112 +44,153 @@
           <p class="s2">{{ `数据初始化${isSuccess ? '成功' : '失败'}。` }}</p>
           <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
         </template>
-        <template v-else>
-          <!-- <div class="flex items-center mb-16px">
-            <img :src="icon1" width="16" height="16" />
-            <span class="ml-8px red-text">未识别到有效二维码。</span>
-          </div> -->
-          <div class="img-box">
-            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
-            <div v-if="isOverdue" class="mask" @click="getAuthorizedQrCode">
-              <icon-refresh size="24" class="mb-13px" />
-              <p class="s1">二维码失效</p>
-              <p class="s1">请点击刷新</p>
-            </div>
-          </div>
-          <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
-        </template>
+        <a-form v-else ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+          <a-form-item label="账户" field="account">
+            <a-input v-model="form.account" placeholder="请输入..." size="large" />
+          </a-form-item>
+          <a-form-item label="密码" field="password">
+            <a-input-password v-model="form.password" placeholder="请输入..." size="large" />
+          </a-form-item>
+        </a-form>
       </template>
     </div>
     <template #footer>
-      <a-button v-if="isCompleted" size="large" class="cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" class="cancel-btn" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk">{{ confirmBtnText }} </a-button>
     </template>
   </a-modal>
 </template>
 
 <script setup>
-import { defineExpose, ref, onUnmounted } from 'vue';
-import { startPatchAccount, getAuthorizedImage } from '@/api/all/propertyMarketing';
+import dayjs from 'dayjs';
+import { defineExpose, ref, computed, defineEmits } from 'vue';
+import { exactFormatTime } from '@/utils/tools';
+import { putPlacementAccountsAuthorized, getPlacementAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
 
-import icon1 from '@/assets/img/media-account/icon-warn.png';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
-const OVERDUE_TIME = 30000; // 失效时间
+const emits = defineEmits(['update']);
 
 const visible = ref(false);
-const isOverdue = ref(false); // 二维码失效
 const isLoading = ref(false);
 const isCompleted = ref(false);
 const isSuccess = ref(false);
+const formRef = ref(null);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
-const imgUrl = ref('');
+const lastSyncedAt = ref(null);
+const syncType = ref('sync'); // sync ｜ no_sync
+const showSyncTip = ref(false);
 
+const form = ref({
+  account: '',
+  password: '',
+});
 let progressTimer = null;
-let overdueTimer = null;
+let statusPollingTimer = null;
+
+const rules = {
+  account: [
+    {
+      required: true,
+      message: '请输入账户',
+      trigger: ['blur', 'change'],
+    },
+  ],
+  password: [{ required: true, message: '请输入密码', trigger: ['blur', 'change'] }],
+};
 
-const notCompleted = computed(() => {
-  return !isCompleted.value;
-});
 const confirmBtnText = computed(() => {
-  if (notCompleted.value) return '完成扫码';
-  return isSuccess.value ? '继续添加' : '重新扫码';
+  if (!isCompleted.value) return '确定';
+  return isSuccess.value ? '继续添加' : '重试';
 });
 
-const open = (accountId) => {
+const open = (accountId, last_synced_at = null) => {
   id.value = accountId;
-  getAuthorizedQrCode();
+  lastSyncedAt.value = last_synced_at;
   visible.value = true;
 };
+
 const close = () => {
-  isOverdue.value = false;
+  formRef.value.resetFields();
+  formRef.value.clearValidate();
+
   isLoading.value = false;
   isCompleted.value = false;
   isSuccess.value = false;
   failReason.value = '';
   progress.value = 0;
   id.value = '';
+  lastSyncedAt.value = null;
+  syncType.value = 'sync';
+  showSyncTip.value = false;
   clearFakeProgressTimer();
-  clearOverdueTimer();
+  clearStatusPollingTimer();
   visible.value = false;
 };
 
-const getAuthorizedQrCode = async () => {
-  const { code, data } = await getAuthorizedImage(id.value);
+// 轮询接口
+const getAuthorizedStatus = async () => {
+  const { code, data } = await getPlacementAccountsAuthorizedStatus(id.value);
   if (code === 200) {
-    imgUrl.value = data.url;
-    overdueTimer = null;
-
-    // 约定：后端限制40s内必须扫码，前端定30s后失效
-    overdueTimer = setTimeout(() => {
-      isOverdue.value = true;
-    }, OVERDUE_TIME);
+    const { status, message } = data;
+    if (status !== 0) {
+      isCompleted.value = true;
+      isSuccess.value = status === 1;
+      failReason.value = status === 2 ? message : '';
+    }
   }
 };
+
+const startStatusPolling = () => {
+  clearStatusPollingTimer();
+  statusPollingTimer = setInterval(async () => {
+    if (!isCompleted.value) {
+      await getAuthorizedStatus();
+      if (isCompleted.value) {
+        // 结束时，进度条直接到100%，并清理动画
+        progress.value = 1;
+        clearFakeProgressTimer();
+        clearStatusPollingTimer();
+        isLoading.value = false;
+      }
+    }
+  }, 2000);
+};
+
+const clearStatusPollingTimer = () => {
+  if (statusPollingTimer) {
+    clearInterval(statusPollingTimer);
+    statusPollingTimer = null;
+  }
+};
+
 const startLoading = async () => {
-  isLoading.value = true;
-  progress.value = 0;
-  startFakeProgressPolling();
-  // const { code } = await startPatchAccount(id.value);
-  // if (code === 200) {
-  //   isLoading.value = true;
-  //   progress.value = 0;
-  //   startFakeProgressPolling();
-  // }
+  const { code } = await putPlacementAccountsAuthorized({ id: id.value, ...form.value });
+  if (code === 200) {
+    isLoading.value = true;
+    isCompleted.value = false;
+    progress.value = 0;
+    startFakeProgressPolling();
+    startStatusPolling();
+  }
 };
 
 const startFakeProgressPolling = () => {
   clearFakeProgressTimer();
   progressTimer = setInterval(() => {
-    if (progress.value < 0.99) {
+    if (!isCompleted.value && progress.value < 0.99) {
       const step = Math.random() * 0.04 + 0.01;
       progress.value = Math.min(progress.value + step, 0.99);
       progress.value = Number(progress.value.toFixed(2));
+    } else if (!isCompleted.value && progress.value >= 0.99) {
+      progress.value = 0.99; // 卡在99%
     } else {
       clearFakeProgressTimer();
+      clearStatusPollingTimer();
     }
   }, 1000);
 };
@@ -146,25 +201,31 @@ const clearFakeProgressTimer = () => {
     progressTimer = null;
   }
 };
-const clearOverdueTimer = () => {
-  if (overdueTimer) {
-    clearTimeout(overdueTimer);
-    overdueTimer = null;
-  }
-};
 
 const handleOk = () => {
-  if (notCompleted.value) {
-    clearOverdueTimer();
-
-    if (isOverdue.value) {
-      AMessage.error('二维码已失效，请重新扫码');
-      return;
-    }
-
-    startLoading();
+  if (lastSyncedAt.value) {
+    formRef.value.validate(async (errors) => {
+      if (!errors) {
+        showSyncTip.value = true;
+      }
+    });
     return;
   }
+
+  if (isCompleted.value) {
+    if (isSuccess.value) {
+      emits('update');
+      close();
+    } else {
+      startLoading();
+    }
+  } else {
+    formRef.value.validate(async (errors) => {
+      if (!errors) {
+        startLoading();
+      }
+    });
+  }
 };
 
 defineExpose({
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
index a476920..269596d 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/style.scss
@@ -20,7 +20,7 @@
       .s1 {
         color: var(--BG-White, #fff);
         text-align: center;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -30,7 +30,7 @@
   }
   .s2 {
     color: var(--Text-1, #211f24);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -40,7 +40,7 @@
     overflow: hidden;
     color: var(--Functional-Red-6, #f64b31);
     text-overflow: ellipsis;
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
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 0e4ffbf..5e16481 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
@@ -73,12 +73,8 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { fetchAccountOperators } from '@/api/all/propertyMarketing';
-import {
-  INITIAL_QUERY,
-  PLATFORM_LIST,
-  STATUS_LIST,
-} from '@/views/property-marketing/put-account/account-manage/constants';
+import { fetchPlacementAccountOperators } from '@/api/all/propertyMarketing';
+import { PLATFORM_LIST, STATUS_LIST } from '@/views/property-marketing/put-account/account-manage/constants';
 
 const props = defineProps({
   query: {
@@ -99,14 +95,14 @@ const handleReset = () => {
   emits('onReset');
 };
 const getOperators = async () => {
-  const { code, data } = await fetchAccountOperators();
+  const { code, data } = await fetchPlacementAccountOperators();
   if (code === 200) {
     operators.value = data;
   }
 };
 
 onMounted(() => {
-  // getOperators();
+  getOperators();
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
index 3a33894..ff7b556 100644
--- a/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/filter-block/style.scss
@@ -20,7 +20,7 @@
       .label {
         margin-right: 8px;
         color: #211f24;
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
index e299151..aec2422 100644
--- a/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/import-prompt-modal/style.scss
@@ -4,7 +4,7 @@
   .arco-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Medium';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index 9a94451..c29f5cc 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -61,7 +61,7 @@ const isDisabledReauthorize = (status) => {
 
   .text {
     color: var(--BG-700, #737478);
-    font-family: 'Alibaba PuHuiTi';
+    font-family: 'PuHuiTi-Medium';
     font-size: 12px;
     font-style: normal;
     font-weight: 400;
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
index 703b871..f1e45f0 100644
--- a/src/views/property-marketing/put-account/account-manage/constants.ts
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -2,6 +2,10 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-25 15:24:59
  */
+import icon1 from '@/assets/img/media-account/icon-jl.png';
+import icon2 from '@/assets/img/media-account/icon-jg.png';
+import icon3 from '@/assets/img/media-account/icon-bili.png';
+
 export const INITIAL_QUERY = {
   search: '',
   status: '',
@@ -11,23 +15,31 @@ export const INITIAL_QUERY = {
 
 export const PLATFORM_LIST = [
   {
-    label: '抖音',
+    label: '巨量',
     value: 0,
+    icon: icon1,
   },
   {
-    label: '小红书',
+    label: '聚光',
     value: 1,
+    icon: icon2,
+  },
+  {
+    label: 'B站',
+    value: 2,
+    icon: icon3,
   },
 ];
 
 export enum EnumStatus {
-  NORMAL = 1,
-  PAUSE = 3,
   UNAUTHORIZED = 0,
-  ABNORMAL = 2,
+  NORMAL = 1,
+  PAUSE = 2,
+  ABNORMAL = 3,
   ABNORMAL_LOGIN = 4,
   ABNORMAL_REQUEST = 5,
   ABNORMAL_FREEZE = 6,
+  ABNORMAL_MISSING = 7,
 }
 
 export const STATUS_LIST = [
@@ -69,4 +81,9 @@ export const STATUS_LIST = [
     value: EnumStatus.ABNORMAL_FREEZE,
     tooltip: '账号被冻结/封禁',
   },
+  {
+    text: '数据缺失',
+    label: '数据缺失',
+    value: EnumStatus.ABNORMAL_MISSING,
+  },
 ];
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 2b69bd9..75cb74b 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -20,8 +20,9 @@
     </div>
 
     <div
+      v-if="dataSource.length > 0"
       class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="selectedItems.length > 0 ? 'selected' : isNormalStatus ? 'normal' : 'abnormal'"
+      :class="selectedItems.length > 0 ? 'selected' : 'normal'"
     >
       <div class="flex items-center">
         <div class="flex items-center">
@@ -41,14 +42,8 @@
             <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
           </template>
           <template v-else>
-            <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
-            <span class="label">
-              {{
-                isNormalStatus
-                  ? '太棒啦！所有账号都在正常运行。'
-                  : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
-              }}
-            </span>
+            <img :src="icon4" width="16" height="16" class="mr-8px" />
+            <span class="label"> 太棒啦！所有账号都在正常运行。 </span>
           </template>
         </div>
       </div>
@@ -56,29 +51,26 @@
       <template v-if="selectedItems.length > 0">
         <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
       </template>
-      <div v-else>
-        <a-space v-if="isAbnormalStatus" class="flex items-center">
-          <a-button class="w-96px err-btn" size="mini" @click="handleOpenAbnormalAccount">
-            <template #default>查看异常账号</template>
-          </a-button>
-        </a-space>
-      </div>
     </div>
     <div class="card-wrap">
       <AccountTable
+        v-if="dataSource.length > 0"
         :dataSource="dataSource"
         :selectedItems="selectedItems"
         @selectionChange="handleSelectionChange"
         @delete="handleDelete"
         @openEdit="handleOpenEdit"
+        @update="getData"
       />
-      <div class="pagination-box">
+      <NoData v-else />
+
+      <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
           size="mini"
           show-total
           show-jumper
-          show-page-size
+          :show-page-size="false"
           :current="pageInfo.page"
           :page-size="pageInfo.pageSize"
           @change="onPageChange"
@@ -87,8 +79,8 @@
       </div>
     </div>
 
-    <AddAccountModal ref="addAccountModalRef" />
-    <DeleteAccountModal ref="deleteAccountRef" @update="getData" />
+    <AddAccountModal ref="addAccountModalRef" @update="getData" />
+    <DeleteAccountModal ref="deleteAccountRef" @update="onDeleteSuccess" />
   </div>
 </template>
 
@@ -101,7 +93,7 @@ import AddAccountModal from './components/add-account-modal';
 import DeleteAccountModal from './components/account-table/delete-account';
 
 import { INITIAL_QUERY } from './constants';
-import { getMediaAccounts } from '@/api/all/propertyMarketing';
+import { getPlacementAccounts } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
@@ -113,18 +105,15 @@ const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
 
-const tipStatus = ref(2);
 const pageInfo = reactive({
   page: 1,
-  pageSize: 20,
-  total: 100,
+  pageSize: 8,
+  total: 0,
 });
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const selectedItems = ref([]);
 
-const isNormalStatus = computed(() => tipStatus.value === 1);
-const isAbnormalStatus = computed(() => tipStatus.value === 2);
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
 const indeterminate = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
@@ -135,72 +124,16 @@ onMounted(() => {
 });
 
 const getData = async () => {
-  console.log('getData');
-  // const { page, pageSize } = pageInfo;
-  // const { code, data, total } = await getMediaAccounts({
-  //   page,
-  //   page_size: pageSize,
-  //   ...query.value,
-  // });
-  // if (code === 200) {
-  //   dataSource.value = data.data;
-  //   pageInfo.total = total;
-  // }
-  dataSource.value = [
-    {
-      id: 1,
-      name: '全球',
-      account_id: 1,
-      mobile: 1777777,
-      status: 0,
-      platform: 0,
-      operator: {
-        name: '小周',
-      },
-      group: {
-        name: '美团组',
-      },
-      tags: [
-        {
-          name: '标签1',
-        },
-        {
-          name: '标签2',
-        },
-        {
-          name: '标签3',
-        },
-        {
-          name: '标签4',
-        },
-        {
-          name: '标签5',
-        },
-      ],
-    },
-    {
-      id: 2,
-      name: '全球2',
-      account_id: 1,
-      mobile: 1777777,
-      status: 4,
-      platform: 0,
-      operator: {
-        name: '小周',
-      },
-      group: {
-        name: '美团组',
-      },
-      tags: [
-        {
-          name: '标签1',
-        },
-        {
-          name: '标签2',
-        },
-      ],
-    },
-  ];
+  const { page, pageSize } = pageInfo;
+  const { code, data, total } = await getPlacementAccounts({
+    page,
+    page_size: pageSize,
+    ...query.value,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.total = data?.total ?? 0;
+  }
 };
 const reload = () => {
   pageInfo.page = 1;
@@ -260,9 +193,14 @@ const handleDelete = (item) => {
 const handleCloseTip = () => {
   selectedItems.value = [];
 };
-const handleOpenAbnormalAccount = () => {
-  query.value.status = 2;
-  reload();
+// const handleOpenAbnormalAccount = () => {
+//   query.value.status = 2;
+//   reload();
+// };
+
+const onDeleteSuccess = (ids) => {
+  selectedItems.value = selectedItems.value.filter((item) => !ids.includes(item.id));
+  getData();
 };
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/style.scss b/src/views/property-marketing/put-account/account-manage/style.scss
index f916046..69a66d6 100644
--- a/src/views/property-marketing/put-account/account-manage/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/style.scss
@@ -15,7 +15,7 @@
   .filter-wrap {
     .top {
       .title {
-        font-family: 'Alibaba PuHuiTi';
+        font-family: 'PuHuiTi-Medium';
         font-style: normal;
       }
       :deep(.arco-btn) {
@@ -29,7 +29,7 @@
     border-radius: 2px;
     background: #f0edff;
     .label {
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Regular';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -41,12 +41,6 @@
         color: #211f24;
       }
     }
-    &.abnormal {
-      background: #ffe7e4;
-      .label {
-        color: #211f24;
-      }
-    }
     .err-btn {
       background-color: #f64b31 !important;
       color: var(--BG-white, #fff);
@@ -60,7 +54,7 @@
       padding: 0;
       cursor: pointer;
       color: var(--Brand-Brand-6, #6d4cfe);
-      font-family: 'Alibaba PuHuiTi';
+      font-family: 'PuHuiTi-Regular';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -69,7 +63,7 @@
         margin-right: 16px;
       }
       &.red {
-        color: #F64B31;
+        color: #f64b31;
       }
     }
   }
@@ -82,7 +76,6 @@
       padding: 16px 24px;
       justify-content: flex-end;
       align-items: center;
-
     }
   }
 }
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
index 18c7118..96644a2 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
@@ -19,7 +19,7 @@
 .month-text-blue {
   color: var(--Brand-Brand-6, #6D4CFE);
   font-size: 16px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 24px;
   word-wrap: break-word
@@ -29,7 +29,7 @@
 .month-text-red {
   color: var(--Functional-Danger-6, #F64B31);
   font-size: 16px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 24px;
   word-wrap: break-word
@@ -39,7 +39,7 @@
 .month-text-black {
   color: var(--Text-1, #211F24);
   font-size: 16px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 24px;
   word-wrap: break-word
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 930551f..53122d9 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -137,7 +137,7 @@ const topImages = [top1, top2, top3];
   // 下载
   color: var(--Brand-6, #6d4cfe);
   font-size: 14px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 22px;
   word-wrap: break-word;
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index c0a0bea..21f6c88 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -100,7 +100,7 @@ const handleSearch = () => {
   // 搜索
   color: var(--Brand-6, #6d4cfe);
   font-size: 14px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 22px;
   height: 32px;
@@ -112,7 +112,7 @@ const handleSearch = () => {
   // 重置
   color: var(--Text-2, #3c4043);
   font-size: 14px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 22px;
   height: 32px;
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index d2d12b7..fc9cf99 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -34,7 +34,7 @@
 .a-tab-class {
   color: var(--Brand-6, #6D4CFE);
   font-size: 66px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 30px;
   word-wrap: break-word;
@@ -49,7 +49,7 @@
   flex-direction: column;
   color: var(--Text-1, #211F24);
   font-size: 18px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 26px;
   word-wrap: break-word;
@@ -103,7 +103,7 @@
   flex-direction: column;
   color: var(--Text-1, #211F24);
   font-size: 18px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 26px;
   word-wrap: break-word
@@ -131,7 +131,7 @@
   // 总体策略
   color: var(--Text-1, #211F24);
   font-size: 16px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 22px;
   word-wrap: break-word
@@ -141,7 +141,7 @@
   align-self: stretch;
   color: var(--Text-2, #3C4043);
   font-size: 14px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 22px;
   word-wrap: break-word
@@ -153,7 +153,7 @@
   // 表现分析
   color: var(--Text-1, #211F24);
   font-size: 16px;
-  font-family: Alibaba PuHuiTi;
+  font-family: PuHuiTi-Medium;
   font-weight: 400;
   line-height: 22px;
   word-wrap: break-word
diff --git a/vite.config.ts b/vite.config.ts
index 8ce06e6..717210b 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,3 +1,7 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-02 09:17:39
+ */
 import type { ConfigEnv, UserConfig } from 'vite';
 
 import { defineConfig, loadEnv } from 'vite';
@@ -16,7 +20,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
     css: {
       preprocessorOptions: {
         scss: {
-          additionalData: `@import "@/styles/vars.css";`,
+          // additionalData: `@import "@/styles/vars.css";`,
         },
       },
     },
@@ -36,7 +40,8 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'https://lingjiapi.lvfunai.com/api',
+          target: 'http://192.168.40.7/api',
+          // target: 'https://lingjiapi.lvfunai.com/api',
         },
       },
     },

From b8d88cd6cb509d0a44191218750b90941f7e7dfd Mon Sep 17 00:00:00 2001
From: rd <>
Date: Wed, 2 Jul 2025 16:11:51 +0800
Subject: [PATCH 35/78] =?UTF-8?q?feat:=20=E6=8A=95=E6=94=BE=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E5=88=86=E7=BB=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  31 +++
 .../components/group-manage-modal/index.vue   |  84 ++++---
 .../components/account-table/constants.ts     |   2 +-
 .../components/account-table/index.vue        |   8 +-
 .../components/filter-block/index.vue         |  15 +-
 .../group-manage-modal/add-group.vue          |  79 +++++++
 .../group-manage-modal/delete-group.vue       |  56 +++++
 .../components/group-manage-modal/index.vue   | 212 ++++++++++++++++++
 .../components/group-manage-modal/style.scss  |  62 +++++
 .../put-account/account-data/index.vue        |  21 +-
 .../put-account/account-data/style.scss       |  11 +-
 11 files changed, 537 insertions(+), 44 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 3eb1bb3..97db12b 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -203,3 +203,34 @@ export const getPlacementAccountsTemplateUrl = (params = {}) => {
 export const getPlacementAccountsAuthorizedStatus = (id: string) => {
   return Http.get(`/v1/placement-accounts/${id}/authorized-status`);
 };
+
+// 投放账户运营人员分组-列表
+export const getPlacementAccountOperators = (params = {}) => {
+  return Http.get('/v1/placement-account-operators/list', params);
+};
+
+// 投放账号项目分组-分页
+export const getPlacementAccountProjectGroups = (params = {}) => {
+  return Http.get('/v1/placement-account-project-groups', params);
+};
+
+// 投放账号项目分组-列表
+export const getPlacementAccountProjectGroupsList = (params = {}) => {
+  return Http.get('/v1/placement-account-project-groups/list', params);
+};
+
+// 投放账号项目分组-添加
+export const postPlacementAccountProjectGroups = (params = {}) => {
+  return Http.post('/v1/placement-account-project-groups', params);
+};
+
+// 投放账号项目分组-修改
+export const putPlacementAccountProjectGroups = (params = {}) => {
+  const { id, ...rest } = params as { id: string; [key: string]: any };
+  return Http.put(`/v1/media-account-project-groups/${id}`, rest);
+};
+
+// 投放账号项目分组-删除
+export const deletePlacementAccountProjectGroups = (id: string) => {
+  return Http.delete(`/v1/placement-account-project-groups/${id}`);
+};
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 31af8ae..a375710 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -27,20 +27,33 @@
       </div>
     </template>
     <template v-else>
-      <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
-        ><template #icon>
-          <img :src="icon3" width="16" height="16" />
-        </template>
-        <template #default>添加新分组</template>
-      </a-button>
+      <div class="flex items-center justify-between mb-16px">
+        <div class="filter-row-item flex items-center">
+          <span class="s1 !color-#211F24 mr-12px">分组名称</span>
+          <a-space size="medium" class="w-240px">
+            <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+              <template #prefix>
+                <icon-search />
+              </template>
+            </a-input>
+          </a-space>
+        </div>
+        <a-button type="primary" size="medium" @click="openAdd"
+          ><template #icon>
+            <img :src="icon3" width="16" height="16" />
+          </template>
+          <template #default>添加新分组</template>
+        </a-button>
+      </div>
       <a-table
         :columns="columns"
         :data="list"
         row-key="id"
         :loading="loading"
         :scroll="{ y: 500 }"
+        class="h-500px"
         :pagination="false"
-        @change="onTableChange"
+        @sorter-change="handleSorterChange"
       >
         <template #action="{ record }">
           <div class="flex items-center">
@@ -49,7 +62,7 @@
           </div>
         </template>
       </a-table>
-      <div class="pagination-box">
+      <div class="pagination-box flex justify-end">
         <a-pagination
           :total="pageInfo.total"
           size="mini"
@@ -72,6 +85,8 @@
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
 import { getGroupList } from '@/api/all/propertyMarketing';
+import { exactFormatTime } from '@/utils/tools';
+
 import AddGroup from './add-group.vue';
 import DeleteGroup from './delete-group.vue';
 
@@ -88,7 +103,12 @@ const currentGroup = ref(null);
 
 const list = ref([]);
 const loading = ref(false);
-const pageInfo = reactive({
+const query = ref({
+  name: '',
+  column: '',
+  order: '',
+});
+const pageInfo = ref({
   page: 1,
   pageSize: 20,
   total: 0,
@@ -110,6 +130,7 @@ const columns = [
     title: '创建日期',
     dataIndex: 'created_at',
     width: 160,
+    render: ({ record }) => exactFormatTime(record.created_at),
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -122,6 +143,17 @@ function open() {
   getData();
 }
 
+const close = () => {
+  query.value.name = '';
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
+  query.value.column = '';
+  query.value.order = '';
+  list.value = [];
+  visible.value = false;
+};
+
 function openAdd() {
   addGroupRef.value.open();
 }
@@ -134,47 +166,43 @@ function openDelete(record) {
   deleteGroupRef.value.open(record);
 }
 
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  getData();
+};
+
 async function getData() {
   try {
     loading.value = true;
-    const { page, pageSize } = pageInfo;
+    const { page, pageSize } = pageInfo.value;
     const params = {
       page,
       pageSize,
+      ...query.value,
     };
-    if (sortInfo.value.field && sortInfo.value.direction) {
-      params.orderField = sortInfo.value.field;
-      params.orderType = sortInfo.value.direction === 'ascend' ? 'asc' : 'desc';
-    }
     const { code, data } = await getGroupList(params);
     if (code === 200) {
-      list.value = data.list;
-      pageInfo.total = data.total;
+      list.value = data?.data ?? [];
+      pageInfo.value.total = data.total;
     }
   } finally {
     loading.value = false;
   }
 }
 
-const onTableChange = (pagination, filters, sorter) => {
-  if (sorter && sorter.field) {
-    sortInfo.value.field = sorter.field;
-    sortInfo.value.direction = sorter.order;
-  } else {
-    sortInfo.value.field = '';
-    sortInfo.value.direction = '';
-  }
+const reload = () => {
+  pageInfo.value.page = 1;
   getData();
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
-  pageInfo.page = 1;
-  getData();
+  pageInfo.value.pageSize = pageSize;
+  reload();
 };
 
 defineExpose({ open });
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
index 66496dd..772a651 100644
--- a/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
@@ -4,7 +4,7 @@
  */
 export const TABLE_COLUMNS = [
   {
-    title: '账号名称',
+    title: '账户名称',
     dataIndex: 'name',
     width: 180,
     fixed: 'left',
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue b/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
index a12aa9e..3ac1133 100644
--- a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
@@ -195,10 +195,10 @@ const handleExport = () => {
 };
 const getColumns = () => {
   const columns = cloneDeep(TABLE_COLUMNS);
-  if (!props.isAccountTab) {
-    const _target = columns.find((item) => item.dataIndex === 'name');
-    _target.title = '项目名称';
-  }
+  // if (!props.isAccountTab) {
+  //   const _target = columns.find((item) => item.dataIndex === 'name');
+  //   _target.title = '项目名称';
+  // }
   return columns;
 };
 
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 37e1fb9..5def9a3 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
@@ -74,7 +74,7 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
-import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
+import { getPlacementAccountProjectGroupsList, getPlacementAccountOperators } from '@/api/all/propertyMarketing';
 import GroupSelect from '../group-select/index.vue';
 import { STATUS_LIST } from '../../constants';
 
@@ -100,21 +100,26 @@ const handleReset = () => {
 };
 
 const getGroups = async () => {
-  const { code, data } = await fetchAccountGroups();
+  const { code, data } = await getPlacementAccountProjectGroupsList();
   if (code === 200) {
     groups.value = data;
   }
 };
 const getOperators = async () => {
-  const { code, data } = await fetchAccountOperators();
+  const { code, data } = await getPlacementAccountOperators();
   if (code === 200) {
     operators.value = data;
   }
 };
 
 onMounted(() => {
-  // getGroups();
-  // getOperators();
+  getGroups();
+  getOperators();
+});
+
+defineExpose({
+  getGroups,
+  getOperators,
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
new file mode 100644
index 0000000..75f7efd
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/add-group.vue
@@ -0,0 +1,79 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 11:44:17
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    :title="isEdit ? '编辑分组' : '添加新分组'"
+    modal-class="account-manage-modal"
+    width="400px"
+    @close="onClose"
+  >
+    <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
+      <a-form-item :label="isEdit ? '分组名称' : '新分组名称'" field="name" required>
+        <a-input v-model="form.name" placeholder="请输入…" />
+      </a-form-item>
+    </a-form>
+    <template #footer>
+      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, watch, nextTick } from 'vue';
+import { postPlacementAccountProjectGroups, putPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const isEdit = ref(false);
+const formRef = ref();
+const form = ref({ name: '' });
+const groupId = ref('');
+
+const rules = {
+  name: [{ required: true, message: '请输入分组名称' }],
+};
+
+function resetForm() {
+  nextTick(() => {
+    formRef.value?.clearValidate();
+  });
+}
+
+function onClose() {
+  visible.value = false;
+  form.value.name = '';
+  groupId.value = '';
+  isEdit.value = false;
+  resetForm();
+}
+
+const open = (record = {}) => {
+  const { id = '', name = '' } = record;
+  groupId.value = id;
+  isEdit.value = !!id;
+  form.value.name = name;
+  visible.value = true;
+};
+
+async function onSubmit() {
+  formRef.value.validate(async (errors) => {
+    if (!errors) {
+      const _fn = isEdit.value ? putPlacementAccountProjectGroups : postPlacementAccountProjectGroups;
+      const _params = isEdit.value ? { id: groupId.value, ...form.value } : form.value;
+      const { code } = await _fn(_params);
+      if (code === 200) {
+        AMessage.success(isEdit.value ? '编辑成功' : '添加成功');
+        emits('success');
+        onClose();
+      }
+    }
+  });
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
new file mode 100644
index 0000000..03312a7
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/delete-group.vue
@@ -0,0 +1,56 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-26 11:45:05
+-->
+<template>
+  <a-modal v-model:visible="visible" title="删除分组" width="400px" modal-class="account-manage-modal" @close="onClose">
+    <div class="flex items-center mb-24px">
+      <img :src="icon1" width="20" height="20" class="mr-12px" />
+      <span>确认删除 "{{ groupName }}" 这个分组吗？</span>
+    </div>
+    <template #footer>
+      <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
+        >确认删除</a-button
+      >
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+import { ref } from 'vue';
+import { deletePlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
+import icon1 from '@/assets/img/media-account/icon-warn-1.png';
+
+const emits = defineEmits(['success', 'close']);
+
+const visible = ref(false);
+const groupId = ref('');
+const groupName = ref('');
+
+function onClose() {
+  visible.value = false;
+  groupId.value = '';
+  groupName.value = '';
+  emits('close');
+}
+
+const open = (record) => {
+  const { id = '', name = '' } = record;
+  groupId.value = id;
+  groupName.value = name;
+
+  visible.value = true;
+};
+
+async function onDelete() {
+  const { code } = await deletePlacementAccountProjectGroups(groupId.value);
+  if (code === 200) {
+    AMessage.success('删除成功');
+    emits('success');
+    onClose();
+  }
+}
+
+defineExpose({ open });
+</script>
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
new file mode 100644
index 0000000..bd6254a
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -0,0 +1,212 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 17:51:46
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    width="900px"
+    modal-class="put-account-group-manage-modal"
+    :footer="false"
+    title="分组管理"
+    :mask-closable="false"
+    @close="close"
+  >
+    <template v-if="!list.length">
+      <div class="flex items-center justify-center flex-col">
+        <div class="w-120px h-120px flex items-center justify-center mb-32px">
+          <img :src="icon2" width="106" height="72" />
+        </div>
+        <span class="s1 mb-16px">暂无分组</span>
+        <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+          ><template #icon>
+            <img :src="icon3" width="16" height="16" class="relative top-3px" />
+          </template>
+          <template #default>去添加</template>
+        </a-button>
+      </div>
+    </template>
+    <template v-else>
+      <div class="flex items-center justify-between mb-16px">
+        <div class="filter-row-item flex items-center">
+          <span class="s1 !color-#211F24 mr-12px">分组名称</span>
+          <a-space size="medium" class="w-240px">
+            <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+              <template #prefix>
+                <icon-search />
+              </template>
+            </a-input>
+          </a-space>
+        </div>
+        <a-button type="primary" size="medium" @click="openAdd"
+          ><template #icon>
+            <img :src="icon3" width="16" height="16" />
+          </template>
+          <template #default>添加新分组</template>
+        </a-button>
+      </div>
+
+      <a-table
+        :columns="columns"
+        :data="list"
+        row-key="id"
+        :loading="loading"
+        :scroll="{ y: 500 }"
+        class="h-500px"
+        :pagination="false"
+        @sorter-change="handleSorterChange"
+      >
+        <template #empty>
+          <NoData />
+        </template>
+        <template #action="{ record }">
+          <div class="flex items-center">
+            <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+            <a-button type="primary" @click="openEdit(record)">编辑</a-button>
+          </div>
+        </template>
+      </a-table>
+      <div class="pagination-box flex justify-end">
+        <a-pagination
+          :total="pageInfo.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="pageInfo.page"
+          :page-size="pageInfo.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
+    </template>
+
+    <AddGroup ref="addGroupRef" @success="getData" />
+    <DeleteGroup ref="deleteGroupRef" @success="getData" />
+  </a-modal>
+</template>
+
+<script setup>
+import { ref, reactive, onMounted } from 'vue';
+import { getPlacementAccountProjectGroups } from '@/api/all/propertyMarketing';
+import { exactFormatTime } from '@/utils/tools';
+
+import AddGroup from './add-group.vue';
+import DeleteGroup from './delete-group.vue';
+
+import icon1 from '@/assets/img/media-account/icon-delete.png';
+import icon2 from '@/assets/img/media-account/icon-empty.png';
+import icon3 from '@/assets/img/media-account/icon-add.png';
+
+const visible = ref(false);
+const addGroupRef = ref(null);
+const deleteGroupRef = ref(null);
+
+const list = ref([]);
+const loading = ref(false);
+const query = ref({
+  name: '',
+  column: '',
+  order: '',
+});
+const pageInfo = ref({
+  page: 1,
+  pageSize: 20,
+  total: 0,
+});
+
+const columns = [
+  { title: '分组名称', dataIndex: 'name' },
+  {
+    title: '创建人',
+    dataIndex: 'creator',
+    render: ({ record }) => record.creator?.name || '-',
+  },
+  {
+    title: '创建日期',
+    dataIndex: 'created_at',
+    width: 160,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+    render: ({ record }) => exactFormatTime(record.created_at),
+  },
+  { title: '操作', slotName: 'action', align: 'center', width: 120 },
+];
+
+function open() {
+  visible.value = true;
+  getData();
+}
+
+const close = () => {
+  query.value.name = '';
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
+  query.value.column = '';
+  query.value.order = '';
+  list.value = [];
+  visible.value = false;
+};
+
+function openAdd() {
+  addGroupRef.value.open();
+}
+
+function openEdit(record) {
+  addGroupRef.value.open(record);
+}
+
+function openDelete(record) {
+  deleteGroupRef.value.open(record);
+}
+
+const handleSorterChange = (column, order) => {
+  query.value.column = column;
+  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  getData();
+};
+async function getData() {
+  try {
+    loading.value = true;
+    const { page, pageSize } = pageInfo.value;
+    const params = {
+      page,
+      pageSize,
+      ...query.value,
+    };
+    const { code, data } = await getPlacementAccountProjectGroups(params);
+    if (code === 200) {
+      list.value = data?.data ?? [];
+      pageInfo.value.total = data.total;
+    }
+  } finally {
+    loading.value = false;
+  }
+}
+
+const reload = () => {
+  pageInfo.value.page = 1;
+  getData();
+};
+
+const handleSearch = () => {
+  reload();
+};
+
+const onPageChange = (current) => {
+  pageInfo.value.page = current;
+  getData();
+};
+const onPageSizeChange = (pageSize) => {
+  pageInfo.value.pageSize = pageSize;
+  reload();
+};
+
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
new file mode 100644
index 0000000..aa0e147
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/style.scss
@@ -0,0 +1,62 @@
+@import '@/views/property-marketing/component.scss';
+
+.account-manage-modal {
+  border-radius: 8px;
+  .arco-modal-body {
+    .arco-btn {
+      .arco-btn-icon {
+        line-height: 16px;
+      }
+    }
+    .s1 {
+      color: var(--Text-3, #737478);
+      font-family: 'PuHuiTi-Medium';
+      font-size: 14px;
+      font-style: normal;
+      font-weight: 400;
+      line-height: 22px; /* 157.143% */
+    }
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+      .arco-pagination {
+        .arco-pagination-list {
+          .arco-pagination-item {
+            border-radius: 4px;
+            border: 1px solid var(--BG-300, #e6e6e8);
+            &.arco-pagination-item-ellipsis {
+              border: none;
+            }
+
+            &.arco-pagination-item-active {
+              background-color: transparent;
+              border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+            }
+          }
+        }
+        .arco-pagination-jumper-prepend {
+          color: var(--Text-2, #3c4043);
+          text-align: right;
+          font-family: 'PuHuiTi-Medium';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px; /* 157.143% */
+        }
+        .arco-select-view-single,
+        .arco-pagination-jumper-input {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+          background-color: #fff;
+        }
+      }
+    }
+  }
+  .danger-btn {
+    border: none !important;
+    background-color: #f64b31 !important;
+  }
+}
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 08ed31a..fb70dd9 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -8,8 +8,16 @@
       <a-tabs v-model="activeTab" @tab-click="handleTabClick">
         <a-tab-pane :key="1" title="账户"></a-tab-pane>
         <a-tab-pane :key="2" title="项目"></a-tab-pane>
+        <template v-if="!isAccountTab" #extra>
+          <a-button class="w-112px mr-12px search-btn flex items-center" size="medium" @click="handleOpenGroupModal">
+            <template #icon>
+              <img :src="icon2" width="16" height="16" />
+            </template>
+            <template #default>分组管理</template>
+          </a-button>
+        </template>
       </a-tabs>
-      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+      <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
@@ -36,14 +44,19 @@
         />
       </div>
     </div>
+
+    <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups()" />
   </div>
 </template>
 
 <script setup>
 import FilterBlock from './components/filter-block';
 import AccountTable from './components/account-table';
+import GroupManageModal from './components/group-manage-modal';
 import { INITIAL_QUERY } from './constants';
 
+import icon2 from '@/assets/img/media-account/icon-group.png';
+
 const query = ref({});
 const dataSource = ref([]);
 const pageInfo = reactive({
@@ -54,6 +67,8 @@ const pageInfo = reactive({
 const selectedRowKeys = ref([]);
 const activeTab = ref(1);
 const accountTableRef = ref(null);
+const groupManageModalRef = ref(null);
+const filterBlockRef = ref(null);
 
 const isAccountTab = computed(() => activeTab.value === 1);
 
@@ -235,6 +250,10 @@ const handleTabClick = (tab) => {
   handleReset();
 };
 
+const handleOpenGroupModal = () => {
+  groupManageModalRef.value?.open();
+};
+
 onMounted(() => {
   getData();
 });
diff --git a/src/views/property-marketing/put-account/account-data/style.scss b/src/views/property-marketing/put-account/account-data/style.scss
index 7e9f478..add16aa 100644
--- a/src/views/property-marketing/put-account/account-data/style.scss
+++ b/src/views/property-marketing/put-account/account-data/style.scss
@@ -21,16 +21,17 @@
         padding: 0 8px;
       }
     }
+    :deep(.arco-btn) {
+      .arco-btn-icon {
+        line-height: 14px;
+      }
+    }
     .top {
       .title {
         font-family: 'PuHuiTi-Medium';
         font-style: normal;
       }
-      :deep(.arco-btn) {
-        .arco-btn-icon {
-          line-height: 14px;
-        }
-      }
+      
     }
     .overview-row {
       .overview-item {

From 2b4e691f4e656e17cb7311d0ab3605c010e118f9 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Wed, 2 Jul 2025 17:55:20 +0800
Subject: [PATCH 36/78] =?UTF-8?q?feat:=20=E6=8A=95=E6=94=BE=E8=B4=A6?=
 =?UTF-8?q?=E6=88=B7=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 config/unplugin/auto-import.ts                |   2 +-
 src/api/all/propertyMarketing.ts              |  25 ++
 .../custom-table-column-modal/test.vue        | 389 ------------------
 src/layouts/Basic.vue                         |   2 -
 src/utils/tools.ts                            |   2 +-
 .../components/account-table/constants.ts     |   2 +-
 .../components/account-table/index.vue        |  29 +-
 .../components/filter-block/index.vue         |  23 +-
 .../account-dashboard/constants.ts            |   2 +-
 .../media-account/account-dashboard/index.vue | 212 ++--------
 .../components/account-info/index.vue         |  68 ++-
 .../components/note-table/constants.ts        |  16 +-
 .../components/note-table/index.vue           |  39 +-
 .../media-account/account-detail/constants.ts |   2 +-
 .../constants.ts                              |   0
 .../{account-table => board-table}/index.vue  |  31 +-
 .../{account-table => board-table}/style.scss |   0
 .../components/filter-block/index.vue         |   1 +
 .../components/group-manage-modal/index.vue   |  10 +-
 .../put-account/account-data/index.vue        | 209 +++-------
 .../put-account/account-manage/index.vue      |  18 +-
 21 files changed, 222 insertions(+), 860 deletions(-)
 delete mode 100644 src/components/custom-table-column-modal/test.vue
 rename src/views/property-marketing/put-account/account-data/components/{account-table => board-table}/constants.ts (100%)
 rename src/views/property-marketing/put-account/account-data/components/{account-table => board-table}/index.vue (92%)
 rename src/views/property-marketing/put-account/account-data/components/{account-table => board-table}/style.scss (100%)

diff --git a/config/unplugin/auto-import.ts b/config/unplugin/auto-import.ts
index 783951f..1036483 100644
--- a/config/unplugin/auto-import.ts
+++ b/config/unplugin/auto-import.ts
@@ -21,7 +21,7 @@ export function configAutoImport() {
       '@vueuse/core',
       {
         dayjs: [['default', 'dayjs']],
-        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union'],
+        'lodash-es': ['cloneDeep', 'omit', 'pick', 'union', 'isNumber'],
         '@/hooks': ['useModal'],
       },
     ],
diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 97db12b..531e513 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -234,3 +234,28 @@ export const putPlacementAccountProjectGroups = (params = {}) => {
 export const deletePlacementAccountProjectGroups = (id: string) => {
   return Http.delete(`/v1/placement-account-project-groups/${id}`);
 };
+
+// 账号笔记-分页
+export const getMediaAccountBoardWorks = (id: string, params = {}) => {
+  return Http.get(`/v1/media-account-boards/${id}/works`, params);
+};
+
+// 投放账号数据-分页
+export const getPlacementAccountData = (params = {}) => {
+  return Http.get('/v1/placement-account-boards', params);
+};
+
+// 投放账号数据-导出
+export const postPlacementAccountDataExport = (params = {}) => {
+  return Http.post('/v1/placement-account-boards/export', params);
+};
+
+// 投放账户项目数据-分页
+export const getPlacementAccountDataList = (params = {}) => {
+  return Http.get('/v1/placement-account-projects', params);
+};
+
+// 投放账户项目数据-导出
+export const postPlacementAccountDataListExport = (params = {}) => {
+  return Http.post('/v1/placement-account-projects/export', params);
+};
diff --git a/src/components/custom-table-column-modal/test.vue b/src/components/custom-table-column-modal/test.vue
deleted file mode 100644
index 7fda6df..0000000
--- a/src/components/custom-table-column-modal/test.vue
+++ /dev/null
@@ -1,389 +0,0 @@
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-30 13:51:40
--->
-<template>
-  <el-drawer v-model:visible="visible" direction="rtl" :wrapperClosable="false" class="com-custom-table-field">
-    <div slot="title" class="drawer-header flex align-items-center">
-      <span class="title">{{ title }}</span>
-      <span class="range">指标最少选择{{ min }}个字段，最多选择{{ max }}个，已选择{{ checkLength }}个</span>
-      <slot></slot>
-      <!-- <div
-          class="font-weight-400 font-size-12 color-primary cursor-pointer"
-          @click="onFieldDescClick"
-        >
-          <span>数据字段说明</span>
-          <i class="el-icon-arrow-right"></i>
-        </div> -->
-    </div>
-
-    <div class="panel-wrapper">
-      <div class="custom-panel left ui-card-block">
-        <!-- <div class="flex justify-content-space-between">
-            <div class="hd">
-              全部字段【{{ columnLength }}个】
-              <span>请至少选择{{ min }}个字段</span
-              ><span v-if="max">至多{{ max }}个字段</span>
-            </div>
-            <slot></slot>
-          </div> -->
-
-        <div class="bd">
-          <template v-for="column in columns">
-            <div v-if="column.children.length" :key="column.prop" class="bd-item">
-              <div class="flex">
-                <p class="title width-fit-content">{{ column.label }}</p>
-                <svg-icon v-if="column.icon" :icon-class="column.icon.name" :style="column.icon.style" class="icon" />
-              </div>
-              <el-checkbox
-                v-for="item in column.children"
-                :key="`${item.prop}${Math.random()}`"
-                :label="item"
-                :disabled="
-                  !column.editable ||
-                  !item.editable ||
-                  (isMax && !getItemChecked(item)) ||
-                  (isMin && getItemChecked(item))
-                "
-                :data-checked="getItemChecked(item)"
-                :checked="getItemChecked(item) || item.selectDisabled"
-                @change="onCheckColumns(item, column.prop, column)"
-              >
-                <div class="flex align-item-center">
-                  <FieldTooltip
-                    v-if="showNewTooltip"
-                    :openDelay="300"
-                    :fieldTooltip="item.fieldTooltip"
-                    :fieldTooltip2="item.fieldTooltip2"
-                    :title="item.label"
-                    :fieldCase="item.fieldCase"
-                  >
-                    <span>{{ item.label }}</span>
-                  </FieldTooltip>
-                  <el-tooltip
-                    v-else
-                    popper-class="ui-overflow-tooltip"
-                    effect="dark"
-                    :content="item.fieldTooltip"
-                    placement="top-start"
-                    :open-delay="300"
-                    :disabled="!item.fieldTooltip"
-                  >
-                    <div slot="content">
-                      <div v-html="item.fieldTooltip"></div>
-                    </div>
-                    <span>{{ item.label }}</span>
-                  </el-tooltip>
-
-                  <svg-icon v-if="item.icon" :icon-class="item.icon.name" :style="item.icon.style" class="icon" />
-                </div>
-              </el-checkbox>
-            </div>
-          </template>
-        </div>
-      </div>
-
-      <div class="custom-panel right ui-card-block">
-        <div class="hd flex justify-content-space-between align-items-center mr14">
-          <span class="hd-check-num">已选({{ `${checkLength}` }})</span>
-
-          <span class="label">长按可拖动调整展示排序</span>
-        </div>
-        <div class="bd">
-          <div class="column-row">
-            <draggable v-model="checkColumns">
-              <transition-group>
-                <div v-for="checkColumn in checkColumns" :key="checkColumn.prop" class="column-item mb16">
-                  <p class="title">{{ checkColumn.label }}</p>
-                  <draggable v-model="checkColumn.children">
-                    <transition-group>
-                      <div v-for="item in checkColumn.children" :key="item.prop" class="column-children-item">
-                        <i class="el-icon-more"></i>
-                        <i class="el-icon-more"></i>
-                        <span class="label">{{ item.label }}</span>
-
-                        <i class="el-icon-close" @click="onDelete(item, checkColumn.prop)"></i>
-                      </div>
-                    </transition-group>
-                  </draggable>
-                </div>
-              </transition-group>
-            </draggable>
-          </div>
-        </div>
-      </div>
-    </div>
-
-    <div class="submit-row">
-      <el-button @click="visible = false">&nbsp;&nbsp;取消&nbsp;&nbsp;</el-button>
-      <el-button type="primary" @click="onSubmit">&nbsp;&nbsp;确定&nbsp;&nbsp;</el-button>
-    </div>
-  </el-drawer>
-</template>
-
-<script>
-import { cloneDeep } from 'lodash';
-import draggable from 'vuedraggable';
-import { setCustomTableFields } from '@/api/common';
-import { includes } from '@/utils/tools';
-import FieldTooltip from '@/components/CommonTooltip/FieldTooltip';
-
-export default {
-  components: {
-    draggable,
-    FieldTooltip,
-  },
-  props: {
-    title: {
-      type: String,
-      default: '自定义表格字段',
-    },
-    // 表格类型
-    type: {
-      type: String,
-      default: '',
-    },
-    // 默认字段
-    defaultColumns: {
-      type: Array,
-      default: () => [],
-    },
-    // 至少字段
-    min: {
-      type: Number,
-      default: 3,
-    },
-    // 至多字段
-    max: {
-      type: Number,
-      default: null,
-    },
-    showNewTooltip: {
-      type: Boolean,
-      default: false,
-    },
-    other_setting: {
-      type: Object,
-      default: () => {},
-    },
-  },
-  data() {
-    return {
-      checkColumns: [], // 选中字段
-      visible: false,
-    };
-  },
-  computed: {
-    // 选择区，显示字段
-    columns() {
-      const list = cloneDeep(this.defaultColumns);
-      list.forEach((item) => {
-        item.children = item.children.sort((a, b) => {
-          return a.order - b.order;
-        });
-      });
-      return list.sort((a, b) => {
-        return a.order - b.order;
-      });
-    },
-    columnLength() {
-      return this.columns.length || 0;
-    },
-    checkLength() {
-      return this.getFlatColumns().length || 0;
-    },
-    isMin() {
-      return this.min && this.checkLength - 1 < this.min;
-    },
-    // 勾选数量达到最大值
-    isMax() {
-      return this.max && this.checkLength + 1 > this.max;
-    },
-  },
-  watch: {},
-  mounted() {},
-  methods: {
-    includes,
-    init() {
-      this.initCheckColumns();
-    },
-    // 初始化选中字段
-    initCheckColumns() {
-      const list = cloneDeep(this.defaultColumns);
-      this.checkColumns = this.getCheckColumns(list);
-    },
-    getFlatColumns() {
-      const fields = cloneDeep(this.checkColumns);
-      let _flatColumns = [];
-      for (let i = 0; i < fields.length; i++) {
-        const { children, ...props } = fields[i];
-        _flatColumns = [..._flatColumns, ...children];
-      }
-      return _flatColumns;
-    },
-    getItemChecked(item) {
-      return !!this.getFlatColumns().some((column) => column.prop === item.prop);
-    },
-
-    onCheckColumns(data, parentProp, column) {
-      const _target = this.checkColumns.find((v) => v.prop === parentProp);
-      const isChecked = this.getItemChecked(data);
-      const fn = () => {
-        if (this.checkLength === this.max) {
-          this.$message.warning(`指标最多选择${this.max}个`);
-        }
-      };
-
-      // 新增一组
-      if (!_target) {
-        const { children, ...props } = column;
-        this.checkColumns.push({
-          ...props,
-          children: [
-            {
-              ...data,
-              is_show: true,
-            },
-          ],
-        });
-
-        fn();
-        return;
-      }
-      if (isChecked) {
-        if (_target.children.length === 1) {
-          const _index = this.checkColumns.findIndex((v) => v.prop === parentProp);
-          this.checkColumns.splice(_index, 1);
-          return;
-        }
-
-        _target.children.forEach((item, index) => {
-          if (item.prop == data.prop) {
-            _target.children.splice(index, 1);
-          }
-        });
-      } else {
-        _target.children.push({
-          ...data,
-          is_show: true,
-        });
-
-        fn();
-      }
-    },
-    onDelete(data, parentProp) {
-      if (this.isMin) {
-        return this.$message.warning(`最少选择${this.min}个指标`);
-      }
-
-      const _target = this.checkColumns.find((v) => v.prop === parentProp);
-      // 该组最后一项，直接删除整组
-      if (_target.children.length === 1) {
-        const _index = this.checkColumns.findIndex((v) => v.prop === parentProp);
-        this.checkColumns.splice(_index, 1);
-        return;
-      }
-
-      _target.children.forEach((item, index) => {
-        if (item.prop == data.prop) {
-          _target.children.splice(index, 1);
-        }
-      });
-
-      // this.$forceUpdate();
-    },
-    // 获取重新排序后数组
-    getSortedColumns() {
-      let columns = cloneDeep(this.columns); // 复制原数据列
-      const checkColumns = cloneDeep(this.checkColumns); // 复制已选数据列
-
-      // 全部置为false
-      columns.forEach((column) => {
-        if (column.editable) {
-          column.is_show = false;
-          column.children.forEach((item) => item.editable && (item.is_show = false));
-        }
-      });
-
-      // 对父级分组排序
-      checkColumns.forEach((checkColumn) => {
-        const _index = columns.findIndex((column) => column.prop === checkColumn.prop);
-        if (_index > -1) {
-          const item = columns.splice(_index, 1)[0];
-          columns.push(item);
-        }
-      });
-
-      // 对子级元素分组排序
-      for (let i = 0; i < checkColumns.length; i++) {
-        const { prop, children } = checkColumns[i];
-        const _target = columns.find((v) => v.prop === prop);
-        const _allIndex = children.map((item) => item.prop);
-
-        // if (_allIndex === 0) {
-        //   _target.is_show = false;
-        //   break;
-        // }
-
-        _target.is_show = true;
-        // 删除已勾选的数据，再把这些数据插入到数组最后面
-        _target.children = _target.children.filter((item) => !_allIndex.includes(item.prop));
-
-        _target.children = [..._target.children, ...children];
-      }
-      return columns;
-    },
-    async onSubmit() {
-      if (this.max && this.checkLength > this.max) {
-        this.$message.error(`你已经选择${this.checkLength}个,最多不能超过${this.max}个`);
-        return;
-      }
-      if (this.min && this.checkLength < this.min) {
-        this.$message.error(`你已经选择${this.checkLength}个,至少不能少于${this.min}个`);
-        return;
-      }
-      const fields = this.getSortedColumns();
-
-      try {
-        const { code } = await setCustomTableFields({
-          custom_type: this.type,
-          fields,
-          other_setting: this.other_setting,
-        });
-        if (code === 0) this.$message.success('保存成功');
-        this.visible = false;
-        this.$emit('submit', fields);
-      } catch (err) {
-        this.$message.error(err);
-      }
-    },
-    showDrawer() {
-      this.visible = true;
-      this.init();
-    },
-    onFieldDescClick() {
-      this.$emit('onFieldDescClick');
-    },
-    getCheckColumns(list) {
-      let arr = [];
-      for (let i = 0, j = list.length; i < j; i++) {
-        if (list[i].editable) {
-          let obj = { ...list[i], children: [] };
-          for (let l = 0, k = list[i].children.length; l < k; l++) {
-            if (list[i].children[l].is_show && list[i].children[l].editable) {
-              obj.children.push(list[i].children[l]);
-            }
-          }
-          if (obj.children.length) {
-            arr.push(obj);
-          }
-        }
-      }
-      return arr;
-    },
-  },
-};
-</script>
-<style lang="scss" scoped>
-@import './style.scss';
-</style>
diff --git a/src/layouts/Basic.vue b/src/layouts/Basic.vue
index 7b9221c..f3879ae 100644
--- a/src/layouts/Basic.vue
+++ b/src/layouts/Basic.vue
@@ -11,8 +11,6 @@ const appStore = useAppStore();
 const router = useRouter();
 const route = useRoute();
 
-console.log({ appStore });
-
 useResponsive(true);
 const navbarHeight = `72px`;
 const navbar = computed(() => appStore.navbar);
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index 256ec57..e182c34 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -74,7 +74,7 @@ export function formatTableField(fieldItem: any, rowValue: any, showExactValue =
   };
 
   const _getValue = (value: any) => {
-    if (isNaN(value)) return value;
+    if (!isNumber(value)) return value || '-';
     return formatNumberShow({ value, showExactValue });
   };
 
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 48b93fb..4bfb578 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
@@ -43,7 +43,7 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '总赞藏数',
-    dataIndex: 'like_number',
+    dataIndex: 'like_collect_number',
     width: 180,
     tooltip: '账号所有内容的点赞和收藏总数',
     align: '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 746dcb1..c7b65ac 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
@@ -4,9 +4,16 @@
 -->
 <template>
   <div class="action-row mb-12px flex justify-between">
-    <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" class="!pl-13px" @change="handleSelectAll"
-      >全选</a-checkbox
-    >
+    <div>
+      <a-checkbox
+        v-if="dataSource.length > 0"
+        :model-value="checkedAll"
+        :indeterminate="indeterminate"
+        class="!pl-13px"
+        @change="handleSelectAll"
+        >全选</a-checkbox
+      >
+    </div>
     <div class="flex items-center">
       <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
         <template #icon> <icon-download /> </template>
@@ -35,6 +42,9 @@
     @select="handleSelect"
     @select-all="handleSelectAll"
   >
+    <template #empty>
+      <NoData />
+    </template>
     <template #columns>
       <a-table-column
         v-for="column in TABLE_COLUMNS"
@@ -84,6 +94,9 @@
             </div>
           </div>
         </template>
+        <template v-else-if="column.dataIndex === 'like_collect_number'" #cell="{ record }">
+          {{ formatNumberShow({ value: record.like_number + record.collect_number, showExactValue: true }) }}
+        </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
         </template>
@@ -107,7 +120,7 @@
     </template>
   </a-table>
 
-  <CustomTableColumnModal ref="modalRef" type="media_account" @success="onCustomColumnSuccess" />
+  <CustomTableColumnModal ref="customTableColumnModalRef" type="media_account" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
@@ -115,7 +128,7 @@ import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
 
 import { STATUS_LIST } from '../../constants';
-import { formatTableField } from '@/utils/tools';
+import { formatTableField, formatNumberShow } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import CustomTableColumnModal from '@/components/custom-table-column-modal';
 
@@ -138,7 +151,7 @@ const router = useRouter();
 
 const selectedItems = ref([]);
 const tableRef = ref(null);
-const modalRef = ref(null);
+const customTableColumnModalRef = ref(null);
 
 const checkedAll = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
@@ -167,6 +180,7 @@ const handleDetail = (record) => {
 
 // 处理排序变化
 const handleSorterChange = (column, order) => {
+  console.log(column, order);
   emit('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
 };
 
@@ -181,11 +195,10 @@ const handleExport = () => {
 
 const resetTable = () => {
   selectedItems.value = [];
-  tableRef.value?.clearSorters();
 };
 
 const openCustomColumn = () => {
-  modalRef.value.open();
+  customTableColumnModalRef.value.open();
 };
 
 const onCustomColumnSuccess = (selectedColumns) => {
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 df72627..74c478a 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 @@
 -->
 <template>
   <div class="container">
-    <div class="filter-row flex mb-20px">
+    <div class="filter-row flex">
       <div class="filter-row-item flex items-center">
         <span class="label">账号名称</span>
         <a-space size="medium" class="w-240px">
@@ -42,26 +42,7 @@
           </a-select>
         </a-space>
       </div>
-    </div>
-    <div class="filter-row flex">
-      <div class="filter-row-item flex items-center">
-        <span class="label">时间筛选</span>
-        <a-space class="w-240px">
-          <a-select
-            v-model="query.date_range"
-            size="medium"
-            placeholder="全部"
-            class="w-120px"
-            allow-clear
-            @change="handleSearch"
-          >
-            <template #arrow-icon> <icon-calendar size="16" /> </template>
-            <a-option :value="7" label="近7天">近7天</a-option>
-            <a-option :value="14" label="近14天">近14天</a-option>
-            <a-option :value="30" label="近30天">近30天</a-option>
-          </a-select>
-        </a-space>
-      </div>
+
       <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
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 916b6a0..ea36b1c 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -39,7 +39,7 @@ export const INITIAL_QUERY = {
   status: '',
   operator_id: '',
   group_ids: [],
-  date_range: '',
+  // date_range: '',
   column: '',
   order: '',
 };
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 e321c56..2138510 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -6,10 +6,12 @@
 <template>
   <div class="account-dashboard-wrap">
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px pb-20px mb-16px">
-      <div class="top flex h-64px py-10px justify-between items-center mb-19px">
+      <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 title">数据总览</p>
-          <img :src="icon1" width="14" height="14" class="cursor-pointer ml-4px" />
+          <a-tooltip content="数据纵览">
+            <img :src="icon1" width="14" height="14" class="ml-4px" />
+          </a-tooltip>
         </div>
       </div>
       <div class="overview-row flex">
@@ -42,7 +44,7 @@
         @export="handleExport"
         @sorterChange="handleSorterChange"
       />
-      <div class="pagination-box">
+      <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
           size="mini"
@@ -74,201 +76,34 @@ const dataSource = ref([]);
 const overviewData = ref({});
 const selectedRowKeys = ref([]);
 const accountTableRef = ref(null);
-const pageInfo = reactive({
+const pageInfo = ref({
   page: 1,
   pageSize: 20,
-  total: 100,
+  total: 0,
 });
 
-// 测试数据
-const mockData = [
-  {
-    id: 1,
-    name: '抖音官方账号',
-    mobile: '13800138001',
-    account_id: 'douyin_001',
-    holder_name: '张三',
-    operator_id: 1,
-    platform: 0,
-    group_id: 1,
-    status: 1,
-    is_pause: 0,
-    fans_number: 1250000,
-    like_number: 890000,
-    collect_number: 45000,
-    view_number: 5600000,
-    view_chain: 12.5,
-    like_chain: 8.3,
-    ai_evaluation: {
-      status: 1,
-      text: '表现优质 | 建议保持',
-      look_chain: 12.5,
-      like_chain: 8.3,
-    },
-    operator: {
-      id: 1,
-      name: '李运营',
-    },
-    group: {
-      id: 1,
-      name: '抖音组',
-    },
-  },
-  {
-    id: 2,
-    name: '小红书美妆号',
-    mobile: '13800138002',
-    account_id: 'xhs_001',
-    holder_name: '李四',
-    operator_id: 2,
-    platform: 1,
-    group_id: 2,
-    status: 1,
-    is_pause: 1,
-    fans_number: 890000,
-    like_number: 670000,
-    collect_number: 89000,
-    view_number: 3200000,
-    view_chain: -5.2,
-    like_chain: 15.7,
-    ai_evaluation: {
-      status: 2,
-      text: '表现中等 | 建议优化',
-      look_chain: -12.5,
-      like_chain: 8.3,
-    },
-    operator: {
-      id: 2,
-      name: '王运营',
-    },
-    group: {
-      id: 2,
-      name: '小红书组',
-    },
-  },
-  {
-    id: 3,
-    name: '抖音美食号',
-    mobile: '13800138003',
-    account_id: 'douyin_002',
-    holder_name: '王五',
-    operator_id: 1,
-    platform: 0,
-    group_id: 1,
-    status: 0,
-    is_pause: 0,
-    fans_number: 0,
-    like_number: 0,
-    collect_number: 0,
-    view_number: 0,
-    view_chain: 0,
-    like_chain: 0,
-    ai_evaluation: {
-      status: 3,
-      text: '表现较差 | 建议整改',
-      look_chain: -12.5,
-      like_chain: -8.3,
-    },
-    operator: {
-      id: 1,
-      name: '李运营',
-    },
-    group: {
-      id: 1,
-      name: '抖音组',
-    },
-  },
-  {
-    id: 4,
-    name: '小红书穿搭号',
-    mobile: '13800138004',
-    account_id: 'xhs_002',
-    holder_name: '赵六',
-    operator_id: 2,
-    platform: 1,
-    group_id: 2,
-    status: 2,
-    is_pause: 0,
-    fans_number: 450000,
-    like_number: 320000,
-    collect_number: 23000,
-    view_number: 1800000,
-    view_chain: -12.8,
-    like_chain: -8.5,
-    operator: {
-      id: 2,
-      name: '王运营',
-    },
-    group: {
-      id: 2,
-      name: '小红书组',
-    },
-  },
-  {
-    id: 5,
-    name: '抖音科技号',
-    mobile: '13800138005',
-    account_id: 'douyin_003',
-    holder_name: '钱七',
-    operator_id: 3,
-    platform: 0,
-    group_id: 3,
-    status: 1,
-    is_pause: 0,
-    fans_number: 2100000,
-    like_number: 1500000,
-    collect_number: 120000,
-    view_number: 8900000,
-    view_chain: 25.6,
-    like_chain: 18.9,
-    operator: {
-      id: 3,
-      name: '陈运营',
-    },
-    group: {
-      id: 3,
-      name: '科技组',
-    },
-  },
-];
-
 const getOverviewData = async () => {
-  // 使用模拟数据
-  overviewData.value = {
-    total_number: 5,
-    total_fans_number: 4690000,
-    total_like_number: 3380000,
-    total_collect_number: 1230000,
-    in_the_past_seven_days_view_number: 19500000,
-  };
-
-  // 如果有真实接口，可以这样调用：
-  // const { code, data } = await getAccountBoardOverview();
-  // if (code === 200) {
-  //   overviewData.value = data;
-  // }
+  const { code, data } = await getAccountBoardOverview();
+  if (code === 200) {
+    overviewData.value = data;
+  }
 };
 
 const getData = async () => {
-  // 使用模拟数据
-  dataSource.value = mockData;
-  pageInfo.total = mockData.length;
-
-  // 如果有真实接口，可以这样调用：
-  // const { code, data } = await getAccountBoardList(query.value);
-  // if (code === 200) {
-  //   dataSource.value = data.data;
-  //   pageInfo.total = data.total;
-  // }
+  const { code, data } = await getAccountBoardList(query.value);
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
+  pageInfo.value.pageSize = pageSize;
   reload();
 };
 
@@ -277,15 +112,15 @@ const handleSearch = () => {
 };
 
 const reload = () => {
-  pageInfo.page = 1;
+  pageInfo.value.page = 1;
   getData();
 };
 
 const handleReset = () => {
   selectedRowKeys.value = [];
-  pageInfo.page = 1;
-  pageInfo.pageSize = 20;
-  pageInfo.total = 0;
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
   query.value = cloneDeep(INITIAL_QUERY);
   accountTableRef.value?.resetTable();
   reload();
@@ -293,7 +128,6 @@ const handleReset = () => {
 
 const handleSelectionChange = (selectedRows) => {
   selectedRowKeys.value = selectedRows;
-  console.log('选中的账号:', selectedRowKeys.value);
 };
 
 const handleExport = () => {
@@ -302,7 +136,7 @@ const handleExport = () => {
   }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      console.log(data.download_url);
+      window.open(data.download_url, '_blank');
     }
   });
 };
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 17e3410..b67262f 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
@@ -41,7 +41,6 @@
               </span>
             </div>
           </template>
-          <!-- 其他项占1/4宽度 -->
           <template v-else>
             <div class="flex items-center mb-4px">
               <p class="cts !color-#737478 !mr-4px">{{ field.label }}</p>
@@ -50,7 +49,6 @@
               </a-tooltip>
             </div>
             <p class="cts">
-              <!-- 状态特殊渲染 -->
               <template v-if="field.type === 'status'">
                 <span v-if="detailData.status === 1" style="color: #4ad991">正常</span>
                 <span v-else style="color: #ff4d4f">异常</span>
@@ -63,7 +61,6 @@
                   {{ detailData[field.dataIndex] }}%
                 </span>
               </template>
-              <!-- 普通字段，支持多层key -->
               <template v-else>
                 {{ formatTableField(field, detailData, true) }}
               </template>
@@ -89,38 +86,39 @@ import icon4 from '@/assets/img/media-account/icon-success.png';
 
 const route = useRoute();
 const id = route.params.id;
-const detailData = ref({
-  id: 1,
-  name: '抖音官方账号',
-  mobile: '13800138001',
-  account_id: 'douyin_001',
-  holder_name: '张三',
-  operator_id: 1,
-  platform: 0,
-  group_id: 1,
-  status: 1,
-  is_pause: 0,
-  fans_number: 1250000,
-  like_number: 890000,
-  collect_number: 45000,
-  view_number: 5600000,
-  view_chain: -12.5,
-  like_chain: 8.3,
-  ai_evaluation: {
-    status: 1,
-    text: '表现优质 | 建议保持',
-    look_chain: 12.5,
-    like_chain: 8.3,
-  },
-  operator: {
-    id: 1,
-    name: '李运营',
-  },
-  group: {
-    id: 1,
-    name: '抖音组',
-  },
-});
+const detailData = ref({});
+// const detailData = ref({
+//   id: 1,
+//   name: '抖音官方账号',
+//   mobile: '13800138001',
+//   account_id: 'douyin_001',
+//   holder_name: '张三',
+//   operator_id: 1,
+//   platform: 0,
+//   group_id: 1,
+//   status: 1,
+//   is_pause: 0,
+//   fans_number: 1250000,
+//   like_number: 890000,
+//   collect_number: 45000,
+//   view_number: 5600000,
+//   view_chain: -12.5,
+//   like_chain: 8.3,
+//   ai_evaluation: {
+//     status: 1,
+//     text: '表现优质 | 建议保持',
+//     look_chain: 12.5,
+//     like_chain: 8.3,
+//   },
+//   operator: {
+//     id: 1,
+//     name: '李运营',
+//   },
+//   group: {
+//     id: 1,
+//     name: '抖音组',
+//   },
+// });
 
 const getDetail = async () => {
   const { code, data } = await getAccountBoardDetail(id);
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 7225e0f..996567c 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
@@ -5,19 +5,21 @@
 
 export const INITIAL_QUERY = {
   name: '',
-  publish_date: [],
+  published_at: [],
 };
 
 export const TABLE_COLUMNS = [
   {
     title: '笔记标题',
-    dataIndex: 'name',
+    dataIndex: 'title',
     width: 240,
+    fixed: 'left',
   },
   {
     title: '发布日期',
-    dataIndex: 'publish_date',
+    dataIndex: 'published_at',
     width: 160,
+    fixed: 'left',
   },
   {
     title: '曝光量',
@@ -35,28 +37,28 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '点赞量',
-    dataIndex: 'like_count',
+    dataIndex: 'like_number',
     width: 180,
     tooltip: '账号所有内容的总点赞数',
     align: 'right',
   },
   {
     title: '收藏量',
-    dataIndex: 'collect_count',
+    dataIndex: 'collect_number',
     width: 180,
     tooltip: '账号所有内容的总收藏数',
     align: 'right',
   },
   {
     title: '评论数',
-    dataIndex: 'comment_count',
+    dataIndex: 'comment_number',
     width: 180,
     tooltip: '账号所有内容的总评论数',
     align: 'right',
   },
   {
     title: '分享量',
-    dataIndex: 'share_count',
+    dataIndex: 'share_number',
     width: 180,
     tooltip: '账号所有内容的总转发数',
     align: 'right',
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 0616e47..2595e57 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
@@ -25,7 +25,7 @@
         <span class="label">发布日期</span>
         <a-space size="medium" class="w-240px">
           <a-range-picker
-            v-model="query.publish_date"
+            v-model="query.published_at"
             size="medium"
             allow-clear
             format="YYYY-MM-DD HH:mm"
@@ -47,6 +47,9 @@
       </a-button>
     </div>
     <a-table :data="dataSource" row-key="id" :pagination="false" :scroll="{ x: '100%' }" class="w-100%" bordered>
+      <template #empty>
+        <NoData />
+      </template>
       <template #columns>
         <a-table-column
           v-for="column in TABLE_COLUMNS"
@@ -62,7 +65,6 @@
         >
           <template #title>
             <div class="flex items-center">
-              <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
               <span class="cts mr-4px">{{ column.title }}</span>
               <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
                 <icon-question-circle class="tooltip-icon color-#737478" size="16" />
@@ -71,8 +73,8 @@
           </template>
 
           <template #cell="{ record }">
-            <template v-if="column.dataIndex === 'publish_date'">
-              {{ exactFormatTime(record.publish_date) }}
+            <template v-if="column.dataIndex === 'published_at'">
+              {{ exactFormatTime(record.published_at) }}
             </template>
             <template v-else>
               {{ formatTableField(column, record, true) }}
@@ -81,7 +83,7 @@
         </a-table-column>
       </template>
     </a-table>
-    <div class="pagination-box">
+    <div v-if="pageInfo.total > 0" class="pagination-box">
       <a-pagination
         :total="pageInfo.total"
         size="mini"
@@ -101,14 +103,15 @@
 import { TABLE_COLUMNS, INITIAL_QUERY } from './constants';
 import { useRoute } from 'vue-router';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
+import { getMediaAccountBoardWorks } from '@/api/all/propertyMarketing';
 
 const route = useRoute();
 const id = route.params.id;
 const dataSource = ref([]);
-const pageInfo = reactive({
+const pageInfo = ref({
   page: 1,
   pageSize: 20,
-  total: 100,
+  total: 0,
 });
 
 const query = ref(cloneDeep(INITIAL_QUERY));
@@ -118,34 +121,34 @@ const handleSearch = () => {
 };
 
 const handleReset = () => {
-  pageInfo.page = 1;
-  pageInfo.pageSize = 20;
-  pageInfo.total = 0;
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
   query.value = cloneDeep(INITIAL_QUERY);
   reload();
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
+  pageInfo.value.pageSize = pageSize;
   reload();
 };
 
 const reload = () => {
-  pageInfo.page = 1;
+  pageInfo.value.page = 1;
   getData();
 };
 
 const getData = async () => {
-  // const { code, data } = await getAccountBoardList(query.value);
-  // if (code === 200) {
-  //   dataSource.value = data?.list || [];
-  //   pageInfo.total = data.total;
-  // }
+  const { code, data } = await getMediaAccountBoardWorks(query.value);
+  if (code === 200) {
+    dataSource.value = data?.data || [];
+    pageInfo.value.total = data.total;
+  }
 };
 
 onMounted(() => {
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 8c60511..1fb3fcd 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -7,7 +7,7 @@ export const accountInfoFields = [
     { label: '账号名称', dataIndex: 'name' },
     { label: '项目分组', dataIndex: 'group.name' },
     { label: '状态', dataIndex: 'status', type: 'status' },
-    { label: '运营人员', dataIndex: 'operator.name' },
+    { label: '运营人员', dataIndex: 'operator_name' },
   ],
   [
     { label: 'AI评价', dataIndex: 'ai_evaluation' },
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/constants.ts b/src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
similarity index 100%
rename from src/views/property-marketing/put-account/account-data/components/account-table/constants.ts
rename to src/views/property-marketing/put-account/account-data/components/board-table/constants.ts
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
similarity index 92%
rename from src/views/property-marketing/put-account/account-data/components/account-table/index.vue
rename to src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index 3ac1133..978bd66 100644
--- a/src/views/property-marketing/put-account/account-data/components/account-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -4,9 +4,17 @@
 -->
 <template>
   <div class="action-row mb-12px flex justify-between">
-    <a-checkbox :model-value="checkedAll" :indeterminate="indeterminate" class="!pl-13px" @change="handleSelectAll"
-      >全选</a-checkbox
-    >
+    <div>
+      <a-checkbox
+        v-if="dataSource.length > 0"
+        :model-value="checkedAll"
+        :indeterminate="indeterminate"
+        class="!pl-13px"
+        @change="handleSelectAll"
+        >全选</a-checkbox
+      >
+    </div>
+
     <div class="flex items-center">
       <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
         <template #icon> <icon-download /> </template>
@@ -35,6 +43,9 @@
     @select="handleSelect"
     @select-all="handleSelectAll"
   >
+    <template #empty>
+      <NoData />
+    </template>
     <template #columns>
       <a-table-column
         v-for="column in getColumns()"
@@ -77,7 +88,7 @@
               class="mr-8px icon"
             />
             <div>
-              <p class="cts">{{ record.ai_evaluation?.text }}</p>
+              <p class="cts">{{ record.ai_evaluation?.text || '-' }}</p>
               <p class="cts text-12px lh-20px !color-#939499">
                 {{ `ROI: ${record.ai_evaluation?.look_chain}%  CVR: ${record.ai_evaluation?.like_chain}%` }}
               </p>
@@ -119,7 +130,7 @@
     </template>
   </a-table>
 
-  <CustomTableColumnModal ref="modalRef" type="media_account" @success="onCustomColumnSuccess" />
+  <CustomTableColumnModal ref="modalRef" type="placement_account" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
@@ -141,10 +152,6 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
-  isAccountTab: {
-    type: Boolean,
-    default: false,
-  },
 });
 
 const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
@@ -195,16 +202,12 @@ const handleExport = () => {
 };
 const getColumns = () => {
   const columns = cloneDeep(TABLE_COLUMNS);
-  // if (!props.isAccountTab) {
-  //   const _target = columns.find((item) => item.dataIndex === 'name');
-  //   _target.title = '项目名称';
-  // }
   return columns;
 };
 
 const resetTable = () => {
   selectedItems.value = [];
-  tableRef.value?.clearSorters();
+  // tableRef.value?.clearSorters();
 };
 
 const openCustomColumn = () => {
diff --git a/src/views/property-marketing/put-account/account-data/components/account-table/style.scss b/src/views/property-marketing/put-account/account-data/components/board-table/style.scss
similarity index 100%
rename from src/views/property-marketing/put-account/account-data/components/account-table/style.scss
rename to src/views/property-marketing/put-account/account-data/components/board-table/style.scss
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 5def9a3..1c321f9 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
@@ -100,6 +100,7 @@ const handleReset = () => {
 };
 
 const getGroups = async () => {
+  console.log('getGroups');
   const { code, data } = await getPlacementAccountProjectGroupsList();
   if (code === 200) {
     groups.value = data;
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
index bd6254a..b71f848 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -81,8 +81,8 @@
       </div>
     </template>
 
-    <AddGroup ref="addGroupRef" @success="getData" />
-    <DeleteGroup ref="deleteGroupRef" @success="getData" />
+    <AddGroup ref="addGroupRef" @success="update" />
+    <DeleteGroup ref="deleteGroupRef" @success="update" />
   </a-modal>
 </template>
 
@@ -98,6 +98,7 @@ import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/media-account/icon-empty.png';
 import icon3 from '@/assets/img/media-account/icon-add.png';
 
+const emit = defineEmits(['update']);
 const visible = ref(false);
 const addGroupRef = ref(null);
 const deleteGroupRef = ref(null);
@@ -133,7 +134,10 @@ const columns = [
   },
   { title: '操作', slotName: 'action', align: 'center', width: 120 },
 ];
-
+const update = () => {
+  getData();
+  emit('update');
+};
 function open() {
   visible.value = true;
   getData();
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index fb70dd9..dea333e 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -6,8 +6,8 @@
   <div class="account-data-wrap">
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
       <a-tabs v-model="activeTab" @tab-click="handleTabClick">
-        <a-tab-pane :key="1" title="账户"></a-tab-pane>
-        <a-tab-pane :key="2" title="项目"></a-tab-pane>
+        <a-tab-pane key="1" title="账户"></a-tab-pane>
+        <a-tab-pane key="2" title="项目"></a-tab-pane>
         <template v-if="!isAccountTab" #extra>
           <a-button class="w-112px mr-12px search-btn flex items-center" size="medium" @click="handleOpenGroupModal">
             <template #icon>
@@ -17,20 +17,19 @@
           </a-button>
         </template>
       </a-tabs>
-      <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+      <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="getData" @onReset="handleReset" />
     </div>
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
-      <AccountTable
+      <BoardTable
         ref="accountTableRef"
-        :isAccountTab="isAccountTab"
         :dataSource="dataSource"
         @export="handleExport"
         @sorterChange="handleSorterChange"
         @selectionChange="handleSelectionChange"
       />
-      <div class="pagination-box">
+      <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
           size="mini"
@@ -45,190 +44,69 @@
       </div>
     </div>
 
-    <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups()" />
+    <GroupManageModal ref="groupManageModalRef" @update="() => filterBlockRef?.getGroups()" />
   </div>
 </template>
 
 <script setup>
 import FilterBlock from './components/filter-block';
-import AccountTable from './components/account-table';
+import BoardTable from './components/board-table';
 import GroupManageModal from './components/group-manage-modal';
+
+import {
+  getPlacementAccountData,
+  postPlacementAccountDataExport,
+  getPlacementAccountDataList,
+  postPlacementAccountDataListExport,
+} from '@/api/all/propertyMarketing';
+
 import { INITIAL_QUERY } from './constants';
 
 import icon2 from '@/assets/img/media-account/icon-group.png';
 
+const selectedRowKeys = ref([]);
+const activeTab = ref('1');
+const accountTableRef = ref(null);
+const groupManageModalRef = ref(null);
+const filterBlockRef = ref(null);
 const query = ref({});
 const dataSource = ref([]);
-const pageInfo = reactive({
+const pageInfo = ref({
   page: 1,
   pageSize: 20,
   total: 100,
 });
-const selectedRowKeys = ref([]);
-const activeTab = ref(1);
-const accountTableRef = ref(null);
-const groupManageModalRef = ref(null);
-const filterBlockRef = ref(null);
 
-const isAccountTab = computed(() => activeTab.value === 1);
+const isAccountTab = computed(() => activeTab.value === '1');
 
-const mockData = [
-  {
-    id: 1,
-    name: '抖音官方账号',
-    mobile: '13800138001',
-    account_id: 'douyin_001',
-    holder_name: '张三',
-    operator_id: 1,
-    platform: 0,
-    group_id: 1,
-    status: 1,
-    is_pause: 0,
-    fans_number: 1250000,
-    like_number: 890000,
-    collect_number: 45000,
-    view_number: 5600000,
-    view_chain: 12.5,
-    like_chain: 8.3,
-    total_consumption: 1000000,
-    balance: 1000000,
-    roi: 1.2,
-    roi_chain: -32.5,
-    cpa: 1.2,
-    cpa_chain: -32.5,
-    conversion_number: 10000,
-    conversion_chain: 12.5,
-    conversion_rate: 1.2,
-    conversion_rate_chain: -2.5,
-    ai_evaluation: {
-      status: 1,
-      text: '表现优质 | 建议保持',
-      look_chain: 12.5,
-      like_chain: 8.3,
-    },
-    operator: {
-      id: 1,
-      name: '李运营',
-    },
-    group: {
-      id: 1,
-      name: '抖音组',
-    },
-  },
-  {
-    id: 2,
-    name: '小红书美妆号',
-    mobile: '13800138002',
-    account_id: 'xhs_001',
-    holder_name: '李四',
-    operator_id: 2,
-    platform: 1,
-    group_id: 2,
-    status: 1,
-    is_pause: 1,
-    fans_number: 890000,
-    like_number: 670000,
-    collect_number: 89000,
-    view_number: 3200000,
-    view_chain: -5.2,
-    like_chain: 15.7,
-    total_consumption: 1000000,
-    balance: 1000000,
-    roi: 1.2,
-    roi_chain: 12.5,
-    cpa: 1.2,
-    cpa_chain: 22.5,
-    conversion_number: 10000,
-    conversion_chain: 12.5,
-    conversion_rate: 1.2,
-    conversion_rate_chain: -2.5,
-    ai_evaluation: {
-      status: 2,
-      text: '表现中等 | 建议优化',
-      look_chain: -12.5,
-      like_chain: 8.3,
-    },
-    operator: {
-      id: 2,
-      name: '王运营',
-    },
-    group: {
-      id: 2,
-      name: '小红书组',
-    },
-  },
-  {
-    id: 3,
-    name: '抖音美食号',
-    mobile: '13800138003',
-    account_id: 'douyin_002',
-    holder_name: '王五',
-    operator_id: 1,
-    platform: 0,
-    group_id: 1,
-    status: 0,
-    is_pause: 0,
-    fans_number: 0,
-    like_number: 0,
-    collect_number: 0,
-    view_number: 0,
-    view_chain: 0,
-    like_chain: 0,
-    total_consumption: 1000000,
-    balance: 1000000,
-    roi: 32898,
-    roi_chain: 12.5,
-    cpa: 1.2,
-    cpa_chain: -32.5,
-    conversion_number: 10000,
-    conversion_chain: 12.5,
-    conversion_rate: 1.2,
-    conversion_rate_chain: -2.5,
-    ai_evaluation: {
-      status: 3,
-      text: '表现较差 | 建议整改',
-      look_chain: -12.5,
-      like_chain: -8.3,
-    },
-    operator: {
-      id: 1,
-      name: '李运营',
-    },
-    group: {
-      id: 1,
-      name: '抖音组',
-    },
-  },
-];
-
-const getData = () => {
-  dataSource.value = mockData;
-  pageInfo.total = mockData.length;
+const getData = async () => {
+  const _fn = isAccountTab.value ? getPlacementAccountData : getPlacementAccountDataList;
+  const { code, data } = await _fn(query.value);
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data.total;
+  }
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
+  pageInfo.value.pageSize = pageSize;
   reload();
 };
 
-const handleSearch = () => {
-  getData();
-};
-
 const reload = () => {
-  pageInfo.page = 1;
+  pageInfo.value.page = 1;
   getData();
 };
 
 const handleReset = () => {
-  pageInfo.page = 1;
-  pageInfo.pageSize = 20;
-  pageInfo.total = 0;
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
   selectedRowKeys.value = [];
   accountTableRef.value?.resetTable();
   query.value = cloneDeep(INITIAL_QUERY);
@@ -242,14 +120,25 @@ const handleSorterChange = (column, order) => {
 };
 const handleSelectionChange = (selectedRows) => {
   selectedRowKeys.value = selectedRows;
-  console.log('选中的账号:', selectedRowKeys.value);
 };
 
-const handleTabClick = (tab) => {
-  activeTab.value = tab.key;
+const handleTabClick = (key) => {
+  activeTab.value = key;
   handleReset();
 };
 
+const handleExport = () => {
+  const _fn = isAccountTab.value ? postPlacementAccountDataExport : postPlacementAccountDataListExport;
+  _fn({
+    ...query.value,
+  }).then((res) => {
+    const { code, data } = res;
+    if (code === 200) {
+      window.open(data.download_url, '_blank');
+    }
+  });
+};
+
 const handleOpenGroupModal = () => {
   groupManageModalRef.value?.open();
 };
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 75cb74b..394bdca 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -105,7 +105,7 @@ const tagsManageModalRef = ref(null);
 const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
 
-const pageInfo = reactive({
+const pageInfo = ref({
   page: 1,
   pageSize: 8,
   total: 0,
@@ -124,7 +124,7 @@ onMounted(() => {
 });
 
 const getData = async () => {
-  const { page, pageSize } = pageInfo;
+  const { page, pageSize } = pageInfo.value;
   const { code, data, total } = await getPlacementAccounts({
     page,
     page_size: pageSize,
@@ -132,31 +132,31 @@ const getData = async () => {
   });
   if (code === 200) {
     dataSource.value = data?.data ?? [];
-    pageInfo.total = data?.total ?? 0;
+    pageInfo.value.total = data?.total ?? 0;
   }
 };
 const reload = () => {
-  pageInfo.page = 1;
+  pageInfo.value.page = 1;
   getData();
 };
 const handleSearch = () => {
   getData();
 };
 const handleReset = () => {
-  pageInfo.page = 1;
-  pageInfo.pageSize = 20;
-  pageInfo.total = 0;
+  pageInfo.value.page = 1;
+  pageInfo.value.pageSize = 20;
+  pageInfo.value.total = 0;
   selectedItems.value = [];
   query.value = cloneDeep(INITIAL_QUERY);
   reload();
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
+  pageInfo.value.pageSize = pageSize;
   reload();
 };
 

From 807035083690224e66b5fe13bcb8c9eaeaeba2bc Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 3 Jul 2025 16:56:10 +0800
Subject: [PATCH 37/78] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86-=E6=8E=88=E6=9D=83=E3=80=81=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E3=80=81=E5=88=86=E7=BB=84=E7=AE=A1=E7=90=86=E3=80=81=E6=A0=87?=
 =?UTF-8?q?=E7=AD=BE=E7=AE=A1=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  19 ++-
 .../account-table/delete-account.vue          |   2 +-
 .../components/account-table/index.vue        |  13 +-
 .../components/add-account-modal/index.vue    | 138 ++++++++++------
 .../components/add-account-modal/style.scss   |   4 +-
 .../authorized-account-modal/index.vue        | 108 +++++++++----
 .../authorized-account-modal/style.scss       |   6 +-
 .../components/filter-block/index.vue         |  12 +-
 .../components/group-manage-modal/index.vue   | 151 +++++++++---------
 .../components/group-manage-modal/style.scss  |   4 +-
 .../components/import-prompt-modal/index.vue  |   7 +-
 .../components/import-prompt-modal/style.scss |   2 +-
 .../reauthorize-account-modal/index.vue       | 119 +++++++++-----
 .../components/tags-manage-modal/index.vue    | 119 +++++++-------
 .../components/tags-manage-modal/style.scss   |  35 ++--
 .../media-account/account-manage/constants.ts |  10 +-
 .../media-account/account-manage/index.vue    | 108 +++----------
 .../components/filter-block/index.vue         |   4 +-
 .../components/group-manage-modal/index.vue   | 135 ++++++++--------
 .../put-account/account-data/index.vue        |   4 +-
 .../components/add-account-modal/index.vue    |  17 +-
 vite.config.ts                                |   2 +-
 22 files changed, 552 insertions(+), 467 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 531e513..6df2215 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -56,7 +56,12 @@ export const getTemplateUrl = (params = {}) => {
 };
 
 // 媒体账号分组-分页
-export const getGroupList = (params = {}) => {
+export const getAccountGroup = (data: any) => {
+  return Http.get('/v1/media-account-groups', data);
+};
+
+// 媒体账号分组-列表
+export const getAccountGroupList = (params = {}) => {
   return Http.get('/v1/media-account-groups/list', params);
 };
 
@@ -124,7 +129,7 @@ export const startPatchAccount = (id: string) => {
 
 // 媒体账号-获取授权图片
 export const getAuthorizedImage = (id: string) => {
-  return Http.get(`/v1/media-accounts/${id}/authorized-image`);
+  return Http.get(`/v1/media-accounts/${id}/authorize/image`);
 };
 
 // 账号看板-数据总览
@@ -259,3 +264,13 @@ export const getPlacementAccountDataList = (params = {}) => {
 export const postPlacementAccountDataListExport = (params = {}) => {
   return Http.post('/v1/placement-account-projects/export', params);
 };
+
+// 媒体账号-批量添加
+export const batchMediaAccounts = (params = {}, config = {}) => {
+  return Http.post('/v1/media-accounts/batch', params, config);
+};
+
+// 媒体账号-查询授权状态
+export const getMediaAccountsAuthorizedStatus = (id: string) => {
+  return Http.get(`/v1/media-accounts/${id}/status`);
+};
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index f1752be..8be26e1 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -16,7 +16,7 @@
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ accountName }} 这个账号吗？</span>
+      <span>确认删除 {{ accountName || '-' }} 这个账号吗？</span>
     </div>
     <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 6a35125..d0684ae 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -14,7 +14,7 @@
     >
       <a-checkbox :model-value="isSelected(item)" :value="item.id" @change="toggleSelect(item)"></a-checkbox>
       <div class="ml-8px flex-1">
-        <p class="name">{{ item.name }}</p>
+        <p class="name">{{ item.name || '-' }}</p>
         <div class="field-row">
           <span class="label">状态</span>
           <StatusBox :status="item.status" />
@@ -25,19 +25,19 @@
         </div>
         <div class="field-row">
           <span class="label">账号ID</span>
-          <span class="cts">{{ item.account_id }}</span>
+          <span class="cts">{{ item.account_id || '-' }}</span>
         </div>
         <div class="field-row">
           <span class="label">手机号码</span>
-          <span class="cts">{{ item.mobile }}</span>
+          <span class="cts">{{ item.mobile || '-' }}</span>
         </div>
         <div class="field-row">
           <span class="label">运营人员</span>
-          <span class="cts">{{ item.operator?.name }}</span>
+          <span class="cts">{{ item.operator?.name || '-' }}</span>
         </div>
         <div class="field-row">
           <span class="label">分组</span>
-          <span class="cts">{{ item.group?.name }}</span>
+          <span class="cts">{{ item.group?.name || '-' }}</span>
         </div>
         <div class="field-row">
           <span class="label">标签</span>
@@ -148,7 +148,8 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  const isUnauthorized = isUnauthorizedStatus(item.status);
+  // const isUnauthorized = isUnauthorizedStatus(item.status);
+  const isUnauthorized = false;
   if (isUnauthorized) {
     authorizedAccountModalRef.value?.open(item.id);
   } else {
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 006c717..63b804d 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -21,32 +21,45 @@
 
       <!-- 批量导入账号模式下的内容 -->
       <template v-if="isBatchImport">
-        <a-form-item label="账号文件" required>
+        <a-form-item label="账户文件" required>
           <!-- 默认状态 -->
           <div class="upload-block">
-            <template v-if="uploadStatus === 'default'">
-              <a-upload draggable :custom-request="handleUpload" />
+            <template v-if="uploadStatus === UploadStatus.DEFAULT">
+              <a-upload
+                ref="uploadRef"
+                action="/"
+                draggable
+                :custom-request="handleUpload"
+                accept=".xlsx,.xls,.docx,.doc"
+                :show-file-list="false"
+              />
             </template>
             <template v-else>
               <div class="flex items-center">
                 <div
                   class="flex items-center justify-between py-9px px-12px flex-1 import-row"
                   :class="{
-                    error: uploadStatus === 'error',
+                    error: uploadStatus === UploadStatus.ERROR,
                   }"
                 >
                   <div class="flex items-center">
                     <icon-file size="16" />
                     <span class="name ml-8px">{{ fileName }}</span>
                   </div>
-                  <span v-if="uploadStatus === 'error'" class="upload-error" @click="retryUpload">点击重试</span>
+                  <span
+                    v-if="uploadStatus === UploadStatus.ERROR"
+                    class="upload-error flex-shrink-0"
+                    @click="handleBatchImport"
+                  >
+                    点击重试
+                  </span>
                 </div>
                 <img :src="icon2" width="16" height="16" class="cursor-pointer ml-12px" @click="removeFile" />
               </div>
             </template>
             <div class="flex items-center cursor-pointer mt-8px" @click="handleDownloadTemplate">
               <img :src="icon1" width="16" height="16" class="mr-4px" />
-              <span class="dt">下载账号导入模板.xlsx</span>
+              <span class="dt">下载账户导入模板.xlsx</span>
             </div>
           </div>
         </a-form-item>
@@ -123,6 +136,7 @@ import {
   getMediaAccountsDetail,
   putMediaAccounts,
   getTemplateUrl,
+  batchMediaAccounts,
 } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-download.png';
@@ -130,31 +144,36 @@ import icon2 from '@/assets/img/media-account/icon-delete.png';
 import icon3 from '@/assets/img/media-account/icon-dy.png';
 import icon4 from '@/assets/img/media-account/icon-xhs.png';
 
-const groupOptions = ref([]);
-const tagOptions = ref([]);
-const visible = ref(false);
-const uploadType = ref('manual');
-const uploadStatus = ref('default');
-const id = ref('');
-const isEdit = ref(false);
-const fileName = ref('账号导入模板.xlsx');
-const formRef = ref();
-const authorizedAccountModalRef = ref(null);
-const importPromptModalRef = ref(null);
-const form = ref({
+const emits = defineEmits(['update']);
+
+const UploadStatus = {
+  DEFAULT: 'default',
+  WAITING: 'waiting',
+  ERROR: 'error',
+};
+const INITIAL_FORM = {
   mobile: '',
   operator_name: '',
   holder_name: '',
   platform: 0,
-  group_id: '',
+  group_id: undefined,
   tag_ids: [],
-});
+};
 
-const isBatchImport = computed(() => uploadType.value === 'batch');
-const confirmBtnText = computed(() => {
-  if (isBatchImport.value) return '确定导入';
-  return isEdit.value ? '确定' : '生成授权码';
-});
+const groupOptions = ref([]);
+const tagOptions = ref([]);
+const visible = ref(false);
+const uploadType = ref('manual');
+const uploadStatus = ref(UploadStatus.DEFAULT);
+const id = ref('');
+const isEdit = ref(false);
+const fileName = ref('');
+const formRef = ref();
+const file = ref(null);
+const authorizedAccountModalRef = ref(null);
+const importPromptModalRef = ref(null);
+const uploadRef = ref(null);
+const form = ref(cloneDeep(INITIAL_FORM));
 
 const rules = {
   mobile: [
@@ -178,6 +197,12 @@ const rules = {
   holder_name: [{ required: true, message: '请输入号码持有人' }],
 };
 
+const isBatchImport = computed(() => uploadType.value === 'batch');
+const confirmBtnText = computed(() => {
+  if (isBatchImport.value) return '确定导入';
+  return isEdit.value ? '确定' : '生成授权码';
+});
+
 // 获取分组数据
 const getGroups = async () => {
   try {
@@ -202,39 +227,41 @@ const getTags = async () => {
   }
 };
 
-function handleUpload({ file, onSuccess, onError }) {
-  // 模拟上传
-  uploadStatus.value = 'error';
+function handleUpload(option) {
+  const { fileItem } = option;
+
+  uploadStatus.value = UploadStatus.WAITING;
+
+  file.value = fileItem.file;
+  fileName.value = fileItem.name;
 }
 
 function removeFile() {
   fileName.value = '';
-  uploadStatus.value = 'default';
+  file.value = null;
+  uploadStatus.value = UploadStatus.DEFAULT;
 }
 
-function retryUpload() {
-  handleUpload();
-  // uploadStatus.value = 'default';
-}
 const reset = () => {
   formRef.value.resetFields();
   formRef.value.clearValidate();
 
+  form.value = cloneDeep(INITIAL_FORM);
   fileName.value = '';
+  file.value = null;
   isEdit.value = false;
-  uploadStatus.value = 'default';
+  uploadStatus.value = UploadStatus.DEFAULT;
   uploadType.value = 'manual';
 };
-function onClose() {
+const onClose = () => {
   reset();
   visible.value = false;
-}
+};
 
 const open = (accountId = '') => {
   id.value = accountId;
   isEdit.value = !!accountId;
 
-  console.log({ accountId });
   if (accountId) {
     getAccountDetail();
   }
@@ -251,9 +278,27 @@ const getAccountDetail = async () => {
   }
 };
 
-const handleBatchImport = () => {
-  onClose();
-  importPromptModalRef.value.open();
+const handleBatchImport = async () => {
+  try {
+    const formData = new FormData();
+    formData.append('file', file.value);
+
+    const { code } = await batchMediaAccounts(formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data',
+      },
+    });
+    if (code === 200) {
+      AMessage.success('导入成功');
+      emits('update');
+      onClose();
+      importPromptModalRef.value.open();
+    } else {
+      uploadStatus.value = UploadStatus.ERROR;
+    }
+  } catch (error) {
+    uploadStatus.value = UploadStatus.ERROR;
+  }
 };
 
 async function onSubmit() {
@@ -262,27 +307,26 @@ async function onSubmit() {
     return;
   }
 
-  handleSuccess();
-
   formRef.value.validate(async (errors) => {
     if (!errors) {
       const _fn = id.value ? putMediaAccounts : postMediaAccounts;
-      const _params = id.value ? { id: id.value, ...form.value } : form;
+      const _params = id.value ? { id: id.value, ...form.value } : form.value;
       const { code, data } = await _fn(_params);
       if (code === 200) {
-        AMessage.success(isEdit.value ? '修改成功' : '生成授权码成功');
+        isEdit.value && AMessage.success('修改成功');
+        emits('update');
 
         if (isEdit.value) {
-          visible.value = false;
+          onClose();
         } else {
-          handleSuccess(data?.id);
+          startAuthorized(data?.id);
         }
       }
     }
   });
 }
 
-const handleSuccess = (id) => {
+const startAuthorized = (id) => {
   authorizedAccountModalRef.value.open(id);
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index 38c664a..f712970 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -9,7 +9,7 @@
       width: 100%;
       .dt {
         color: var(--Brand-Brand-6, #6d4cfe);
-        font-family: 'PuHuiTi-Medium';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -21,7 +21,7 @@
         background: var(--BG-200, #f2f3f5);
         .name {
           color: var(--Text-1, #211f24);
-          font-family: 'PuHuiTi-Medium';
+          font-family: 'PuHuiTi-Regular';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
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 6303680..4ec6378 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
@@ -31,19 +31,15 @@
           <p v-if="!isSuccess" class="red-text">失败原因：{{ failReason || '-' }}</p>
         </template>
         <template v-else>
-          <!-- <div class="flex items-center mb-16px">
-            <img :src="icon1" width="16" height="16" />
-            <span class="ml-8px red-text">未识别到有效二维码。</span>
-          </div> -->
           <div class="img-box">
-            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
-            <div v-if="isOverdue" class="mask" @click="getAuthorizedQrCode">
+            <img :src="imgUrl" width="160" height="160" />
+            <div v-if="isOverdue" class="mask cursor-pointer" @click="getAuthorizedQrCode">
               <icon-refresh size="24" class="mb-13px" />
               <p class="s1">二维码失效</p>
               <p class="s1">请点击刷新</p>
             </div>
           </div>
-          <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+          <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
         </template>
       </template>
     </div>
@@ -55,15 +51,17 @@
 </template>
 
 <script setup>
-import { defineExpose, ref, onUnmounted } from 'vue';
-import { startPatchAccount, getAuthorizedImage } from '@/api/all/propertyMarketing';
+import { defineExpose, ref } from 'vue';
+import { getAuthorizedImage, getMediaAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
 
-import icon1 from '@/assets/img/media-account/icon-warn.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
-const OVERDUE_TIME = 30000; // 失效时间
+// 失效时间
 
+const emits = defineEmits(['update']);
+
+const OVERDUE_TIME = 30000;
 const visible = ref(false);
 const isOverdue = ref(false); // 二维码失效
 const isLoading = ref(false);
@@ -76,12 +74,10 @@ const imgUrl = ref('');
 
 let progressTimer = null;
 let overdueTimer = null;
+let statusPollingTimer = null;
 
-const notCompleted = computed(() => {
-  return !isCompleted.value;
-});
 const confirmBtnText = computed(() => {
-  if (notCompleted.value) return '完成扫码';
+  if (!isCompleted.value) return '完成扫码';
   return isSuccess.value ? '继续添加' : '重新扫码';
 });
 
@@ -90,15 +86,20 @@ const open = (accountId) => {
   getAuthorizedQrCode();
   visible.value = true;
 };
-const close = () => {
+const resetTaskFields = () => {
   isOverdue.value = false;
   isLoading.value = false;
   isCompleted.value = false;
   isSuccess.value = false;
   failReason.value = '';
   progress.value = 0;
+  imgUrl.value = '';
+};
+const close = () => {
+  resetTaskFields();
   id.value = '';
   clearFakeProgressTimer();
+  clearStatusPollingTimer();
   clearOverdueTimer();
   visible.value = false;
 };
@@ -106,8 +107,9 @@ const close = () => {
 const getAuthorizedQrCode = async () => {
   const { code, data } = await getAuthorizedImage(id.value);
   if (code === 200) {
-    imgUrl.value = data.url;
+    imgUrl.value = data.image;
     overdueTimer = null;
+    isOverdue.value = false;
 
     // 约定：后端限制40s内必须扫码，前端定30s后失效
     overdueTimer = setTimeout(() => {
@@ -115,27 +117,62 @@ const getAuthorizedQrCode = async () => {
     }, OVERDUE_TIME);
   }
 };
+
+const clearStatusPollingTimer = () => {
+  if (statusPollingTimer) {
+    clearInterval(statusPollingTimer);
+    statusPollingTimer = null;
+  }
+};
+
+const startStatusPolling = () => {
+  clearStatusPollingTimer();
+  statusPollingTimer = setInterval(async () => {
+    if (!isCompleted.value) {
+      await getAuthorizedStatus();
+      if (isCompleted.value) {
+        progress.value = 1;
+        clearFakeProgressTimer();
+        clearStatusPollingTimer();
+        isLoading.value = false;
+      }
+    }
+  }, 2000);
+};
+
 const startLoading = async () => {
   isLoading.value = true;
+  isCompleted.value = false;
   progress.value = 0;
   startFakeProgressPolling();
-  // const { code } = await startPatchAccount(id.value);
-  // if (code === 200) {
-  //   isLoading.value = true;
-  //   progress.value = 0;
-  //   startFakeProgressPolling();
-  // }
+  startStatusPolling();
+};
+
+const getAuthorizedStatus = async () => {
+  const { code, data } = await getMediaAccountsAuthorizedStatus(id.value);
+  if (code === 200) {
+    const { status, message } = data;
+    if (status !== 0) {
+      isCompleted.value = true;
+      isSuccess.value = status === 1;
+      failReason.value = status === 2 ? message : '';
+      isOverdue.value = false;
+    }
+  }
 };
 
 const startFakeProgressPolling = () => {
   clearFakeProgressTimer();
   progressTimer = setInterval(() => {
-    if (progress.value < 0.99) {
+    if (!isCompleted.value && progress.value < 0.99) {
       const step = Math.random() * 0.04 + 0.01;
       progress.value = Math.min(progress.value + step, 0.99);
       progress.value = Number(progress.value.toFixed(2));
+    } else if (!isCompleted.value && progress.value >= 0.99) {
+      progress.value = 0.99; // 卡在99%
     } else {
       clearFakeProgressTimer();
+      clearStatusPollingTimer();
     }
   }, 1000);
 };
@@ -154,16 +191,27 @@ const clearOverdueTimer = () => {
 };
 
 const handleOk = () => {
-  if (notCompleted.value) {
+  if (!imgUrl.value) {
+    AMessage.error('二维码获取中，请稍等');
+    return;
+  }
+
+  if (isOverdue.value) {
+    AMessage.error('二维码已失效，请重新扫码');
+    return;
+  }
+
+  if (isCompleted.value) {
     clearOverdueTimer();
 
-    if (isOverdue.value) {
-      AMessage.error('二维码已失效，请重新扫码');
-      return;
+    if (isSuccess.value) {
+      close();
+    } else {
+      resetTaskFields();
+      getAuthorizedQrCode();
     }
-
+  } else {
     startLoading();
-    return;
   }
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
index 269596d..a39d499 100644
--- a/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/authorized-account-modal/style.scss
@@ -20,7 +20,7 @@
       .s1 {
         color: var(--BG-White, #fff);
         text-align: center;
-        font-family: 'PuHuiTi-Medium';
+        font-family: 'PuHuiTi-Regular';
         font-size: 14px;
         font-style: normal;
         font-weight: 400;
@@ -30,7 +30,7 @@
   }
   .s2 {
     color: var(--Text-1, #211f24);
-    font-family: 'PuHuiTi-Medium';
+    font-family: 'PuHuiTi-Regular';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
@@ -40,7 +40,7 @@
     overflow: hidden;
     color: var(--Functional-Red-6, #f64b31);
     text-overflow: ellipsis;
-    font-family: 'PuHuiTi-Medium';
+    font-family: 'PuHuiTi-Regular';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
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 404ca9d..a2b2d8b 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
@@ -135,9 +135,15 @@ const getOperators = async () => {
 };
 
 onMounted(() => {
-  // getTags();
-  // getGroups();
-  // getOperators();
+  getTags();
+  getGroups();
+  getOperators();
+});
+
+defineExpose({
+  getGroups,
+  getOperators,
+  getTags,
 });
 </script>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index a375710..075b676 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -12,79 +12,75 @@
     :mask-closable="false"
     @close="close"
   >
-    <template v-if="!list.length">
-      <div class="flex items-center justify-center flex-col">
-        <div class="w-120px h-120px flex items-center justify-center mb-32px">
-          <img :src="icon2" width="106" height="72" />
-        </div>
-        <span class="s1 mb-16px">暂无分组</span>
-        <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
-          ><template #icon>
-            <img :src="icon3" width="16" height="16" />
-          </template>
-          <template #default>去添加</template>
-        </a-button>
+    <div class="flex items-center justify-between mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="s1 !color-#211F24 mr-12px">分组名称</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
       </div>
-    </template>
-    <template v-else>
-      <div class="flex items-center justify-between mb-16px">
-        <div class="filter-row-item flex items-center">
-          <span class="s1 !color-#211F24 mr-12px">分组名称</span>
-          <a-space size="medium" class="w-240px">
-            <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
-              <template #prefix>
-                <icon-search />
-              </template>
-            </a-input>
-          </a-space>
-        </div>
-        <a-button type="primary" size="medium" @click="openAdd"
-          ><template #icon>
-            <img :src="icon3" width="16" height="16" />
-          </template>
-          <template #default>添加新分组</template>
-        </a-button>
-      </div>
-      <a-table
-        :columns="columns"
-        :data="list"
-        row-key="id"
-        :loading="loading"
-        :scroll="{ y: 500 }"
-        class="h-500px"
-        :pagination="false"
-        @sorter-change="handleSorterChange"
-      >
-        <template #action="{ record }">
-          <div class="flex items-center">
-            <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
-            <a-button type="primary" @click="openEdit(record)">编辑</a-button>
-          </div>
+      <a-button type="primary" size="medium" @click="openAdd"
+        ><template #icon>
+          <img :src="icon3" width="16" height="16" />
         </template>
-      </a-table>
-      <div class="pagination-box flex justify-end">
-        <a-pagination
-          :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
-          :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
-          @change="onPageChange"
-          @page-size-change="onPageSizeChange"
-        />
-      </div>
-    </template>
+        <template #default>添加新分组</template>
+      </a-button>
+    </div>
 
-    <AddGroup ref="addGroupRef" @success="getData" />
-    <DeleteGroup ref="deleteGroupRef" @success="getData" />
+    <a-table
+      :columns="columns"
+      :data="list"
+      row-key="id"
+      :loading="loading"
+      :scroll="{ y: 500 }"
+      class="h-500px"
+      :pagination="false"
+      @sorter-change="handleSorterChange"
+    >
+      <template #empty>
+        <NoData>
+          <span class="s1 mb-16px">暂无分组</span>
+          <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+            ><template #icon>
+              <img :src="icon3" width="16" height="16" />
+            </template>
+            <template #default>去添加</template>
+          </a-button>
+        </NoData>
+      </template>
+      <template #action="{ record }">
+        <div class="flex items-center">
+          <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+          <a-button type="primary" @click="openEdit(record)">编辑</a-button>
+        </div>
+      </template>
+    </a-table>
+    <div v-if="pageInfo.total > 0" class="pagination-box flex justify-end">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.pageSize"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
+
+    <AddGroup ref="addGroupRef" @success="update" />
+    <DeleteGroup ref="deleteGroupRef" @success="update" />
   </a-modal>
 </template>
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
-import { getGroupList } from '@/api/all/propertyMarketing';
+import { getAccountGroup } from '@/api/all/propertyMarketing';
 import { exactFormatTime } from '@/utils/tools';
 
 import AddGroup from './add-group.vue';
@@ -94,6 +90,8 @@ import icon1 from '@/assets/img/media-account/icon-delete.png';
 import icon2 from '@/assets/img/media-account/icon-empty.png';
 import icon3 from '@/assets/img/media-account/icon-add.png';
 
+const emit = defineEmits(['update']);
+
 const visible = ref(false);
 const isEdit = ref(false);
 const addGroupRef = ref(null);
@@ -105,8 +103,8 @@ const list = ref([]);
 const loading = ref(false);
 const query = ref({
   name: '',
-  column: '',
-  order: '',
+  sort_column: '',
+  sort_order: '',
 });
 const pageInfo = ref({
   page: 1,
@@ -114,11 +112,6 @@ const pageInfo = ref({
   total: 0,
 });
 
-const sortInfo = ref({
-  field: '',
-  direction: '',
-});
-
 const columns = [
   { title: '分组名称', dataIndex: 'name' },
   {
@@ -145,11 +138,11 @@ function open() {
 
 const close = () => {
   query.value.name = '';
+  query.value.sort_column = '';
+  query.value.sort_order = '';
   pageInfo.value.page = 1;
   pageInfo.value.pageSize = 20;
   pageInfo.value.total = 0;
-  query.value.column = '';
-  query.value.order = '';
   list.value = [];
   visible.value = false;
 };
@@ -167,8 +160,8 @@ function openDelete(record) {
 }
 
 const handleSorterChange = (column, order) => {
-  query.value.column = column;
-  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  query.value.sort_column = column;
+  query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
   getData();
 };
 
@@ -181,7 +174,7 @@ async function getData() {
       pageSize,
       ...query.value,
     };
-    const { code, data } = await getGroupList(params);
+    const { code, data } = await getAccountGroup(params);
     if (code === 200) {
       list.value = data?.data ?? [];
       pageInfo.value.total = data.total;
@@ -204,6 +197,10 @@ const onPageSizeChange = (pageSize) => {
   pageInfo.value.pageSize = pageSize;
   reload();
 };
+const update = () => {
+  getData();
+  emit('update');
+};
 
 defineExpose({ open });
 </script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
index aa0e147..4ab43ab 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/style.scss
@@ -10,7 +10,7 @@
     }
     .s1 {
       color: var(--Text-3, #737478);
-      font-family: 'PuHuiTi-Medium';
+      font-family: 'PuHuiTi-Regular';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
@@ -40,7 +40,7 @@
         .arco-pagination-jumper-prepend {
           color: var(--Text-2, #3c4043);
           text-align: right;
-          font-family: 'PuHuiTi-Medium';
+          font-family: 'PuHuiTi-Regular';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
index 5fd6c1e..8199a9a 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/index.vue
@@ -14,11 +14,14 @@
     <div class="flex flex-col items-center">
       <div class="flex items-center">
         <img :src="icon1" width="20" height="20" class="mr-12px" />
-        <span class="tip"> 账号已成功导入，当前为未授权状态。请前往卡片列表手动授权，完成授权后账号可正常使用。 </span>
+        <div class="flex flex-col">
+          <p class="tip">账号已导入成功，当前状态为“未授权”。</p>
+          <p class="tip">请前往卡片列表手动完成授权，完成后账号即可正常使用。</p>
+        </div>
       </div>
     </div>
     <template #footer>
-      <a-button size="large" class="mr-16px cancel-btn" @click="close">取消</a-button>
+      <a-button size="large" class="cancel-btn" @click="close">取消</a-button>
       <a-button type="primary" size="large" @click="handleOk"> 去授权 </a-button>
     </template>
   </a-modal>
diff --git a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
index aec2422..5475c36 100644
--- a/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/import-prompt-modal/style.scss
@@ -4,7 +4,7 @@
   .arco-modal-body {
     .tip {
       color: var(--Text-1, #211f24);
-      font-family: 'PuHuiTi-Medium';
+      font-family: 'PuHuiTi-Regular';
       font-size: 14px;
       font-style: normal;
       font-weight: 400;
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 bdf86ce..857c9fe 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
@@ -14,7 +14,7 @@
   >
     <div class="flex flex-col items-center">
       <template v-if="taskStep === TASK_STEP.default">
-        <template v-if="hasUnsyncData">
+        <!-- <template v-if="hasUnsyncData">
           <div class="flex items-center mb-20px">
             <img :src="icon4" width="16" height="16" class="mr-16px" />
             <span class="s2 color-#3C4043">检测到该账号最后更新日期为x月x日，已有x天未同步最新数据。</span>
@@ -29,19 +29,19 @@
               ><span class="s2">仅授权不更新 - 继续使用当前不完全的数据</span></a-radio
             >
           </a-radio-group>
-        </template>
-        <template v-else>
-          <div class="img-box">
-            <img :src="imgUrl" width="160" height="160" class="mb-16px" />
-            <div v-if="isOverdue" class="mask" @click="getAuthorizedQrCode">
-              <icon-refresh size="24" class="mb-13px" />
-              <p class="s1">二维码失效</p>
-              <p class="s1">请点击刷新</p>
-            </div>
+        </template> -->
+        <!-- <template v-else> -->
+        <div class="img-box">
+          <img :src="imgUrl" width="160" height="160" />
+          <div v-if="isOverdue" class="mask cursor-pointer" @click="getAuthorizedQrCode">
+            <icon-refresh size="24" class="mb-13px" />
+            <p class="s1">二维码失效</p>
+            <p class="s1">请点击刷新</p>
           </div>
-          <span> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
-        </template>
+        </div>
+        <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
       </template>
+      <!-- </template> -->
       <template v-else-if="taskStep === TASK_STEP.loading">
         <a-progress
           :percent="progress"
@@ -75,7 +75,7 @@
     </div>
     <template #footer>
       <a-button
-        v-if="(taskStep === TASK_STEP.default && hasUnsyncData) || taskStep === TASK_STEP.end"
+        v-if="taskStep === TASK_STEP.default || taskStep === TASK_STEP.end"
         size="large"
         class="cancel-btn"
         @click="close"
@@ -88,7 +88,7 @@
 
 <script setup>
 import { defineExpose, ref, onUnmounted } from 'vue';
-import { startPatchAccount, getAuthorizedImage } from '@/api/all/propertyMarketing';
+import { getMediaAccountsAuthorizedStatus, getAuthorizedImage } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-warn.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
@@ -111,16 +111,18 @@ const id = ref('');
 const imgUrl = ref('');
 
 const taskStep = ref(TASK_STEP.default);
-const hasUnsyncData = ref(false); // 含有未同步数据
+// const hasUnsyncData = ref(false); // 含有未同步数据
 const isNicknameChanged = ref(false); // 昵称发生变化
 const actionType = ref(1);
 
 let progressTimer = null;
 let overdueTimer = null;
+let statusPollingTimer = null;
 
 const confirmBtnText = computed(() => {
   if (taskStep.value === TASK_STEP.default) {
-    return hasUnsyncData.value ? '确定' : '完成扫码';
+    // return hasUnsyncData.value ? '确定' : '完成扫码';
+    return '完成扫码';
   }
 
   if (taskStep.value === TASK_STEP.end) {
@@ -136,26 +138,57 @@ const open = (accountId) => {
   getAuthorizedQrCode();
   visible.value = true;
 };
-const close = () => {
+const resetTaskFields = () => {
   isOverdue.value = false;
   isSuccess.value = false;
   failReason.value = '';
   progress.value = 0;
-  taskStep.value = TASK_STEP.default;
-  actionType.value = 1;
-  hasUnsyncData.value = false;
+  imgUrl.value = '';
   isNicknameChanged.value = false;
+  actionType.value = 1;
+  taskStep.value = TASK_STEP.default;
+};
+const close = () => {
+  resetTaskFields();
   id.value = '';
   clearFakeProgressTimer();
   clearOverdueTimer();
   visible.value = false;
 };
 
+const getAuthorizedStatus = async () => {
+  const { code, data } = await getMediaAccountsAuthorizedStatus(id.value);
+  if (code === 200) {
+    const { status, message } = data;
+    if (status !== 0) {
+      taskStep.value = TASK_STEP.end;
+      isSuccess.value = status === 1;
+      failReason.value = status === 2 ? message : '';
+      isOverdue.value = false;
+    }
+  }
+};
+
+const startStatusPolling = () => {
+  clearStatusPollingTimer();
+  statusPollingTimer = setInterval(async () => {
+    if (taskStep.value === TASK_STEP.loading) {
+      await getAuthorizedStatus();
+      if (taskStep.value === TASK_STEP.end) {
+        progress.value = 1;
+        clearFakeProgressTimer();
+        clearStatusPollingTimer();
+      }
+    }
+  }, 2000);
+};
+
 const getAuthorizedQrCode = async () => {
   const { code, data } = await getAuthorizedImage(id.value);
   if (code === 200) {
-    imgUrl.value = data.url;
+    imgUrl.value = data.image;
     overdueTimer = null;
+    isOverdue.value = false;
 
     // 约定：后端限制40s内必须扫码，前端定30s后失效
     overdueTimer = setTimeout(() => {
@@ -163,28 +196,28 @@ const getAuthorizedQrCode = async () => {
     }, OVERDUE_TIME);
   }
 };
+
 const startLoading = async () => {
   taskStep.value = TASK_STEP.loading;
   progress.value = 0;
   startFakeProgressPolling();
-  // const { code } = await startPatchAccount(id.value);
-  // if (code === 200) {
-  //   taskStep.value = TASK_STEP.loading;
-  //   progress.value = 0;
-  //   startFakeProgressPolling();
-  // }
+  startStatusPolling();
 };
 
 const startFakeProgressPolling = () => {
   clearFakeProgressTimer();
   progressTimer = setInterval(() => {
-    if (progress.value < 0.99) {
-      const step = Math.random() * 0.04 + 0.01;
-      progress.value = Math.min(progress.value + step, 0.99);
-      progress.value = Number(progress.value.toFixed(2));
+    if (taskStep.value === TASK_STEP.loading) {
+      if (progress.value < 0.99) {
+        const step = Math.random() * 0.04 + 0.01;
+        progress.value = Math.min(progress.value + step, 0.99);
+        progress.value = Number(progress.value.toFixed(2));
+      } else if (progress.value >= 0.99) {
+        progress.value = 0.99; // 卡在99%
+      }
     } else {
-      taskStep.value = TASK_STEP.end;
       clearFakeProgressTimer();
+      clearStatusPollingTimer();
     }
   }, 1000);
 };
@@ -202,22 +235,23 @@ const clearOverdueTimer = () => {
   }
 };
 
-const getSyncDataStatus = () => {
-  return hasUnsyncData.value;
+const clearStatusPollingTimer = () => {
+  if (statusPollingTimer) {
+    clearInterval(statusPollingTimer);
+    statusPollingTimer = null;
+  }
 };
 
 const handleOk = () => {
   if (taskStep.value === TASK_STEP.default) {
     clearOverdueTimer();
 
-    if (isOverdue.value) {
-      AMessage.error('二维码已失效，请重新扫码');
+    if (!imgUrl.value) {
+      AMessage.error('二维码获取中，请稍等');
       return;
     }
-
-    const _hasUnsyncData = getSyncDataStatus();
-    if (!_hasUnsyncData) {
-      hasUnsyncData.value = true;
+    if (isOverdue.value) {
+      AMessage.error('二维码已失效，请重新扫码');
       return;
     }
 
@@ -231,9 +265,10 @@ const handleOk = () => {
       console.log('确定覆盖');
     } else {
       if (isSuccess.value) {
-        console.log('继续添加');
+        close();
       } else {
-        console.log('重新扫码');
+        resetTaskFields();
+        getAuthorizedQrCode();
       }
     }
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
index 2f8d10a..83d9ba5 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/index.vue
@@ -8,42 +8,53 @@
     width="800px"
     modal-class="tags-manage-modal"
     :footer="false"
+    title="标签管理"
     :mask-closable="false"
     @close="close"
   >
-    <template #title>标签管理</template>
-    <template v-if="!list.length">
-      <div class="flex items-center justify-center flex-col">
-        <div class="w-120px h-120px flex items-center justify-center mb-32px">
-          <img :src="iconEmpty" width="106" height="72" />
-        </div>
-        <span class="s1 mb-16px">暂无标签</span>
-        <a-button type="primary" class="mb-16px" size="medium" @click="openAdd">
-          <template #icon>
-            <img :src="iconAdd" width="16" height="16" />
-          </template>
-          <template #default>去添加</template>
-        </a-button>
+    <div class="flex items-center justify-between mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="s1 !color-#211F24 mr-12px">分组名称</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
       </div>
-    </template>
-    <template v-else>
       <a-button type="primary" size="medium" @click="openAdd">
         <template #icon>
           <img :src="iconAdd" width="16" height="16" />
         </template>
         <template #default>添加新标签</template>
       </a-button>
-      <div class="tag-list">
-        <a-tooltip v-for="tag in list" :key="tag.id" content="双击修改标签名">
+    </div>
+
+    <div class="h-300px">
+      <div v-if="showDataSource.length" class="tag-list">
+        <a-tooltip v-for="tag in showDataSource" :key="tag.id" content="双击修改标签名">
           <div class="tag-item cursor-pointer" @dblclick="openEdit(tag)">
             <span>{{ tag.name }}</span>
             <img :src="iconDelete" class="delete-icon" @click="openDelete(tag)" />
           </div>
         </a-tooltip>
       </div>
-    </template>
-    <AddTag ref="addTagRef" @success="getData" />
-    <DeleteTag ref="deleteTagRef" @success="getData" />
+      <template v-else>
+        <NoData>
+          <span class="s1 mb-16px">暂无标签</span>
+          <a-button type="primary" class="mb-16px" size="medium" @click="openAdd">
+            <template #icon>
+              <img :src="iconAdd" width="16" height="16" class="relative top-2px" />
+            </template>
+            <template #default>去添加</template>
+          </a-button>
+        </NoData>
+      </template>
+    </div>
+
+    <AddTag ref="addTagRef" @success="update" />
+    <DeleteTag ref="deleteTagRef" @success="update" />
   </a-modal>
 </template>
 
@@ -55,29 +66,29 @@ import AddTag from './add-tag.vue';
 import DeleteTag from './delete-tag.vue';
 
 import iconAdd from '@/assets/img/media-account/icon-add.png';
-import iconEmpty from '@/assets/img/media-account/icon-empty.png';
 import iconDelete from '@/assets/img/media-account/icon-delete-1.png';
 
+const emit = defineEmits(['update']);
+
 const visible = ref(false);
-const list = ref([]);
+const allDataSource = ref([]);
+const showDataSource = ref([]);
 const addTagRef = ref(null);
 const deleteTagRef = ref(null);
+const query = ref({
+  name: '',
+});
 
 const getData = async () => {
-  list.value = [
-    { id: 1, name: '测试1' },
-    { id: 2, name: '测试2' },
-    { id: 3, name: '测试3' },
-    { id: 4, name: '测试4' },
-    { id: 5, name: '测试5' },
-    { id: 6, name: '测试6' },
-    { id: 7, name: '测试7' },
-    { id: 8, name: '测试8' },
-    { id: 9, name: '测试9' },
-    { id: 10, name: '测试10' },
-  ];
-  // const { code, data } = await getTagsList();
-  // if (code === 200) list.value = data.list;
+  const { code, data } = await getTagsList();
+  if (code === 200) {
+    allDataSource.value = data ?? [];
+    showDataSource.value = allDataSource.value;
+  }
+};
+
+const handleSearch = () => {
+  showDataSource.value = allDataSource.value.filter((item) => item.name.includes(query.value.name));
 };
 
 const open = () => {
@@ -85,6 +96,9 @@ const open = () => {
   getData();
 };
 const close = () => {
+  showDataSource.value = [];
+  allDataSource.value = [];
+  query.value.name = '';
   visible.value = false;
 };
 const openAdd = () => {
@@ -99,39 +113,14 @@ function openEdit(record) {
 function openDelete(record) {
   deleteTagRef.value.open(record);
 }
+const update = () => {
+  getData();
+  emit('update');
+};
 
 defineExpose({ open });
 </script>
 
 <style lang="scss">
 @import './style.scss';
-.tag-list {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 12px;
-  padding-top: 16px;
-  .tag-item {
-    display: flex;
-    align-items: center;
-    background: #f5f5f5;
-    border-radius: 4px;
-    padding: 4px 12px;
-    position: relative;
-    .delete-icon {
-      position: absolute;
-      z-index: 1;
-      top: -6px;
-      right: -6px;
-      cursor: pointer;
-      width: 12px;
-      height: 12px;
-      display: none;
-    }
-    &:hover {
-      .delete-icon {
-        display: block;
-      }
-    }
-  }
-}
 </style>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
index f8fa609..90f1b17 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -5,7 +5,6 @@
 
   .arco-modal-body {
     padding: 24px 24px 44px !important;
-    max-height: 304px;
     overflow: hidden;
     display: flex;
     flex-direction: column;
@@ -16,25 +15,31 @@
       }
     }
     .tag-list {
-      flex: 1;
-      overflow-y: auto;
       display: flex;
       flex-wrap: wrap;
+      gap: 12px;
       .tag-item {
+        height: 24px;
         display: flex;
-        height: 32px;
-        padding: 0px 8px;
         align-items: center;
-        border-radius: 2px;
-        background: var(--BG-200, #f2f3f5);
-        gap: 12px;
-        .text {
-          color: var(--Text-2, #3c4043);
-          font-family: 'PuHuiTi-Medium';
-          font-size: 14px;
-          font-style: normal;
-          font-weight: 400;
-          line-height: 22px; /* 157.143% */
+        background: #f5f5f5;
+        border-radius: 4px;
+        padding: 4px 12px;
+        position: relative;
+        .delete-icon {
+          position: absolute;
+          z-index: 1;
+          top: -6px;
+          right: -6px;
+          cursor: pointer;
+          width: 12px;
+          height: 12px;
+          display: none;
+        }
+        &:hover {
+          .delete-icon {
+            display: block;
+          }
         }
       }
     }
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index 93aee6a..0185fde 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -11,6 +11,12 @@ export const INITIAL_QUERY = {
   tag_ids: [],
 };
 
+export const INITIAL_PAGE_INFO = {
+  page: 1,
+  pageSize: 8,
+  total: 0,
+};
+
 export const PLATFORM_LIST = [
   {
     label: '抖音',
@@ -23,10 +29,10 @@ export const PLATFORM_LIST = [
 ];
 
 export enum EnumStatus {
-  NORMAL = 1,
-  PAUSE = 3,
   UNAUTHORIZED = 0,
+  NORMAL = 1,
   ABNORMAL = 2,
+  PAUSE = 3,
   ABNORMAL_LOGIN = 4,
   ABNORMAL_REQUEST = 5,
   ABNORMAL_FREEZE = 6,
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index d63e884..9bac505 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -28,7 +28,7 @@
           </a-button>
         </div>
       </div>
-      <FilterBlock v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
+      <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="handleSearch" @onReset="handleReset" />
     </div>
 
     <div
@@ -80,13 +80,16 @@
     </div>
     <div class="card-wrap">
       <AccountTable
+        v-if="dataSource.length > 0"
         :dataSource="dataSource"
         :selectedItems="selectedItems"
         @selectionChange="handleSelectionChange"
         @delete="handleDelete"
         @openEdit="handleOpenEdit"
       />
-      <div class="pagination-box">
+      <NoData v-else />
+
+      <div v-if="pageInfo.total > 0" class="pagination-box">
         <a-pagination
           :total="pageInfo.total"
           size="mini"
@@ -101,9 +104,9 @@
       </div>
     </div>
 
-    <GroupManageModal ref="groupManageModalRef" />
-    <TagsManageModal ref="tagsManageModalRef" />
-    <AddAccountModal ref="addAccountModalRef" />
+    <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups" />
+    <TagsManageModal ref="tagsManageModalRef" @update="filterBlockRef?.getTags" />
+    <AddAccountModal ref="addAccountModalRef" @update="getData" />
     <DeleteAccountModal ref="deleteAccountRef" @update="getData" />
     <BatchTagModal ref="batchTagModalRef" @update="getData" />
     <BatchGroupModal ref="batchGroupModalRef" @update="getData" />
@@ -122,7 +125,7 @@ import DeleteAccountModal from './components/account-table/delete-account';
 import BatchTagModal from './components/batch-tag-modal';
 import BatchGroupModal from './components/batch-group-modal';
 
-import { INITIAL_QUERY } from './constants';
+import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { getMediaAccounts } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
@@ -138,13 +141,10 @@ const addAccountModalRef = ref(null);
 const deleteAccountRef = ref(null);
 const batchTagModalRef = ref(null);
 const batchGroupModalRef = ref(null);
+const filterBlockRef = ref(null);
 
 const tipStatus = ref(2);
-const pageInfo = reactive({
-  page: 1,
-  pageSize: 8,
-  total: 0,
-});
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const selectedItems = ref([]);
@@ -161,95 +161,37 @@ onMounted(() => {
 });
 
 const getData = async () => {
-  console.log('getData');
-  // const { page, pageSize } = pageInfo;
-  // const { code, data, total } = await getMediaAccounts({
-  //   page,
-  //   page_size: pageSize,
-  //   ...query.value,
-  // });
-  // if (code === 200) {
-  //   dataSource.value = data?.data ?? [];
-  //   pageInfo.total = data?.total ?? 0;
-  // }
-  dataSource.value = [
-    {
-      id: 1,
-      name: '全球',
-      account_id: 1,
-      mobile: 1777777,
-      status: 0,
-      platform: 0,
-      operator: {
-        name: '小周',
-      },
-      group: {
-        name: '美团组',
-      },
-      tags: [
-        {
-          name: '标签1',
-        },
-        {
-          name: '标签2',
-        },
-        {
-          name: '标签3',
-        },
-        {
-          name: '标签4',
-        },
-        {
-          name: '标签5',
-        },
-      ],
-    },
-    {
-      id: 2,
-      name: '全球2',
-      account_id: 1,
-      mobile: 1777777,
-      status: 4,
-      platform: 0,
-      operator: {
-        name: '小周',
-      },
-      group: {
-        name: '美团组',
-      },
-      tags: [
-        {
-          name: '标签1',
-        },
-        {
-          name: '标签2',
-        },
-      ],
-    },
-  ];
+  const { page, pageSize } = pageInfo.value;
+  const { code, data } = await getMediaAccounts({
+    page,
+    page_size: pageSize,
+    ...query.value,
+  });
+  if (code === 200) {
+    dataSource.value = data?.data ?? [];
+    pageInfo.value.total = data?.total ?? 0;
+  }
 };
 const reload = () => {
-  pageInfo.page = 1;
+  pageInfo.value.page = 1;
   getData();
 };
 const handleSearch = () => {
   getData();
 };
 const handleReset = () => {
-  pageInfo.page = 1;
-  pageInfo.pageSize = 20;
-  pageInfo.total = 0;
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
   selectedItems.value = [];
   query.value = cloneDeep(INITIAL_QUERY);
   reload();
 };
 
 const onPageChange = (current) => {
-  pageInfo.page = current;
+  pageInfo.value.page = current;
   getData();
 };
 const onPageSizeChange = (pageSize) => {
-  pageInfo.pageSize = pageSize;
+  pageInfo.value.pageSize = pageSize;
   reload();
 };
 
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 1c321f9..6f231ef 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
@@ -7,7 +7,7 @@
   <div class="container px-24px">
     <div class="filter-row flex mb-20px">
       <div class="filter-row-item flex items-center">
-        <span class="label">账号名称</span>
+        <span class="label">账户名称</span>
         <a-space size="medium" class="w-240px">
           <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
             <template #prefix>
@@ -17,7 +17,7 @@
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
-        <span class="label">项目分组</span>
+        <span class="label">计划分组</span>
         <a-space class="w-200px">
           <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
         </a-space>
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
index b71f848..1e3afe2 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -12,74 +12,65 @@
     :mask-closable="false"
     @close="close"
   >
-    <template v-if="!list.length">
-      <div class="flex items-center justify-center flex-col">
-        <div class="w-120px h-120px flex items-center justify-center mb-32px">
-          <img :src="icon2" width="106" height="72" />
-        </div>
-        <span class="s1 mb-16px">暂无分组</span>
-        <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
-          ><template #icon>
-            <img :src="icon3" width="16" height="16" class="relative top-3px" />
-          </template>
-          <template #default>去添加</template>
-        </a-button>
+    <div class="flex items-center justify-between mb-16px">
+      <div class="filter-row-item flex items-center">
+        <span class="s1 !color-#211F24 mr-12px">分组名称</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
       </div>
-    </template>
-    <template v-else>
-      <div class="flex items-center justify-between mb-16px">
-        <div class="filter-row-item flex items-center">
-          <span class="s1 !color-#211F24 mr-12px">分组名称</span>
-          <a-space size="medium" class="w-240px">
-            <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
-              <template #prefix>
-                <icon-search />
-              </template>
-            </a-input>
-          </a-space>
-        </div>
-        <a-button type="primary" size="medium" @click="openAdd"
-          ><template #icon>
-            <img :src="icon3" width="16" height="16" />
-          </template>
-          <template #default>添加新分组</template>
-        </a-button>
-      </div>
-
-      <a-table
-        :columns="columns"
-        :data="list"
-        row-key="id"
-        :loading="loading"
-        :scroll="{ y: 500 }"
-        class="h-500px"
-        :pagination="false"
-        @sorter-change="handleSorterChange"
-      >
-        <template #empty>
-          <NoData />
+      <a-button type="primary" size="medium" @click="openAdd"
+        ><template #icon>
+          <img :src="icon3" width="16" height="16" />
         </template>
-        <template #action="{ record }">
-          <div class="flex items-center">
-            <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
-            <a-button type="primary" @click="openEdit(record)">编辑</a-button>
-          </div>
-        </template>
-      </a-table>
-      <div class="pagination-box flex justify-end">
-        <a-pagination
-          :total="pageInfo.total"
-          size="mini"
-          show-total
-          show-jumper
-          show-page-size
-          :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
-          @change="onPageChange"
-          @page-size-change="onPageSizeChange"
-        />
-      </div>
-    </template>
+        <template #default>添加新分组</template>
+      </a-button>
+    </div>
+    <a-table
+      :columns="columns"
+      :data="list"
+      row-key="id"
+      :loading="loading"
+      :scroll="{ y: 500 }"
+      class="h-500px"
+      :pagination="false"
+      @sorter-change="handleSorterChange"
+    >
+      <template #empty>
+        <NoData>
+          <span class="s1 mb-16px">暂无分组</span>
+          <a-button type="primary" class="mb-16px" size="medium" @click="openAdd"
+            ><template #icon>
+              <img :src="icon3" width="16" height="16" class="relative top-3px" />
+            </template>
+            <template #default>去添加</template>
+          </a-button>
+        </NoData>
+      </template>
+      <template #action="{ record }">
+        <div class="flex items-center">
+          <img :src="icon1" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(record)" />
+          <a-button type="primary" @click="openEdit(record)">编辑</a-button>
+        </div>
+      </template>
+    </a-table>
+    <div v-if="pageInfo.total > 0" class="pagination-box flex justify-end">
+      <a-pagination
+        :total="pageInfo.total"
+        size="mini"
+        show-total
+        show-jumper
+        show-page-size
+        :current="pageInfo.page"
+        :page-size="pageInfo.pageSize"
+        @change="onPageChange"
+        @page-size-change="onPageSizeChange"
+      />
+    </div>
 
     <AddGroup ref="addGroupRef" @success="update" />
     <DeleteGroup ref="deleteGroupRef" @success="update" />
@@ -107,8 +98,8 @@ const list = ref([]);
 const loading = ref(false);
 const query = ref({
   name: '',
-  column: '',
-  order: '',
+  sort_column: '',
+  sort_order: '',
 });
 const pageInfo = ref({
   page: 1,
@@ -148,8 +139,8 @@ const close = () => {
   pageInfo.value.page = 1;
   pageInfo.value.pageSize = 20;
   pageInfo.value.total = 0;
-  query.value.column = '';
-  query.value.order = '';
+  query.value.sort_column = '';
+  query.value.sort_order = '';
   list.value = [];
   visible.value = false;
 };
@@ -167,8 +158,8 @@ function openDelete(record) {
 }
 
 const handleSorterChange = (column, order) => {
-  query.value.column = column;
-  query.value.order = order === 'ascend' ? 'asc' : 'desc';
+  query.value.sort_column = column;
+  query.value.sort_order = order === 'ascend' ? 'asc' : 'desc';
   getData();
 };
 async function getData() {
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index dea333e..d742446 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -7,7 +7,7 @@
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
       <a-tabs v-model="activeTab" @tab-click="handleTabClick">
         <a-tab-pane key="1" title="账户"></a-tab-pane>
-        <a-tab-pane key="2" title="项目"></a-tab-pane>
+        <a-tab-pane key="2" title="计划"></a-tab-pane>
         <template v-if="!isAccountTab" #extra>
           <a-button class="w-112px mr-12px search-btn flex items-center" size="medium" @click="handleOpenGroupModal">
             <template #icon>
@@ -44,7 +44,7 @@
       </div>
     </div>
 
-    <GroupManageModal ref="groupManageModalRef" @update="() => filterBlockRef?.getGroups()" />
+    <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups" />
   </div>
 </template>
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index e0f9257..cdc610b 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -160,6 +160,13 @@ const UploadStatus = {
   WAITING: 'waiting',
   ERROR: 'error',
 };
+const INITIAL_FORM = {
+  mobile: '',
+  operator_name: '',
+  holder_name: '',
+  platform: 0,
+  is_sync: 0,
+};
 
 const visible = ref(false);
 const uploadType = ref('manual');
@@ -172,13 +179,7 @@ const authorizedAccountModalRef = ref(null);
 // const importPromptModalRef = ref(null);
 const uploadRef = ref(null);
 const file = ref(null);
-const form = ref({
-  mobile: '',
-  operator_name: '',
-  holder_name: '',
-  platform: 0,
-  is_sync: 0,
-});
+const form = ref(cloneDeep(INITIAL_FORM));
 
 const rules = {
   mobile: [
@@ -227,6 +228,7 @@ const reset = () => {
   formRef.value.resetFields();
   formRef.value.clearValidate();
 
+  form.value = cloneDeep(INITIAL_FORM);
   fileName.value = '';
   file.value = null;
   isEdit.value = false;
@@ -268,6 +270,7 @@ const handleBatchImport = async () => {
     });
     if (code === 200) {
       AMessage.success('导入成功');
+      emits('update');
       onClose();
     } else {
       uploadStatus.value = UploadStatus.ERROR;
diff --git a/vite.config.ts b/vite.config.ts
index 717210b..2d167df 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,7 +40,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'http://192.168.40.7/api',
+          target: 'http://192.168.40.22/api',
           // target: 'https://lingjiapi.lvfunai.com/api',
         },
       },

From 0966252280e014fdbafaf17054517f5783513bd6 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 3 Jul 2025 17:35:22 +0800
Subject: [PATCH 38/78] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E6=89=B9?=
 =?UTF-8?q?=E9=87=8F=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-table/delete-account.vue          |  4 ++--
 .../components/account-table/index.vue        |  5 ++--
 .../components/batch-group-modal/index.vue    | 23 ++++++-------------
 .../components/batch-tag-modal/index.vue      | 18 +++++----------
 .../media-account/account-manage/index.vue    |  4 ++--
 5 files changed, 20 insertions(+), 34 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index 8be26e1..7d7c6ae 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -16,7 +16,7 @@
   >
     <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
-      <span>确认删除 {{ accountName || '-' }} 这个账号吗？</span>
+      <span>确认删除 {{ accountName }} 这个账号吗？</span>
     </div>
     <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
@@ -51,7 +51,7 @@ const open = (record) => {
   const { id = null, name = '' } = record;
   accountId.value = id;
   accountName.value = name;
-
+  console.log({ name });
   visible.value = true;
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index d0684ae..d4cbb0b 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -21,7 +21,7 @@
         </div>
         <div class="field-row">
           <span class="label">平台</span>
-          <img :src="item.platform === 0 ? icon1 : icon2" width="20" height="19" />
+          <img :src="item.platform === 0 ? icon1 : icon2" width="16" height="16" />
         </div>
         <div class="field-row">
           <span class="label">账号ID</span>
@@ -41,7 +41,8 @@
         </div>
         <div class="field-row">
           <span class="label">标签</span>
-          <div class="flex items-center">
+          <span v-if="!item.tags.length" class="cts">-</span>
+          <div v-else class="flex items-center">
             <a-tooltip
               v-if="item.tags.length > 2"
               position="bottom"
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index d1bfc55..3094cc4 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -39,7 +39,11 @@
       <template v-if="editType === 'each'">
         <a-table :data="accountGroupList" :pagination="false" row-key="id" class="w-100%">
           <template #columns>
-            <a-table-column title="账号名称" data-index="name" width="200" />
+            <a-table-column title="账号名称" data-index="name" width="200">
+              <template #cell="{ record }">
+                <span>{{ record.name || '-' }}</span>
+              </template>
+            </a-table-column>
             <a-table-column title="选择分组" data-index="group_id">
               <template #cell="{ record }">
                 <div class="flex items-center w-100%">
@@ -75,33 +79,20 @@ const form = reactive({
   group_id: null,
 });
 
-const accountGroupList = ref([]); // [{id, name, group_id: null}]
+const accountGroupList = ref([]);
 const isAllEdit = computed(() => editType.value === 'all');
 
 const open = (accountList = []) => {
   editType.value = 'all';
   groupOptions.value = [];
   form.group_id = null;
-  accountGroupList.value = accountList.map((acc) => ({
-    ...acc,
-    group_id: null,
-  }));
+  accountGroupList.value = accountList;
 
   visible.value = true;
   getTags();
 };
 
 const getTags = async () => {
-  groupOptions.value = [
-    {
-      label: '测试',
-      value: '1',
-    },
-    {
-      label: 'ceshi2',
-      value: 2,
-    },
-  ];
   const { code, data } = await fetchAccountGroups();
   if (code === 200) {
     groupOptions.value = data.map((item) => ({
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
index 7946ecd..fdf8c94 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -49,7 +49,11 @@
       <template v-if="editType === 'each'">
         <a-table :data="accountTagList" :pagination="false" row-key="id" class="w-100%">
           <template #columns>
-            <a-table-column title="账号名称" data-index="name" width="200" />
+            <a-table-column title="账号名称" data-index="name" width="200">
+              <template #cell="{ record }">
+                <span>{{ record.name || '-' }}</span>
+              </template>
+            </a-table-column>
             <a-table-column title="选择标签" data-index="tags">
               <template #cell="{ record, rowIndex }">
                 <div class="flex items-center w-100%">
@@ -103,7 +107,7 @@ const open = (accountList = []) => {
   form.tags = [];
   accountTagList.value = accountList.map((acc) => ({
     ...acc,
-    tags: [],
+    tags: acc.tags.map((tag) => tag.name),
   }));
 
   visible.value = true;
@@ -111,16 +115,6 @@ const open = (accountList = []) => {
 };
 
 const getTags = async () => {
-  tagOptions.value = [
-    {
-      label: '测试1',
-      value: '测试1',
-    },
-    {
-      label: '测试2',
-      value: '测试2',
-    },
-  ];
   const { code, data } = await fetchAccountTags();
   if (code === 200) {
     tagOptions.value = data.map((item) => ({
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 9bac505..59d1592 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -221,12 +221,12 @@ const handleChangeAll = (val) => {
 };
 const handleBatchDelete = () => {
   const ids = selectedItems.value.map((item) => item.id);
-  const names = selectedItems.value.map((item) => `"${item.name}"`).join(',');
+  const names = selectedItems.value.map((item) => `“${item.name || '-'}”`).join('，');
   deleteAccountRef.value?.open({ id: ids, name: names });
 };
 const handleDelete = (item) => {
   const { id, name } = item;
-  deleteAccountRef.value?.open({ id, name: `"${name}"` });
+  deleteAccountRef.value?.open({ id, name: `“${name || '-'}”` });
 };
 const handleCloseTip = () => {
   selectedItems.value = [];

From 722c943d29f8f88a722a83406c943dd94a804de8 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 3 Jul 2025 18:02:56 +0800
Subject: [PATCH 39/78] =?UTF-8?q?perf:=20=E4=BA=8C=E7=BB=B4=E7=A0=81loadin?=
 =?UTF-8?q?g=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../img/media-account/icon-default-qrcode.png | Bin 0 -> 23865 bytes
 .../components/account-table/index.vue        |   3 +-
 .../authorized-account-modal/index.vue        |  49 +++++++++++++-----
 .../reauthorize-account-modal/index.vue       |  48 ++++++++++++-----
 .../media-account/account-manage/constants.ts |   6 +++
 .../media-account/account-manage/index.vue    |   8 +--
 6 files changed, 78 insertions(+), 36 deletions(-)
 create mode 100644 src/assets/img/media-account/icon-default-qrcode.png

diff --git a/src/assets/img/media-account/icon-default-qrcode.png b/src/assets/img/media-account/icon-default-qrcode.png
new file mode 100644
index 0000000000000000000000000000000000000000..418d5e784f4e2308104155865ff67ca3704fb2d6
GIT binary patch
literal 23865
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%0AJP;%M{df`B3Kx>KJfaXBwrr7eU5u+-m3z!d
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
VC**k0G9aB}Jy%j!ER;9&{V$9dW!eA$

literal 0
HcmV?d00001

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index d4cbb0b..135950c 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -149,8 +149,7 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  // const isUnauthorized = isUnauthorizedStatus(item.status);
-  const isUnauthorized = false;
+  const isUnauthorized = isUnauthorizedStatus(item.status);
   if (isUnauthorized) {
     authorizedAccountModalRef.value?.open(item.id);
   } else {
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 4ec6378..cb00cee 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,7 +32,20 @@
         </template>
         <template v-else>
           <div class="img-box">
-            <img :src="imgUrl" width="160" height="160" />
+            <template v-if="qrCodeLoading">
+              <div class="relative w-160px h-160px">
+                <img :src="icon1" width="160" height="160" />
+                <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
+                  <icon-loading size="24" class="color-#6D4CFE mb-13px" />
+                  <span class="s2 !color-#6D4CFE">二维码生成中...</span>
+                </div>
+                <div
+                  class="absolute top-0 left-0 w-full h-full flex items-center justify-center opacity-80 bg-#fff"
+                ></div>
+              </div>
+            </template>
+            <img v-else :src="qrCodeUrl" width="160" height="160" />
+
             <div v-if="isOverdue" class="mask cursor-pointer" @click="getAuthorizedQrCode">
               <icon-refresh size="24" class="mb-13px" />
               <p class="s1">二维码失效</p>
@@ -54,6 +67,7 @@
 import { defineExpose, ref } from 'vue';
 import { getAuthorizedImage, getMediaAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
 
+import icon1 from '@/assets/img/media-account/icon-default-qrcode.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
@@ -70,7 +84,8 @@ const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
-const imgUrl = ref('');
+const qrCodeUrl = ref('');
+const qrCodeLoading = ref(false);
 
 let progressTimer = null;
 let overdueTimer = null;
@@ -93,7 +108,8 @@ const resetTaskFields = () => {
   isSuccess.value = false;
   failReason.value = '';
   progress.value = 0;
-  imgUrl.value = '';
+  qrCodeUrl.value = '';
+  qrCodeLoading.value = false;
 };
 const close = () => {
   resetTaskFields();
@@ -105,16 +121,21 @@ const close = () => {
 };
 
 const getAuthorizedQrCode = async () => {
-  const { code, data } = await getAuthorizedImage(id.value);
-  if (code === 200) {
-    imgUrl.value = data.image;
-    overdueTimer = null;
-    isOverdue.value = false;
+  try {
+    qrCodeLoading.value = true;
+    const { code, data } = await getAuthorizedImage(id.value);
+    if (code === 200) {
+      qrCodeUrl.value = data.image;
+      overdueTimer = null;
+      isOverdue.value = false;
 
-    // 约定：后端限制40s内必须扫码，前端定30s后失效
-    overdueTimer = setTimeout(() => {
-      isOverdue.value = true;
-    }, OVERDUE_TIME);
+      // 约定：后端限制40s内必须扫码，前端定30s后失效
+      overdueTimer = setTimeout(() => {
+        isOverdue.value = true;
+      }, OVERDUE_TIME);
+    }
+  } finally {
+    qrCodeLoading.value = false;
   }
 };
 
@@ -191,8 +212,8 @@ const clearOverdueTimer = () => {
 };
 
 const handleOk = () => {
-  if (!imgUrl.value) {
-    AMessage.error('二维码获取中，请稍等');
+  if (!qrCodeUrl.value) {
+    AMessage.error('二维码生成中，请稍等');
     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 857c9fe..afce82f 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,7 +32,20 @@
         </template> -->
         <!-- <template v-else> -->
         <div class="img-box">
-          <img :src="imgUrl" width="160" height="160" />
+          <template v-if="qrCodeLoading">
+            <div class="relative w-160px h-160px">
+              <img :src="icon1" width="160" height="160" />
+              <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
+                <icon-loading size="24" class="color-#6D4CFE mb-13px" />
+                <span class="s2 !color-#6D4CFE">二维码生成中...</span>
+              </div>
+              <div
+                class="absolute top-0 left-0 w-full h-full flex items-center justify-center opacity-80 bg-#fff"
+              ></div>
+            </div>
+          </template>
+          <img v-else :src="qrCodeUrl" width="160" height="160" />
+
           <div v-if="isOverdue" class="mask cursor-pointer" @click="getAuthorizedQrCode">
             <icon-refresh size="24" class="mb-13px" />
             <p class="s1">二维码失效</p>
@@ -108,7 +121,8 @@ const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
-const imgUrl = ref('');
+const qrCodeUrl = ref('');
+const qrCodeLoading = ref(false);
 
 const taskStep = ref(TASK_STEP.default);
 // const hasUnsyncData = ref(false); // 含有未同步数据
@@ -143,7 +157,8 @@ const resetTaskFields = () => {
   isSuccess.value = false;
   failReason.value = '';
   progress.value = 0;
-  imgUrl.value = '';
+  qrCodeUrl.value = '';
+  qrCodeLoading.value = false;
   isNicknameChanged.value = false;
   actionType.value = 1;
   taskStep.value = TASK_STEP.default;
@@ -184,16 +199,21 @@ const startStatusPolling = () => {
 };
 
 const getAuthorizedQrCode = async () => {
-  const { code, data } = await getAuthorizedImage(id.value);
-  if (code === 200) {
-    imgUrl.value = data.image;
-    overdueTimer = null;
-    isOverdue.value = false;
+  try {
+    qrCodeLoading.value = true;
+    const { code, data } = await getAuthorizedImage(id.value);
+    if (code === 200) {
+      qrCodeUrl.value = data.image;
+      overdueTimer = null;
+      isOverdue.value = false;
 
-    // 约定：后端限制40s内必须扫码，前端定30s后失效
-    overdueTimer = setTimeout(() => {
-      isOverdue.value = true;
-    }, OVERDUE_TIME);
+      // 约定：后端限制40s内必须扫码，前端定30s后失效
+      overdueTimer = setTimeout(() => {
+        isOverdue.value = true;
+      }, OVERDUE_TIME);
+    }
+  } finally {
+    qrCodeLoading.value = false;
   }
 };
 
@@ -246,8 +266,8 @@ const handleOk = () => {
   if (taskStep.value === TASK_STEP.default) {
     clearOverdueTimer();
 
-    if (!imgUrl.value) {
-      AMessage.error('二维码获取中，请稍等');
+    if (!qrCodeUrl.value) {
+      AMessage.error('二维码生成中，请稍等');
       return;
     }
     if (isOverdue.value) {
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index 0185fde..f9f572a 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -36,6 +36,7 @@ export enum EnumStatus {
   ABNORMAL_LOGIN = 4,
   ABNORMAL_REQUEST = 5,
   ABNORMAL_FREEZE = 6,
+  ABNORMAL_MISSING = 7,
 }
 
 export const STATUS_LIST = [
@@ -59,6 +60,11 @@ export const STATUS_LIST = [
     label: '异常',
     value: EnumStatus.ABNORMAL,
   },
+  {
+    text: '数据缺失',
+    label: '数据缺失',
+    value: EnumStatus.ABNORMAL_MISSING,
+  },
   {
     text: '异常-登录状态失效',
     label: '异常',
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 59d1592..87e4a26 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -212,12 +212,8 @@ const handleOpenEdit = (item) => {
 const handleSelectionChange = (val) => {
   selectedItems.value = val;
 };
-const handleChangeAll = (val) => {
-  if (val) {
-    selectedItems.value = cloneDeep(dataSource.value);
-  } else {
-    selectedItems.value = [];
-  }
+const handleChangeAll = (checked) => {
+  selectedItems.value = checked ? cloneDeep(dataSource.value) : [];
 };
 const handleBatchDelete = () => {
   const ids = selectedItems.value.map((item) => item.id);

From b14a34a79aed9e19ba4877e5857d5a0c9d5c6e4a Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 3 Jul 2025 18:05:48 +0800
Subject: [PATCH 40/78] =?UTF-8?q?style:=20=E6=95=B0=E6=8D=AE=E7=BC=BA?=
 =?UTF-8?q?=E5=A4=B1=E7=8A=B6=E6=80=81=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-manage/components/status-box/index.vue             | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
index c29f5cc..c1ea4dd 100644
--- a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
@@ -78,7 +78,8 @@ const isDisabledReauthorize = (status) => {
   &-2,
   &-4,
   &-5,
-  &-6 {
+  &-6,
+  &-7 {
     background: #ffe7e4;
     .text {
       color: #f64b31;

From f3f0397eaef179369adb01808f06581067eb1577 Mon Sep 17 00:00:00 2001
From: rd <>
Date: Thu, 3 Jul 2025 18:13:13 +0800
Subject: [PATCH 41/78] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts                              | 4 ++--
 .../components/authorized-account-modal/index.vue             | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 6df2215..2a5ae02 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -196,7 +196,7 @@ export const getPlacementAccountsDetail = (id: string) => {
 // 投放账号-授权
 export const putPlacementAccountsAuthorized = (params = {}) => {
   const { id, ...rest } = params as { id: string; [key: string]: any };
-  return Http.put(`/v1/placement-accounts/${id}/authorized`, rest);
+  return Http.put(`/v1/placement-accounts/${id}/authorize`, rest);
 };
 
 // 投放账号-获取模板地址
@@ -206,7 +206,7 @@ export const getPlacementAccountsTemplateUrl = (params = {}) => {
 
 // 投放账号-查询授权状态
 export const getPlacementAccountsAuthorizedStatus = (id: string) => {
-  return Http.get(`/v1/placement-accounts/${id}/authorized-status`);
+  return Http.get(`/v1/placement-accounts/${id}/status`);
 };
 
 // 投放账户运营人员分组-列表
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 7d31ef7..ac31b72 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -115,8 +115,8 @@ const open = (accountId, last_synced_at = null) => {
 };
 
 const close = () => {
-  formRef.value.resetFields();
-  formRef.value.clearValidate();
+  formRef.value?.resetFields();
+  formRef.value?.clearValidate();
 
   isLoading.value = false;
   isCompleted.value = false;

From 954e4bc3082522c3035ab2c01146bfe970795f06 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Fri, 4 Jul 2025 10:35:16 +0800
Subject: [PATCH 42/78] =?UTF-8?q?=E6=8F=90=E5=8F=96=E5=85=AC=E5=85=B1?=
 =?UTF-8?q?=E5=B8=B8=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../put-account/common_constants.ts           | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/views/property-marketing/put-account/common_constants.ts

diff --git a/src/views/property-marketing/put-account/common_constants.ts b/src/views/property-marketing/put-account/common_constants.ts
new file mode 100644
index 0000000..4986d1f
--- /dev/null
+++ b/src/views/property-marketing/put-account/common_constants.ts
@@ -0,0 +1,21 @@
+import icon1 from '@/assets/img/media-account/icon-jl.png';
+import icon2 from '@/assets/img/media-account/icon-jg.png';
+import icon3 from '@/assets/img/media-account/icon-bili.png';
+
+export const PLATFORM_LIST = [
+  {
+    label: '巨量',
+    value: 0,
+    icon: icon1,
+  },
+  {
+    label: '聚光',
+    value: 1,
+    icon: icon2,
+  },
+  {
+    label: 'B站',
+    value: 2,
+    icon: icon3,
+  },
+];

From 1d52fda0cdc31463dd6c4f8e5ec2dc70bfca9455 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 4 Jul 2025 14:05:01 +0800
Subject: [PATCH 43/78] =?UTF-8?q?feat:=20=E8=B4=A6=E5=8F=B7=E5=81=A5?=
 =?UTF-8?q?=E5=BA=B7=E7=8A=B6=E6=80=81=E3=80=81=E7=BB=9F=E4=B8=80=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/common.ts                         |   4 +-
 src/api/all/propertyMarketing.ts              |  15 +-
 .../custom-table-column-modal/index.vue       |  51 +--
 .../components/account-table/constants.ts     | 303 ++++++++++--------
 .../components/account-table/index.vue        |  65 +++-
 .../components/filter-block/index.vue         |  23 +-
 .../account-dashboard/constants.ts            |  51 ---
 .../components/account-table/index.vue        |   3 +-
 .../components/add-account-modal/index.vue    |  24 +-
 .../components/batch-group-modal/index.vue    |   3 +-
 .../components/filter-block/index.vue         |  29 +-
 .../components/status-box/index.vue           |   2 +-
 .../media-account/account-manage/constants.ts |  57 ----
 .../media-account/account-manage/index.vue    |  66 +++-
 .../components/group-select/index.vue         |   1 -
 .../operator-select}/index.vue                |  12 +-
 .../components/status-select/constants.ts     |  60 ++++
 .../components/status-select/index.vue        |  60 ++++
 .../components/tag-select/index.vue           |   0
 .../components/board-table/constants.ts       |  36 ++-
 .../components/board-table/index.vue          |  43 ++-
 .../components/filter-block/index.vue         |  27 +-
 .../components/plan-table/constants.ts        | 264 +++++++++++++++
 .../components/plan-table/index.vue           | 253 +++++++++++++++
 .../components/plan-table/style.scss          |  63 ++++
 .../put-account/account-data/constants.ts     |  51 ---
 .../put-account/account-data/index.vue        |  14 +-
 .../components/account-table/index.vue        |   4 +-
 .../components/add-account-modal/index.vue    |   2 +-
 .../components/filter-block/index.vue         |  20 +-
 .../components/status-box/index.vue           |   2 +-
 .../put-account/account-manage/constants.ts   |  78 -----
 .../put-account/account-manage/index.vue      |  61 +++-
 .../components/operator-select/index.vue      |  64 ++++
 .../components/status-select/constants.ts     |  60 ++++
 .../components/status-select/index.vue        |  60 ++++
 vite.config.ts                                |   2 +-
 37 files changed, 1362 insertions(+), 571 deletions(-)
 rename src/views/property-marketing/media-account/{account-dashboard => }/components/group-select/index.vue (99%)
 rename src/views/property-marketing/media-account/{account-manage/components/group-select => components/operator-select}/index.vue (82%)
 create mode 100644 src/views/property-marketing/media-account/components/status-select/constants.ts
 create mode 100644 src/views/property-marketing/media-account/components/status-select/index.vue
 rename src/views/property-marketing/media-account/{account-manage => }/components/tag-select/index.vue (100%)
 create mode 100644 src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
 create mode 100644 src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
 create mode 100644 src/views/property-marketing/put-account/account-data/components/plan-table/style.scss
 create mode 100644 src/views/property-marketing/put-account/components/operator-select/index.vue
 create mode 100644 src/views/property-marketing/put-account/components/status-select/constants.ts
 create mode 100644 src/views/property-marketing/put-account/components/status-select/index.vue

diff --git a/src/api/all/common.ts b/src/api/all/common.ts
index 1e19878..9b210da 100644
--- a/src/api/all/common.ts
+++ b/src/api/all/common.ts
@@ -6,10 +6,10 @@ import Http from '@/api';
 
 // 获取用户自定义列
 export const getCustomColumns = (params = {}) => {
-  return Http.get('/v1/user-custom-columns', params);
+  return Http.get('/v1/custom-columns', params);
 };
 
 // 保存用户自定义列
 export const updateCustomColumns = (params = {}) => {
-  return Http.put('/v1/user-custom-columns', params);
+  return Http.put('/v1/custom-columns', params);
 };
diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 2a5ae02..c00fd03 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -19,16 +19,21 @@ export const fetchAccountOperators = (params = {}) => {
   return Http.get('/v1/media-account-operators/list', params);
 };
 
-// 投放账户运营人员分组-列表
-export const fetchPlacementAccountOperators = (params = {}) => {
-  return Http.get('/v1/placement-account-operators/list', params);
-};
-
 // 媒体账号-分页
 export const getMediaAccounts = (params = {}) => {
   return Http.get('/v1/media-accounts', params);
 };
 
+// 媒体账号-健康情况
+export const getMediaAccountsHealth = (params = {}) => {
+  return Http.get('/v1/media-accounts/health', params);
+};
+
+// 投放账号-健康情况
+export const getPlacementAccountsHealth = (params = {}) => {
+  return Http.get('/v1/placement-accounts/health', params);
+};
+
 // 媒体账号-添加
 export const postMediaAccounts = (params = {}) => {
   return Http.post('/v1/media-accounts', params);
diff --git a/src/components/custom-table-column-modal/index.vue b/src/components/custom-table-column-modal/index.vue
index 675ea98..1125f00 100644
--- a/src/components/custom-table-column-modal/index.vue
+++ b/src/components/custom-table-column-modal/index.vue
@@ -39,7 +39,7 @@
           已添加<span class="count">（{{ checkColumns.length }}）</span>
         </span>
         <div class="checked-list">
-          <div v-for="(groupName, index) in requiredGroupNames" :key="index" class="checked-item">
+          <div v-for="(groupName, index) in requiredGroupNames" :key="index" class="checked-item !cursor-default">
             <div class="flex items-center">
               <img :src="icon1" alt="icon" class="mr-8px" width="16" height="16" />
               <span>{{ groupName }}</span>
@@ -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 @@
     </template>
     <template #columns>
       <a-table-column
-        v-for="column in TABLE_COLUMNS"
+        v-for="column in tableColumns"
         :key="column.dataIndex"
         :data-index="column.dataIndex"
         :fixed="column.fixed"
@@ -60,7 +60,7 @@
       >
         <template #title>
           <div class="flex items-center">
-            <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+            <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
             <span class="cts mr-4px">{{ column.title }}</span>
             <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
               <icon-question-circle class="tooltip-icon color-#737478" size="16" />
@@ -78,18 +78,18 @@
             }}</span>
           </div>
         </template>
-        <template v-else-if="column.dataIndex === 'ai_evaluation'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
           <div class="ai-evaluation-row flex">
             <img
               width="16"
               height="16"
-              :src="record.ai_evaluation?.status === 1 ? icon4 : record.ai_evaluation?.status === 2 ? icon3 : icon2"
+              :src="record.ai_evaluate?.status === 1 ? icon4 : record.ai_evaluate?.status === 2 ? icon3 : icon2"
               class="mr-8px icon"
             />
             <div>
-              <p class="cts">{{ record.ai_evaluation?.text }}</p>
+              <p class="cts">{{ record.ai_evaluate?.advise }}</p>
               <p class="cts text-12px lh-20px !color-#939499">
-                {{ `观看: ${record.ai_evaluation?.look_chain}%  点赞: ${record.ai_evaluation?.like_chain}%` }}
+                {{ `观看: ${record.week_view_chain}%  点赞: ${record.week_like_chain}%` }}
               </p>
             </div>
           </div>
@@ -101,14 +101,24 @@
           <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
         </template>
 
-        <template v-else-if="['view_chain', 'like_chain'].includes(column.dataIndex)" #cell="{ record }">
+        <template
+          v-else-if="
+            ['week_view_chain', 'month_view_chain', 'week_like_chain', 'month_like_chain'].includes(column.dataIndex)
+          "
+          #cell="{ record }"
+        >
           <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
             <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
             <icon-arrow-down v-else size="16" />
             {{ formatTableField(column, record) }}
           </div>
         </template>
-        <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
+        <template
+          v-else-if="
+            ['newest_work_title_and_publish_time', 'second_new_work_title_and_publish_time'].includes(column.dataIndex)
+          "
+          #cell="{ record }"
+        >
           <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
           <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
         </template>
@@ -120,16 +130,17 @@
     </template>
   </a-table>
 
-  <CustomTableColumnModal ref="customTableColumnModalRef" type="media_account" @success="onCustomColumnSuccess" />
+  <CustomTableColumnModal ref="customTableColumnModalRef" :type="CUSTOM_COLUMN_TYPE" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
 
-import { STATUS_LIST } from '../../constants';
+import { getCustomColumns } from '@/api/all/common';
+import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
 import { formatTableField, formatNumberShow } from '@/utils/tools';
-import { TABLE_COLUMNS } from './constants';
+import { getDefaultColumns } from './constants';
 import CustomTableColumnModal from '@/components/custom-table-column-modal';
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
@@ -147,11 +158,14 @@ const props = defineProps({
 
 const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
 
+const CUSTOM_COLUMN_TYPE = 'media_account';
+
 const router = useRouter();
 
 const selectedItems = ref([]);
 const tableRef = ref(null);
 const customTableColumnModalRef = ref(null);
+const selectedColumns = ref([]);
 
 const checkedAll = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
@@ -165,6 +179,18 @@ const rowSelection = computed(() => ({
   showCheckedAll: true,
 }));
 
+const tableColumns = computed(() => {
+  const _result = [];
+  const _columns = getDefaultColumns();
+  selectedColumns.value.forEach((item) => {
+    const _column = _columns.find((_item) => _item.prop === item);
+    if (_column) {
+      _result.push(_column);
+    }
+  });
+  return _result;
+});
+
 const handleSelectAll = (checked) => {
   if (checked) {
     selectedItems.value = props.dataSource.map((item) => item.id);
@@ -201,13 +227,26 @@ const openCustomColumn = () => {
   customTableColumnModalRef.value.open();
 };
 
-const onCustomColumnSuccess = (selectedColumns) => {
-  console.log(selectedColumns);
+const onCustomColumnSuccess = (columns) => {
+  selectedColumns.value = columns;
+};
+
+const getSelectedColumns = () => {
+  getCustomColumns({ type: CUSTOM_COLUMN_TYPE }).then((res) => {
+    const { code, data } = res;
+    if (code === 200) {
+      selectedColumns.value = data.selected_columns;
+    }
+  });
 };
 
 defineExpose({
   resetTable,
 });
+
+onMounted(() => {
+  getSelectedColumns();
+});
 </script>
 
 <style scoped lang="scss">
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 74c478a..30db154 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
@@ -19,27 +19,19 @@
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
         <a-space class="w-200px">
-          <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+          <GroupSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">状态</span>
         <a-space class="w-180px">
-          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
-              item.text
-            }}</a-option>
-          </a-select>
+          <StatusSelect v-model="query.status" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
-              item.name
-            }}</a-option>
-          </a-select>
+          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
 
@@ -62,8 +54,9 @@
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
 import { fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
-import GroupSelect from '../group-select/index.vue';
-import { STATUS_LIST } from '@/views/property-marketing/media-account/account-dashboard/constants';
+import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
+import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select';
+import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
 
 const props = defineProps({
   query: {
@@ -100,8 +93,8 @@ const getOperators = async () => {
 };
 
 onMounted(() => {
-  // getGroups();
-  // getOperators();
+  getGroups();
+  getOperators();
 });
 </script>
 
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 ea36b1c..b054c2a 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -43,54 +43,3 @@ export const INITIAL_QUERY = {
   column: '',
   order: '',
 };
-
-export enum EnumStatus {
-  NORMAL = 1,
-  PAUSE = 3,
-  UNAUTHORIZED = 0,
-  ABNORMAL = 2,
-  ABNORMAL_LOGIN = 4,
-  ABNORMAL_REQUEST = 5,
-  ABNORMAL_FREEZE = 6,
-}
-
-export const STATUS_LIST = [
-  {
-    text: '正常',
-    label: '正常',
-    value: EnumStatus.NORMAL,
-  },
-  {
-    text: '暂停同步',
-    label: '暂停同步',
-    value: EnumStatus.PAUSE,
-  },
-  {
-    text: '未授权',
-    label: '未授权',
-    value: EnumStatus.UNAUTHORIZED,
-  },
-  {
-    text: '异常',
-    label: '异常',
-    value: EnumStatus.ABNORMAL,
-  },
-  {
-    text: '异常-登录状态失效',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_LOGIN,
-    tooltip: '登录状态失效，需重新扫码授权',
-  },
-  {
-    text: '异常-请求过于频繁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_REQUEST,
-    tooltip: '请求过于频繁，需等待24小时后重试',
-  },
-  {
-    text: '异常-账号被冻结/封禁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_FREEZE,
-    tooltip: '账号被冻结/封禁',
-  },
-];
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 135950c..6b18086 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -98,7 +98,8 @@
 
 <script setup>
 import { defineProps, ref, computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '../../constants';
+import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
+
 import PauseAccountPatchModal from './pause-account-patch';
 import StatusBox from '../status-box';
 import ReauthorizeAccountModal from '../reauthorize-account-modal';
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 63b804d..b837250 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -123,8 +123,8 @@
 
 <script setup>
 import { ref, reactive, onMounted } from 'vue';
-import TagSelect from '../tag-select';
-import GroupSelect from '../group-select';
+import TagSelect from '@/views/property-marketing/media-account/components/tag-select';
+import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
 import AuthorizedAccountModal from '../authorized-account-modal';
 import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
@@ -205,25 +205,17 @@ const confirmBtnText = computed(() => {
 
 // 获取分组数据
 const getGroups = async () => {
-  try {
-    const { code, data } = await fetchAccountGroups();
-    if (code === 200) {
-      groupOptions.value = data;
-    }
-  } catch (error) {
-    console.error('获取分组列表失败:', error);
+  const { code, data } = await fetchAccountGroups();
+  if (code === 200) {
+    groupOptions.value = data;
   }
 };
 
 // 获取标签数据
 const getTags = async () => {
-  try {
-    const { code, data } = await fetchAccountTags();
-    if (code === 200) {
-      tagOptions.value = data;
-    }
-  } catch (error) {
-    console.error('获取标签列表失败:', error);
+  const { code, data } = await fetchAccountTags();
+  if (code === 200) {
+    tagOptions.value = data;
   }
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index 3094cc4..0044051 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -47,7 +47,7 @@
             <a-table-column title="选择分组" data-index="group_id">
               <template #cell="{ record }">
                 <div class="flex items-center w-100%">
-                  <a-select v-model="record.group_id" :options="groupOptions" placeholder="请选择..." />
+                  <GroupSelect v-model="record.group_id" :options="groupOptions" />
                 </div>
               </template>
             </a-table-column>
@@ -65,6 +65,7 @@
 <script setup>
 import { ref, reactive } from 'vue';
 import { fetchAccountGroups, batchPutGroup } from '@/api/all/propertyMarketing';
+import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
 
 import icon1 from '@/assets/img/icon-question.png';
 
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 a2b2d8b..f202ca7 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
@@ -26,11 +26,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">状态</span>
         <a-space class="w-180px">
-          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
-              item.text
-            }}</a-option>
-          </a-select>
+          <StatusSelect v-model="query.status" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
@@ -46,11 +42,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
-              item.name
-            }}</a-option>
-          </a-select>
+          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -58,13 +50,13 @@
       <div class="filter-row-item flex items-center">
         <span class="label">分组</span>
         <a-space class="w-200px">
-          <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
+          <GroupSelect v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">标签</span>
         <a-space class="w-320px">
-          <tag-select v-model="query.tag_ids" :options="tags" @change="handleSearch" />
+          <TagSelect v-model="query.tag_ids" :options="tags" @change="handleSearch" />
         </a-space>
       </div>
       <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
@@ -86,13 +78,12 @@
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
 import { fetchAccountTags, fetchAccountGroups, fetchAccountOperators } from '@/api/all/propertyMarketing';
-import TagSelect from '../tag-select/index.vue';
-import GroupSelect from '../group-select/index.vue';
-import {
-  INITIAL_QUERY,
-  PLATFORM_LIST,
-  STATUS_LIST,
-} from '@/views/property-marketing/media-account/account-manage/constants';
+import TagSelect from '@/views/property-marketing/media-account/components/tag-select';
+import GroupSelect from '@/views/property-marketing/media-account/components/group-select';
+import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select';
+import StatusSelect from '@/views/property-marketing/media-account/components/status-select';
+
+import { INITIAL_QUERY, PLATFORM_LIST } from '@/views/property-marketing/media-account/account-manage/constants';
 
 const props = defineProps({
   query: {
diff --git a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
index c1ea4dd..e3cdb36 100644
--- a/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/status-box/index.vue
@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '../../constants';
+import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/media-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
diff --git a/src/views/property-marketing/media-account/account-manage/constants.ts b/src/views/property-marketing/media-account/account-manage/constants.ts
index f9f572a..a931f03 100644
--- a/src/views/property-marketing/media-account/account-manage/constants.ts
+++ b/src/views/property-marketing/media-account/account-manage/constants.ts
@@ -27,60 +27,3 @@ export const PLATFORM_LIST = [
     value: 1,
   },
 ];
-
-export enum EnumStatus {
-  UNAUTHORIZED = 0,
-  NORMAL = 1,
-  ABNORMAL = 2,
-  PAUSE = 3,
-  ABNORMAL_LOGIN = 4,
-  ABNORMAL_REQUEST = 5,
-  ABNORMAL_FREEZE = 6,
-  ABNORMAL_MISSING = 7,
-}
-
-export const STATUS_LIST = [
-  {
-    text: '正常',
-    label: '正常',
-    value: EnumStatus.NORMAL,
-  },
-  {
-    text: '暂停同步',
-    label: '暂停同步',
-    value: EnumStatus.PAUSE,
-  },
-  {
-    text: '未授权',
-    label: '未授权',
-    value: EnumStatus.UNAUTHORIZED,
-  },
-  {
-    text: '异常',
-    label: '异常',
-    value: EnumStatus.ABNORMAL,
-  },
-  {
-    text: '数据缺失',
-    label: '数据缺失',
-    value: EnumStatus.ABNORMAL_MISSING,
-  },
-  {
-    text: '异常-登录状态失效',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_LOGIN,
-    tooltip: '登录状态失效，需重新扫码授权',
-  },
-  {
-    text: '异常-请求过于频繁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_REQUEST,
-    tooltip: '请求过于频繁，需等待24小时后重试',
-  },
-  {
-    text: '异常-账号被冻结/封禁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_FREEZE,
-    tooltip: '账号被冻结/封禁',
-  },
-];
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 87e4a26..3886b84 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -32,8 +32,9 @@
     </div>
 
     <div
+      v-if="dataSource.length > 0"
       class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="selectedItems.length > 0 ? 'selected' : isNormalStatus ? 'normal' : 'abnormal'"
+      :class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'"
     >
       <div class="flex items-center">
         <div class="flex items-center">
@@ -55,14 +56,8 @@
             <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
           </template>
           <template v-else>
-            <img :src="isNormalStatus ? icon4 : icon5" width="16" height="16" class="mr-8px" />
-            <span class="label">
-              {{
-                isNormalStatus
-                  ? '太棒啦！所有账号都在正常运行。'
-                  : `共有 12 个账号存在授权异常，其中：7 个已掉线，5 个已超过 5 天未登录，有掉线风险。`
-              }}
-            </span>
+            <img :src="isAbNormalStatus ? icon5 : icon4" width="16" height="16" class="mr-8px" />
+            <span class="label"> {{ tipLabel }} </span>
           </template>
         </div>
       </div>
@@ -71,7 +66,7 @@
         <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
       </template>
       <div v-else>
-        <a-space v-if="isAbnormalStatus" class="flex items-center">
+        <a-space v-if="isAbNormalStatus" class="flex items-center">
           <a-button class="w-96px err-btn" size="mini" @click="handleOpenAbnormalAccount">
             <template #default>查看异常账号</template>
           </a-button>
@@ -126,7 +121,7 @@ import BatchTagModal from './components/batch-tag-modal';
 import BatchGroupModal from './components/batch-group-modal';
 
 import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
-import { getMediaAccounts } from '@/api/all/propertyMarketing';
+import { getMediaAccounts, getMediaAccountsHealth } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon2 from '@/assets/img/media-account/icon-group.png';
@@ -143,24 +138,61 @@ const batchTagModalRef = ref(null);
 const batchGroupModalRef = ref(null);
 const filterBlockRef = ref(null);
 
-const tipStatus = ref(2);
 const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const selectedItems = ref([]);
+const healthData = ref({});
+
+const isAbNormalStatus = computed(() => healthData.value?.abnormal_number > 0);
 
-const isNormalStatus = computed(() => tipStatus.value === 1);
-const isAbnormalStatus = computed(() => tipStatus.value === 2);
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
 const indeterminate = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
 );
 
+const tipLabel = computed(() => {
+  if (!isAbNormalStatus.value) {
+    return '太棒啦！所有账号都在正常运行。';
+  }
+
+  const {
+    abnormal_number = 0,
+    login_invalid_number = 0,
+    too_many_requests_number = 0,
+    account_frozen_number = 0,
+  } = healthData.value;
+
+  // 定义异常类型映射
+  const abnormalTypes = [
+    { count: login_invalid_number, label: 'cookie过期' },
+    { count: too_many_requests_number, label: '已请求频繁' },
+    { count: account_frozen_number, label: '账号被封' },
+  ];
+
+  // 过滤出有异常的项并格式化
+  const abnormalLabels = abnormalTypes.filter(({ count }) => count > 0).map(({ count, label }) => `${count}个${label}`);
+
+  return `共有 ${abnormal_number} 个账号存在授权异常，其中：${abnormalLabels.join('，')}。`;
+});
+
 onMounted(() => {
   getData();
 });
 
-const getData = async () => {
+const getData = () => {
+  getHealthData();
+  getAccountData();
+};
+
+const getHealthData = async () => {
+  const { code, data } = await getMediaAccountsHealth();
+  if (code === 200) {
+    healthData.value = data;
+    console.log(healthData.value);
+  }
+};
+const getAccountData = async () => {
   const { page, pageSize } = pageInfo.value;
   const { code, data } = await getMediaAccounts({
     page,
@@ -217,12 +249,12 @@ const handleChangeAll = (checked) => {
 };
 const handleBatchDelete = () => {
   const ids = selectedItems.value.map((item) => item.id);
-  const names = selectedItems.value.map((item) => `“${item.name || '-'}”`).join('，');
+  const names = selectedItems.value.map((item) => `"${item.name || '-'}"`).join('，');
   deleteAccountRef.value?.open({ id: ids, name: names });
 };
 const handleDelete = (item) => {
   const { id, name } = item;
-  deleteAccountRef.value?.open({ id, name: `“${name || '-'}”` });
+  deleteAccountRef.value?.open({ id, name: `"${name || '-'}"` });
 };
 const handleCloseTip = () => {
   selectedItems.value = [];
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue b/src/views/property-marketing/media-account/components/group-select/index.vue
similarity index 99%
rename from src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue
rename to src/views/property-marketing/media-account/components/group-select/index.vue
index a736c92..a441bfb 100644
--- a/src/views/property-marketing/media-account/account-dashboard/components/group-select/index.vue
+++ b/src/views/property-marketing/media-account/components/group-select/index.vue
@@ -51,7 +51,6 @@ watch(
   },
   { immediate: true },
 );
-
 // 监听内部值变化，向外部发送更新
 watch(selectedGroups, (newVal) => {
   emits('update:modelValue', newVal);
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-select/index.vue b/src/views/property-marketing/media-account/components/operator-select/index.vue
similarity index 82%
rename from src/views/property-marketing/media-account/account-manage/components/group-select/index.vue
rename to src/views/property-marketing/media-account/components/operator-select/index.vue
index a736c92..2c50673 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-select/index.vue
+++ b/src/views/property-marketing/media-account/components/operator-select/index.vue
@@ -4,7 +4,7 @@
 -->
 <template>
   <a-select
-    v-model="selectedGroups"
+    v-model="selectedOperators"
     :multiple="multiple"
     size="medium"
     :placeholder="placeholder"
@@ -27,7 +27,7 @@ const props = defineProps({
   },
   multiple: {
     type: Boolean,
-    default: true,
+    default: false,
   },
   placeholder: {
     type: String,
@@ -41,24 +41,24 @@ const props = defineProps({
 
 const emits = defineEmits(['update:modelValue', 'change']);
 
-const selectedGroups = ref(props.multiple ? [] : '');
+const selectedOperators = ref(props.multiple ? [] : '');
 
 // 监听外部传入的值变化
 watch(
   () => props.modelValue,
   (newVal) => {
-    selectedGroups.value = newVal;
+    selectedOperators.value = newVal;
   },
   { immediate: true },
 );
 
 // 监听内部值变化，向外部发送更新
-watch(selectedGroups, (newVal) => {
+watch(selectedOperators, (newVal) => {
   emits('update:modelValue', newVal);
 });
 
 const handleChange = (value) => {
-  selectedGroups.value = value;
+  selectedOperators.value = value;
   emits('change', value);
 };
 </script>
diff --git a/src/views/property-marketing/media-account/components/status-select/constants.ts b/src/views/property-marketing/media-account/components/status-select/constants.ts
new file mode 100644
index 0000000..4713f42
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/status-select/constants.ts
@@ -0,0 +1,60 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 11:18:11
+ */
+export enum EnumStatus {
+  UNAUTHORIZED = 0,
+  NORMAL = 1,
+  ABNORMAL = 2,
+  PAUSE = 3,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+  ABNORMAL_MISSING = 7,
+}
+
+export const STATUS_LIST = [
+  {
+    text: '正常',
+    label: '正常',
+    value: EnumStatus.NORMAL,
+  },
+  {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
+    label: '异常',
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '数据缺失',
+    label: '数据缺失',
+    value: EnumStatus.ABNORMAL_MISSING,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
+  },
+];
diff --git a/src/views/property-marketing/media-account/components/status-select/index.vue b/src/views/property-marketing/media-account/components/status-select/index.vue
new file mode 100644
index 0000000..ff8be64
--- /dev/null
+++ b/src/views/property-marketing/media-account/components/status-select/index.vue
@@ -0,0 +1,60 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedStatus"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
+      {{ item.text }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+import { STATUS_LIST } from './constants';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedStatus = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedStatus.value = newVal;
+  },
+  { immediate: true },
+);
+// 监听内部值变化，向外部发送更新
+watch(selectedStatus, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedStatus.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/src/views/property-marketing/media-account/account-manage/components/tag-select/index.vue b/src/views/property-marketing/media-account/components/tag-select/index.vue
similarity index 100%
rename from src/views/property-marketing/media-account/account-manage/components/tag-select/index.vue
rename to src/views/property-marketing/media-account/components/tag-select/index.vue
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 772a651..eae376e 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
@@ -6,29 +6,33 @@ export const TABLE_COLUMNS = [
   {
     title: '账户名称',
     dataIndex: 'name',
+    prop: 'name',
     width: 180,
     fixed: 'left',
   },
-  {
-    title: '项目分组',
-    dataIndex: 'group.name',
-    width: 180,
-    fixed: 'left',
-  },
+  // {
+  //   title: '项目分组',
+  //   dataIndex: 'group.name',
+  //   width: 180,
+  //   fixed: 'left',
+  // },
   {
     title: '状态',
     dataIndex: 'status',
+    prop: 'status',
     width: 180,
     fixed: 'left',
   },
   {
     title: '运营人员',
     dataIndex: 'operator.name',
+    prop: 'operator',
     width: 180,
   },
   {
     title: '账户总消耗',
     dataIndex: 'total_consumption',
+    prop: 'total_consumption',
     width: 180,
     tooltip: '账号总消耗',
     prefix: '¥',
@@ -40,6 +44,7 @@ export const TABLE_COLUMNS = [
   {
     title: '账户余额',
     dataIndex: 'balance',
+    prop: 'balance',
     width: 180,
     tooltip: '账号余额',
     prefix: '¥',
@@ -51,11 +56,13 @@ export const TABLE_COLUMNS = [
   {
     title: 'AI评价',
     dataIndex: 'ai_evaluation',
+    prop: 'ai_evaluation',
     width: 260,
   },
   {
     title: 'ROI',
     dataIndex: 'roi',
+    prop: 'roi',
     width: 180,
     tooltip: '账号ROI',
     align: 'right',
@@ -66,6 +73,7 @@ export const TABLE_COLUMNS = [
   {
     title: 'ROI环比',
     dataIndex: 'roi_chain',
+    prop: 'roi_chain',
     width: 180,
     tooltip: '相比上一周期的ROI变化百分比',
     align: 'right',
@@ -77,6 +85,7 @@ export const TABLE_COLUMNS = [
   {
     title: 'CPA',
     dataIndex: 'cpa',
+    prop: 'cpa',
     width: 180,
     tooltip: '账号CPA',
     align: 'right',
@@ -87,6 +96,7 @@ export const TABLE_COLUMNS = [
   {
     title: 'CPA环比',
     dataIndex: 'roi_chain',
+    prop: 'roi_chain',
     width: 180,
     tooltip: '相比上一周期的CPA变化百分比',
     align: 'right',
@@ -98,6 +108,7 @@ export const TABLE_COLUMNS = [
   {
     title: '转化数',
     dataIndex: 'conversion_number',
+    prop: 'conversion_number',
     width: 180,
     tooltip: '账号转化数',
     align: 'right',
@@ -108,6 +119,7 @@ export const TABLE_COLUMNS = [
   {
     title: '转化数环比',
     dataIndex: 'conversion_chain',
+    prop: 'conversion_chain',
     width: 180,
     tooltip: '相比上一周期的转化数变化百分比',
     align: 'right',
@@ -119,6 +131,7 @@ export const TABLE_COLUMNS = [
   {
     title: 'CVR',
     dataIndex: 'conversion_rate',
+    prop: 'conversion_rate',
     width: 180,
     tooltip: '账号转化率',
     align: 'right',
@@ -129,6 +142,7 @@ export const TABLE_COLUMNS = [
   {
     title: 'CVR环比',
     dataIndex: 'conversion_rate_chain',
+    prop: 'conversion_rate_chain',
     width: 180,
     tooltip: '相比上一周期的CVR变化百分比',
     align: 'right',
@@ -140,12 +154,14 @@ export const TABLE_COLUMNS = [
   {
     title: '最新投放计划标题/日期',
     dataIndex: 'like_chain1',
+    prop: 'like_chain1',
     width: 260,
     tooltip: '最新发布内容的标题和发布日期',
   },
   {
     title: '最新投放计划表现',
     dataIndex: 'latest_plan_performance',
+    prop: 'latest_plan_performance',
     width: 180,
     tooltip: '最新投放计划表现',
     align: 'right',
@@ -157,6 +173,7 @@ export const TABLE_COLUMNS = [
   {
     title: '展示量',
     dataIndex: 'view_number',
+    prop: 'view_number',
     width: 180,
     tooltip: '账号所有内容的总展示次数',
     align: 'right',
@@ -167,6 +184,7 @@ export const TABLE_COLUMNS = [
   {
     title: '点击量',
     dataIndex: 'click_number',
+    prop: 'click_number',
     width: 180,
     tooltip: '账号所有内容的总点击次数',
     align: 'right',
@@ -177,6 +195,7 @@ export const TABLE_COLUMNS = [
   {
     title: '点击率',
     dataIndex: 'click_rate',
+    prop: 'click_rate',
     width: 180,
     tooltip: '账号所有内容的总点击率',
     align: 'right',
@@ -187,6 +206,7 @@ export const TABLE_COLUMNS = [
   {
     title: '平均点击成本',
     dataIndex: 'avg_click_cost',
+    prop: 'avg_click_cost',
     width: 180,
     tooltip: '账号所有内容的平均点击成本',
     align: 'right',
@@ -197,6 +217,7 @@ export const TABLE_COLUMNS = [
   {
     title: '千次展现费用',
     dataIndex: 'cost_per_thousand_views',
+    prop: 'cost_per_thousand_views',
     width: 180,
     prefix: '¥',
     tooltip: '账号所有内容的千次展现费用',
@@ -208,6 +229,7 @@ export const TABLE_COLUMNS = [
   {
     title: '平均转化成本',
     dataIndex: 'avg_conversion_cost',
+    prop: 'avg_conversion_cost',
     width: 180,
     prefix: '¥',
     tooltip: '账号所有内容的平均转化成本',
@@ -219,6 +241,7 @@ export const TABLE_COLUMNS = [
   {
     title: '深度转化数',
     dataIndex: 'deep_conversion_number',
+    prop: 'deep_conversion_number',
     width: 180,
     tooltip: '账号所有内容的总深度转化次数',
     align: 'right',
@@ -229,6 +252,7 @@ export const TABLE_COLUMNS = [
   {
     title: '深度转化率',
     dataIndex: 'deep_conversion_rate',
+    prop: 'deep_conversion_rate',
     width: 180,
     tooltip: '账号所有内容的总深度转化率',
     align: 'right',
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index 978bd66..8e543a7 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -48,7 +48,7 @@
     </template>
     <template #columns>
       <a-table-column
-        v-for="column in getColumns()"
+        v-for="column in tableColumns"
         :key="column.dataIndex"
         :data-index="column.dataIndex"
         :fixed="column.fixed"
@@ -130,16 +130,17 @@
     </template>
   </a-table>
 
-  <CustomTableColumnModal ref="modalRef" type="placement_account" @success="onCustomColumnSuccess" />
+  <CustomTableColumnModal ref="modalRef" :type="CUSTOM_COLUMN_TYPE" @success="onCustomColumnSuccess" />
 </template>
 
 <script setup>
 import { ref, computed } from 'vue';
-import { STATUS_LIST } from '../../constants';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
 import { formatTableField } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
 import CustomTableColumnModal from '@/components/custom-table-column-modal';
+import { getCustomColumns } from '@/api/all/common';
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
@@ -156,11 +157,14 @@ const props = defineProps({
 
 const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
 
+const CUSTOM_COLUMN_TYPE = 'placement_account';
+
 const router = useRouter();
 
 const selectedItems = ref([]);
 const tableRef = ref(null);
 const modalRef = ref(null);
+const selectedColumns = ref([]);
 
 const checkedAll = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
@@ -200,10 +204,18 @@ const handleSelect = (selectedRowKeys, selectedRows) => {
 const handleExport = () => {
   emit('export');
 };
-const getColumns = () => {
-  const columns = cloneDeep(TABLE_COLUMNS);
-  return columns;
-};
+
+const tableColumns = computed(() => {
+  const _result = [];
+  const _columns = cloneDeep(TABLE_COLUMNS);
+  selectedColumns.value.forEach((item) => {
+    const _column = _columns.find((_item) => _item.prop === item);
+    if (_column) {
+      _result.push(_column);
+    }
+  });
+  return _result;
+});
 
 const resetTable = () => {
   selectedItems.value = [];
@@ -214,10 +226,23 @@ const openCustomColumn = () => {
   modalRef.value.open();
 };
 
-const onCustomColumnSuccess = (selectedColumns) => {
-  console.log(selectedColumns);
+const onCustomColumnSuccess = (columns) => {
+  selectedColumns.value = columns;
 };
 
+const getSelectedColumns = () => {
+  getCustomColumns({ type: CUSTOM_COLUMN_TYPE }).then((res) => {
+    const { code, data } = res;
+    if (code === 200) {
+      selectedColumns.value = data.selected_columns;
+    }
+  });
+};
+
+onMounted(() => {
+  getSelectedColumns();
+});
+
 defineExpose({
   resetTable,
 });
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 6f231ef..1057c08 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
@@ -7,7 +7,7 @@
   <div class="container px-24px">
     <div class="filter-row flex mb-20px">
       <div class="filter-row-item flex items-center">
-        <span class="label">账户名称</span>
+        <span class="label">{{ isAccountTab ? '账户名称' : '计划名称' }}</span>
         <a-space size="medium" class="w-240px">
           <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
             <template #prefix>
@@ -16,7 +16,7 @@
           </a-input>
         </a-space>
       </div>
-      <div class="filter-row-item flex items-center">
+      <div v-if="!isAccountTab" class="filter-row-item flex items-center">
         <span class="label">计划分组</span>
         <a-space class="w-200px">
           <group-select v-model="query.group_ids" multiple :options="groups" @change="handleSearch" />
@@ -25,21 +25,13 @@
       <div class="filter-row-item flex items-center">
         <span class="label">状态</span>
         <a-space class="w-180px">
-          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
-              item.text
-            }}</a-option>
-          </a-select>
+          <StatusSelect v-model="query.status" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
-              item.name
-            }}</a-option>
-          </a-select>
+          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -75,14 +67,20 @@
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
 import { getPlacementAccountProjectGroupsList, getPlacementAccountOperators } from '@/api/all/propertyMarketing';
-import GroupSelect from '../group-select/index.vue';
-import { STATUS_LIST } from '../../constants';
+import GroupSelect from '../group-select';
+
+import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
+import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
 
 const props = defineProps({
   query: {
     type: Object,
     required: true,
   },
+  isAccountTab: {
+    type: Boolean,
+    default: false,
+  },
 });
 
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
@@ -100,7 +98,6 @@ const handleReset = () => {
 };
 
 const getGroups = async () => {
-  console.log('getGroups');
   const { code, data } = await getPlacementAccountProjectGroupsList();
   if (code === 200) {
     groups.value = data;
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
new file mode 100644
index 0000000..6b0ffa0
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/constants.ts
@@ -0,0 +1,264 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-28 10:33:06
+ */
+export const TABLE_COLUMNS = [
+  {
+    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: '账户总消耗',
+    dataIndex: 'total_consumption',
+    prop: 'total_consumption',
+    width: 180,
+    tooltip: '账号总消耗',
+    prefix: '¥',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '账户余额',
+    dataIndex: 'balance',
+    prop: 'balance',
+    width: 180,
+    tooltip: '账号余额',
+    prefix: '¥',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'AI评价',
+    dataIndex: 'ai_evaluation',
+    prop: 'ai_evaluation',
+    width: 260,
+  },
+  {
+    title: 'ROI',
+    dataIndex: 'roi',
+    prop: 'roi',
+    width: 180,
+    tooltip: '账号ROI',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'ROI环比',
+    dataIndex: 'roi_chain',
+    prop: 'roi_chain',
+    width: 180,
+    tooltip: '相比上一周期的ROI变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CPA',
+    dataIndex: 'cpa',
+    prop: 'cpa',
+    width: 180,
+    tooltip: '账号CPA',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CPA环比',
+    dataIndex: 'roi_chain',
+    prop: 'roi_chain',
+    width: 180,
+    tooltip: '相比上一周期的CPA变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '转化数',
+    dataIndex: 'conversion_number',
+    prop: 'conversion_number',
+    width: 180,
+    tooltip: '账号转化数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '转化数环比',
+    dataIndex: 'conversion_chain',
+    prop: 'conversion_chain',
+    width: 180,
+    tooltip: '相比上一周期的转化数变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CVR',
+    dataIndex: 'conversion_rate',
+    prop: 'conversion_rate',
+    width: 180,
+    tooltip: '账号转化率',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: 'CVR环比',
+    dataIndex: 'conversion_rate_chain',
+    prop: 'conversion_rate_chain',
+    width: 180,
+    tooltip: '相比上一周期的CVR变化百分比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '最新投放计划标题/日期',
+    dataIndex: 'like_chain1',
+    prop: 'like_chain1',
+    width: 260,
+    tooltip: '最新发布内容的标题和发布日期',
+  },
+  {
+    title: '最新投放计划表现',
+    dataIndex: 'latest_plan_performance',
+    prop: 'latest_plan_performance',
+    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: 'click_number',
+    prop: 'click_number',
+    width: 180,
+    tooltip: '账号所有内容的总点击次数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '点击率',
+    dataIndex: 'click_rate',
+    prop: 'click_rate',
+    width: 180,
+    tooltip: '账号所有内容的总点击率',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '平均点击成本',
+    dataIndex: 'avg_click_cost',
+    prop: 'avg_click_cost',
+    width: 180,
+    tooltip: '账号所有内容的平均点击成本',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '千次展现费用',
+    dataIndex: 'cost_per_thousand_views',
+    prop: 'cost_per_thousand_views',
+    width: 180,
+    prefix: '¥',
+    tooltip: '账号所有内容的千次展现费用',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '平均转化成本',
+    dataIndex: 'avg_conversion_cost',
+    prop: 'avg_conversion_cost',
+    width: 180,
+    prefix: '¥',
+    tooltip: '账号所有内容的平均转化成本',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '深度转化数',
+    dataIndex: 'deep_conversion_number',
+    prop: 'deep_conversion_number',
+    width: 180,
+    tooltip: '账号所有内容的总深度转化次数',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '深度转化率',
+    dataIndex: 'deep_conversion_rate',
+    prop: 'deep_conversion_rate',
+    width: 180,
+    tooltip: '账号所有内容的总深度转化率',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+];
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
new file mode 100644
index 0000000..40184db
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/index.vue
@@ -0,0 +1,253 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-27 18:08:04
+-->
+<template>
+  <div class="action-row mb-12px flex justify-between">
+    <div>
+      <a-checkbox
+        v-if="dataSource.length > 0"
+        :model-value="checkedAll"
+        :indeterminate="indeterminate"
+        class="!pl-13px"
+        @change="handleSelectAll"
+        >全选</a-checkbox
+      >
+    </div>
+
+    <div class="flex items-center">
+      <a-button class="w-110px search-btn mr-12px" size="medium" @click="handleExport">
+        <template #icon> <icon-download /> </template>
+        <template #default>导出数据</template>
+      </a-button>
+      <a-button class="w-110px search-btn" size="medium" @click="openCustomColumn">
+        <template #icon>
+          <img :src="icon1" width="14" height="14" />
+        </template>
+        <template #default>自定义列</template>
+      </a-button>
+    </div>
+  </div>
+
+  <a-table
+    ref="tableRef"
+    :data="dataSource"
+    row-key="id"
+    :row-selection="rowSelection"
+    :selected-keys="selectedItems"
+    :pagination="false"
+    :scroll="{ x: '100%' }"
+    class="plan-table w-100%"
+    bordered
+    @sorter-change="handleSorterChange"
+    @select="handleSelect"
+    @select-all="handleSelectAll"
+  >
+    <template #empty>
+      <NoData />
+    </template>
+    <template #columns>
+      <a-table-column
+        v-for="column in tableColumns"
+        :key="column.dataIndex"
+        :data-index="column.dataIndex"
+        :fixed="column.fixed"
+        :width="column.width"
+        :min-width="column.minWidth"
+        :sortable="column.sortable"
+        :align="column.align"
+        ellipsis
+        tooltip
+      >
+        <template #title>
+          <div class="flex items-center">
+            <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+            <span class="cts mr-4px">{{ column.title }}</span>
+            <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
+              <icon-question-circle class="tooltip-icon color-#737478" size="16" />
+            </a-tooltip>
+          </div>
+        </template>
+
+        <template v-if="column.dataIndex === 'platform'" #cell="{ record }">
+          {{ record.platform === 0 ? '抖音' : record.platform === 1 ? '小红书' : '-' }}
+        </template>
+        <template v-else-if="column.dataIndex === 'status'" #cell="{ record }">
+          <div class="status-tag" :class="`status-tag-${record.status}`">
+            <span class="cts status-tag-text">{{
+              STATUS_LIST.find((item) => item.value === record.status)?.label
+            }}</span>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'ai_evaluation'" #cell="{ record }">
+          <div class="ai-evaluation-row flex">
+            <img
+              width="16"
+              height="16"
+              :src="record.ai_evaluation?.status === 1 ? icon4 : record.ai_evaluation?.status === 2 ? icon3 : icon2"
+              class="mr-8px icon"
+            />
+            <div>
+              <p class="cts">{{ record.ai_evaluation?.text || '-' }}</p>
+              <p class="cts text-12px lh-20px !color-#939499">
+                {{ `ROI: ${record.ai_evaluation?.look_chain}%  CVR: ${record.ai_evaluation?.like_chain}%` }}
+              </p>
+            </div>
+          </div>
+        </template>
+        <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
+          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+        </template>
+
+        <template
+          v-else-if="
+            [
+              'view_chain',
+              'roi_chain',
+              'like_chain',
+              'cpa_chain',
+              'conversion_chain',
+              'conversion_rate_chain',
+            ].includes(column.dataIndex)
+          "
+          #cell="{ record }"
+        >
+          <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
+            <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
+            <icon-arrow-down v-else size="16" />
+            {{ formatTableField(column, record) }}
+          </div>
+        </template>
+        <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
+          <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
+          <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
+        </template>
+
+        <template v-else #cell="{ record }">
+          {{ formatTableField(column, record, true) }}
+        </template>
+      </a-table-column>
+    </template>
+  </a-table>
+
+  <CustomTableColumnModal ref="modalRef" :type="CUSTOM_COLUMN_TYPE" @success="onCustomColumnSuccess" />
+</template>
+
+<script setup>
+import { ref, computed } from 'vue';
+import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
+import { formatTableField } from '@/utils/tools';
+import { TABLE_COLUMNS } from './constants';
+import { useRouter } from 'vue-router';
+import CustomTableColumnModal from '@/components/custom-table-column-modal';
+import { getCustomColumns } from '@/api/all/common';
+
+import icon1 from '@/assets/img/media-account/icon-custom.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/media-account/icon5.png';
+
+const props = defineProps({
+  dataSource: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
+
+const CUSTOM_COLUMN_TYPE = 'placement_account_project';
+
+const router = useRouter();
+
+const selectedItems = ref([]);
+const tableRef = ref(null);
+const modalRef = ref(null);
+const selectedColumns = ref([]);
+
+const checkedAll = computed(
+  () => selectedItems.value.length > 0 && selectedItems.value.length === props.dataSource.length,
+);
+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);
+  } else {
+    selectedItems.value = [];
+  }
+  emit('selectionChange', checked ? selectedItems.value : []);
+};
+
+const handleDetail = (record) => {
+  router.push(`/media-account/detail/${record.id}`);
+};
+
+// 处理排序变化
+const handleSorterChange = (column, order) => {
+  emit('sorterChange', column, order === 'ascend' ? 'asc' : 'desc');
+};
+
+const handleSelect = (selectedRowKeys, selectedRows) => {
+  selectedItems.value = selectedRowKeys;
+  emit('selectionChange', selectedRows);
+};
+
+const handleExport = () => {
+  emit('export');
+};
+
+const tableColumns = computed(() => {
+  const _result = [];
+  const _columns = cloneDeep(TABLE_COLUMNS);
+  selectedColumns.value.forEach((item) => {
+    const _column = _columns.find((_item) => _item.prop === item);
+    if (_column) {
+      _result.push(_column);
+    }
+  });
+  return _result;
+});
+
+const resetTable = () => {
+  selectedItems.value = [];
+  // tableRef.value?.clearSorters();
+};
+
+const openCustomColumn = () => {
+  modalRef.value.open();
+};
+
+const onCustomColumnSuccess = (columns) => {
+  selectedColumns.value = columns;
+};
+
+const getSelectedColumns = () => {
+  getCustomColumns({ type: CUSTOM_COLUMN_TYPE }).then((res) => {
+    const { code, data } = res;
+    if (code === 200) {
+      selectedColumns.value = data.selected_columns;
+    }
+  });
+};
+
+onMounted(() => {
+  getSelectedColumns();
+});
+
+defineExpose({
+  resetTable,
+});
+</script>
+
+<style scoped lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/account-data/components/plan-table/style.scss b/src/views/property-marketing/put-account/account-data/components/plan-table/style.scss
new file mode 100644
index 0000000..48c67af
--- /dev/null
+++ b/src/views/property-marketing/put-account/account-data/components/plan-table/style.scss
@@ -0,0 +1,63 @@
+.action-row {
+  :deep(.arco-btn) {
+    .arco-btn-icon {
+      line-height: 14px;
+    }
+  }
+}
+
+.plan-table {
+  .cts {
+    color: var(--Text-1, #211f24);
+    font-family: 'PuHuiTi-Medium';
+    font-size: 14px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 22px;
+  }
+  .status-tag {
+    width: fit-content;
+    display: flex;
+    height: 28px;
+    padding: 0px 8px;
+    align-items: center;
+    border-radius: 2px;
+    background: var(--Functional-Red-1, #ffe9e7);
+
+    .status-tag-text {
+      color: var(--Functional-Red-6, #f64b31);
+    }
+    &-3 {
+      background: #fff7e5;
+      .status-tag-text {
+        color: var(--Functional-yellow-6, #ffae00);
+      }
+    }
+    &-1 {
+      background: var(--Functional-Green-1, #ebf7f2);
+      .status-tag-text {
+        color: var(--Functional-Green-6, #25c883);
+      }
+    }
+    &-0 {
+      background: var(--BG-200, #f2f3f5);
+      .status-tag-text {
+        color: var(--Text-2, #3c4043);
+      }
+    }
+  }
+  .ai-evaluation-row {
+    .icon {
+      position: relative;
+      top: 1px;
+    }
+  }
+  .rate-row {
+    &.up {
+      color: var(--Functional-Red-6, #f64b31);
+    }
+    &.down {
+      color: var(--Functional-Green-6, #25c883);
+    }
+  }
+}
diff --git a/src/views/property-marketing/put-account/account-data/constants.ts b/src/views/property-marketing/put-account/account-data/constants.ts
index 9d1c490..95b4fa1 100644
--- a/src/views/property-marketing/put-account/account-data/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/constants.ts
@@ -12,54 +12,3 @@ export const INITIAL_QUERY = {
   column: '',
   order: '',
 };
-
-export enum EnumStatus {
-  NORMAL = 1,
-  PAUSE = 3,
-  UNAUTHORIZED = 0,
-  ABNORMAL = 2,
-  ABNORMAL_LOGIN = 4,
-  ABNORMAL_REQUEST = 5,
-  ABNORMAL_FREEZE = 6,
-}
-
-export const STATUS_LIST = [
-  {
-    text: '正常',
-    label: '正常',
-    value: EnumStatus.NORMAL,
-  },
-  {
-    text: '暂停同步',
-    label: '暂停同步',
-    value: EnumStatus.PAUSE,
-  },
-  {
-    text: '未授权',
-    label: '未授权',
-    value: EnumStatus.UNAUTHORIZED,
-  },
-  {
-    text: '异常',
-    label: '异常',
-    value: EnumStatus.ABNORMAL,
-  },
-  {
-    text: '异常-登录状态失效',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_LOGIN,
-    tooltip: '登录状态失效，需重新扫码授权',
-  },
-  {
-    text: '异常-请求过于频繁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_REQUEST,
-    tooltip: '请求过于频繁，需等待24小时后重试',
-  },
-  {
-    text: '异常-账号被冻结/封禁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_FREEZE,
-    tooltip: '账号被冻结/封禁',
-  },
-];
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index d742446..34f580d 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -17,12 +17,19 @@
           </a-button>
         </template>
       </a-tabs>
-      <FilterBlock ref="filterBlockRef" v-model:query="query" @onSearch="getData" @onReset="handleReset" />
+      <FilterBlock
+        ref="filterBlockRef"
+        v-model:query="query"
+        :isAccountTab="isAccountTab"
+        @onSearch="getData"
+        @onReset="handleReset"
+      />
     </div>
     <div
       class="table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px py-24px flex-1 flex flex-col"
     >
-      <BoardTable
+      <component
+        :is="isAccountTab ? BoardTable : PlanTable"
         ref="accountTableRef"
         :dataSource="dataSource"
         @export="handleExport"
@@ -51,6 +58,7 @@
 <script setup>
 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 @@
 
 <script setup>
 import { defineProps, ref, computed } from 'vue';
-import { STATUS_LIST, EnumStatus, PLATFORM_LIST } from '../../constants';
+import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import { EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
+
 import { formatNumberShow } from '@/utils/tools';
 
 import PauseAccountPatchModal from './pause-account-patch';
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index cdc610b..9c6b14e 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -140,7 +140,7 @@ import { ref, defineEmits } from 'vue';
 import AuthorizedAccountModal from '../authorized-account-modal';
 // import ImportPromptModal from '../import-prompt-modal';
 import StatusBox from '../status-box';
-import { PLATFORM_LIST } from '../../constants';
+import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
 
 import {
   postPlacementAccounts,
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 5e16481..a24cfa9 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
@@ -26,11 +26,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">状态</span>
         <a-space class="w-180px">
-          <a-select v-model="query.status" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">{{
-              item.text
-            }}</a-option>
-          </a-select>
+          <StatusSelect v-model="query.status" @change="handleSearch" />
         </a-space>
       </div>
       <div class="filter-row-item flex items-center">
@@ -46,11 +42,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">运营人员</span>
         <a-space class="w-160px">
-          <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-            <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name">{{
-              item.name
-            }}</a-option>
-          </a-select>
+          <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
     </div>
@@ -73,8 +65,10 @@
 
 <script setup>
 import { defineEmits, defineProps } from 'vue';
-import { fetchPlacementAccountOperators } from '@/api/all/propertyMarketing';
-import { PLATFORM_LIST, STATUS_LIST } from '@/views/property-marketing/put-account/account-manage/constants';
+import { getPlacementAccountOperators } from '@/api/all/propertyMarketing';
+import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
+import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
 
 const props = defineProps({
   query: {
@@ -95,7 +89,7 @@ const handleReset = () => {
   emits('onReset');
 };
 const getOperators = async () => {
-  const { code, data } = await fetchPlacementAccountOperators();
+  const { code, data } = await getPlacementAccountOperators();
   if (code === 200) {
     operators.value = data;
   }
diff --git a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
index c29f5cc..d1b5b4c 100644
--- a/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/status-box/index.vue
@@ -13,7 +13,7 @@
 
 <script setup>
 import { computed } from 'vue';
-import { STATUS_LIST, EnumStatus } from '../../constants';
+import { STATUS_LIST, EnumStatus } from '@/views/property-marketing/put-account/components/status-select/constants';
 
 import iconWarn1 from '@/assets/img/media-account/icon-warn-1.png';
 import iconWarn2 from '@/assets/img/media-account/icon-warn-2.png';
diff --git a/src/views/property-marketing/put-account/account-manage/constants.ts b/src/views/property-marketing/put-account/account-manage/constants.ts
index f1e45f0..be17120 100644
--- a/src/views/property-marketing/put-account/account-manage/constants.ts
+++ b/src/views/property-marketing/put-account/account-manage/constants.ts
@@ -2,9 +2,6 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-25 15:24:59
  */
-import icon1 from '@/assets/img/media-account/icon-jl.png';
-import icon2 from '@/assets/img/media-account/icon-jg.png';
-import icon3 from '@/assets/img/media-account/icon-bili.png';
 
 export const INITIAL_QUERY = {
   search: '',
@@ -12,78 +9,3 @@ export const INITIAL_QUERY = {
   platform: '',
   operator_id: '',
 };
-
-export const PLATFORM_LIST = [
-  {
-    label: '巨量',
-    value: 0,
-    icon: icon1,
-  },
-  {
-    label: '聚光',
-    value: 1,
-    icon: icon2,
-  },
-  {
-    label: 'B站',
-    value: 2,
-    icon: icon3,
-  },
-];
-
-export enum EnumStatus {
-  UNAUTHORIZED = 0,
-  NORMAL = 1,
-  PAUSE = 2,
-  ABNORMAL = 3,
-  ABNORMAL_LOGIN = 4,
-  ABNORMAL_REQUEST = 5,
-  ABNORMAL_FREEZE = 6,
-  ABNORMAL_MISSING = 7,
-}
-
-export const STATUS_LIST = [
-  {
-    text: '正常',
-    label: '正常',
-    value: EnumStatus.NORMAL,
-  },
-  {
-    text: '暂停同步',
-    label: '暂停同步',
-    value: EnumStatus.PAUSE,
-  },
-  {
-    text: '未授权',
-    label: '未授权',
-    value: EnumStatus.UNAUTHORIZED,
-  },
-  {
-    text: '异常',
-    label: '异常',
-    value: EnumStatus.ABNORMAL,
-  },
-  {
-    text: '异常-登录状态失效',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_LOGIN,
-    tooltip: '登录状态失效，需重新扫码授权',
-  },
-  {
-    text: '异常-请求过于频繁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_REQUEST,
-    tooltip: '请求过于频繁，需等待24小时后重试',
-  },
-  {
-    text: '异常-账号被冻结/封禁',
-    label: '异常',
-    value: EnumStatus.ABNORMAL_FREEZE,
-    tooltip: '账号被冻结/封禁',
-  },
-  {
-    text: '数据缺失',
-    label: '数据缺失',
-    value: EnumStatus.ABNORMAL_MISSING,
-  },
-];
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 394bdca..1355caf 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -22,7 +22,7 @@
     <div
       v-if="dataSource.length > 0"
       class="tip-row flex justify-between px-16px py-10px w-100% my-12px h-42px"
-      :class="selectedItems.length > 0 ? 'selected' : 'normal'"
+      :class="selectedItems.length > 0 ? 'selected' : isAbNormalStatus ? 'abnormal' : 'normal'"
     >
       <div class="flex items-center">
         <div class="flex items-center">
@@ -42,8 +42,8 @@
             <span class="operation-btn red" @click="handleBatchDelete"> 批量删除 </span>
           </template>
           <template v-else>
-            <img :src="icon4" width="16" height="16" class="mr-8px" />
-            <span class="label"> 太棒啦！所有账号都在正常运行。 </span>
+            <img :src="isAbNormalStatus ? icon5 : icon4" width="16" height="16" class="mr-8px" />
+            <span class="label"> {{ tipLabel }} </span>
           </template>
         </div>
       </div>
@@ -51,6 +51,13 @@
       <template v-if="selectedItems.length > 0">
         <img :src="icon6" width="16" height="16" class="cursor-pointer" @click="handleCloseTip" />
       </template>
+      <div v-else>
+        <a-space v-if="isAbNormalStatus" class="flex items-center">
+          <a-button class="w-96px err-btn" size="mini" @click="handleOpenAbnormalAccount">
+            <template #default>查看异常账号</template>
+          </a-button>
+        </a-space>
+      </div>
     </div>
     <div class="card-wrap">
       <AccountTable
@@ -93,7 +100,7 @@ import AddAccountModal from './components/add-account-modal';
 import DeleteAccountModal from './components/account-table/delete-account';
 
 import { INITIAL_QUERY } from './constants';
-import { getPlacementAccounts } from '@/api/all/propertyMarketing';
+import { getPlacementAccounts, getPlacementAccountsHealth } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-add.png';
 import icon4 from '@/assets/img/media-account/icon-success.png';
@@ -113,17 +120,57 @@ const pageInfo = ref({
 const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
 const selectedItems = ref([]);
+const healthData = ref({});
+
+const isAbNormalStatus = computed(() => healthData.value?.abnormal_number > 0);
 
 const checkedAll = computed(() => selectedItems.value.length === dataSource.value.length);
 const indeterminate = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length < dataSource.value.length,
 );
 
+const tipLabel = computed(() => {
+  if (!isAbNormalStatus.value) {
+    return '太棒啦！所有账号都在正常运行。';
+  }
+
+  const {
+    abnormal_number = 0,
+    login_invalid_number = 0,
+    too_many_requests_number = 0,
+    account_frozen_number = 0,
+  } = healthData.value;
+
+  // 定义异常类型映射
+  const abnormalTypes = [
+    { count: login_invalid_number, label: 'cookie过期' },
+    { count: too_many_requests_number, label: '已请求频繁' },
+    { count: account_frozen_number, label: '账号被封' },
+  ];
+
+  // 过滤出有异常的项并格式化
+  const abnormalLabels = abnormalTypes.filter(({ count }) => count > 0).map(({ count, label }) => `${count}个${label}`);
+
+  return `共有 ${abnormal_number} 个账号存在授权异常，其中：${abnormalLabels.join('，')}。`;
+});
+
 onMounted(() => {
   getData();
 });
 
-const getData = async () => {
+const getData = () => {
+  getHealthData();
+  getAccountData();
+};
+
+const getHealthData = async () => {
+  const { code, data } = await getMediaAccountsHealth();
+  if (code === 200) {
+    healthData.value = data;
+    console.log(healthData.value);
+  }
+};
+const getAccountData = async () => {
   const { page, pageSize } = pageInfo.value;
   const { code, data, total } = await getPlacementAccounts({
     page,
@@ -202,6 +249,10 @@ const onDeleteSuccess = (ids) => {
   selectedItems.value = selectedItems.value.filter((item) => !ids.includes(item.id));
   getData();
 };
+const handleOpenAbnormalAccount = () => {
+  query.value.status = 2;
+  reload();
+};
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/components/operator-select/index.vue b/src/views/property-marketing/put-account/components/operator-select/index.vue
new file mode 100644
index 0000000..2c50673
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/operator-select/index.vue
@@ -0,0 +1,64 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedOperators"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedOperators = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedOperators.value = newVal;
+  },
+  { immediate: true },
+);
+
+// 监听内部值变化，向外部发送更新
+watch(selectedOperators, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedOperators.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/src/views/property-marketing/put-account/components/status-select/constants.ts b/src/views/property-marketing/put-account/components/status-select/constants.ts
new file mode 100644
index 0000000..4713f42
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/constants.ts
@@ -0,0 +1,60 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-04 11:18:11
+ */
+export enum EnumStatus {
+  UNAUTHORIZED = 0,
+  NORMAL = 1,
+  ABNORMAL = 2,
+  PAUSE = 3,
+  ABNORMAL_LOGIN = 4,
+  ABNORMAL_REQUEST = 5,
+  ABNORMAL_FREEZE = 6,
+  ABNORMAL_MISSING = 7,
+}
+
+export const STATUS_LIST = [
+  {
+    text: '正常',
+    label: '正常',
+    value: EnumStatus.NORMAL,
+  },
+  {
+    text: '暂停同步',
+    label: '暂停同步',
+    value: EnumStatus.PAUSE,
+  },
+  {
+    text: '未授权',
+    label: '未授权',
+    value: EnumStatus.UNAUTHORIZED,
+  },
+  {
+    text: '异常',
+    label: '异常',
+    value: EnumStatus.ABNORMAL,
+  },
+  {
+    text: '数据缺失',
+    label: '数据缺失',
+    value: EnumStatus.ABNORMAL_MISSING,
+  },
+  {
+    text: '异常-登录状态失效',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_LOGIN,
+    tooltip: '登录状态失效，需重新扫码授权',
+  },
+  {
+    text: '异常-请求过于频繁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_REQUEST,
+    tooltip: '请求过于频繁，需等待24小时后重试',
+  },
+  {
+    text: '异常-账号被冻结/封禁',
+    label: '异常',
+    value: EnumStatus.ABNORMAL_FREEZE,
+    tooltip: '账号被冻结/封禁',
+  },
+];
diff --git a/src/views/property-marketing/put-account/components/status-select/index.vue b/src/views/property-marketing/put-account/components/status-select/index.vue
new file mode 100644
index 0000000..ff8be64
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/status-select/index.vue
@@ -0,0 +1,60 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedStatus"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in STATUS_LIST" :key="index" :value="item.value" :label="item.text">
+      {{ item.text }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+import { STATUS_LIST } from './constants';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedStatus = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedStatus.value = newVal;
+  },
+  { immediate: true },
+);
+// 监听内部值变化，向外部发送更新
+watch(selectedStatus, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedStatus.value = value;
+  emits('change', value);
+};
+</script>
diff --git a/vite.config.ts b/vite.config.ts
index 2d167df..94e04ca 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,7 +40,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'http://192.168.40.22/api',
+          target: 'http://192.168.40.3/api',
           // target: 'https://lingjiapi.lvfunai.com/api',
         },
       },

From 6e590dbb04a8543858318d5b41bd6847f924dad5 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 4 Jul 2025 14:49:36 +0800
Subject: [PATCH 44/78] =?UTF-8?q?perf:=20=E4=BC=98=E5=8C=96menu=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E9=80=BB=E8=BE=91=E3=80=81=E7=99=BB=E9=99=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BA=A4=E4=BA=92=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/menu/index.vue           |  2 +-
 src/components/_base/navbar/index.vue         | 37 ++++++++++++-------
 src/router/routes/modules/dataEngine.ts       | 12 +++---
 .../routes/modules/propertyMarketing.ts       |  4 ++
 src/views/components/login/index.vue          | 15 ++------
 src/views/components/login/style.scss         | 17 ++++++++-
 .../investment-guidelines/style.scss          |  2 +-
 7 files changed, 55 insertions(+), 34 deletions(-)

diff --git a/src/components/_base/menu/index.vue b/src/components/_base/menu/index.vue
index b4f9043..9714392 100644
--- a/src/components/_base/menu/index.vue
+++ b/src/components/_base/menu/index.vue
@@ -146,7 +146,7 @@ export default defineComponent({
     }
     .arco-menu-title {
       color: var(--Text-2, #3c4043);
-      font-family: 'PuHuiTi-Regular';
+      font-family: 'PuHuiTi-Medium';
       font-size: 16px;
       font-style: normal;
       font-weight: 400;
diff --git a/src/components/_base/navbar/index.vue b/src/components/_base/navbar/index.vue
index 87e2fbb..79a11fc 100644
--- a/src/components/_base/navbar/index.vue
+++ b/src/components/_base/navbar/index.vue
@@ -9,6 +9,7 @@ import { MENU_GROUP_IDS } from '@/router/constants';
 import router from '@/router';
 import { useRoute } from 'vue-router';
 import ExitAccountModal from '@/components/_base/exit-account-modal/index.vue';
+import { appRoutes } from '@/router/routes';
 
 interface MenuItem {
   name: string;
@@ -56,21 +57,31 @@ const handleSelect = (index: any) => {
   }
 };
 
+const flattenRoutes = (routes: any, parentPath = ''): any[] => {
+  let result: any[] = [];
+  for (const route of routes) {
+    const fullPath = route.path.startsWith('/') ? route.path : parentPath.replace(/\/$/, '') + '/' + route.path;
+    if (route.children && route.children.length) {
+      result = result.concat(flattenRoutes(route.children, fullPath));
+    } else {
+      result.push({ ...route, fullPath });
+    }
+  }
+  return result;
+};
+
 const handleDopdownClick = (index: any, ind: any) => {
   const { children } = lists.value[index];
-  const indPath = children[ind] as any;
-  if (indPath.name === '行业热门话题洞察') {
-    router.push('/dataEngine/hotTranslation');
-  } else if (indPath.name === '行业词云') {
-    router.push('/dataEngine/hotCloud');
-  } else if (indPath.name === '行业关键词动向') {
-    router.push('/dataEngine/keyWord');
-  } else if (indPath.name === '用户痛点观察') {
-    router.push('/dataEngine/userPainPoints');
-  } else if (indPath.name === '重点品牌动向') {
-    router.push('/dataEngine/keyBrandMovement');
-  } else if (indPath.name === '用户画像') {
-    router.push('/dataEngine/userPersona');
+  const indPath = children[ind];
+
+  const allChildren = flattenRoutes(appRoutes);
+
+  const target = allChildren.find((item) => item.meta && item.meta.menuId === indPath.id);
+
+  if (target) {
+    router.push(target.fullPath);
+  } else {
+    console.warn('未找到对应的菜单路由', indPath.id);
   }
 };
 </script>
diff --git a/src/router/routes/modules/dataEngine.ts b/src/router/routes/modules/dataEngine.ts
index 3c77f74..9a06af3 100644
--- a/src/router/routes/modules/dataEngine.ts
+++ b/src/router/routes/modules/dataEngine.ts
@@ -27,7 +27,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '行业热门话题洞察',
           requiresAuth: true,
           roles: ['*'],
-          id: 2,
+          menuId: 2,
         },
         component: () => import('@/views/components/dataEngine/hotTranslation.vue'),
       },
@@ -38,7 +38,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '行业词云',
           requiresAuth: true,
           roles: ['*'],
-          id: 3,
+          menuId: 3,
         },
         component: () => import('@/views/components/dataEngine/hotCloud.vue'),
       },
@@ -49,7 +49,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '行业关键词动向',
           requiresAuth: true,
           roles: ['*'],
-          id: 4,
+          menuId: 4,
         },
         component: () => import('@/views/components/dataEngine/keyWord.vue'),
       },
@@ -60,7 +60,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '用户痛点观察',
           requiresAuth: true,
           roles: ['*'],
-          id: 5,
+          menuId: 5,
         },
         component: () => import('@/views/components/dataEngine/userPainPoints.vue'),
       },
@@ -71,7 +71,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '重点品牌动向',
           requiresAuth: true,
           roles: ['*'],
-          id: 6,
+          menuId: 6,
         },
         component: () => import('@/views/components/dataEngine/keyBrandMovement.vue'),
       },
@@ -82,7 +82,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '用户画像',
           requiresAuth: true,
           roles: ['*'],
-          id: 7,
+          menuId: 7,
         },
         component: () => import('@/views/components/dataEngine/userPersona.vue'),
       },
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 92702c2..4e3d6b4 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -27,6 +27,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '品牌信息',
           requiresAuth: true,
           roles: ['*'],
+          menuId: 11,
         },
         component: () => import('@/views/property-marketing/brands/brand-materials/index.vue'),
       },
@@ -52,6 +53,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '账号管理',
           requiresAuth: true,
           roles: ['*'],
+          menuId: 12,
         },
         component: () => import('@/views/property-marketing/media-account/account-manage'),
       },
@@ -99,6 +101,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '账户管理',
           requiresAuth: true,
           roles: ['*'],
+          menuId: 13,
         },
         component: () => import('@/views/property-marketing/put-account/account-manage'),
       },
@@ -154,6 +157,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           locale: '业务洞察报告',
           requiresAuth: true,
           roles: ['*'],
+          menuId: 14,
         },
         component: () => import('@/views/property-marketing/intelligent-solution/businessAnalysisReport'),
       },
diff --git a/src/views/components/login/index.vue b/src/views/components/login/index.vue
index ddd2363..d2907f5 100644
--- a/src/views/components/login/index.vue
+++ b/src/views/components/login/index.vue
@@ -239,16 +239,10 @@ const getCode = async () => {
   // 先重置验证状态
   formRef.value.clearValidate('mobile');
 
-  // 验证手机号字段
-  try {
-    const result = await formRef.value.validateField('mobile');
-    // 只有当验证通过时才会显示滑块验证
-    if (result === true || result === undefined) {
-      isVerificationVisible.value = true;
-    }
-  } catch (error) {
-    // 验证失败，错误信息会自动显示
-    console.log('手机号验证失败:', error);
+  const result = await formRef.value.validateField('mobile');
+  // 只有当验证通过时才会显示滑块验证
+  if (result === true || result === undefined) {
+    isVerificationVisible.value = true;
   }
 };
 
@@ -261,7 +255,6 @@ const handleVerificationSubmit = async () => {
     await fetchLoginCaptCha({ mobile: loginForm.mobile });
     AMessage.success('验证码发送成功');
   } catch (error) {
-    AMessage.error('验证码发送失败');
     // 重置倒计时
     countdown.value = 0;
     clearInterval(timer.value);
diff --git a/src/views/components/login/style.scss b/src/views/components/login/style.scss
index ca2849a..94f0789 100644
--- a/src/views/components/login/style.scss
+++ b/src/views/components/login/style.scss
@@ -1,4 +1,19 @@
 .login-wrap {
+  .arco-input-wrapper,
+  .arco-select-view-single,
+  .arco-textarea-wrapper,
+  .arco-picker,
+  .arco-select-view-multiple {
+    border-radius: 4px;
+    border-color: #d7d7d9 !important;
+    background-color: #fff !important;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      // border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
   .login-bg {
     position: fixed;
     left: 0;
@@ -38,8 +53,6 @@
   }
 }
 
-
-
 .account-bind-container {
   width: 100%;
   max-width: 400px;
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index fc9cf99..aa02942 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -8,7 +8,7 @@
   flex-direction: column;
   justify-content: flex-start;
   display: inline-flex;
-  margin: 10px;
+  // margin: 10px;
 
   .arco-tabs {
     margin-bottom: 10px;

From c49e12d9883dc303fcdf91b7ad71e154c7dc7fef Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 4 Jul 2025 15:49:42 +0800
Subject: [PATCH 45/78] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7=E7=AE=A1=E7=90=86=E6=93=8D=E4=BD=9C=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-table/delete-account.vue          |  9 +--
 .../components/account-table/index.vue        | 61 ++++++++++++++++---
 .../authorized-account-modal/index.vue        | 11 +++-
 .../components/group-manage-modal/index.vue   | 10 +--
 .../reauthorize-account-modal/index.vue       | 11 +++-
 .../media-account/account-manage/index.vue    |  1 +
 .../components/group-manage-modal/index.vue   |  8 +--
 .../account-table/delete-account.vue          |  2 +-
 .../authorized-account-modal/index.vue        |  8 ++-
 .../put-account/account-manage/index.vue      |  4 +-
 10 files changed, 96 insertions(+), 29 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index 7d7c6ae..a7623cc 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -32,7 +32,7 @@ import { ref } from 'vue';
 import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
-const emits = defineEmits(['success', 'close']);
+const emits = defineEmits(['update', 'close']);
 
 const visible = ref(false);
 const accountId = ref(null);
@@ -56,11 +56,12 @@ const open = (record) => {
 };
 
 async function onDelete() {
-  const _fn = isBatch ? batchDeleteMediaAccounts : deleteMediaAccount;
-  const { code } = await _fn(accountId.value);
+  const _fn = isBatch.value ? batchDeleteMediaAccounts : deleteMediaAccount;
+  const _params = isBatch.value ? { ids: accountId.value } : { id: accountId.value };
+  const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
-    emits('success');
+    emits('update');
     onClose();
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 6b18086..6494858 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -58,13 +58,29 @@
               </div>
             </a-tooltip>
 
-            <div v-for="(tag, index) in item.tags.slice(0, 2).reverse()" :key="index" class="tag-box">
+            <div v-for="(tag, index) in item.tags.slice(0, 2)" :key="index" class="tag-box">
               <span class="text">{{ tag.name }}</span>
             </div>
           </div>
         </div>
         <div class="operate-row">
-          <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
+          <a-dropdown trigger="hover">
+            <a-button class="w-52px search-btn mr-8px" size="mini">
+              <template #default>更多</template>
+            </a-button>
+            <template #content>
+              <a-doption class="color-#211F24" @click="openEdit(item)">编辑</a-doption>
+              <a-doption v-if="showPauseButton(item.status)" class="color-#211F24" @click="handlePause(item)"
+                >暂停同步</a-doption
+              >
+              <a-doption class="color-#F64B31" @click="openDelete(item)">删除</a-doption>
+            </template>
+            <a-button class="search-btn" size="mini" @click="onBtnClick(item)">
+              <template #default>{{ getBtnText(item) }}</template>
+            </a-button>
+          </a-dropdown>
+
+          <!-- <img :src="icon3" width="16" height="16" class="mr-8px cursor-pointer" @click="openDelete(item)" />
           <a-button
             v-if="showPauseButton(item.status)"
             class="w-64px search-btn mr-8px"
@@ -73,7 +89,7 @@
           >
             <template #default>暂停同步</template>
           </a-button>
-          <a-tooltip v-if="isDisabledReauthorize(item.status)" :content="getTooltipText(item.status)">
+          <a-tooltip v-if="isAbnormalStatus(item.status)" :content="getTooltipText(item.status)">
             <a-button class="w-64px search-btn mr-8px" size="mini" @click="handleReauthorize(item)">
               <template #default>重新授权</template>
             </a-button>
@@ -86,7 +102,7 @@
 
           <a-button class="w-40px search-btn" size="mini" @click="openEdit(item)">
             <template #default>编辑</template>
-          </a-button>
+          </a-button> -->
         </div>
       </div>
     </div>
@@ -107,7 +123,7 @@ import AuthorizedAccountModal from '../authorized-account-modal';
 
 import icon1 from '@/assets/img/media-account/icon-dy.png';
 import icon2 from '@/assets/img/media-account/icon-xhs.png';
-import icon3 from '@/assets/img/media-account/icon-delete.png';
+// import icon3 from '@/assets/img/media-account/icon-delete.png';
 
 const props = defineProps({
   dataSource: {
@@ -170,13 +186,44 @@ const isUnauthorizedStatus = (status) => {
 };
 
 // 三种异常情况
-const isDisabledReauthorize = (status) => {
-  return [EnumStatus.ABNORMAL_LOGIN, EnumStatus.ABNORMAL_REQUEST, EnumStatus.ABNORMAL_FREEZE].includes(status);
+const isAbnormalStatus = (status) => {
+  return [
+    EnumStatus.ABNORMAL,
+    EnumStatus.ABNORMAL_LOGIN,
+    EnumStatus.ABNORMAL_REQUEST,
+    EnumStatus.ABNORMAL_FREEZE,
+  ].includes(status);
 };
 
 const getTooltipText = (status) => {
   return STATUS_LIST.find((v) => v.value === status)?.tooltip ?? '-';
 };
+
+const onBtnClick = (item) => {
+  if (isUnauthorizedStatus(item.status)) {
+    handleReauthorize(item);
+    return;
+  }
+
+  if ([EnumStatus.PAUSE, EnumStatus.NORMAL].includes(item.status) || isAbnormalStatus(item.status)) {
+    handleReauthorize(item);
+    return;
+  }
+
+  handlePause(item);
+};
+
+const getBtnText = (item) => {
+  if (isUnauthorizedStatus(item.status)) {
+    return '去授权';
+  }
+
+  if ([EnumStatus.PAUSE, EnumStatus.NORMAL].includes(item.status) || isAbnormalStatus(item.status)) {
+    return '重新授权';
+  }
+
+  return '暂停同步';
+};
 </script>
 
 <style scoped lang="scss">
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 cb00cee..72f2e82 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
@@ -34,7 +34,7 @@
           <div class="img-box">
             <template v-if="qrCodeLoading">
               <div class="relative w-160px h-160px">
-                <img :src="icon1" width="160" height="160" />
+                <a-image :src="icon1" width="160" height="160" />
                 <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
                   <icon-loading size="24" class="color-#6D4CFE mb-13px" />
                   <span class="s2 !color-#6D4CFE">二维码生成中...</span>
@@ -44,7 +44,7 @@
                 ></div>
               </div>
             </template>
-            <img v-else :src="qrCodeUrl" width="160" height="160" />
+            <a-image v-else :src="qrCodeUrl" width="160" height="160" />
 
             <div v-if="isOverdue" class="mask cursor-pointer" @click="getAuthorizedQrCode">
               <icon-refresh size="24" class="mb-13px" />
@@ -84,6 +84,8 @@ const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
+
+const qrCodeError = ref(false);
 const qrCodeUrl = ref('');
 const qrCodeLoading = ref(false);
 
@@ -110,6 +112,7 @@ const resetTaskFields = () => {
   progress.value = 0;
   qrCodeUrl.value = '';
   qrCodeLoading.value = false;
+  qrCodeError.value = false;
 };
 const close = () => {
   resetTaskFields();
@@ -133,7 +136,11 @@ const getAuthorizedQrCode = async () => {
       overdueTimer = setTimeout(() => {
         isOverdue.value = true;
       }, OVERDUE_TIME);
+    } else {
+      qrCodeError.value = true;
     }
+  } catch (error) {
+    qrCodeError.value = true;
   } finally {
     qrCodeLoading.value = false;
   }
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 075b676..70729d8 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -97,14 +97,14 @@ const isEdit = ref(false);
 const addGroupRef = ref(null);
 const deleteGroupRef = ref(null);
 
-const currentGroup = ref(null);
+// const currentGroup = ref(null);
 
 const list = ref([]);
 const loading = ref(false);
 const query = ref({
   name: '',
-  sort_column: '',
-  sort_order: '',
+  sort_column: undefined,
+  sort_order: undefined,
 });
 const pageInfo = ref({
   page: 1,
@@ -138,8 +138,8 @@ function open() {
 
 const close = () => {
   query.value.name = '';
-  query.value.sort_column = '';
-  query.value.sort_order = '';
+  query.value.sort_column = undefined;
+  query.value.sort_order = undefined;
   pageInfo.value.page = 1;
   pageInfo.value.pageSize = 20;
   pageInfo.value.total = 0;
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 afce82f..8d2988a 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
@@ -34,7 +34,7 @@
         <div class="img-box">
           <template v-if="qrCodeLoading">
             <div class="relative w-160px h-160px">
-              <img :src="icon1" width="160" height="160" />
+              <a-image :src="icon1" width="160" height="160" />
               <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
                 <icon-loading size="24" class="color-#6D4CFE mb-13px" />
                 <span class="s2 !color-#6D4CFE">二维码生成中...</span>
@@ -44,7 +44,7 @@
               ></div>
             </div>
           </template>
-          <img v-else :src="qrCodeUrl" width="160" height="160" />
+          <a-image v-else :src="qrCodeUrl" width="160" height="160" />
 
           <div v-if="isOverdue" class="mask cursor-pointer" @click="getAuthorizedQrCode">
             <icon-refresh size="24" class="mb-13px" />
@@ -121,6 +121,8 @@ const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
+
+const qrCodeError = ref(false);
 const qrCodeUrl = ref('');
 const qrCodeLoading = ref(false);
 
@@ -160,6 +162,7 @@ const resetTaskFields = () => {
   qrCodeUrl.value = '';
   qrCodeLoading.value = false;
   isNicknameChanged.value = false;
+  qrCodeError.value = false;
   actionType.value = 1;
   taskStep.value = TASK_STEP.default;
 };
@@ -211,7 +214,11 @@ const getAuthorizedQrCode = async () => {
       overdueTimer = setTimeout(() => {
         isOverdue.value = true;
       }, OVERDUE_TIME);
+    } else {
+      qrCodeError.value = true;
     }
+  } catch (error) {
+    qrCodeError.value = true;
   } finally {
     qrCodeLoading.value = false;
   }
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index 3886b84..b5fca16 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -81,6 +81,7 @@
         @selectionChange="handleSelectionChange"
         @delete="handleDelete"
         @openEdit="handleOpenEdit"
+        @update="getData"
       />
       <NoData v-else />
 
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
index 1e3afe2..c9cbab0 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -98,8 +98,8 @@ const list = ref([]);
 const loading = ref(false);
 const query = ref({
   name: '',
-  sort_column: '',
-  sort_order: '',
+  sort_column: undefined,
+  sort_order: undefined,
 });
 const pageInfo = ref({
   page: 1,
@@ -139,8 +139,8 @@ const close = () => {
   pageInfo.value.page = 1;
   pageInfo.value.pageSize = 20;
   pageInfo.value.total = 0;
-  query.value.sort_column = '';
-  query.value.sort_order = '';
+  query.value.sort_column = undefined;
+  query.value.sort_order = undefined;
   list.value = [];
   visible.value = false;
 };
diff --git a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
index 9b0bb2a..31e2926 100644
--- a/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/account-table/delete-account.vue
@@ -57,7 +57,7 @@ const open = (record) => {
 
 async function onDelete() {
   const _fn = isBatch.value ? batchDeletePlacementAccounts : deletePlacementAccount;
-  const _params = isBatch.value ? { ids: accountId.value } : accountId.value;
+  const _params = isBatch.value ? { ids: accountId.value } : { id: accountId.value };
   const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index ac31b72..6f8efa2 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -85,10 +85,13 @@ const lastSyncedAt = ref(null);
 const syncType = ref('sync'); // sync ｜ no_sync
 const showSyncTip = ref(false);
 
-const form = ref({
+const INITIAL_FORM = {
   account: '',
   password: '',
-});
+};
+
+const form = ref(cloneDeep(INITIAL_FORM));
+
 let progressTimer = null;
 let statusPollingTimer = null;
 
@@ -118,6 +121,7 @@ const close = () => {
   formRef.value?.resetFields();
   formRef.value?.clearValidate();
 
+  form.value = cloneDeep(INITIAL_FORM);
   isLoading.value = false;
   isCompleted.value = false;
   isSuccess.value = false;
diff --git a/src/views/property-marketing/put-account/account-manage/index.vue b/src/views/property-marketing/put-account/account-manage/index.vue
index 1355caf..1d665b2 100644
--- a/src/views/property-marketing/put-account/account-manage/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/index.vue
@@ -230,12 +230,12 @@ const handleChangeAll = (val) => {
 };
 const handleBatchDelete = () => {
   const ids = selectedItems.value.map((item) => item.id);
-  const names = selectedItems.value.map((item) => `"${item.name}"`).join(',');
+  const names = selectedItems.value.map((item) => `"${item.name || '-'}"`).join('，');
   deleteAccountRef.value?.open({ id: ids, name: names });
 };
 const handleDelete = (item) => {
   const { id, name } = item;
-  deleteAccountRef.value?.open({ id, name: `"${name}"` });
+  deleteAccountRef.value?.open({ id, name: `"${name || '-'}"` });
 };
 const handleCloseTip = () => {
   selectedItems.value = [];

From 11bc19907c7d5dfd1b46338f693771f3d4259d0f Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 4 Jul 2025 16:05:45 +0800
Subject: [PATCH 46/78] =?UTF-8?q?perf:=20=E7=BB=9F=E4=B8=80=E5=AF=BC?=
 =?UTF-8?q?=E5=87=BA=E6=96=87=E4=BB=B6=E4=BA=A4=E4=BA=92=E3=80=81=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E5=88=97=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../custom-table-column-modal/index.vue          |  4 ++--
 src/utils/tools.ts                               | 13 +++++++++++++
 .../components/account-table/index.vue           | 15 ++++++++++++++-
 .../media-account/account-dashboard/constants.ts |  2 +-
 .../media-account/account-dashboard/index.vue    | 13 +++++--------
 .../media-account/account-dashboard/style.scss   | 16 ++++++++++++++++
 .../components/board-table/index.vue             | 15 ++++++++++++++-
 .../account-data/components/plan-table/index.vue | 15 ++++++++++++++-
 .../put-account/account-data/index.vue           |  4 +++-
 9 files changed, 82 insertions(+), 15 deletions(-)

diff --git a/src/components/custom-table-column-modal/index.vue b/src/components/custom-table-column-modal/index.vue
index 1125f00..9ffb83b 100644
--- a/src/components/custom-table-column-modal/index.vue
+++ b/src/components/custom-table-column-modal/index.vue
@@ -160,7 +160,7 @@ const onSubmit = async () => {
   }
 };
 
-function setDefaultCheckColumns(groups, selected_columns) {
+const setDefaultCheckColumns = (groups, selected_columns) => {
   const requiredGroups = groups.filter((group) => group.is_require === 1);
   const requiredValues = requiredGroups
     .flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
@@ -170,7 +170,7 @@ function setDefaultCheckColumns(groups, selected_columns) {
 
   checkColumns.value = merged;
   requiredGroupNames.value = requiredGroups.map((group) => group.label);
-}
+};
 
 // 暴露方法
 defineExpose({ open });
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index e182c34..e2093fc 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -93,3 +93,16 @@ export function exactFormatTime(val: number, curYearFmt = 'MM-DD HH:mm', otherYe
   const fmt = diff === 0 ? curYearFmt : otherYearFmt;
   return dayjs(val * 1000).format(fmt);
 }
+
+// 导出文件
+export function downloadByUrl(url: string, filename?: string) {
+  const a = document.createElement('a');
+  a.href = url;
+  if (filename) {
+    a.download = filename;
+  }
+  a.style.display = 'none';
+  document.body.appendChild(a);
+  a.click();
+  document.body.removeChild(a);
+}
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 16fad76..42b46bb 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
@@ -235,11 +235,24 @@ const getSelectedColumns = () => {
   getCustomColumns({ type: CUSTOM_COLUMN_TYPE }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      selectedColumns.value = data.selected_columns;
+      const { selected_columns, groups } = data;
+
+      setDefaultCheckColumns(groups, selected_columns);
     }
   });
 };
 
+const setDefaultCheckColumns = (groups, selected_columns) => {
+  const requiredGroups = groups.filter((group) => group.is_require === 1);
+  const requiredValues = requiredGroups
+    .flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
+    .map((col) => col.value);
+
+  const merged = union(requiredValues, selected_columns);
+
+  selectedColumns.value = merged;
+};
+
 defineExpose({
   resetTable,
 });
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 b054c2a..e9a8fd6 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -28,7 +28,7 @@ export const CARD_FIELDS = [
   },
   {
     label: '近7日观看数',
-    prop: 'in_the_past_seven_days_view_number',
+    prop: 'seven_view_number',
     icon: icon4,
     tooltip: '近7日观看数',
   },
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 2138510..98edfcc 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -17,17 +17,13 @@
       <div class="overview-row flex">
         <div v-for="item in CARD_FIELDS" :key="item.prop" class="overview-item flex-1">
           <div class="flex items-center mb-8px">
-            <img :src="item.icon" width="24" height="24" class="mr-8px" />
-            <p class="s2 color-#211F24">{{ item.label }}</p>
+            <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>
           </div>
-          <span class="s1 color-#211F24 ml-32px">{{
-            item.prop === 'total_like_number'
-              ? formatNumberShow(overviewData.total_like_number + overviewData.total_collect_number)
-              : formatNumberShow(overviewData[item.prop])
-          }}</span>
+          <span class="value color-#211F24 ml-32px">{{ formatNumberShow(overviewData[item.prop]) }}</span>
         </div>
       </div>
     </div>
@@ -68,6 +64,7 @@ import AccountTable from './components/account-table';
 import { getAccountBoardOverview, getAccountBoardList, postAccountBoardExport } from '@/api/all/propertyMarketing';
 import { formatNumberShow } from '@/utils/tools';
 import { INITIAL_QUERY, CARD_FIELDS } from './constants';
+import { downloadByUrl } from '@/utils/tools';
 
 import icon1 from '@/assets/img/icon-question.png';
 
@@ -136,7 +133,7 @@ const handleExport = () => {
   }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      window.open(data.download_url, '_blank');
+      downloadByUrl(data.download_url);
     }
   });
 };
diff --git a/src/views/property-marketing/media-account/account-dashboard/style.scss b/src/views/property-marketing/media-account/account-dashboard/style.scss
index 2e1f2a9..5d17a82 100644
--- a/src/views/property-marketing/media-account/account-dashboard/style.scss
+++ b/src/views/property-marketing/media-account/account-dashboard/style.scss
@@ -35,6 +35,22 @@
         &:not(:last-child) {
           margin-right: 12px;
         }
+        .label {
+          color: var(--Text-3, #737478);
+          font-family: 'PuHuiTi-Medium';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px;
+        }
+        .value {
+          color: var(--Text-1, #211f24);
+          font-family: 'HarmonyOS Sans SC';
+          font-size: 18px;
+          font-style: normal;
+          font-weight: 500;
+          line-height: 26px; 
+        }
       }
     }
   }
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index 8e543a7..7530418 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -234,11 +234,24 @@ const getSelectedColumns = () => {
   getCustomColumns({ type: CUSTOM_COLUMN_TYPE }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      selectedColumns.value = data.selected_columns;
+      const { selected_columns, groups } = data;
+
+      setDefaultCheckColumns(groups, selected_columns);
     }
   });
 };
 
+const setDefaultCheckColumns = (groups, selected_columns) => {
+  const requiredGroups = groups.filter((group) => group.is_require === 1);
+  const requiredValues = requiredGroups
+    .flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
+    .map((col) => col.value);
+
+  const merged = union(requiredValues, selected_columns);
+
+  selectedColumns.value = merged;
+};
+
 onMounted(() => {
   getSelectedColumns();
 });
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 40184db..adf0168 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
@@ -234,11 +234,24 @@ const getSelectedColumns = () => {
   getCustomColumns({ type: CUSTOM_COLUMN_TYPE }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      selectedColumns.value = data.selected_columns;
+      const { selected_columns, groups } = data;
+
+      setDefaultCheckColumns(groups, selected_columns);
     }
   });
 };
 
+const setDefaultCheckColumns = (groups, selected_columns) => {
+  const requiredGroups = groups.filter((group) => group.is_require === 1);
+  const requiredValues = requiredGroups
+    .flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
+    .map((col) => col.value);
+
+  const merged = union(requiredValues, selected_columns);
+
+  selectedColumns.value = merged;
+};
+
 onMounted(() => {
   getSelectedColumns();
 });
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 34f580d..f735c58 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -69,6 +69,7 @@ import {
 } from '@/api/all/propertyMarketing';
 
 import { INITIAL_QUERY } from './constants';
+import { downloadByUrl } from '@/utils/tools';
 
 import icon2 from '@/assets/img/media-account/icon-group.png';
 
@@ -132,6 +133,7 @@ const handleSelectionChange = (selectedRows) => {
 
 const handleTabClick = (key) => {
   activeTab.value = key;
+  dataSource.value = [];
   handleReset();
 };
 
@@ -142,7 +144,7 @@ const handleExport = () => {
   }).then((res) => {
     const { code, data } = res;
     if (code === 200) {
-      window.open(data.download_url, '_blank');
+      downloadByUrl(data.download_url);
     }
   });
 };

From 6404924e299094f13993fbb2cd6822c7349d7e93 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Fri, 4 Jul 2025 18:12:23 +0800
Subject: [PATCH 47/78] =?UTF-8?q?feat:=20=E6=96=B0=E5=AA=92=E4=BD=93?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E7=9C=8B=E6=9D=BF=E5=AD=97=E6=AE=B5=E5=AF=B9?=
 =?UTF-8?q?=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../brands/brand-materials/style.scss         |   2 +-
 .../components/account-table/constants.ts     | 315 ++++++++++++++----
 .../components/account-table/index.vue        |  49 ++-
 .../custom-column-modal/img/icon-lock.png     | Bin 0 -> 677 bytes
 .../components/custom-column-modal/index.vue  | 218 ++++++++++++
 .../components/custom-column-modal/style.scss |  99 ++++++
 .../components/filter-block/index.vue         |  16 +-
 .../account-dashboard/constants.ts            |   5 +-
 .../media-account/account-dashboard/index.vue |   1 +
 .../components/board-table/index.vue          |  11 +-
 .../components/plan-table/index.vue           |  11 +-
 11 files changed, 627 insertions(+), 100 deletions(-)
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/img/icon-lock.png
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
 create mode 100644 src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/style.scss

diff --git a/src/views/property-marketing/brands/brand-materials/style.scss b/src/views/property-marketing/brands/brand-materials/style.scss
index ba5bf26..eedda5f 100644
--- a/src/views/property-marketing/brands/brand-materials/style.scss
+++ b/src/views/property-marketing/brands/brand-materials/style.scss
@@ -44,7 +44,7 @@
         .label {
           margin-right: 8px;
           color: #211f24;
-          font-family: 'PuHuiTi-Medium';
+          font-family: 'PuHuiTi-Regular';
           font-size: 14px;
           font-style: normal;
           font-weight: 400;
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 90b8c90..8de46c3 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,13 +2,167 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-28 10:33:06
  */
-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天点赞量环比';
 
+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: '账号名称',
@@ -65,56 +219,12 @@ export const getDefaultColumns = (type = 'week') => {
         sortDirections: ['ascend', 'descend'],
       },
     },
-    {
-      title: '观看量',
-      dataIndex: 'view_number',
-      prop: '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: 'like_number',
-      prop: 'like_number',
-      width: 180,
-      tooltip: '账号所有内容的总点赞数',
-      align: 'right',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-      },
-    },
-    {
-      title: likeChainText,
-      dataIndex: likeChain,
-      prop: likeChain,
-      width: 180,
-      tooltip: '相比上一周期的点赞量变化百分比',
-      align: 'right',
-      suffix: '%',
-      sortable: {
-        sortDirections: ['ascend', 'descend'],
-      },
-    },
+    ...getPeriodColumns(type),
+
     {
       title: '最新内容标题/日期',
-      dataIndex: 'newest_work_title_and_publish_time',
-      prop: 'newest_work_title_and_publish_time',
+      dataIndex: 'newest_work_title',
+      prop: 'newest_work_title',
       width: 240,
       tooltip: '最新发布内容的标题和发布日期',
     },
@@ -130,20 +240,64 @@ export const getDefaultColumns = (type = 'week') => {
       },
     },
     {
-      title: '最新作品日增长',
-      dataIndex: 'newest_work_view_grow_number',
-      prop: 'newest_work_view_grow_number',
+      title: '最新作品点赞数',
+      dataIndex: 'newest_work_like_number',
+      prop: 'newest_work_like_number',
       width: 180,
-      tooltip: '最新作品每日观看量的增长情况',
+      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_and_publish_time',
-      prop: 'second_new_work_title_and_publish_time',
+      dataIndex: 'second_new_work_title',
+      prop: 'second_new_work_title',
       width: 240,
     },
     {
@@ -158,16 +312,49 @@ export const getDefaultColumns = (type = 'week') => {
       },
     },
     {
-      title: '次新作品日增长',
-      dataIndex: 'second_new_work_view_grow_number',
-      prop: 'second_new_work_view_grow_number',
+      title: '次新作品点赞数',
+      dataIndex: 'second_new_work_like_number',
+      prop: 'second_new_work_like_number',
       width: 180,
-      tooltip: '倒数第二个作品每日观看量的增长情况',
+      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',
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 42b46bb..e61d11a 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
@@ -32,7 +32,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%' }"
@@ -113,14 +117,17 @@
             {{ formatTableField(column, record) }}
           </div>
         </template>
-        <template
-          v-else-if="
-            ['newest_work_title_and_publish_time', 'second_new_work_title_and_publish_time'].includes(column.dataIndex)
-          "
-          #cell="{ record }"
-        >
-          <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
-          <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
+        <template v-else-if="column.dataIndex === 'newest_work_title'" #cell="{ record }">
+          <p class="cts cursor-pointer hover:!color-#6D4CFE">{{ record.newest_work_title }}</p>
+          <p class="cts text-12px lh-20px !color-#939499">
+            {{ exactFormatTime(record.newest_work_published_at) }}
+          </p>
+        </template>
+        <template v-else-if="column.dataIndex === 'second_new_work_title'" #cell="{ record }">
+          <p class="cts cursor-pointer hover:!color-#6D4CFE">{{ record.second_new_work_title }}</p>
+          <p class="cts text-12px lh-20px !color-#939499">
+            {{ exactFormatTime(record.second_new_work_published_at) }}
+          </p>
         </template>
 
         <template v-else #cell="{ record }">
@@ -130,7 +137,12 @@
     </template>
   </a-table>
 
-  <CustomTableColumnModal ref="customTableColumnModalRef" :type="CUSTOM_COLUMN_TYPE" @success="onCustomColumnSuccess" />
+  <CustomTableColumnModal
+    ref="customTableColumnModalRef"
+    :type="CUSTOM_COLUMN_TYPE"
+    :dateType="dateType"
+    @success="onCustomColumnSuccess"
+  />
 </template>
 
 <script setup>
@@ -139,9 +151,9 @@ 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 } from '@/utils/tools';
+import { formatTableField, formatNumberShow, exactFormatTime } from '@/utils/tools';
 import { getDefaultColumns } from './constants';
-import CustomTableColumnModal from '@/components/custom-table-column-modal';
+import CustomTableColumnModal from '../custom-column-modal';
 
 import icon1 from '@/assets/img/media-account/icon-custom.png';
 import icon2 from '@/assets/img/media-account/icon-warn.png';
@@ -154,6 +166,10 @@ const props = defineProps({
     type: Array,
     default: () => [],
   },
+  query: {
+    type: Object,
+    default: () => {},
+  },
 });
 
 const emit = defineEmits(['selectionChange', 'sorterChange', 'export']);
@@ -173,15 +189,12 @@ const checkedAll = computed(
 const indeterminate = computed(
   () => selectedItems.value.length > 0 && selectedItems.value.length < props.dataSource.length,
 );
-
-const rowSelection = computed(() => ({
-  type: 'checkbox',
-  showCheckedAll: true,
-}));
+const dateType = computed(() => (props.query.type === 7 ? 'week' : 'month'));
 
 const tableColumns = computed(() => {
   const _result = [];
-  const _columns = getDefaultColumns();
+  const _columns = getDefaultColumns(dateType.value);
+
   selectedColumns.value.forEach((item) => {
     const _column = _columns.find((_item) => _item.prop === item);
     if (_column) {
diff --git a/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/img/icon-lock.png b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/img/icon-lock.png
new file mode 100644
index 0000000000000000000000000000000000000000..dcc72b0858ae54915f7f7d8615d1677616f893d4
GIT binary patch
literal 677
zcmV;W0$TlvP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800009a7bBm000&x
z000&x0ZCFM@Bjb+0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0y;@VK~#7F?Uq4q
z(?Ar4|L0l|sS9$1ast{dAl2NUH=sR1P#sH7H=S;frKBj?vBR7o^aKP6!IIpdIf6wi
zM3rP7Gmhgprm1F3L%Zm=napJ7&GVc8y&2$vJBDD15TgF`@^^y>`(SLPMu>)z`O_m8
zAEPK5S(vkPpxF#P2K521udp^E#zChO4Pc0|13_@KEm{63EKStv0WsH^R3x%!XdH5O
z+U>VP6T2=9k&ykx-snv?AB(OK$$UsfM=)?)nETYku2BShzqJSAezqb$ZAS;!&TEFT
zYF=lCUzr?*10&d5EO2_OW~oi%d<9_-2ADZO$VGS4*)Dyt#1j~qE|DsoXJO27;N>FY
z#aFJdxSzEn<-{N#-k`*FxK~coB?rPV+!{}Cjx|!&#?ldt$9RJ^Q;zO(8Wzs_v=doZ
z$(v9a!q<%(X2JR}E<|PYopAB%$|K2%>tbYk2h6Dy0Y5luTwGqALvmlm^|Kc4VKY2N
z1*{!73_^7a%5M2WQi2ibf9rO@VQLgMJs}4tdB0pg46xP!gSTfb&Qzud{o4;(&s2Wt
z((A#J3L;e3unIqcc6H&>Bjf4JskHi8VtoVz&MqUaYw@L(bMY29gC*7uOeQrYKpOt-
z7zWeLnt&zNN6_u2kB}X$c#_!FW9;CIdLzWBK;=U8Znj~Jf8_p_V&4xx;D0;7=_@xY
zCi92IEu-~P>~9o1-@knwzIgsp37T|X*Kn&)qH0G=6|eVr;6CvOe+$T_?DSwK00000
LNkvXXu0mjf^g}BY

literal 0
HcmV?d00001

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
new file mode 100644
index 0000000..4026a40
--- /dev/null
+++ b/src/views/property-marketing/media-account/account-dashboard/components/custom-column-modal/index.vue
@@ -0,0 +1,218 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-30 10:54:49
+-->
+<template>
+  <a-modal
+    v-model:visible="visible"
+    title="自定义列"
+    width="960px"
+    unmountOnClose
+    titleAlign="start"
+    class="custom-table-column-modal-98"
+    @close="close"
+  >
+    <div class="modal-body">
+      <!-- 左侧分组 -->
+      <div class="left">
+        <div v-for="group in dataSource" :key="group.label" class="group-item">
+          <div class="title-row">
+            <span class="text">{{ group.label }}</span>
+          </div>
+          <div class="fields">
+            <a-checkbox
+              v-for="option in group.columns"
+              :key="option.value"
+              :model-value="isCheck(option)"
+              :value="option.value"
+              :disabled="option.is_require === ENUM_STATUS.NO"
+              @change="(checked) => onCheckChange(checked, option)"
+            >
+              {{ option.label }}
+            </a-checkbox>
+          </div>
+        </div>
+      </div>
+      <!-- 右侧已选 -->
+      <div class="right">
+        <span class="checked-title mb-16px">
+          已添加<span class="count">（{{ checkColumns.length }}）</span>
+        </span>
+        <div class="checked-list">
+          <div v-for="(groupName, index) in requiredGroupNames" :key="index" class="checked-item !cursor-default">
+            <div class="flex items-center">
+              <img :src="icon1" alt="icon" class="mr-8px" width="16" height="16" />
+              <span>{{ groupName }}</span>
+            </div>
+          </div>
+          <VueDraggable v-model="checkColumns">
+            <div
+              v-for="item in checkColumns"
+              :key="item"
+              class="checked-item justify-between"
+              :class="isRequiredColumn(item) ? '!display-none' : ''"
+            >
+              <div class="flex items-center">
+                <icon-menu size="16" class="mr-8px" />
+                <span>{{ getCheckColumnLabel(item) }}</span>
+              </div>
+              <icon-close size="16" class="color-#737478 cursor-pointer" @click="removeCheckedField(item)" />
+            </div>
+          </VueDraggable>
+        </div>
+      </div>
+    </div>
+
+    <template #footer>
+      <div style="text-align: right">
+        <a-button class="mr-8px cancel-btn" size="medium" @click="close">取消</a-button>
+        <a-button type="primary" size="medium" @click="onSubmit">确定</a-button>
+      </div>
+    </template>
+  </a-modal>
+</template>
+
+<script setup>
+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 icon1 from './img/icon-lock.png';
+
+const props = defineProps({
+  type: {
+    type: String,
+    default: '',
+    required: true,
+  },
+  dateType: {
+    type: String,
+    default: 'week',
+  },
+});
+
+const emit = defineEmits(['success']);
+
+const ENUM_STATUS = {
+  YES: 0,
+  NO: 1,
+};
+
+const visible = ref(false);
+
+const dataSource = ref([]);
+const checkColumns = ref([]); // 选中字段
+const allColumns = ref([]); // 所有字段
+const requiredGroupNames = ref([]); // 必选分组名称
+
+const open = () => {
+  initData();
+  visible.value = true;
+};
+
+const close = () => {
+  visible.value = false;
+
+  dataSource.value = [];
+  checkColumns.value = [];
+  allColumns.value = [];
+  requiredGroupNames.value = [];
+};
+
+const initData = async () => {
+  const { code, data } = await getCustomColumns({ type: props.type });
+  if (code === 200) {
+    const { selected_columns, groups } = data;
+    dataSource.value = groups;
+    formatDataSource();
+
+    setDefaultCheckColumns(groups, selected_columns);
+    allColumns.value = groups.flatMap((group) => group.columns);
+  }
+};
+
+// 过滤近7天/近30天字段
+const formatDataSource = () => {
+  const prefix = props.dateType === 'week' ? 'seven_' : 'thirty_';
+  dataSource.value.forEach((group) => {
+    group.columns = group.columns.filter((item) => {
+      if (item.value.startsWith('seven_') || item.value.startsWith('thirty_')) {
+        return item.value.startsWith(prefix);
+      }
+      return true;
+    });
+  });
+};
+
+const isCheck = (option) => {
+  return checkColumns.value.includes(option.value);
+};
+const getCheckColumnLabel = (value) => {
+  const column = allColumns.value.find((column) => column.value === value);
+  return column?.label;
+};
+const isRequiredColumn = (value) => {
+  const column = allColumns.value.find((column) => column.value === value);
+  return column?.is_require === 1;
+};
+
+const removeCheckedField = (value) => {
+  checkColumns.value = checkColumns.value.filter((column) => column !== value);
+};
+
+// 勾选/取消
+const onCheckChange = (checked, option) => {
+  if (checked) {
+    checkColumns.value.push(option.value);
+  } else {
+    checkColumns.value = checkColumns.value.filter((item) => item !== option.value);
+  }
+};
+
+// 提交
+const onSubmit = async () => {
+  const result = checkColumns.value
+    .map((item) => {
+      if (item.startsWith('thirty_')) {
+        return [item, item.replace('thirty_', 'seven_')];
+      } else if (item.startsWith('seven_')) {
+        return [item, item.replace('seven_', 'thirty_')];
+      } else {
+        return item;
+      }
+    })
+    .flat();
+
+  const { code } = await updateCustomColumns({ type: props.type, selected_columns: result });
+  if (code === 200) {
+    emit('success', result);
+    close();
+  }
+};
+
+const setDefaultCheckColumns = (groups, selected_columns) => {
+  const prefix = props.dateType === 'week' ? 'seven_' : 'thirty_';
+  const requiredGroups = groups.filter((group) => group.is_require === 1);
+  const requiredValues = requiredGroups
+    .flatMap((group) => (group.columns || []).filter((col) => col.is_require === 1))
+    .map((col) => col.value);
+
+  const filteredSelected = selected_columns.filter(
+    (col) => (!col.startsWith('seven_') && !col.startsWith('thirty_')) || col.startsWith(prefix),
+  );
+
+  const merged = union(requiredValues, filteredSelected);
+
+  checkColumns.value = merged;
+  requiredGroupNames.value = requiredGroups.map((group) => group.label);
+};
+
+// 暴露方法
+defineExpose({ open });
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
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 @@
 -->
 <template>
   <div class="container">
-    <div class="filter-row flex">
+    <div class="filter-row flex mb-20px">
       <div class="filter-row-item flex items-center">
         <span class="label">账号名称</span>
         <a-space size="medium" class="w-240px">
@@ -34,7 +34,19 @@
           <OperatorSelect v-model="query.operator_id" :options="operators" @change="handleSearch" />
         </a-space>
       </div>
-
+    </div>
+    <div class="filter-row flex">
+      <div class="filter-row-item flex items-center">
+        <span class="label">时间筛选</span>
+        <a-space class="w-240px">
+          <a-select v-model="query.type" size="medium" placeholder="全部" class="w-120px" @change="handleSearch">
+            <template #arrow-icon> <icon-calendar size="16" /> </template>
+            <a-option :value="7" label="近7天">近7天</a-option>
+            <!-- <a-option :value="14" label="近14天">近14天</a-option> -->
+            <a-option :value="30" label="近30天">近30天</a-option>
+          </a-select>
+        </a-space>
+      </div>
       <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
         <template #icon>
           <icon-search />
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 e9a8fd6..d1f9c46 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -1,8 +1,7 @@
 /*
  * @Author: RenXiaoDong
- * @Date: 2025-06-27 17:23:56
+ * @Date: 2025-07-04 15:50:37
  */
-
 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';
@@ -39,7 +38,7 @@ export const INITIAL_QUERY = {
   status: '',
   operator_id: '',
   group_ids: [],
-  // date_range: '',
+  type: 7,
   column: '',
   order: '',
 };
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 98edfcc..9c07674 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -36,6 +36,7 @@
       <AccountTable
         ref="accountTableRef"
         :dataSource="dataSource"
+        :query="query"
         @selectionChange="handleSelectionChange"
         @export="handleExport"
         @sorterChange="handleSorterChange"
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index 7530418..d7a0178 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-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);
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 48/78] =?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 @@
         </template>
         <template v-else>
           <div class="img-box">
-            <template v-if="qrCodeLoading">
+            <template v-if="qrCodeLoading || isFailLoadQrCode">
               <div class="relative w-160px h-160px">
                 <a-image :src="icon1" width="160" height="160" />
                 <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
-                  <icon-loading size="24" class="color-#6D4CFE mb-13px" />
-                  <span class="s2 !color-#6D4CFE">二维码生成中...</span>
+                  <img v-if="isFailLoadQrCode" :src="icon4" width="24" height="24" class="mb-13px" />
+                  <icon-loading v-else size="24" class="color-#6D4CFE mb-13px" />
+                  <span :class="isFailLoadQrCode ? '!color-#F64B31' : '!color-#6D4CFE'" class="s2">{{
+                    isFailLoadQrCode ? '二维码生成失败' : '二维码生成中...'
+                  }}</span>
                 </div>
                 <div
                   class="absolute top-0 left-0 w-full h-full flex items-center justify-center opacity-80 bg-#fff"
@@ -70,6 +73,7 @@ import { getAuthorizedImage, getMediaAccountsAuthorizedStatus } from '@/api/all/
 import icon1 from '@/assets/img/media-account/icon-default-qrcode.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
+import icon4 from '@/assets/img/media-account/icon-warn.png';
 
 // 失效时间
 
@@ -85,7 +89,7 @@ const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
 
-const qrCodeError = ref(false);
+const isFailLoadQrCode = ref(false);
 const qrCodeUrl = ref('');
 const qrCodeLoading = ref(false);
 
@@ -94,6 +98,7 @@ let overdueTimer = null;
 let statusPollingTimer = null;
 
 const confirmBtnText = computed(() => {
+  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 @@
         </template> -->
         <!-- <template v-else> -->
         <div class="img-box">
-          <template v-if="qrCodeLoading">
+          <template v-if="qrCodeLoading || isFailLoadQrCode">
             <div class="relative w-160px h-160px">
               <a-image :src="icon1" width="160" height="160" />
               <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
-                <icon-loading size="24" class="color-#6D4CFE mb-13px" />
-                <span class="s2 !color-#6D4CFE">二维码生成中...</span>
+                <img v-if="isFailLoadQrCode" :src="icon4" width="24" height="24" class="mb-13px" />
+                <icon-loading v-else size="24" class="color-#6D4CFE mb-13px" />
+                <span :class="isFailLoadQrCode ? '!color-#F64B31' : '!color-#6D4CFE'" class="s2">{{
+                  isFailLoadQrCode ? '二维码生成失败' : '二维码生成中...'
+                }}</span>
               </div>
               <div
                 class="absolute top-0 left-0 w-full h-full flex items-center justify-center opacity-80 bg-#fff"
@@ -122,7 +125,7 @@ const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
 
-const qrCodeError = ref(false);
+const isFailLoadQrCode = ref(false);
 const qrCodeUrl = ref('');
 const qrCodeLoading = ref(false);
 
@@ -136,6 +139,7 @@ let overdueTimer = null;
 let statusPollingTimer = null;
 
 const confirmBtnText = computed(() => {
+  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 49/78] =?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 @@
               <a-input
                 v-model="loginForm.mobile"
                 placeholder="输入手机号"
-                class="form-input border border-solid border-#d7d7d9 rounded-8px w-100% h-48px text-14 rounded-4px color-#333 bg-#fff"
+                class="form-input border border-solid border-#d7d7d9 x w-100% h-48px text-14 rounded-4px color-#333 bg-#fff"
                 clearable
                 allow-clear
                 @blur="validateField('mobile')"
@@ -31,7 +31,7 @@
             </a-form-item>
             <a-form-item field="captcha" hide-label>
               <div
-                class="form-input border border-solid border-#d7d7d9 rounded-8px w-100% h-48px text-14 rounded-4px color-#333 bg-#fff flex justify-between items-center rounded-8px"
+                class="form-input border border-solid border-#d7d7d9 w-100% h-48px text-14 rounded-4px color-#333 bg-#fff flex justify-between items-center"
               >
                 <a-input
                   v-model="loginForm.captcha"
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 8b3317c..d7a2089 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
@@ -79,12 +79,14 @@ const props = defineProps({
 
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
 
-const tags = ref([]);
 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/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 50/78] =?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 @@
         </template>
         <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
           <div class="ai-evaluation-row flex">
-            <img
-              width="16"
-              height="16"
-              :src="record.ai_evaluate?.status === 1 ? icon4 : record.ai_evaluate?.status === 2 ? icon3 : icon2"
-              class="mr-8px icon"
-            />
-            <div>
-              <p class="cts">{{ record.ai_evaluate?.advise }}</p>
-              <p class="cts text-12px lh-20px !color-#939499">
-                {{ `观看: ${record.week_view_chain}%  点赞: ${record.week_like_chain}%` }}
-              </p>
-            </div>
+            <template v-if="record.ai_evaluate">
+              <img
+                width="16"
+                height="16"
+                :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
+                class="mr-8px icon"
+              />
+              <div>
+                <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
+                <p class="cts text-12px lh-20px !color-#939499">
+                  {{
+                    `观看: ${record[`${getPropPrefix(dateType)}view_rate`]}%  点赞: ${
+                      record[`${getPropPrefix(dateType)}like_rate`]
+                    }%`
+                  }}
+                </p>
+              </div>
+            </template>
+            <template v-else>
+              <p class="cts">-</p>
+            </template>
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'like_collect_number'" #cell="{ record }">
-          {{ 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,
+            })
+          }}
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
@@ -134,6 +150,11 @@
           {{ formatTableField(column, record, true) }}
         </template>
       </a-table-column>
+      <a-table-column data-index="operation" fixed="right" width="100" title="操作">
+        <template #cell="{ record }">
+          <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
+        </template>
+      </a-table-column>
     </template>
   </a-table>
 
@@ -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 @@
 <template>
   <div class="account-info-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px mb-16px">
     <div class="title-row">
-      <span class="cts !text-18px !lh-26px">账号信息</span>
+      <span class="cts !text-18px !lh-26px title">账号信息</span>
     </div>
     <div class="account-info-box">
-      <div v-for="(row, rowIdx) in accountInfoFields" :key="rowIdx" class="flex mb-24px">
+      <div
+        v-for="(row, rowIdx) in getAccountInfoFields(dateType, showMore)"
+        :key="rowIdx"
+        class="grid grid-cols-4 gap-6 mb-24px"
+      >
         <div
           v-for="(field, colIdx) in row"
           :key="colIdx"
-          :class="field.dataIndex === 'ai_evaluation' ? 'flex-2' : 'flex-1'"
+          :class="field.dataIndex === 'ai_evaluation' ? 'col-span-2' : ''"
         >
-          <!-- 第二组的AI评价占1/2宽度 -->
-          <template v-if="rowIdx === 1 && colIdx === 0">
+          <template v-if="field.dataIndex === 'ai_evaluation'">
             <div class="flex items-center mb-4px">
               <img width="16" height="16" :src="icon1" class="mr-4px" />
               <span class="cts !color-#737478 mr-4px">AI评价</span>
             </div>
             <div class="flex items-center">
-              <img
-                width="16"
-                height="16"
-                :src="
-                  detailData.ai_evaluation?.status === 1
-                    ? icon4
-                    : detailData.ai_evaluation?.status === 2
-                    ? icon3
-                    : icon2
-                "
-                class="mr-8px"
-              />
+              <template v-if="detailData.ai_evaluate">
+                <img
+                  width="16"
+                  height="16"
+                  :src="
+                    detailData.ai_evaluate?.status === 0 ? icon2 : detailData.ai_evaluate?.status === 1 ? icon3 : icon4
+                  "
+                  class="mr-4px"
+                />
 
-              <span v-if="detailData.ai_evaluation" class="cts">
-                {{ detailData.ai_evaluation?.text }}。观看: +{{ detailData.ai_evaluation.look_chain }}% 点赞: +{{
-                  detailData.ai_evaluation.like_chain
-                }}%
-              </span>
+                <div class="flex items-center">
+                  <p class="cts">{{ `${detailData.ai_evaluate?.level} | ${detailData.ai_evaluate?.advise}` }}。</p>
+                  <p class="cts text-12px lh-20px">
+                    {{
+                      `观看: ${detailData[`${getPropPrefix(dateType)}view_rate`] ?? '-'}%  点赞: ${
+                        detailData[`${getPropPrefix(dateType)}like_rate`] ?? '-'
+                      }%`
+                    }}
+                  </p>
+                </div>
+              </template>
             </div>
           </template>
           <template v-else>
             <div class="flex items-center mb-4px">
-              <p class="cts !color-#737478 !mr-4px">{{ field.label }}</p>
+              <p class="cts !color-#737478 !mr-4px">{{ field.title }}</p>
               <a-tooltip v-if="field.tooltip" :content="field.tooltip" position="top">
                 <icon-question-circle class="tooltip-icon color-#737478" size="16" />
               </a-tooltip>
             </div>
             <p class="cts">
               <template v-if="field.type === 'status'">
-                <span v-if="detailData.status === 1" style="color: #4ad991">正常</span>
-                <span v-else style="color: #ff4d4f">异常</span>
+                <div class="status-tag" :class="`status-tag-${detailData.status}`">
+                  <span class="cts status-tag-text">{{
+                    STATUS_LIST.find((item) => item.value === detailData.status)?.label
+                  }}</span>
+                </div>
+              </template>
+              <template v-else-if="field.dataIndex === 'like_collect_number'">
+                {{
+                  formatNumberShow({
+                    value: `${detailData[`${getPropPrefix(dateType)}like_number`] ?? 0} + ${
+                      detailData[`${getPropPrefix(dateType)}collect_number`] ?? 0
+                    }`,
+                    showExactValue: true,
+                  })
+                }}
               </template>
               <!-- 环比字段特殊渲染 -->
-              <template v-else-if="field.type === 'rate'">
-                <span :style="{ color: detailData[field.dataIndex] > 0 ? 'red' : 'green' }">
-                  <icon-arrow-up v-if="detailData[field.dataIndex] > 0" />
-                  <icon-arrow-down v-else />
-                  {{ detailData[field.dataIndex] }}%
-                </span>
+              <template v-else-if="field.suffix === '%'">
+                <div
+                  class="flex items-center"
+                  :class="detailData[field.dataIndex] > 0 ? 'color-#F64B31' : 'color-#25C883'"
+                >
+                  <icon-arrow-up v-if="detailData[field.dataIndex] > 0" size="16" />
+                  <icon-arrow-down v-else size="16" />
+                  {{ `${(detailData[field.dataIndex] * 100).toFixed(2)}%` }}
+                </div>
               </template>
               <template v-else>
                 {{ formatTableField(field, detailData, true) }}
@@ -69,14 +91,28 @@
         </div>
       </div>
     </div>
+    <div
+      class="more-btn-row flex items-center absolute right-24px bottom-32px cursor-pointer"
+      @click="showMore = !showMore"
+    >
+      <span class="cts mr-8px !color-#6D4CFE"> {{ showMore ? '收起' : '更多' }} </span>
+      <icon-down
+        size="13"
+        class="!color-#6D4CFE transform transition-transform duration-300 ease-in-out"
+        :class="showMore ? 'rotate-180' : ''"
+      />
+    </div>
   </div>
 </template>
 
 <script setup>
 import { useRoute } from 'vue-router';
 
-import { formatTableField } from '@/utils/tools';
-import { accountInfoFields } from '../../constants';
+import { formatTableField, formatNumberShow } from '@/utils/tools';
+import { getAccountInfoFields } from '../../constants';
+import { STATUS_LIST } from '@/views/property-marketing/media-account/components/status-select/constants';
+import { getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
+
 import { getAccountBoardDetail } from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon5.png';
@@ -86,39 +122,9 @@ import icon4 from '@/assets/img/media-account/icon-success.png';
 
 const route = useRoute();
 const id = route.params.id;
+const dateType = route.query.type;
 const detailData = ref({});
-// const detailData = ref({
-//   id: 1,
-//   name: '抖音官方账号',
-//   mobile: '13800138001',
-//   account_id: 'douyin_001',
-//   holder_name: '张三',
-//   operator_id: 1,
-//   platform: 0,
-//   group_id: 1,
-//   status: 1,
-//   is_pause: 0,
-//   fans_number: 1250000,
-//   like_number: 890000,
-//   collect_number: 45000,
-//   view_number: 5600000,
-//   view_chain: -12.5,
-//   like_chain: 8.3,
-//   ai_evaluation: {
-//     status: 1,
-//     text: '表现优质 | 建议保持',
-//     look_chain: 12.5,
-//     like_chain: 8.3,
-//   },
-//   operator: {
-//     id: 1,
-//     name: '李运营',
-//   },
-//   group: {
-//     id: 1,
-//     name: '抖音组',
-//   },
-// });
+const showMore = ref(false);
 
 const getDetail = async () => {
   const { code, data } = await getAccountBoardDetail(id);
diff --git a/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
index 0c258d6..7147a6f 100644
--- a/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/components/account-info/style.scss
@@ -1,3 +1,41 @@
 .account-info-wrap {
+  position: relative;
+  .status-tag {
+    width: fit-content;
+    display: flex;
+    height: 20px;
+    padding: 0px 8px;
+    align-items: center;
+    border-radius: 2px;
+    background: #f2f3f5;
 
+    .status-tag-text {
+      color: var(--BG-700, #737478);
+    }
+    &-1 {
+      background: #ebf7f2;
+      .status-tag-text {
+        color: #25c883;
+      }
+    }
+
+    &-2,
+    &-4,
+    &-5,
+    &-6,
+    &-7 {
+      background: #ffe7e4;
+      .status-tag-text {
+        color: #f64b31;
+      }
+    }
+
+    &-3 {
+      background: #fff7e5;
+      color: #ffae00;
+      .status-tag-text {
+        color: #ffae00;
+      }
+    }
+  }
 }
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 996567c..94c3fad 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
@@ -4,10 +4,16 @@
  */
 
 export const INITIAL_QUERY = {
-  name: '',
+  title: '',
   published_at: [],
 };
 
+export const INITIAL_PAGE_INFO = {
+  page: 1,
+  page_size: 20,
+  total: 0,
+};
+
 export const TABLE_COLUMNS = [
   {
     title: '笔记标题',
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 2595e57..9ecfbdc 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
@@ -6,7 +6,7 @@
   <div class="note-table-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px flex-1 flex flex-col">
     <div class="title-row">
       <div class="flex items-center">
-        <span class="cts !text-18px !lh-26px mr-4px">笔记详情</span>
+        <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
         <icon-question-circle size="16" class="color-#737478" />
       </div>
     </div>
@@ -14,7 +14,7 @@
       <div class="filter-row-item flex items-center">
         <span class="label">笔记标题</span>
         <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear>
+          <a-input v-model="query.title" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
             <template #prefix>
               <icon-search />
             </template>
@@ -23,13 +23,14 @@
       </div>
       <div class="filter-row-item flex items-center">
         <span class="label">发布日期</span>
-        <a-space size="medium" class="w-240px">
+        <a-space size="medium" class="w-260px">
           <a-range-picker
-            v-model="query.published_at"
+            v-model="published_at"
             size="medium"
             allow-clear
-            format="YYYY-MM-DD HH:mm"
+            format="YYYY-MM-DD"
             class="w-100%"
+            @change="onDateChange"
           />
         </a-space>
       </div>
@@ -91,7 +92,7 @@
         show-jumper
         show-page-size
         :current="pageInfo.page"
-        :page-size="pageInfo.pageSize"
+        :page-size="pageInfo.page_size"
         @change="onPageChange"
         @page-size-change="onPageSizeChange"
       />
@@ -100,7 +101,7 @@
 </template>
 
 <script setup>
-import { TABLE_COLUMNS, INITIAL_QUERY } from './constants';
+import { TABLE_COLUMNS, INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { useRoute } from 'vue-router';
 import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { getMediaAccountBoardWorks } from '@/api/all/propertyMarketing';
@@ -108,33 +109,39 @@ import { getMediaAccountBoardWorks } from '@/api/all/propertyMarketing';
 const route = useRoute();
 const id = route.params.id;
 const dataSource = ref([]);
-const pageInfo = ref({
-  page: 1,
-  pageSize: 20,
-  total: 0,
-});
+const published_at = ref([]);
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 
 const query = ref(cloneDeep(INITIAL_QUERY));
 
 const handleSearch = () => {
-  console.log(query.value);
+  reload();
 };
 
 const handleReset = () => {
-  pageInfo.value.page = 1;
-  pageInfo.value.pageSize = 20;
-  pageInfo.value.total = 0;
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
   query.value = cloneDeep(INITIAL_QUERY);
+  published_at.value = [];
   reload();
 };
 
+const onDateChange = (value) => {
+  const FORMAT_DATE = 'YYYY-MM-DD HH:mm:ss';
+  query.value.published_at = [
+    dayjs(value[0]).startOf('day').format(FORMAT_DATE),
+    dayjs(value[1]).endOf('day').format(FORMAT_DATE),
+  ];
+
+  handleSearch();
+};
+
 const onPageChange = (current) => {
   pageInfo.value.page = current;
   getData();
 };
 
 const onPageSizeChange = (pageSize) => {
-  pageInfo.value.pageSize = pageSize;
+  pageInfo.value.page_size = pageSize;
   reload();
 };
 
@@ -144,7 +151,12 @@ const reload = () => {
 };
 
 const getData = async () => {
-  const { code, data } = await getMediaAccountBoardWorks(query.value);
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await getMediaAccountBoardWorks(id, {
+    ...query.value,
+    page,
+    page_size,
+  });
   if (code === 200) {
     dataSource.value = data?.data || [];
     pageInfo.value.total = data.total;
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 1fb3fcd..1446ddd 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -2,22 +2,45 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-28 12:55:44
  */
-export const accountInfoFields = [
-  [
-    { label: '账号名称', dataIndex: 'name' },
-    { label: '项目分组', dataIndex: 'group.name' },
-    { label: '状态', dataIndex: 'status', type: 'status' },
-    { label: '运营人员', dataIndex: 'operator_name' },
-  ],
-  [
-    { label: 'AI评价', dataIndex: 'ai_evaluation' },
-    { label: '粉丝量', dataIndex: 'fans_number', tooltip: '粉丝量' },
-    { label: '总赞藏数', dataIndex: 'like_number', tooltip: '总赞藏数' },
-  ],
-  [
-    { label: '观看量', dataIndex: 'view_number', tooltip: '观看量' },
-    { label: '观看量环比', dataIndex: 'view_chain', tooltip: '观看量环比', suffix: '%', type: 'rate' },
-    { label: '点赞量', dataIndex: 'like_number', tooltip: '点赞量' },
-    { label: '点赞量环比', dataIndex: 'like_chain', tooltip: '点赞量环比', suffix: '%', type: 'rate' },
-  ],
-];
+import { CUSTOM_FIELDS, getPropPrefix } from '@/views/property-marketing/media-account/common_constants';
+
+// 不足4个。就补两个null进去
+export function groupArrayBySize<T extends { dataIndex: string; prop: string }>(
+  fields: T[],
+  groupSize = 4,
+  dateType: string,
+): T[][] {
+  const result: T[][] = [];
+
+  for (let i = 0; i < fields.length; i += groupSize) {
+    result.push(fields.slice(i, i + groupSize));
+  }
+
+  return result.map((item) => {
+    return item.map((item) => {
+      return {
+        ...item,
+        dataIndex: `${getPropPrefix(dateType)}${item.dataIndex}`,
+        prop: `${getPropPrefix(dateType)}${item.prop}`,
+      };
+    });
+  });
+}
+
+export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
+  const baseFields = [
+    [
+      { title: '账号名称', dataIndex: 'name' },
+      { title: '项目分组', dataIndex: 'group.name' },
+      { title: '状态', dataIndex: 'status', type: 'status' },
+      { title: '运营人员', dataIndex: 'operator_name' },
+    ],
+    [
+      { title: 'AI评价', dataIndex: 'ai_evaluation' },
+      { title: '粉丝量', dataIndex: 'fans_number', tooltip: '粉丝量' },
+      { title: '总赞藏数', dataIndex: 'like_collect_number', tooltip: '总赞藏数' },
+    ],
+  ];
+  const customFields = groupArrayBySize(CUSTOM_FIELDS, 4, dateType);
+  return showMore ? [...baseFields, ...customFields] : [...baseFields];
+};
diff --git a/src/views/property-marketing/media-account/account-detail/style.scss b/src/views/property-marketing/media-account/account-detail/style.scss
index 16e6c75..c69597f 100644
--- a/src/views/property-marketing/media-account/account-detail/style.scss
+++ b/src/views/property-marketing/media-account/account-detail/style.scss
@@ -4,11 +4,14 @@
   flex-direction: column;
   :deep(.cts) {
     color: var(--Text-1, #211f24);
-    font-family: 'PuHuiTi-Medium';
+    font-family: 'PuHuiTi-Regular';
     font-size: 14px;
     font-style: normal;
     font-weight: 400;
     line-height: 22px;
+    &.title {
+      font-family: 'PuHuiTi-Medium';
+    }
   }
   :deep(.title-row) {
     display: flex;
diff --git a/src/views/property-marketing/media-account/common_constants.ts b/src/views/property-marketing/media-account/common_constants.ts
new file mode 100644
index 0000000..e65b1a3
--- /dev/null
+++ b/src/views/property-marketing/media-account/common_constants.ts
@@ -0,0 +1,191 @@
+/*
+ * @Author: RenXiaoDong
+ * @Date: 2025-07-05 10:49:37
+ */
+export const getPropPrefix = (type: string) => {
+  return type === 'week' ? 'seven_' : 'thirty_';
+};
+
+export const CUSTOM_FIELDS = [
+  {
+    dataIndex: 'view_number',
+    prop: 'view_number',
+    title: '观看量',
+    width: 180,
+    tooltip: '账号所有内容的浏览总数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'view_rate',
+    prop: 'view_rate',
+    title: '观看量环比',
+    width: 180,
+    tooltip: '账号所有内容的观看量环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    dataIndex: 'home_view_number',
+    prop: 'home_view_number',
+    title: '主页访客数',
+    width: 180,
+    tooltip: '账号所有内容的主页访客数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'home_view_rate',
+    prop: 'home_view_rate',
+    title: '主页访客数环比',
+    width: 180,
+    tooltip: '账号所有内容的主页访客数环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    dataIndex: 'like_number',
+    prop: 'like_number',
+    title: '点赞量',
+    width: 180,
+    tooltip: '账号所有内容的点赞总数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'like_rate',
+    prop: 'like_rate',
+    title: '点赞量环比',
+    width: 180,
+    tooltip: '账号所有内容的点赞量环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    dataIndex: 'comment_number',
+    prop: 'comment_number',
+    title: '评论数',
+    width: 180,
+    tooltip: '账号所有内容的评论总数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'comment_rate',
+    prop: 'comment_rate',
+    title: '评论数环比',
+    width: 180,
+    tooltip: '账号所有内容的评论数环比',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+    align: 'right',
+  },
+  {
+    dataIndex: 'collect_number',
+    prop: 'collect_number',
+    title: '收藏数',
+    width: 180,
+    tooltip: '账号所有内容的收藏总数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'collect_rate',
+    prop: 'collect_rate',
+    title: '收藏数环比',
+    width: 180,
+    tooltip: '账号所有内容的收藏数环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    dataIndex: 'barrage_number',
+    prop: 'barrage_number',
+    title: '弹幕数',
+    width: 180,
+    tooltip: '账号所有内容的弹幕总数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'barrage_rate',
+    prop: 'barrage_rate',
+    title: '弹幕数环比',
+    width: 180,
+    tooltip: '账号所有内容的弹幕数环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    dataIndex: 'rise_fans_number',
+    prop: 'rise_fans_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: 'share_number',
+    prop: 'share_number',
+    title: '笔记分享量',
+    width: 180,
+    tooltip: '账号所有内容的笔记分享量',
+    align: 'right',
+  },
+  {
+    dataIndex: 'share_rate',
+    prop: 'share_rate',
+    title: '笔记分享量环比',
+    width: 180,
+    tooltip: '账号所有内容的笔记分享量环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+
+  {
+    dataIndex: 'avg_view_time',
+    prop: 'avg_view_time',
+    title: '笔记平均浏览数',
+    width: 180,
+    tooltip: '账号所有内容的笔记平均浏览数',
+    align: 'right',
+  },
+  {
+    dataIndex: 'avg_view_time_rate',
+    prop: 'avg_view_time_rate',
+    title: '笔记平均浏览数环比',
+    width: 180,
+    tooltip: '账号所有内容的笔记平均浏览数环比',
+    align: 'right',
+    suffix: '%',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+];

From 12f81cdfc40a8e8d1b07a2d8da6748bc910881eb Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 12:00:31 +0800
Subject: [PATCH 51/78] =?UTF-8?q?perf:=20=E6=96=87=E6=A1=88=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/account-dashboard/constants.ts             | 1 +
 .../media-account/account-detail/constants.ts                | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

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 c6a67d7..1ee3d4e 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -58,6 +58,7 @@ export function getPeriodColumns(type = 'week') {
     dataIndex: `${prefix}${item.dataIndex}`,
     title: `${labelPrefix}${item.title}`,
     prop: `${prefix}${item.prop}`,
+    tooltip: `${labelPrefix}${item.tooltip}`,
   }));
 }
 
diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 1446ddd..206dead 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -5,7 +5,7 @@
 import { CUSTOM_FIELDS, getPropPrefix } from '@/views/property-marketing/media-account/common_constants';
 
 // 不足4个。就补两个null进去
-export function groupArrayBySize<T extends { dataIndex: string; prop: string }>(
+export function groupArrayBySize<T extends { dataIndex: string; prop: string; title: string; tooltip: string }>(
   fields: T[],
   groupSize = 4,
   dateType: string,
@@ -15,6 +15,7 @@ export function groupArrayBySize<T extends { dataIndex: string; prop: string }>(
   for (let i = 0; i < fields.length; i += groupSize) {
     result.push(fields.slice(i, i + groupSize));
   }
+  const labelPrefix = dateType === 'week' ? '近7天' : '近30天';
 
   return result.map((item) => {
     return item.map((item) => {
@@ -22,6 +23,8 @@ export function groupArrayBySize<T extends { dataIndex: string; prop: string }>(
         ...item,
         dataIndex: `${getPropPrefix(dateType)}${item.dataIndex}`,
         prop: `${getPropPrefix(dateType)}${item.prop}`,
+        title: `${labelPrefix}${item.title}`,
+        tooltip: `${labelPrefix}${item.tooltip}`,
       };
     });
   });

From 9b8e96a2e5204e5fecb7f6b34b04fa3d78699143 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 14:27:07 +0800
Subject: [PATCH 52/78] =?UTF-8?q?feat:=20=E8=B5=B0=E6=9F=A5-=E4=BA=A4?=
 =?UTF-8?q?=E4=BA=92=E9=80=BB=E8=BE=91=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/account-dashboard/index.vue |  4 +--
 .../components/note-table/index.vue           |  4 ++-
 .../media-account/account-detail/index.vue    |  2 +-
 .../account-table/delete-account.vue          | 10 ++----
 .../components/add-account-modal/index.vue    | 19 +++++++---
 .../components/add-account-modal/style.scss   | 32 ++++++++++++++++-
 .../components/batch-group-modal/index.vue    |  9 ++---
 .../components/group-manage-modal/index.vue   | 35 +++++++++----------
 .../components/tags-manage-modal/add-tag.vue  |  9 +++--
 .../tags-manage-modal/delete-tag.vue          | 15 +++-----
 .../components/tags-manage-modal/style.scss   |  2 +-
 .../media-account/account-manage/index.vue    | 11 ++++--
 .../media-account/common_constants.ts         | 18 +++++-----
 .../components/add-account-modal/index.vue    | 12 +++++--
 .../components/add-account-modal/style.scss   | 30 ++++++++++++++++
 15 files changed, 141 insertions(+), 71 deletions(-)

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 cd7c457..3cf9c17 100644
--- a/src/views/property-marketing/media-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/media-account/account-dashboard/index.vue
@@ -8,9 +8,9 @@
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid px-24px pb-20px mb-16px">
       <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 title">数据总览</p>
+          <p class="text-18px font-400 lh-26px color-#211F24 mr-4px title">数据总览</p>
           <a-tooltip content="数据纵览">
-            <img :src="icon1" width="14" height="14" class="ml-4px" />
+            <icon-question-circle size="16" class="color-#737478" />
           </a-tooltip>
         </div>
       </div>
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 9ecfbdc..7a08fab 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,9 @@
     <div class="title-row">
       <div class="flex items-center">
         <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
-        <icon-question-circle size="16" class="color-#737478" />
+        <a-tooltip content="数据纵览">
+          <icon-question-circle size="16" class="color-#737478" />
+        </a-tooltip>
       </div>
     </div>
     <div class="filter-row flex my-16px">
diff --git a/src/views/property-marketing/media-account/account-detail/index.vue b/src/views/property-marketing/media-account/account-detail/index.vue
index d40f532..c627029 100644
--- a/src/views/property-marketing/media-account/account-detail/index.vue
+++ b/src/views/property-marketing/media-account/account-detail/index.vue
@@ -6,7 +6,7 @@
   <div class="account-detail-wrap">
     <div class="flex items-center mb-16px cursor-pointer" @click="handleBack">
       <icon-left size="16" />
-      <spa class="cts ml-8px">账号详情</spa>
+      <spa class="cts title ml-8px">账号详情</spa>
     </div>
     <AccountInfo />
     <NoteTable />
diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
index a7623cc..e132358 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/delete-account.vue
@@ -2,10 +2,6 @@
  * @Author: RenXiaoDong
  * @Date: 2025-06-26 17:44:16
 -->
-<!--
- * @Author: RenXiaoDong
- * @Date: 2025-06-26 17:23:52
--->
 <template>
   <a-modal
     v-model:visible="visible"
@@ -32,7 +28,7 @@ import { ref } from 'vue';
 import { deleteMediaAccount, batchDeleteMediaAccounts } from '@/api/all/propertyMarketing';
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 
-const emits = defineEmits(['update', 'close']);
+const emits = defineEmits(['update', 'close', 'batchUpdate']);
 
 const visible = ref(false);
 const accountId = ref(null);
@@ -51,7 +47,7 @@ const open = (record) => {
   const { id = null, name = '' } = record;
   accountId.value = id;
   accountName.value = name;
-  console.log({ name });
+
   visible.value = true;
 };
 
@@ -61,7 +57,7 @@ async function onDelete() {
   const { code } = await _fn(_params);
   if (code === 200) {
     AMessage.success('删除成功');
-    emits('update');
+    isBatch.value ? emits('batchUpdate') : emits('update');
     onClose();
   }
 }
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index b837250..1e96ffb 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -30,9 +30,17 @@
                 action="/"
                 draggable
                 :custom-request="handleUpload"
-                accept=".xlsx,.xls,.docx,.doc"
+                accept=".xlsx,.xls"
                 :show-file-list="false"
-              />
+              >
+                <template #upload-button>
+                  <div class="upload-box">
+                    <icon-plus size="14" class="mb-16px" />
+                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                    <span class="tip">支持 xls, xlsx格式</span>
+                  </div>
+                </template>
+              </a-upload>
             </template>
             <template v-else>
               <div class="flex items-center">
@@ -43,7 +51,7 @@
                   }"
                 >
                   <div class="flex items-center">
-                    <icon-file size="16" />
+                    <icon-file size="16" class="flex-shrink-0" />
                     <span class="name ml-8px">{{ fileName }}</span>
                   </div>
                   <span
@@ -266,7 +274,10 @@ const open = (accountId = '') => {
 const getAccountDetail = async () => {
   const { code, data } = await getMediaAccountsDetail(id.value);
   if (code === 200) {
-    form.value = data;
+    form.value = {
+      ...data,
+      group_id: data.group_id === 0 ? undefined : data.group_id,
+    };
   }
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
index f712970..0c22c12 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/style.scss
@@ -1,4 +1,4 @@
-@import "@/views/property-marketing/component.scss";
+@import '@/views/property-marketing/component.scss';
 .add-account-modal {
   border-radius: 8px;
   .w-240px {
@@ -46,6 +46,36 @@
           margin-bottom: 16px;
         }
       }
+      .upload-box {
+        display: flex;
+        height: 120px;
+        padding: 0 16px;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        border-radius: 2px;
+        border: 1px dashed var(--Border-1, #d7d7d9);
+        background: var(--BG-200, #f2f3f5);
+        .text {
+          color: var(--Text-1, #211f24);
+          text-align: center;
+
+          font-family: 'PingFang SC';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px;
+        }
+        .tip {
+          color: var(--Text-3, #737478);
+          text-align: center;
+          font-family: 'PuHuiTi-Regular';
+          font-size: 12px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px; 
+        }
+      }
     }
     .upload-dragger {
       border: 1px dashed #d9d9d9;
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index 0044051..401c218 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -30,7 +30,7 @@
       <a-form-item label="选择分组" required>
         <template v-if="editType === 'all'">
           <div class="flex items-center w-100%">
-            <a-select v-model="form.group_id" :options="groupOptions" placeholder="请选择..." class="flex-1" />
+            <GroupSelect v-model="form.group_id" :options="groupOptions" :multiple="false" class="flex-1" />
           </div>
         </template>
       </a-form-item>
@@ -47,7 +47,7 @@
             <a-table-column title="选择分组" data-index="group_id">
               <template #cell="{ record }">
                 <div class="flex items-center w-100%">
-                  <GroupSelect v-model="record.group_id" :options="groupOptions" />
+                  <GroupSelect v-model="record.group_id" :options="groupOptions" :multiple="false" />
                 </div>
               </template>
             </a-table-column>
@@ -96,10 +96,7 @@ const open = (accountList = []) => {
 const getTags = async () => {
   const { code, data } = await fetchAccountGroups();
   if (code === 200) {
-    groupOptions.value = data.map((item) => ({
-      label: item.name,
-      value: item.id,
-    }));
+    groupOptions.value = data;
   }
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 70729d8..1ce5664 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -16,7 +16,7 @@
       <div class="filter-row-item flex items-center">
         <span class="s1 !color-#211F24 mr-12px">分组名称</span>
         <a-space size="medium" class="w-240px">
-          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+          <a-input v-model="query.name" placeholder="请搜索..." size="medium" allow-clear @change="reload">
             <template #prefix>
               <icon-search />
             </template>
@@ -92,8 +92,19 @@ import icon3 from '@/assets/img/media-account/icon-add.png';
 
 const emit = defineEmits(['update']);
 
+const INITIAL_QUERY = {
+  name: '',
+  sort_column: undefined,
+  sort_order: undefined,
+};
+const INITIAL_PAGE_INFO = {
+  page: 1,
+  pageSize: 20,
+  total: 0,
+};
+
 const visible = ref(false);
-const isEdit = ref(false);
+// const isEdit = ref(false);
 const addGroupRef = ref(null);
 const deleteGroupRef = ref(null);
 
@@ -101,16 +112,8 @@ const deleteGroupRef = ref(null);
 
 const list = ref([]);
 const loading = ref(false);
-const query = ref({
-  name: '',
-  sort_column: undefined,
-  sort_order: undefined,
-});
-const pageInfo = ref({
-  page: 1,
-  pageSize: 20,
-  total: 0,
-});
+const query = ref(cloneDeep(INITIAL_QUERY));
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 
 const columns = [
   { title: '分组名称', dataIndex: 'name' },
@@ -137,12 +140,8 @@ function open() {
 }
 
 const close = () => {
-  query.value.name = '';
-  query.value.sort_column = undefined;
-  query.value.sort_order = undefined;
-  pageInfo.value.page = 1;
-  pageInfo.value.pageSize = 20;
-  pageInfo.value.total = 0;
+  query.value = cloneDeep(INITIAL_QUERY);
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
   list.value = [];
   visible.value = false;
 };
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
index ac8bc3d..25e3058 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/add-tag.vue
@@ -8,18 +8,17 @@
     :title="isEdit ? '编辑标签' : '添加新标签'"
     modal-class="tags-manage-modal"
     width="400px"
-    :footer="false"
     @close="onClose"
   >
     <a-form ref="formRef" :model="form" :rules="rules" layout="horizontal" auto-label-width>
       <a-form-item :label="isEdit ? '标签名称' : '新标签名称'" field="name" required>
         <a-input v-model="form.name" placeholder="请输入…" />
       </a-form-item>
-      <div class="text-right">
-        <a-button class="cancel-btn" @click="onClose">取消</a-button>
-        <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
-      </div>
     </a-form>
+    <template #footer>
+      <a-button class="cancel-btn" @click="onClose">取消</a-button>
+      <a-button type="primary" class="ml-16px" @click="onSubmit">确认</a-button>
+    </template>
   </a-modal>
 </template>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
index bafc9eb..eb183b7 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/delete-tag.vue
@@ -3,24 +3,17 @@
  * @Date: 2025-06-26 17:23:52
 -->
 <template>
-  <a-modal
-    v-model:visible="visible"
-    title="删除标签"
-    width="400px"
-    :footer="false"
-    modal-class="account-manage-modal"
-    @close="onClose"
-  >
-    <div class="flex items-center mb-24px">
+  <a-modal v-model:visible="visible" title="删除标签" width="400px" modal-class="account-manage-modal" @close="onClose">
+    <div class="flex items-center">
       <img :src="icon1" width="20" height="20" class="mr-12px" />
       <span>确认删除 "{{ tagName }}" 这个标签吗？</span>
     </div>
-    <div class="text-right">
+    <template #footer>
       <a-button class="cancel-btn" size="large" @click="onClose">取消</a-button>
       <a-button type="primary" class="ml-16px danger-btn" status="danger" size="large" @click="onDelete"
         >确认删除</a-button
       >
-    </div>
+    </template>
   </a-modal>
 </template>
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
index 90f1b17..7f80aef 100644
--- a/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
+++ b/src/views/property-marketing/media-account/account-manage/components/tags-manage-modal/style.scss
@@ -4,7 +4,7 @@
   border-radius: 8px;
 
   .arco-modal-body {
-    padding: 24px 24px 44px !important;
+    // padding: 24px 24px 44px !important;
     overflow: hidden;
     display: flex;
     flex-direction: column;
diff --git a/src/views/property-marketing/media-account/account-manage/index.vue b/src/views/property-marketing/media-account/account-manage/index.vue
index b5fca16..863de0c 100644
--- a/src/views/property-marketing/media-account/account-manage/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/index.vue
@@ -103,9 +103,10 @@
     <GroupManageModal ref="groupManageModalRef" @update="filterBlockRef?.getGroups" />
     <TagsManageModal ref="tagsManageModalRef" @update="filterBlockRef?.getTags" />
     <AddAccountModal ref="addAccountModalRef" @update="getData" />
-    <DeleteAccountModal ref="deleteAccountRef" @update="getData" />
-    <BatchTagModal ref="batchTagModalRef" @update="getData" />
-    <BatchGroupModal ref="batchGroupModalRef" @update="getData" />
+
+    <DeleteAccountModal ref="deleteAccountRef" @update="getData" @batchUpdate="onBatchSuccess" />
+    <BatchTagModal ref="batchTagModalRef" @update="onBatchSuccess" />
+    <BatchGroupModal ref="batchGroupModalRef" @update="onBatchSuccess" />
   </div>
 </template>
 
@@ -267,6 +268,10 @@ const handleBatchTag = () => {
 const handleBatchGroup = () => {
   batchGroupModalRef.value?.open(selectedItems.value);
 };
+const onBatchSuccess = () => {
+  selectedItems.value = [];
+  getData();
+};
 const handleOpenAbnormalAccount = () => {
   query.value.status = 2;
   reload();
diff --git a/src/views/property-marketing/media-account/common_constants.ts b/src/views/property-marketing/media-account/common_constants.ts
index e65b1a3..d38755e 100644
--- a/src/views/property-marketing/media-account/common_constants.ts
+++ b/src/views/property-marketing/media-account/common_constants.ts
@@ -31,7 +31,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'home_view_number',
     prop: 'home_view_number',
     title: '主页访客数',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的主页访客数',
     align: 'right',
   },
@@ -39,7 +39,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'home_view_rate',
     prop: 'home_view_rate',
     title: '主页访客数环比',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的主页访客数环比',
     align: 'right',
     suffix: '%',
@@ -99,7 +99,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'collect_rate',
     prop: 'collect_rate',
     title: '收藏数环比',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的收藏数环比',
     align: 'right',
     suffix: '%',
@@ -119,7 +119,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'barrage_rate',
     prop: 'barrage_rate',
     title: '弹幕数环比',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的弹幕数环比',
     align: 'right',
     suffix: '%',
@@ -139,7 +139,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'rise_fans_rate',
     prop: 'rise_fans_rate',
     title: '笔记涨粉数环比',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的笔记涨粉数环比',
     align: 'right',
     suffix: '%',
@@ -151,7 +151,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'share_number',
     prop: 'share_number',
     title: '笔记分享量',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的笔记分享量',
     align: 'right',
   },
@@ -159,7 +159,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'share_rate',
     prop: 'share_rate',
     title: '笔记分享量环比',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的笔记分享量环比',
     align: 'right',
     suffix: '%',
@@ -172,7 +172,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'avg_view_time',
     prop: 'avg_view_time',
     title: '笔记平均浏览数',
-    width: 180,
+    width: 200,
     tooltip: '账号所有内容的笔记平均浏览数',
     align: 'right',
   },
@@ -180,7 +180,7 @@ export const CUSTOM_FIELDS = [
     dataIndex: 'avg_view_time_rate',
     prop: 'avg_view_time_rate',
     title: '笔记平均浏览数环比',
-    width: 180,
+    width: 220,
     tooltip: '账号所有内容的笔记平均浏览数环比',
     align: 'right',
     suffix: '%',
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index 9c6b14e..fda9e1d 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -33,7 +33,15 @@
                 :custom-request="handleUpload"
                 accept=".xlsx,.xls,.docx,.doc"
                 :show-file-list="false"
-              />
+              >
+                <template #upload-button>
+                  <div class="upload-box">
+                    <icon-plus size="14" class="mb-16px" />
+                    <span class="text mb-4px">点击或拖拽文件到此处上传</span>
+                    <span class="tip">支持 xls, xlsx格式</span>
+                  </div>
+                </template>
+              </a-upload>
             </template>
             <template v-else>
               <div class="flex items-center">
@@ -44,7 +52,7 @@
                   }"
                 >
                   <div class="flex items-center">
-                    <icon-file size="16" />
+                    <icon-file size="16" class="flex-shrink-0" />
                     <span class="name ml-8px">{{ fileName }}</span>
                   </div>
                   <span
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
index 4bd38a7..1304cb2 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/style.scss
@@ -46,6 +46,36 @@
           margin-bottom: 16px;
         }
       }
+      .upload-box {
+        display: flex;
+        height: 120px;
+        padding: 0 16px;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
+        border-radius: 2px;
+        border: 1px dashed var(--Border-1, #d7d7d9);
+        background: var(--BG-200, #f2f3f5);
+        .text {
+          color: var(--Text-1, #211f24);
+          text-align: center;
+
+          font-family: 'PingFang SC';
+          font-size: 14px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 22px;
+        }
+        .tip {
+          color: var(--Text-3, #737478);
+          text-align: center;
+          font-family: 'PuHuiTi-Regular';
+          font-size: 12px;
+          font-style: normal;
+          font-weight: 400;
+          line-height: 20px; 
+        }
+      }
     }
     .upload-dragger {
       border: 1px dashed #d9d9d9;

From 5ee30e91469b040556d26f4976eef16f7522d2bd Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Sat, 5 Jul 2025 15:55:56 +0800
Subject: [PATCH 53/78] =?UTF-8?q?feat:=20=E6=8A=95=E6=94=BE=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E8=A1=A8=E6=A0=BC=E5=AF=B9=E6=8E=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |   5 +
 .../components/account-table/index.vue        |   7 +-
 .../components/account-info/index.vue         |   4 +-
 .../media-account/common_constants.ts         |   9 +
 .../components/board-table/constants.ts       | 402 ++++++++++--------
 .../components/board-table/index.vue          |  57 ++-
 .../components/filter-block/index.vue         |  30 +-
 .../components/plan-table/constants.ts        | 285 +++++--------
 .../components/plan-table/index.vue           |  51 +--
 .../put-account/account-data/constants.ts     |   9 +-
 .../put-account/account-data/index.vue        |  25 +-
 .../components/account-select/index.vue       |  64 +++
 12 files changed, 514 insertions(+), 434 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/components/account-select/index.vue

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index c00fd03..f0202fc 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -279,3 +279,8 @@ export const batchMediaAccounts = (params = {}, config = {}) => {
 export const getMediaAccountsAuthorizedStatus = (id: string) => {
   return Http.get(`/v1/media-accounts/${id}/status`);
 };
+
+// 投放账号-列表
+export const getPlacementAccountsList = (params = {}) => {
+  return Http.get('/v1/placement-accounts/list', params);
+};
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 56f8006..582dc23 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
@@ -121,12 +121,7 @@
           <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
         </template>
 
-        <template
-          v-else-if="
-            ['week_view_chain', 'month_view_chain', 'week_like_chain', 'month_like_chain'].includes(column.dataIndex)
-          "
-          #cell="{ record }"
-        >
+        <template v-else-if="column.isRateField" #cell="{ record }">
           <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
             <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
             <icon-arrow-down v-else size="16" />
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 7597b1d..851ce48 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
@@ -11,7 +11,7 @@
       <div
         v-for="(row, rowIdx) in getAccountInfoFields(dateType, showMore)"
         :key="rowIdx"
-        class="grid grid-cols-4 gap-6 mb-24px"
+        class="grid grid-cols-4 mb-24px"
       >
         <div
           v-for="(field, colIdx) in row"
@@ -73,7 +73,7 @@
                 }}
               </template>
               <!-- 环比字段特殊渲染 -->
-              <template v-else-if="field.suffix === '%'">
+              <template v-else-if="field.isRateField">
                 <div
                   class="flex items-center"
                   :class="detailData[field.dataIndex] > 0 ? 'color-#F64B31' : 'color-#25C883'"
diff --git a/src/views/property-marketing/media-account/common_constants.ts b/src/views/property-marketing/media-account/common_constants.ts
index d38755e..6e910a6 100644
--- a/src/views/property-marketing/media-account/common_constants.ts
+++ b/src/views/property-marketing/media-account/common_constants.ts
@@ -23,6 +23,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的观看量环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -43,6 +44,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的主页访客数环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -63,6 +65,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的点赞量环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -82,6 +85,7 @@ export const CUSTOM_FIELDS = [
     width: 180,
     tooltip: '账号所有内容的评论数环比',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -103,6 +107,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的收藏数环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -123,6 +128,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的弹幕数环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -143,6 +149,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的笔记涨粉数环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -163,6 +170,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的笔记分享量环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
@@ -184,6 +192,7 @@ export const CUSTOM_FIELDS = [
     tooltip: '账号所有内容的笔记平均浏览数环比',
     align: 'right',
     suffix: '%',
+    isRateField: true,
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
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 eae376e..c6cf880 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
@@ -10,12 +10,6 @@ export const TABLE_COLUMNS = [
     width: 180,
     fixed: 'left',
   },
-  // {
-  //   title: '项目分组',
-  //   dataIndex: 'group.name',
-  //   width: 180,
-  //   fixed: 'left',
-  // },
   {
     title: '状态',
     dataIndex: 'status',
@@ -25,14 +19,50 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '运营人员',
-    dataIndex: 'operator.name',
-    prop: 'operator',
+    dataIndex: 'operator_ame',
+    prop: 'operator_ame',
+    width: 180,
+  },
+  {
+    title: '最新项目名称',
+    dataIndex: 'newest_project_name',
+    prop: 'newest_project_name',
+    width: 180,
+  },
+  {
+    title: '最新项目展示数',
+    dataIndex: 'newest_project_show_number',
+    prop: 'newest_project_show_number',
+    width: 180,
+  },
+  {
+    title: '最新项目点击数',
+    dataIndex: 'newest_project_click_number',
+    prop: 'newest_project_click_number',
+    width: 180,
+  },
+  {
+    title: '最新项目点击率',
+    dataIndex: 'newest_project_click_rate',
+    prop: 'newest_project_click_rate',
+    width: 180,
+  },
+  {
+    title: '最新项目平均点击成本',
+    dataIndex: 'newest_project_avg_click_cost',
+    prop: 'newest_project_avg_click_cost',
+    width: 180,
+  },
+  {
+    title: '最新项目平均千次展示成本',
+    dataIndex: 'newest_project_thousand_show_cost',
+    prop: 'newest_project_thousand_show_cost',
     width: 180,
   },
   {
     title: '账户总消耗',
-    dataIndex: 'total_consumption',
-    prop: 'total_consumption',
+    dataIndex: 'total_use_amount',
+    prop: 'total_use_amount',
     width: 180,
     tooltip: '账号总消耗',
     prefix: '¥',
@@ -41,139 +71,52 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '账户余额',
-    dataIndex: 'balance',
-    prop: 'balance',
-    width: 180,
-    tooltip: '账号余额',
-    prefix: '¥',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'AI评价',
-    dataIndex: 'ai_evaluation',
-    prop: 'ai_evaluation',
-    width: 260,
-  },
-  {
-    title: 'ROI',
-    dataIndex: 'roi',
-    prop: 'roi',
-    width: 180,
-    tooltip: '账号ROI',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'ROI环比',
-    dataIndex: 'roi_chain',
-    prop: 'roi_chain',
-    width: 180,
-    tooltip: '相比上一周期的ROI变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CPA',
-    dataIndex: 'cpa',
-    prop: 'cpa',
-    width: 180,
-    tooltip: '账号CPA',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CPA环比',
-    dataIndex: 'roi_chain',
-    prop: 'roi_chain',
-    width: 180,
-    tooltip: '相比上一周期的CPA变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '转化数',
-    dataIndex: 'conversion_number',
-    prop: 'conversion_number',
-    width: 180,
-    tooltip: '账号转化数',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '转化数环比',
-    dataIndex: 'conversion_chain',
-    prop: 'conversion_chain',
-    width: 180,
-    tooltip: '相比上一周期的转化数变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CVR',
-    dataIndex: 'conversion_rate',
-    prop: 'conversion_rate',
-    width: 180,
-    tooltip: '账号转化率',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CVR环比',
-    dataIndex: 'conversion_rate_chain',
-    prop: 'conversion_rate_chain',
-    width: 180,
-    tooltip: '相比上一周期的CVR变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '最新投放计划标题/日期',
-    dataIndex: 'like_chain1',
-    prop: 'like_chain1',
-    width: 260,
-    tooltip: '最新发布内容的标题和发布日期',
-  },
-  {
-    title: '最新投放计划表现',
-    dataIndex: 'latest_plan_performance',
-    prop: 'latest_plan_performance',
-    width: 180,
-    tooltip: '最新投放计划表现',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-
+  // {
+  //   title: '账户余额',
+  //   dataIndex: 'balance',
+  //   prop: 'balance',
+  //   width: 180,
+  //   tooltip: '账号余额',
+  //   prefix: '¥',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: 'AI评价',
+  //   dataIndex: 'ai_evaluate',
+  //   prop: 'ai_evaluate',
+  //   width: 260,
+  // },
+  // {
+  //   title: '投资回报率',
+  //   dataIndex: 'roi',
+  //   prop: 'roi',
+  //   width: 180,
+  //   tooltip: '投资回报率',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '投资回报率环比',
+  //   dataIndex: 'roi_chain',
+  //   prop: 'roi_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的ROI变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
   {
     title: '展示量',
-    dataIndex: 'view_number',
-    prop: 'view_number',
+    dataIndex: 'show_number',
+    prop: 'show_number',
     width: 180,
     tooltip: '账号所有内容的总展示次数',
     align: 'right',
@@ -181,6 +124,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
+  // {
+  //   title: '展示量环比',
+  //   dataIndex: 'view_number_chain',
+  //   prop: 'view_number_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的展示量变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
   {
     title: '点击量',
     dataIndex: 'click_number',
@@ -192,6 +148,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
+  // {
+  //   title: '点击量环比',
+  //   dataIndex: 'click_number_chain',
+  //   prop: 'click_number_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的点击量变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
   {
     title: '点击率',
     dataIndex: 'click_rate',
@@ -203,6 +172,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
+  // {
+  //   title: '点击率环比',
+  //   dataIndex: 'click_rate_chain',
+  //   prop: 'click_rate_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的CVR变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
   {
     title: '平均点击成本',
     dataIndex: 'avg_click_cost',
@@ -216,8 +198,8 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '千次展现费用',
-    dataIndex: 'cost_per_thousand_views',
-    prop: 'cost_per_thousand_views',
+    dataIndex: 'thousand_show_cost',
+    prop: 'thousand_show_cost',
     width: 180,
     prefix: '¥',
     tooltip: '账号所有内容的千次展现费用',
@@ -226,38 +208,104 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '平均转化成本',
-    dataIndex: 'avg_conversion_cost',
-    prop: 'avg_conversion_cost',
-    width: 180,
-    prefix: '¥',
-    tooltip: '账号所有内容的平均转化成本',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '深度转化数',
-    dataIndex: 'deep_conversion_number',
-    prop: 'deep_conversion_number',
-    width: 180,
-    tooltip: '账号所有内容的总深度转化次数',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '深度转化率',
-    dataIndex: 'deep_conversion_rate',
-    prop: 'deep_conversion_rate',
-    width: 180,
-    tooltip: '账号所有内容的总深度转化率',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
+  // {
+  //   title: '转化数',
+  //   dataIndex: 'conversion_number',
+  //   prop: 'conversion_number',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总转化次数',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '转化数环比',
+  //   dataIndex: 'conversion_number_chain',
+  //   prop: 'conversion_number_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的CVR变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '转化率',
+  //   dataIndex: 'conversion_rate',
+  //   prop: 'conversion_rate',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总转化次数',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '转化率环比',
+  //   dataIndex: 'conversion_rate_chain',
+  //   prop: 'conversion_rate_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的CVR变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '平均转化成本',
+  //   dataIndex: 'avg_conversion_cost',
+  //   prop: 'avg_conversion_cost',
+  //   width: 180,
+  //   prefix: '¥',
+  //   tooltip: '账号所有内容的平均转化成本',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '深度转化数',
+  //   dataIndex: 'deep_conversion_number',
+  //   prop: 'deep_conversion_number',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总深度转化次数',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '深度转化率',
+  //   dataIndex: 'deep_conversion_rate',
+  //   prop: 'deep_conversion_rate',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总深度转化率',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '最新投放计划标题/日期',
+  //   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/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index d7a0178..f4a3367 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -65,7 +65,7 @@
       >
         <template #title>
           <div class="flex items-center">
-            <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+            <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
             <span class="cts mr-4px">{{ column.title }}</span>
             <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
               <icon-question-circle class="tooltip-icon color-#737478" size="16" />
@@ -83,48 +83,43 @@
             }}</span>
           </div>
         </template>
-        <template v-else-if="column.dataIndex === 'ai_evaluation'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
           <div class="ai-evaluation-row flex">
-            <img
-              width="16"
-              height="16"
-              :src="record.ai_evaluation?.status === 1 ? icon4 : record.ai_evaluation?.status === 2 ? icon3 : icon2"
-              class="mr-8px icon"
-            />
-            <div>
-              <p class="cts">{{ record.ai_evaluation?.text || '-' }}</p>
-              <p class="cts text-12px lh-20px !color-#939499">
-                {{ `ROI: ${record.ai_evaluation?.look_chain}%  CVR: ${record.ai_evaluation?.like_chain}%` }}
-              </p>
-            </div>
+            <template v-if="record.ai_evaluate">
+              <img
+                width="16"
+                height="16"
+                :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
+                class="mr-8px icon"
+              />
+              <div>
+                <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
+                <p class="cts text-12px lh-20px !color-#939499">
+                  {{ `ROI: ${record.roi}%   CVR: ${record.conversion_rate}%` }}
+                </p>
+              </div>
+            </template>
+            <template v-else>
+              <p class="cts">-</p>
+            </template>
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
         </template>
 
-        <template
-          v-else-if="
-            [
-              'view_chain',
-              'roi_chain',
-              'like_chain',
-              'cpa_chain',
-              'conversion_chain',
-              'conversion_rate_chain',
-            ].includes(column.dataIndex)
-          "
-          #cell="{ record }"
-        >
+        <template v-else-if="column.isRateField" #cell="{ record }">
           <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
             <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
             <icon-arrow-down v-else size="16" />
             {{ formatTableField(column, record) }}
           </div>
         </template>
-        <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
-          <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
-          <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
+        <template v-else-if="column.dataIndex === 'newest_work_title'" #cell="{ record }">
+          <p class="cts cursor-pointer hover:!color-#6D4CFe">{{ record.newest_work_title }}</p>
+          <p class="cts text-12px lh-20px !color-#939499">
+            {{ exactFormatTime(record.newest_project_published_at) }}
+          </p>
         </template>
 
         <template v-else #cell="{ record }">
@@ -140,7 +135,7 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { STATUS_LIST } from '@/views/property-marketing/put-account/components/status-select/constants';
-import { formatTableField } from '@/utils/tools';
+import { formatTableField, exactFormatTime } from '@/utils/tools';
 import { TABLE_COLUMNS } from './constants';
 import { useRouter } from 'vue-router';
 import CustomTableColumnModal from '@/components/custom-table-column-modal';
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 69d8a79..80ddf5b 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
@@ -36,15 +36,22 @@
       </div>
     </div>
     <div class="filter-row flex">
+      <div v-if="!isAccountTab" class="filter-row-item flex items-center">
+        <span class="label">关联账户</span>
+        <a-space class="w-160px">
+          <AccountSelect v-model="query.placement_account_id" :options="placementAccounts" @change="handleSearch" />
+        </a-space>
+      </div>
       <div class="filter-row-item flex items-center">
         <span class="label">时间筛选</span>
         <a-space class="w-240px">
           <a-range-picker
-            v-model="query.date_range"
+            v-model="query.data_time"
             size="medium"
             allow-clear
-            format="YYYY-MM-DD HH:mm"
+            format="YYYY-MM-DD"
             class="w-100%"
+            @change="handleSearch"
           />
         </a-space>
       </div>
@@ -66,11 +73,16 @@
 
 <script setup>
 import { reactive, defineEmits, defineProps } from 'vue';
-import { getPlacementAccountProjectGroupsList, getPlacementAccountOperators } from '@/api/all/propertyMarketing';
+import {
+  getPlacementAccountProjectGroupsList,
+  getPlacementAccountsList,
+  getPlacementAccountOperators,
+} from '@/api/all/propertyMarketing';
 import GroupSelect from '../group-select';
 
 import OperatorSelect from '@/views/property-marketing/put-account/components/operator-select';
 import StatusSelect from '@/views/property-marketing/put-account/components/status-select';
+import AccountSelect from '@/views/property-marketing/put-account/components/account-select';
 
 const props = defineProps({
   query: {
@@ -85,9 +97,11 @@ const props = defineProps({
 
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
 
-const tags = ref([]);
+// const tags = ref([]);
 const groups = ref([]);
 const operators = ref([]);
+const placementAccounts = ref([]);
+// const dataTime = ref([]);
 
 const handleSearch = () => {
   emits('update:query', props.query);
@@ -113,9 +127,17 @@ const getOperators = async () => {
   }
 };
 
+const getAccounts = async () => {
+  const { code, data } = await getPlacementAccountsList();
+  if (code === 200) {
+    placementAccounts.value = data;
+  }
+};
+
 onMounted(() => {
   getGroups();
   getOperators();
+  getAccounts();
 });
 
 defineExpose({
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 6b0ffa0..f0fbed6 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
@@ -17,6 +17,13 @@ export const TABLE_COLUMNS = [
     width: 180,
     fixed: 'left',
   },
+  {
+    title: '关联账户',
+    dataIndex: 'account_name',
+    prop: 'account_name',
+    width: 180,
+    fixed: 'left',
+  },
   {
     title: '状态',
     dataIndex: 'status',
@@ -26,14 +33,14 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '运营人员',
-    dataIndex: 'operator.name',
-    prop: 'operator',
+    dataIndex: 'operator_name',
+    prop: 'operator_name',
     width: 180,
   },
   {
     title: '账户总消耗',
-    dataIndex: 'total_consumption',
-    prop: 'total_consumption',
+    dataIndex: 'total_use_amount',
+    prop: 'total_use_amount',
     width: 180,
     tooltip: '账号总消耗',
     prefix: '¥',
@@ -42,139 +49,39 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '账户余额',
-    dataIndex: 'balance',
-    prop: 'balance',
-    width: 180,
-    tooltip: '账号余额',
-    prefix: '¥',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'AI评价',
-    dataIndex: 'ai_evaluation',
-    prop: 'ai_evaluation',
-    width: 260,
-  },
-  {
-    title: 'ROI',
-    dataIndex: 'roi',
-    prop: 'roi',
-    width: 180,
-    tooltip: '账号ROI',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'ROI环比',
-    dataIndex: 'roi_chain',
-    prop: 'roi_chain',
-    width: 180,
-    tooltip: '相比上一周期的ROI变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CPA',
-    dataIndex: 'cpa',
-    prop: 'cpa',
-    width: 180,
-    tooltip: '账号CPA',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CPA环比',
-    dataIndex: 'roi_chain',
-    prop: 'roi_chain',
-    width: 180,
-    tooltip: '相比上一周期的CPA变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '转化数',
-    dataIndex: 'conversion_number',
-    prop: 'conversion_number',
-    width: 180,
-    tooltip: '账号转化数',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '转化数环比',
-    dataIndex: 'conversion_chain',
-    prop: 'conversion_chain',
-    width: 180,
-    tooltip: '相比上一周期的转化数变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CVR',
-    dataIndex: 'conversion_rate',
-    prop: 'conversion_rate',
-    width: 180,
-    tooltip: '账号转化率',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: 'CVR环比',
-    dataIndex: 'conversion_rate_chain',
-    prop: 'conversion_rate_chain',
-    width: 180,
-    tooltip: '相比上一周期的CVR变化百分比',
-    align: 'right',
-    suffix: '%',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '最新投放计划标题/日期',
-    dataIndex: 'like_chain1',
-    prop: 'like_chain1',
-    width: 260,
-    tooltip: '最新发布内容的标题和发布日期',
-  },
-  {
-    title: '最新投放计划表现',
-    dataIndex: 'latest_plan_performance',
-    prop: 'latest_plan_performance',
-    width: 180,
-    tooltip: '最新投放计划表现',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-
+  // {
+  //   title: '账户余额',
+  //   dataIndex: 'balance',
+  //   prop: 'balance',
+  //   width: 180,
+  //   tooltip: '账号余额',
+  //   prefix: '¥',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: 'AI评价',
+  //   dataIndex: 'ai_evaluate',
+  //   prop: 'ai_evaluate',
+  //   width: 260,
+  // },
+  // {
+  //   title: '投资回报率',
+  //   dataIndex: 'roi',
+  //   prop: 'roi',
+  //   width: 180,
+  //   tooltip: '投资回报率',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
   {
     title: '展示量',
-    dataIndex: 'view_number',
-    prop: 'view_number',
+    dataIndex: 'show_number',
+    prop: 'show_number',
     width: 180,
     tooltip: '账号所有内容的总展示次数',
     align: 'right',
@@ -204,6 +111,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
+  // {
+  //   title: '点击率环比',
+  //   dataIndex: 'click_rate_chain',
+  //   prop: 'click_rate_chain',
+  //   width: 180,
+  //   tooltip: '相比上一周期的CVR变化百分比',
+  //   align: 'right',
+  //   suffix: '%',
+  //   isRateField: true,
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
   {
     title: '平均点击成本',
     dataIndex: 'avg_click_cost',
@@ -217,8 +137,8 @@ export const TABLE_COLUMNS = [
   },
   {
     title: '千次展现费用',
-    dataIndex: 'cost_per_thousand_views',
-    prop: 'cost_per_thousand_views',
+    dataIndex: 'thousand_show_cost',
+    prop: 'thousand_show_cost',
     width: 180,
     prefix: '¥',
     tooltip: '账号所有内容的千次展现费用',
@@ -227,38 +147,61 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  {
-    title: '平均转化成本',
-    dataIndex: 'avg_conversion_cost',
-    prop: 'avg_conversion_cost',
-    width: 180,
-    prefix: '¥',
-    tooltip: '账号所有内容的平均转化成本',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '深度转化数',
-    dataIndex: 'deep_conversion_number',
-    prop: 'deep_conversion_number',
-    width: 180,
-    tooltip: '账号所有内容的总深度转化次数',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
-  {
-    title: '深度转化率',
-    dataIndex: 'deep_conversion_rate',
-    prop: 'deep_conversion_rate',
-    width: 180,
-    tooltip: '账号所有内容的总深度转化率',
-    align: 'right',
-    sortable: {
-      sortDirections: ['ascend', 'descend'],
-    },
-  },
+
+  // {
+  //   title: '转化数',
+  //   dataIndex: 'conversion_number',
+  //   prop: 'conversion_number',
+  //   width: 180,
+  //   tooltip: '账号转化数',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '转化率',
+  //   dataIndex: 'conversion_rate',
+  //   prop: 'conversion_rate',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总转化率',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '平均转化成本',
+  //   dataIndex: 'avg_conversion_cost',
+  //   prop: 'avg_conversion_cost',
+  //   width: 180,
+  //   prefix: '¥',
+  //   tooltip: '账号所有内容的平均转化成本',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '深度转化数',
+  //   dataIndex: 'deep_conversion_number',
+  //   prop: 'deep_conversion_number',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总深度转化次数',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
+  // {
+  //   title: '深度转化率',
+  //   dataIndex: 'deep_conversion_rate',
+  //   prop: 'deep_conversion_rate',
+  //   width: 180,
+  //   tooltip: '账号所有内容的总深度转化率',
+  //   align: 'right',
+  //   sortable: {
+  //     sortDirections: ['ascend', 'descend'],
+  //   },
+  // },
 ];
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 bc2ac0c..dc3787b 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
@@ -65,7 +65,7 @@
       >
         <template #title>
           <div class="flex items-center">
-            <img v-if="column.dataIndex === 'ai_evaluation'" width="16" height="16" :src="icon5" class="mr-4px" />
+            <img v-if="column.dataIndex === 'ai_evaluate'" width="16" height="16" :src="icon5" class="mr-4px" />
             <span class="cts mr-4px">{{ column.title }}</span>
             <a-tooltip v-if="column.tooltip" :content="column.tooltip" position="top">
               <icon-question-circle class="tooltip-icon color-#737478" size="16" />
@@ -83,49 +83,42 @@
             }}</span>
           </div>
         </template>
-        <template v-else-if="column.dataIndex === 'ai_evaluation'" #cell="{ record }">
+        <template v-else-if="column.dataIndex === 'ai_evaluate'" #cell="{ record }">
           <div class="ai-evaluation-row flex">
-            <img
-              width="16"
-              height="16"
-              :src="record.ai_evaluation?.status === 1 ? icon4 : record.ai_evaluation?.status === 2 ? icon3 : icon2"
-              class="mr-8px icon"
-            />
-            <div>
-              <p class="cts">{{ record.ai_evaluation?.text || '-' }}</p>
-              <p class="cts text-12px lh-20px !color-#939499">
-                {{ `ROI: ${record.ai_evaluation?.look_chain}%  CVR: ${record.ai_evaluation?.like_chain}%` }}
-              </p>
-            </div>
+            <template v-if="record.ai_evaluate">
+              <img
+                width="16"
+                height="16"
+                :src="record.ai_evaluate?.status === 0 ? icon2 : record.ai_evaluate?.status === 1 ? icon3 : icon4"
+                class="mr-8px icon"
+              />
+              <div>
+                <p class="cts">{{ `${record.ai_evaluate?.level} | ${record.ai_evaluate?.advise}` }}。</p>
+                <p class="cts text-12px lh-20px !color-#939499">
+                  {{ `ROI: ${record.roi}%   CVR: ${record.conversion_rate}%` }}
+                </p>
+              </div>
+            </template>
+            <template v-else>
+              <p class="cts">-</p>
+            </template>
           </div>
         </template>
         <template v-else-if="column.dataIndex === 'operation'" #cell="{ record }">
           <a-button type="outline" size="small" class="search-btn" @click="handleDetail(record)">详情</a-button>
         </template>
 
-        <template
-          v-else-if="
-            [
-              'view_chain',
-              'roi_chain',
-              'like_chain',
-              'cpa_chain',
-              'conversion_chain',
-              'conversion_rate_chain',
-            ].includes(column.dataIndex)
-          "
-          #cell="{ record }"
-        >
+        <template v-else-if="column.isRateField" #cell="{ record }">
           <div class="flex items-center rate-row justify-end" :class="record[column.dataIndex] > 0 ? 'up' : 'down'">
             <icon-arrow-up v-if="record[column.dataIndex] > 0" size="16" />
             <icon-arrow-down v-else size="16" />
             {{ formatTableField(column, record) }}
           </div>
         </template>
-        <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
+        <!-- <template v-else-if="['like_chain1', 'like_chain4'].includes(column.dataIndex)" #cell="{ record }">
           <p class="cts cursor-pointer hover:!color-#6D4CFE">打工人的环游世界旅行计划（国内版）</p>
           <p class="cts text-12px lh-20px !color-#939499">2025-06-18</p>
-        </template>
+        </template> -->
 
         <template v-else #cell="{ record }">
           {{ formatTableField(column, record, true) }}
diff --git a/src/views/property-marketing/put-account/account-data/constants.ts b/src/views/property-marketing/put-account/account-data/constants.ts
index 95b4fa1..87901f6 100644
--- a/src/views/property-marketing/put-account/account-data/constants.ts
+++ b/src/views/property-marketing/put-account/account-data/constants.ts
@@ -7,8 +7,15 @@ export const INITIAL_QUERY = {
   name: '',
   status: '',
   operator_id: '',
+  placement_account_id: '',
   group_ids: [],
-  date_range: [],
+  data_time: [],
   column: '',
   order: '',
 };
+
+export const INITIAL_PAGE_INFO = {
+  page: 1,
+  page_size: 20,
+  total: 0,
+};
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index f735c58..87454c5 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -44,7 +44,7 @@
           show-jumper
           show-page-size
           :current="pageInfo.page"
-          :page-size="pageInfo.pageSize"
+          :page-size="pageInfo.page_size"
           @change="onPageChange"
           @page-size-change="onPageSizeChange"
         />
@@ -68,7 +68,7 @@ import {
   postPlacementAccountDataListExport,
 } from '@/api/all/propertyMarketing';
 
-import { INITIAL_QUERY } from './constants';
+import { INITIAL_QUERY, INITIAL_PAGE_INFO } from './constants';
 import { downloadByUrl } from '@/utils/tools';
 
 import icon2 from '@/assets/img/media-account/icon-group.png';
@@ -78,19 +78,20 @@ const activeTab = ref('1');
 const accountTableRef = ref(null);
 const groupManageModalRef = ref(null);
 const filterBlockRef = ref(null);
-const query = ref({});
+const query = ref(cloneDeep(INITIAL_QUERY));
 const dataSource = ref([]);
-const pageInfo = ref({
-  page: 1,
-  pageSize: 20,
-  total: 0,
-});
+const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 
 const isAccountTab = computed(() => activeTab.value === '1');
 
 const getData = async () => {
   const _fn = isAccountTab.value ? getPlacementAccountData : getPlacementAccountDataList;
-  const { code, data } = await _fn(query.value);
+  const { page, page_size } = pageInfo.value;
+  const { code, data } = await _fn({
+    ...query.value,
+    page,
+    page_size,
+  });
   if (code === 200) {
     dataSource.value = data?.data ?? [];
     pageInfo.value.total = data.total;
@@ -103,7 +104,7 @@ const onPageChange = (current) => {
 };
 
 const onPageSizeChange = (pageSize) => {
-  pageInfo.value.pageSize = pageSize;
+  pageInfo.value.page_size = pageSize;
   reload();
 };
 
@@ -113,9 +114,7 @@ const reload = () => {
 };
 
 const handleReset = () => {
-  pageInfo.value.page = 1;
-  pageInfo.value.pageSize = 20;
-  pageInfo.value.total = 0;
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
   selectedRowKeys.value = [];
   accountTableRef.value?.resetTable();
   query.value = cloneDeep(INITIAL_QUERY);
diff --git a/src/views/property-marketing/put-account/components/account-select/index.vue b/src/views/property-marketing/put-account/components/account-select/index.vue
new file mode 100644
index 0000000..2c50673
--- /dev/null
+++ b/src/views/property-marketing/put-account/components/account-select/index.vue
@@ -0,0 +1,64 @@
+<!--
+ * @Author: RenXiaoDong
+ * @Date: 2025-06-25 14:02:40
+-->
+<template>
+  <a-select
+    v-model="selectedOperators"
+    :multiple="multiple"
+    size="medium"
+    :placeholder="placeholder"
+    allow-clear
+    @change="handleChange"
+  >
+    <a-option v-for="(item, index) in options" :key="index" :value="item.id" :label="item.name">
+      {{ item.name }}
+    </a-option>
+  </a-select>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue';
+
+const props = defineProps({
+  modelValue: {
+    type: [Array, String, Number],
+    default: () => [],
+  },
+  multiple: {
+    type: Boolean,
+    default: false,
+  },
+  placeholder: {
+    type: String,
+    default: '全部',
+  },
+  options: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const emits = defineEmits(['update:modelValue', 'change']);
+
+const selectedOperators = ref(props.multiple ? [] : '');
+
+// 监听外部传入的值变化
+watch(
+  () => props.modelValue,
+  (newVal) => {
+    selectedOperators.value = newVal;
+  },
+  { immediate: true },
+);
+
+// 监听内部值变化，向外部发送更新
+watch(selectedOperators, (newVal) => {
+  emits('update:modelValue', newVal);
+});
+
+const handleChange = (value) => {
+  selectedOperators.value = value;
+  emits('change', value);
+};
+</script>

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 54/78] =?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 @@
       <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>
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 @@
     <div class="title-row">
       <div class="flex items-center">
         <span class="cts !text-18px !lh-26px mr-4px title">笔记详情</span>
-        <a-tooltip content="数据纵览">
+        <a-tooltip content="展示笔记层级的详细数据，如曝光、互动等，是内容精细分析入口。">
           <icon-question-circle size="16" class="color-#737478" />
         </a-tooltip>
       </div>
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 55/78] =?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);
       },
     );

From 514081aea8b0129ba33fb5bcd8018aeb6ecf6bde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Fri, 4 Jul 2025 10:35:16 +0800
Subject: [PATCH 56/78] =?UTF-8?q?=E6=8F=90=E5=8F=96=E5=85=AC=E5=85=B1?=
 =?UTF-8?q?=E5=B8=B8=E9=87=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  24 ++
 .../put-account/account-dashboard/index.vue   | 362 ++++++++++--------
 .../put-account/common_constants.ts           |  21 +
 .../components/table-data/listSearchForm.vue  |  46 ++-
 .../investment-guidelines/index.vue           |  58 ++-
 5 files changed, 331 insertions(+), 180 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/common_constants.ts

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 2a5ae02..a1e6c6b 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -274,3 +274,27 @@ export const batchMediaAccounts = (params = {}, config = {}) => {
 export const getMediaAccountsAuthorizedStatus = (id: string) => {
   return Http.get(`/v1/media-accounts/${id}/status`);
 };
+
+// 投放账号-趋势
+export const getPlacementAccountsTrend = (params = {}) => {
+  return Http.get(`/v1/placement-accounts/trend`);
+};
+
+// 投放账号数据-趋势
+export const getPlacementAccountsList = (id: string) => {
+  return Http.get(`/v1/placement-accounts/list`);
+};
+// 投放账号计划数据-趋势
+export const getPlacementAccountProjectsTrend = (id: string) => {
+  return Http.get(`/v1/placement-account-projects/trend`);
+};
+
+// 投放指南查询
+export const getPlacementGuide = (params: {}) => {
+  return Http.get(`/v1/placement-guide/getGuideList`,params);
+};
+
+// 前端定时轮询获取ai检测结果
+export const getAiResult = (params: {}) => {
+  return Http.get(`/v1/placement-guide/getAiResult`);
+};
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index d5cc31e..91685ed 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -1,37 +1,45 @@
 <template>
   <div class="account-dashboard-wrap">
     <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid pb-24px mb-16px">
-      <a-tabs>
-        <a-tab-pane :key="1" title="账户"></a-tab-pane>
-        <a-tab-pane :key="2" title="项目"></a-tab-pane>
+      <a-tabs v-model:activeKey="accountType" @tab-click="handleTabClick">
+        <a-tab-pane key="1" title="账户"></a-tab-pane>
+        <a-tab-pane key="2" title="计划"></a-tab-pane>
       </a-tabs>
 
       <div class="container px-24px">
         <div class="filter-row flex mb-20px">
           <div class="filter-row-item flex items-center">
-            <span class="label">账号名称</span>
-            <a-select multiple placeholder="全部">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
-            </a-select>
+            <span class="label">{{ accountType == 1 ? '账号名称' : '计划名称' }}</span>
+            <a-space size="medium" class="w-240px">
+              <a-input v-model="query.names" placeholder="请搜索..." size="medium" allow-clear @change="handleSearch">
+                <template #prefix>
+                  <icon-search />
+                </template>
+              </a-input>
+            </a-space>
           </div>
-
           <div class="filter-row-item flex items-center">
             <span class="label">平台</span>
-            <a-select placeholder="全部">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
+            <a-select
+              v-model="query.platform"
+              class="w-150"
+              size="medium"
+              placeholder="全部"
+              allow-clear
+              @change="handleSearch"
+            >
+              <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
+                >{{ item.label }}
+              </a-option>
             </a-select>
           </div>
 
           <div class="filter-row-item flex items-center">
             <span class="label">运营人员</span>
-            <a-select placeholder="全部">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
+            <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
+              <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name"
+                >{{ item.name }}
+              </a-option>
             </a-select>
           </div>
         </div>
@@ -61,161 +69,203 @@
       <a-row class="grid-demo" :gutter="24">
         <a-col :span="12">
           <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
+            :xAxisData="xhlEcharts.consumption_volume.xAxisData"
+            :seriesData="xhlEcharts.consumption_volume.seriesData"
             :title="{ name: '消耗量', popover: '消耗量' }"
           ></EchartsItem>
         </a-col>
         <a-col :span="12">
           <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
+            :xAxisData="xhlEcharts.click_count.xAxisData"
+            :seriesData="xhlEcharts.click_count.seriesData"
             :title="{ name: '消耗量', popover: '消耗量' }"
           ></EchartsItem>
         </a-col>
       </a-row>
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '点击量', popover: '点击量' }"
-          ></EchartsItem>
-        </a-col>
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '点击率', popover: 点击率 }"
-          ></EchartsItem>
-        </a-col>
-      </a-row>
 
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '平均点击成本', popover: '平均点击成本' }"
-          ></EchartsItem>
-        </a-col>
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '千次展现费用', popover: '千次展现费用' }"
-          ></EchartsItem>
-        </a-col>
-      </a-row>
-
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '转化数', popover: '转化数' }"
-          ></EchartsItem>
-        </a-col>
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '转化率', popover: '转化率' }"
-          ></EchartsItem>
-        </a-col>
-      </a-row>
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '平均转化成本', popover: '平均转化成本' }"
-          ></EchartsItem>
-        </a-col>
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '深度转化数', popover: '深度转化数' }"
-          ></EchartsItem>
-        </a-col>
-      </a-row>
-
-      <a-row class="grid-demo" :gutter="24">
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '深度转化率', popover: '深度转化率' }"
-          ></EchartsItem>
-        </a-col>
-        <a-col :span="12">
-          <EchartsItem
-            :xAxisData="xhlEcharts.xAxisData"
-            :seriesData="xhlEcharts.seriesData"
-            :title="{ name: '投资回报率', popover: '投资回报率' }"
-          ></EchartsItem>
-        </a-col>
-      </a-row>
     </div>
   </div>
 </template>
 <script setup lang="ts">
 import EchartsItem from './components/echarts-item/index';
+import { PLATFORM_LIST } from '../common_constants';
+import {
+  fetchPlacementAccountOperators,
+  getPlacementAccountsList,
+  getPlacementAccountsTrend,
+  getPlacementAccountProjectsTrend,
+} from '@/api/all/propertyMarketing';
 
+const accountType = ref('1');
+
+const query = reactive({
+  names: '',
+  platform: '',
+  operator_id: '',
+});
+const getPlacementAccounts = async () => {
+  const { code, data } = await getPlacementAccountsTrend(query);
+  if (code === 200) {
+    accountList.value = data;
+  }
+};
+
+const handleSearch = async () => {
+  getPlacementAccounts();
+};
+const handleReset = async () => {};
+// 投放账号计划数据-趋势
+const getPlacementAccountProjects = async () => {
+  const { code, data } = await getPlacementAccountProjectsTrend(query);
+  if (code === 200) {
+    accountList.value = data;
+  }
+};
+const operators = ref([]);
+const accountList = ref([]);
+const handleTabClick = (key) => {
+  console.log(key, 'key');
+  if (key == 1) {
+    getAccountList();
+  } else if (key == 2) {
+    getPlacementAccountProjects();
+  }
+};
+
+const getOperators = async () => {
+  const { code, data } = await fetchPlacementAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
+
+// 获取账户名称
+const getAccountList = async () => {
+  const { code, data } = await getPlacementAccountsList(query);
+  if (code === 200) {
+    accountList.value = data;
+  }
+};
+
+onMounted(() => {
+  getPlacementAccounts();
+  getAccountList();
+  getOperators();
+});
 const xhlEcharts = reactive({
-  xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
-  seriesData: [
-    {
-      name: '本地推-小庭院推广计划',
-      type: 'line',
-      data: [30000, 40000, 25000, 20000, 29019, 29019, 29019],
-      color: '#7b68ee',
-      emphasis: { focus: 'series' },
-    },
-    {
-      name: '全球旅行小助手推广',
-      type: 'line',
-      data: [25000, 27000, 23000, 20000, 29019, 29019, 29019],
-      color: '#32c5ff',
-      emphasis: { focus: 'series' },
-    },
-    {
-      name: '定向旅居推广顶级套餐',
-      type: 'line',
-      data: [10000, 5000, 12000, 15000, 29019, 29019, 29019],
-      color: '#feb62f',
-      emphasis: { focus: 'series' },
-    },
-    {
-      name: '城市探索者特惠活动',
-      type: 'line',
-      data: [15000, 18000, 12000, 16000, 20000, 22000, 24000],
-      color: '#ff7d00',
-      emphasis: { focus: 'series' },
-    },
-    {
-      name: '高端民宿精选推荐',
-      type: 'line',
-      data: [22000, 20000, 25000, 23000, 21000, 19000, 22000],
-      color: '#f5222d',
-      emphasis: { focus: 'series' },
-    },
-    {
-      name: '美食探店达人计划',
-      type: 'line',
-      data: [18000, 19000, 17000, 16000, 18000, 20000, 21000],
-      color: '#722ed1',
-      emphasis: { focus: 'series' },
-    },
-    {
-      name: '户外探险装备推荐',
-      type: 'line',
-      data: [12000, 14000, 13000, 15000, 17000, 16000, 18000],
-      color: '#13c2c2',
-      emphasis: { focus: 'series' },
-    },
-  ],
+  consumption_volume: {
+    label: '消耗量',
+    key: 'consumption_volume',
+    xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
+    seriesData: [
+      {
+        name: '本地推-小庭院推广计划',
+        type: 'line',
+        data: [30000, 40000, 25000, 20000, 29019, 29019, 29019],
+        color: '#7b68ee',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '全球旅行小助手推广',
+        type: 'line',
+        data: [25000, 27000, 23000, 20000, 29019, 29019, 29019],
+        color: '#32c5ff',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '定向旅居推广顶级套餐',
+        type: 'line',
+        data: [10000, 5000, 12000, 15000, 29019, 29019, 29019],
+        color: '#feb62f',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '城市探索者特惠活动',
+        type: 'line',
+        data: [15000, 18000, 12000, 16000, 20000, 22000, 24000],
+        color: '#ff7d00',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '高端民宿精选推荐',
+        type: 'line',
+        data: [22000, 20000, 25000, 23000, 21000, 19000, 22000],
+        color: '#f5222d',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '美食探店达人计划',
+        type: 'line',
+        data: [18000, 19000, 17000, 16000, 18000, 20000, 21000],
+        color: '#722ed1',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '户外探险装备推荐',
+        type: 'line',
+        data: [12000, 14000, 13000, 15000, 17000, 16000, 18000],
+        color: '#13c2c2',
+        emphasis: { focus: 'series' },
+      },
+    ],
+
+  },
+  click_count: {
+    label: '点击量',
+    key: 'click_count',
+    xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
+    seriesData: [
+      {
+        name: '本地推-小庭院推广计划',
+        type: 'line',
+        data: [30000, 40000, 25000, 20000, 29019, 29019, 29019],
+        color: '#7b68ee',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '全球旅行小助手推广',
+        type: 'line',
+        data: [25000, 27000, 23000, 20000, 29019, 29019, 29019],
+        color: '#32c5ff',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '定向旅居推广顶级套餐',
+        type: 'line',
+        data: [10000, 5000, 12000, 15000, 29019, 29019, 29019],
+        color: '#feb62f',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '城市探索者特惠活动',
+        type: 'line',
+        data: [15000, 18000, 12000, 16000, 20000, 22000, 24000],
+        color: '#ff7d00',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '高端民宿精选推荐',
+        type: 'line',
+        data: [22000, 20000, 25000, 23000, 21000, 19000, 22000],
+        color: '#f5222d',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '美食探店达人计划',
+        type: 'line',
+        data: [18000, 19000, 17000, 16000, 18000, 20000, 21000],
+        color: '#722ed1',
+        emphasis: { focus: 'series' },
+      },
+      {
+        name: '户外探险装备推荐',
+        type: 'line',
+        data: [12000, 14000, 13000, 15000, 17000, 16000, 18000],
+        color: '#13c2c2',
+        emphasis: { focus: 'series' },
+      },
+    ],
+  },
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/common_constants.ts b/src/views/property-marketing/put-account/common_constants.ts
new file mode 100644
index 0000000..4986d1f
--- /dev/null
+++ b/src/views/property-marketing/put-account/common_constants.ts
@@ -0,0 +1,21 @@
+import icon1 from '@/assets/img/media-account/icon-jl.png';
+import icon2 from '@/assets/img/media-account/icon-jg.png';
+import icon3 from '@/assets/img/media-account/icon-bili.png';
+
+export const PLATFORM_LIST = [
+  {
+    label: '巨量',
+    value: 0,
+    icon: icon1,
+  },
+  {
+    label: '聚光',
+    value: 1,
+    icon: icon2,
+  },
+  {
+    label: 'B站',
+    value: 2,
+    icon: icon3,
+  },
+];
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index 21f6c88..e42a26a 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -6,11 +6,18 @@
         <a-col :span="8">
           <a-space>
             <span>账户</span>
-            <a-select :style="{ width: '320px' }" placeholder="全部">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
-            </a-select>
+            <a-input
+              class="w-310px"
+              :style="{ width: '320px' }"
+              v-model="query.names"
+              placeholder="请搜索..."
+              size="medium"
+              allow-clear
+            >
+              <template #prefix>
+                <icon-search />
+              </template>
+            </a-input>
           </a-space>
         </a-col>
         <a-col :span="8">
@@ -26,10 +33,18 @@
         <a-col :span="8">
           <a-space>
             <span>平台</span>
-            <a-select :style="{ width: '320px' }" placeholder="全部">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
+
+            <a-select
+              v-model="query.platform"
+              class="w-320"
+              size="medium"
+              placeholder="全部"
+              allow-clear
+              @change="handleSearch"
+            >
+              <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
+                >{{ item.label }}
+              </a-option>
             </a-select>
           </a-space>
         </a-col>
@@ -44,7 +59,6 @@
               :time-picker-props="{
                 defaultValue: ['00:00:00', '00:00:00'],
               }"
-              @change="onChange"
               @select="onSelect"
               style="width: 380px"
             />
@@ -72,8 +86,20 @@
 </template>
 
 <script setup lang="ts">
+import { defineEmits, defineProps } from 'vue';
+import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+
+const props = defineProps({
+  query: {
+    type: Object,
+    required: true,
+  },
+});
+const emits = defineEmits('onSearch', 'onReset', 'update:query');
+
 const handleSearch = () => {
   console.log('handleSearch');
+  emits('onSearch', props.query);
 };
 </script>
 
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index 57d91bd..e5e3044 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -10,19 +10,21 @@
         </a-tabs>
       </div>
       <!--表单组件搜索-->
-      <listSearchForm></listSearchForm>
+      <listSearchForm v-model:query="query" @onSearch="getData"></listSearchForm>
       <!--      投放指南-->
       <PlacementGuideList v-if="tabData === 'placement_guide'"></PlacementGuideList>
       <!--      历史指南列表-->
       <GuideListHistory v-if="tabData === 'guide_history'"></GuideListHistory>
     </div>
 
-    <!--    本月摘要-->
-    <MonthData></MonthData>
+    <a-spin :loading="loading" tip="数据分析中">
+      <!--    本月摘要-->
+      <MonthData></MonthData>
 
-    <!--    投放建议-->
-    <PlacementSuggestions></PlacementSuggestions>
-    <ActionGuideDistribution></ActionGuideDistribution>
+      <!--    投放建议-->
+      <PlacementSuggestions></PlacementSuggestions>
+      <ActionGuideDistribution></ActionGuideDistribution>
+    </a-spin>
     <div>
       <a-space class="down-btn">
         <a-button type="outline" @click="handleSearch">
@@ -50,20 +52,48 @@ import GuideListHistory from './components/table-data/guideListHistory.vue';
 import MonthData from './components/month-data/index.vue';
 import PlacementSuggestions from './components/placement-suggestions/index.vue';
 import ActionGuideDistribution from './components/action-guide-distribution';
+import FilterBlock from '@/views/property-marketing/put-account/account-data/components/filter-block/index.vue';
+import {
+  getAiResult,
+  getPlacementAccountData,
+  getPlacementAccountDataList,
+  getPlacementGuide,
+} from '@/api/all/propertyMarketing';
 
 const tabData = ref('placement_guide');
 
-const listQuery = reactive({
-  project_id: ref(''),
-  platform: ref(''),
-  page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
+const query = reactive({
+  platform: '',
 });
+
+const loading = ref(false);
+const queryResult = reactive({
+  search_key: '',
+});
+
+const getData = async () => {
+  console.log(query, 'query');
+  const { code, data } = await getPlacementGuide(query);
+  if (code === 200) {
+  }
+};
+
+const getSyncAiResult = async () => {
+  const { code, data } = await getAiResult(query);
+  if (code === 200) {
+    //成功或者失败清除定时任务
+    if ((data.status && data.status === 3) || data.status === 2) {
+      clearInterval(timer);
+      loading.value = false;
+    }
+  }
+};
+// 定时任务请求接口
+const timer = setInterval(() => {
+  getSyncAiResult();
+}, 5000);
 </script>
 
 <style lang="scss">
 @import './style.scss';
-
-
 </style>

From 534636c69e3519cc678522a19de9d84615e6049b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Sun, 6 Jul 2025 18:27:51 +0800
Subject: [PATCH 57/78] =?UTF-8?q?refactor(property-marketing):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=93=81=E7=89=8C=E7=89=A9=E6=96=99=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-调整操作列宽度，确保内容显示完整
- 移除冗余注释，提高代码可读性
---
 package-lock.json                             | 7232 ++++++++++++++++-
 src/api/all/propertyMarketing.ts              |    9 +-
 src/assets/general_schedule.svg               |    3 +
 src/assets/icon_plus.svg                      |    3 +
 src/assets/icon_refresh.svg                   |    3 +
 src/assets/icon_search.svg                    |    3 +
 src/assets/icon_search_secondary.svg          |    3 +
 src/assets/tips_minus.svg                     |    3 +
 .../put-account/account-dashboard/index.vue   |    6 +-
 .../action-guide-distribution/index.vue       |    7 +
 .../placement-suggestions/index.vue           |   37 +-
 .../components/table-data/listSearchForm.vue  |   22 +-
 .../table-data/placementGuideList.vue         |   84 +-
 .../investment-guidelines/index.vue           |   46 +-
 14 files changed, 7310 insertions(+), 151 deletions(-)
 create mode 100644 src/assets/general_schedule.svg
 create mode 100644 src/assets/icon_plus.svg
 create mode 100644 src/assets/icon_refresh.svg
 create mode 100644 src/assets/icon_search.svg
 create mode 100644 src/assets/icon_search_secondary.svg
 create mode 100644 src/assets/tips_minus.svg

diff --git a/package-lock.json b/package-lock.json
index d972c82..3cc12e5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -21,10 +21,13 @@
         "pinia": "^2.0.29",
         "sass": "^1.89.2",
         "swiper": "^11.2.8",
+        "update": "^0.7.4",
         "vue": "^3.2.45",
         "vue-cropper": "^1.1.4",
+        "vue-draggable-plus": "^0.6.0",
         "vue-echarts": "^7.0.3",
-        "vue-router": "^4.1.6"
+        "vue-router": "^4.1.6",
+        "vuedraggable": "^4.1.0"
       },
       "devDependencies": {
         "@babel/core": "^7.20.12",
@@ -1824,6 +1827,11 @@
       "integrity": "sha512-21cFJr9z3g5dW8B0CVI9g2O9beqaThGQ6ZFBqHfwhzLDKUxaqTIy3vnfah/UPkfOiF2pLq+tGz+W8RyCskuslw==",
       "dev": true
     },
+    "node_modules/@types/sortablejs": {
+      "version": "1.15.8",
+      "resolved": "https://registry.npmjs.org/@types/sortablejs/-/sortablejs-1.15.8.tgz",
+      "integrity": "sha512-b79830lW+RZfwaztgs1aVPgbasJ8e7AXtZYHTELNXZPsERt4ymJdjV4OccDbHQAvHrCcFpbF78jkm0R6h/pZVg=="
+    },
     "node_modules/@types/web-bluetooth": {
       "version": "0.0.16",
       "resolved": "https://registry.npmmirror.com/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
@@ -2918,6 +2926,199 @@
         "node": ">=8"
       }
     },
+    "node_modules/align-text": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/align-text/-/align-text-0.1.4.tgz",
+      "integrity": "sha512-GrTZLRpmp6wIC2ztrWW9MjjTgSKccffgFagbNDOX95/dcjEcYZibYTeaOntySQLcdw1ztBoFkviiUvTMbb9MYg==",
+      "dependencies": {
+        "kind-of": "^3.0.2",
+        "longest": "^1.0.1",
+        "repeat-string": "^1.5.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgblack": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgblack/-/ansi-bgblack-0.1.1.tgz",
+      "integrity": "sha512-tp8M/NCmSr6/skdteeo9UgJ2G1rG88X3ZVNZWXUxFw4Wh0PAGaAAWQS61sfBt/1QNcwMTY3EBKOMPujwioJLaw==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgblue": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgblue/-/ansi-bgblue-0.1.1.tgz",
+      "integrity": "sha512-R8JmX2Xv3+ichUQE99oL+LvjsyK+CDWo/BtVb4QUz3hOfmf2bdEmiDot3fQcpn2WAHW3toSRdjSLm6bgtWRDlA==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgcyan": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgcyan/-/ansi-bgcyan-0.1.1.tgz",
+      "integrity": "sha512-6SByK9q2H978bmqzuzA5NPT1lRDXl3ODLz/DjC4URO5f/HqK7dnRKfoO/xQLx/makOz7zWIbRf6+Uf7bmaPSkQ==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bggreen": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bggreen/-/ansi-bggreen-0.1.1.tgz",
+      "integrity": "sha512-8TRtOKmIPOuxjpklrkhUbqD2NnVb4WZQuIjXrT+TGKFKzl7NrL7wuNvEap3leMt2kQaCngIN1ZzazSbJNzF+Aw==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgmagenta": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgmagenta/-/ansi-bgmagenta-0.1.1.tgz",
+      "integrity": "sha512-UZYhobiGAlV4NiwOlKAKbkCyxOl1PPZNvdIdl/Ce5by45vwiyNdBetwHk/AjIpo1Ji9z+eE29PUBAjjfVmz5SA==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgred": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgred/-/ansi-bgred-0.1.1.tgz",
+      "integrity": "sha512-BpPHMnYmRBhcjY5knRWKjQmPDPvYU7wrgBSW34xj7JCH9+a/SEIV7+oSYVOgMFopRIadOz9Qm4zIy+mEBvUOPA==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgwhite": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgwhite/-/ansi-bgwhite-0.1.1.tgz",
+      "integrity": "sha512-KIF19t+HOYOorUnHTOhZpeZ3bJsjzStBG2hSGM0WZ8YQQe4c7lj9CtwnucscJDPrNwfdz6GBF+pFkVfvHBq6uw==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bgyellow": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bgyellow/-/ansi-bgyellow-0.1.1.tgz",
+      "integrity": "sha512-WyRoOFSIvOeM7e7YdlSjfAV82Z6K1+VUVbygIQ7C/VGzWYuO/d30F0PG7oXeo4uSvSywR0ozixDQvtXJEorq4Q==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-black": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-black/-/ansi-black-0.1.1.tgz",
+      "integrity": "sha512-hl7re02lWus7lFOUG6zexhoF5gssAfG5whyr/fOWK9hxNjUFLTjhbU/b4UHWOh2dbJu9/STSUv+80uWYzYkbTQ==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-blue": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-blue/-/ansi-blue-0.1.1.tgz",
+      "integrity": "sha512-8Um59dYNDdQyoczlf49RgWLzYgC2H/28W3JAIyOAU/+WkMcfZmaznm+0i1ikrE0jME6Ypk9CJ9CY2+vxbPs7Fg==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-bold": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-bold/-/ansi-bold-0.1.1.tgz",
+      "integrity": "sha512-wWKwcViX1E28U6FohtWOP4sHFyArELHJ2p7+3BzbibqJiuISeskq6t7JnrLisUngMF5zMhgmXVw8Equjzz9OlA==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-colors": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-0.2.0.tgz",
+      "integrity": "sha512-ScRNUT0TovnYw6+Xo3iKh6G+VXDw2Ds7ZRnMIuKBgHY02DgvT2T2K22/tc/916Fi0W/5Z1RzDaHQwnp75hqdbA==",
+      "dependencies": {
+        "ansi-bgblack": "^0.1.1",
+        "ansi-bgblue": "^0.1.1",
+        "ansi-bgcyan": "^0.1.1",
+        "ansi-bggreen": "^0.1.1",
+        "ansi-bgmagenta": "^0.1.1",
+        "ansi-bgred": "^0.1.1",
+        "ansi-bgwhite": "^0.1.1",
+        "ansi-bgyellow": "^0.1.1",
+        "ansi-black": "^0.1.1",
+        "ansi-blue": "^0.1.1",
+        "ansi-bold": "^0.1.1",
+        "ansi-cyan": "^0.1.1",
+        "ansi-dim": "^0.1.1",
+        "ansi-gray": "^0.1.1",
+        "ansi-green": "^0.1.1",
+        "ansi-grey": "^0.1.1",
+        "ansi-hidden": "^0.1.1",
+        "ansi-inverse": "^0.1.1",
+        "ansi-italic": "^0.1.1",
+        "ansi-magenta": "^0.1.1",
+        "ansi-red": "^0.1.1",
+        "ansi-reset": "^0.1.1",
+        "ansi-strikethrough": "^0.1.1",
+        "ansi-underline": "^0.1.1",
+        "ansi-white": "^0.1.1",
+        "ansi-yellow": "^0.1.1",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-cyan": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-cyan/-/ansi-cyan-0.1.1.tgz",
+      "integrity": "sha512-eCjan3AVo/SxZ0/MyIYRtkpxIu/H3xZN7URr1vXVrISxeyz8fUFz0FJziamK4sS8I+t35y4rHg1b2PklyBe/7A==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-dim": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-dim/-/ansi-dim-0.1.1.tgz",
+      "integrity": "sha512-zAfb1fokXsq4BoZBkL0eK+6MfFctbzX3R4UMcoWrL1n2WHewFKentTvOZv2P11u6P4NtW/V47hVjaN7fJiefOg==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ansi-escapes": {
       "version": "4.3.2",
       "resolved": "https://registry.npmmirror.com/ansi-escapes/-/ansi-escapes-4.3.2.tgz",
@@ -2939,6 +3140,94 @@
         "node": ">=10"
       }
     },
+    "node_modules/ansi-gray": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-gray/-/ansi-gray-0.1.1.tgz",
+      "integrity": "sha512-HrgGIZUl8h2EHuZaU9hTR/cU5nhKxpVE1V6kdGsQ8e4zirElJ5fvtfc8N7Q1oq1aatO275i8pUFUCpNWCAnVWw==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-green": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-green/-/ansi-green-0.1.1.tgz",
+      "integrity": "sha512-WJ70OI4jCaMy52vGa/ypFSKFb/TrYNPaQ2xco5nUwE0C5H8piume/uAZNNdXXiMQ6DbRmiE7l8oNBHu05ZKkrw==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-grey": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-grey/-/ansi-grey-0.1.1.tgz",
+      "integrity": "sha512-+J1nM4lC+whSvf3T4jsp1KR+C63lypb+VkkwtLQMc1Dlt+nOvdZpFT0wwFTYoSlSwCcLUAaOpHF6kPkYpSa24A==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-hidden": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-hidden/-/ansi-hidden-0.1.1.tgz",
+      "integrity": "sha512-8gB1bo9ym9qZ/Obvrse1flRsfp2RE+40B23DhQcKxY+GSeaOJblLnzBOxzvmLTWbi5jNON3as7wd9rC0fNK73Q==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-inverse": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-inverse/-/ansi-inverse-0.1.1.tgz",
+      "integrity": "sha512-Kq8Z0dBRhQhDMN/Rso1Nu9niwiTsRkJncfJZXiyj7ApbfJrGrrubHXqXI37feJZkYcIx6SlTBdNCeK0OQ6X6ag==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-italic": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-italic/-/ansi-italic-0.1.1.tgz",
+      "integrity": "sha512-jreCxifSAqbaBvcibeQxcwhQDbEj7gF69XnpA6x83qbECEBaRBD1epqskrmov1z4B+zzQuEdwbWxgzvhKa+PkA==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-magenta": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-magenta/-/ansi-magenta-0.1.1.tgz",
+      "integrity": "sha512-A1Giu+HRwyWuiXKyXPw2AhG1yWZjNHWO+5mpt+P+VWYkmGRpLPry0O5gmlJQEvpjNpl4RjFV7DJQ4iozWOmkbQ==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-red": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-red/-/ansi-red-0.1.1.tgz",
+      "integrity": "sha512-ewaIr5y+9CUTGFwZfpECUbFlGcC0GCw1oqR9RI6h1gQCd9Aj2GxSckCnPsVJnmfMZbwFYE+leZGASgkWl06Jow==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ansi-regex": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz",
@@ -2948,6 +3237,28 @@
         "node": ">=8"
       }
     },
+    "node_modules/ansi-reset": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-reset/-/ansi-reset-0.1.1.tgz",
+      "integrity": "sha512-n+D0qD3B+h/lP0dSwXX1SZMoXufdUVotLMwUuvXa50LtBAh3f+WV8b5nFMfLL/hgoPBUt+rG/pqqzF8krlZKcw==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-strikethrough": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-strikethrough/-/ansi-strikethrough-0.1.1.tgz",
+      "integrity": "sha512-gWkLPDvHH2pC9YEKqp8dIl0mg3sRglMPvioqGDIOXiwxjxUwIJ1gF86E2o4R5yLNh8IAkwHbaMtASkJfkQ2hIA==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "3.2.1",
       "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz",
@@ -2960,6 +3271,47 @@
         "node": ">=4"
       }
     },
+    "node_modules/ansi-underline": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-underline/-/ansi-underline-0.1.1.tgz",
+      "integrity": "sha512-D+Bzwio/0/a0Fu5vJzrIT6bFk43TW46vXfSvzysOTEHcXOAUJTVMHWDbELIzGU4AVxVw2rCTb7YyWS4my2cSKQ==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-white": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-white/-/ansi-white-0.1.1.tgz",
+      "integrity": "sha512-DJHaF2SRzBb9wZBgqIJNjjTa7JUJTO98sHeTS1sDopyKKRopL1KpaJ20R6W2f/ZGras8bYyIZDtNwYOVXNgNFg==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-wrap": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-wrap/-/ansi-wrap-0.1.0.tgz",
+      "integrity": "sha512-ZyznvL8k/FZeQHr2T6LzcJ/+vBApDnMNZvfVFy3At0knswWd6rJ3/0Hhmpu8oqa6C92npmozs890sX9Dl6q+Qw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/ansi-yellow": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-yellow/-/ansi-yellow-0.1.1.tgz",
+      "integrity": "sha512-6E3D4BQLXHLl3c/NwirWVZ+BCkMq2qsYxdeAGGOijKrx09FaqU+HktFL6QwAwNvgJiMLnv6AQ2C1gFZx0h1CBg==",
+      "dependencies": {
+        "ansi-wrap": "0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/any-promise": {
       "version": "1.3.0",
       "resolved": "https://registry.npmmirror.com/any-promise/-/any-promise-1.3.0.tgz",
@@ -2984,6 +3336,76 @@
       "integrity": "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==",
       "dev": true
     },
+    "node_modules/arr-diff": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/arr-diff/-/arr-diff-2.0.0.tgz",
+      "integrity": "sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/arr-flatten/-/arr-flatten-1.1.0.tgz",
+      "integrity": "sha512-L3hKV5R/p5o81R7O02IGnwpDmkp6E982XhtbuwSe3O4qOtMMMtodicASA1Cny2U+aCXcNpml+m4dPsvsJ3jatg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/arr-map/-/arr-map-2.0.2.tgz",
+      "integrity": "sha512-tVqVTHt+Q5Xb09qRkbu+DidW1yYzz5izWS2Xm2yFm7qJnmUfz4HPzNxbHkdRJbz2lrqI7S+z17xNYdFcBBO8Hw==",
+      "dependencies": {
+        "make-iterator": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-pluck": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/arr-pluck/-/arr-pluck-0.1.0.tgz",
+      "integrity": "sha512-r+XGzphTuhTu//mwL9wIjXawJCiKkZqUDgJsUxzq+YGiYb4Gg9+GuIVorvSo7halsbEiDj5D34cquiHj7jTvgg==",
+      "dependencies": {
+        "arr-map": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/arr-union/-/arr-union-3.1.0.tgz",
+      "integrity": "sha512-sKpyeERZ02v1FeCZT8lrfJq5u6goHCtpTAzPwJYe7c8SPFOboNjNg1vz2L4VTn9T4PQxEx13TbXLmYUcS6Ug7Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-sort": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/array-sort/-/array-sort-0.1.4.tgz",
+      "integrity": "sha512-BNcM+RXxndPxiZ2rd76k6nyQLRZr2/B/sdi8pQ+Joafr5AH279L40dfokSUTp8O+AaqYjXWhblBWa2st2nc4fQ==",
+      "dependencies": {
+        "default-compare": "^1.0.0",
+        "get-value": "^2.0.6",
+        "kind-of": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/array-sort/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/array-union": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/array-union/-/array-union-2.1.0.tgz",
@@ -2993,6 +3415,165 @@
         "node": ">=8"
       }
     },
+    "node_modules/array-unique": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.2.1.tgz",
+      "integrity": "sha512-G2n5bG5fSUCpnsXz4+8FUkYsGPkNfLn9YvS66U5qbTIXI2Ynnlo4Bi42bWv+omKUCqz+ejzfClwne0alJWJPhg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/arrayify-compact": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/arrayify-compact/-/arrayify-compact-0.2.0.tgz",
+      "integrity": "sha512-uCIqMaBeu+onuiFS1kB2raQYLETAAeWwAGwrZs7soA1nu4TuHfejWJMoFL06SvWHZAxmOCN7UDzcBjUZ6Y6s6Q==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assemble-core": {
+      "version": "0.25.0",
+      "resolved": "https://registry.npmjs.org/assemble-core/-/assemble-core-0.25.0.tgz",
+      "integrity": "sha512-5vS/XZK0ke3gIHoKTyl88brqOR9zw3niz5jJHrEgrDLlZGEri4a1Wr4badallKCx4M4/TWG12GT/O5wABZjaVA==",
+      "dependencies": {
+        "assemble-fs": "^0.6.0",
+        "assemble-render-file": "^0.7.1",
+        "assemble-streams": "^0.6.0",
+        "base-task": "^0.6.1",
+        "define-property": "^0.2.5",
+        "lazy-cache": "^2.0.1",
+        "templates": "^0.24.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/assemble-fs": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/assemble-fs/-/assemble-fs-0.6.0.tgz",
+      "integrity": "sha512-vp9szLsFTz0NFa7aiCBZ4JJZPsRRjLB7ftj3anSm/apE+DJ8d1s7kaVFHpxc2LCrEVIGMc1ALLyfRYJDwtzfaw==",
+      "dependencies": {
+        "assemble-handle": "^0.1.2",
+        "extend-shallow": "^2.0.1",
+        "is-valid-app": "^0.2.0",
+        "lazy-cache": "^2.0.1",
+        "stream-combiner": "^0.2.2",
+        "through2": "^2.0.1",
+        "vinyl-fs": "^2.4.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assemble-handle": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/assemble-handle/-/assemble-handle-0.1.4.tgz",
+      "integrity": "sha512-7O1lbkR2fMqsGwrtGzHraLQHN0OKukPeLF/qgD7yTzFKSKg/HH2xeEN8mKutwymXRzVsUF3AvboJoOjMGiT+5g==",
+      "dependencies": {
+        "through2": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assemble-loader": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/assemble-loader/-/assemble-loader-0.6.1.tgz",
+      "integrity": "sha512-jef7ecixuK8DgP2LMJ5TO1Zs6YnltxQN8KDLDYLav+VbfK7+BGVLHv2NNrIm0/Mls2CklNmMqeWcccdSUNRUnQ==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "file-contents": "^0.2.4",
+        "fs-exists-sync": "^0.1.0",
+        "has-glob": "^0.1.1",
+        "is-registered": "^0.1.5",
+        "is-valid-glob": "^0.3.0",
+        "is-valid-instance": "^0.1.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "load-templates": "^0.11.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assemble-render-file": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/assemble-render-file/-/assemble-render-file-0.7.2.tgz",
+      "integrity": "sha512-Fmt/7KDIwHr/zIStwzl1QEzeph++eP0I7G3tQch1s0ftBllEwZZ5Py7IpO1WPkP+ef8xMRjXNrNKx8/cpTgb4w==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-valid-app": "^0.1.2",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "through2": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assemble-render-file/node_modules/is-valid-app": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.1.2.tgz",
+      "integrity": "sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assemble-streams": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/assemble-streams/-/assemble-streams-0.6.0.tgz",
+      "integrity": "sha512-JEZRYrkAQHKCT41jTVXQ63AxeYGD9aDuxRDZhZH5fsVfvLZGOHXsGPSJBEfDuC6Nz6APJGt9lwWfZH9lqmG65Q==",
+      "dependencies": {
+        "assemble-handle": "^0.1.2",
+        "is-registered": "^0.1.4",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1",
+        "match-file": "^0.2.0",
+        "src-stream": "^0.1.1",
+        "through2": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assign-deep": {
+      "version": "0.4.8",
+      "resolved": "https://registry.npmjs.org/assign-deep/-/assign-deep-0.4.8.tgz",
+      "integrity": "sha512-uxqXJCnNZDEjPnsaLKVzmh/ST5+Pqoz0wi06HDfHKx1ASNpSbbvz2qW2Gl8ZyHwr5jnm11X2S5eMQaP1lMZmCg==",
+      "dependencies": {
+        "assign-symbols": "^0.1.1",
+        "is-primitive": "^2.0.0",
+        "kind-of": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assign-deep/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/assign-symbols": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-0.1.1.tgz",
+      "integrity": "sha512-gwzH8QS/GV4pQsf6XOrlpBC6aDE8uJeZvymbEJ0W9TuDYqYOZc4RodvKDH98HCc+KFPYil1kD2XT0X0JWeOzQg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ast-types": {
       "version": "0.13.4",
       "resolved": "https://registry.npmmirror.com/ast-types/-/ast-types-0.13.4.tgz",
@@ -3026,6 +3607,107 @@
         "node": ">=8"
       }
     },
+    "node_modules/async": {
+      "version": "1.5.2",
+      "resolved": "https://registry.npmjs.org/async/-/async-1.5.2.tgz",
+      "integrity": "sha512-nSVgobk4rv61R9PUSDtYt7mPVB2olxNR5RWJcAsH676/ef11bUZwvu7+RGYrYauVdDPcO519v68wRhXQtxsV9w=="
+    },
+    "node_modules/async-array-reduce": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/async-array-reduce/-/async-array-reduce-0.2.1.tgz",
+      "integrity": "sha512-/ywTADOcaEnwiAnOEi0UB/rAcIq5bTFfCV9euv3jLYFUMmy6KvKccTQUnLlp8Ensmfj43wHSmbGiPqjsZ6RhNA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/async-done": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/async-done/-/async-done-1.3.2.tgz",
+      "integrity": "sha512-uYkTP8dw2og1tu1nmza1n1CMW0qb8gWWlwqMmLb7MhBVs4BXrFziT6HXUd+/RlRA/i4H9AkofYloUbs1fwMqlw==",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.2",
+        "process-nextick-args": "^2.0.0",
+        "stream-exhaust": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/async-each": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npmjs.org/async-each/-/async-each-1.0.6.tgz",
+      "integrity": "sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://paulmillr.com/funding/"
+        }
+      ]
+    },
+    "node_modules/async-each-series": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/async-each-series/-/async-each-series-1.1.0.tgz",
+      "integrity": "sha512-/VIpPVIJJlJObJiXkHBJ1RhjDtydBRG/3/dWpsXoVGOShNw5tameXnC7Yys+wpb0p/myItxGmSGgNi/dNlsIiA==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
+    "node_modules/async-helpers": {
+      "version": "0.3.17",
+      "resolved": "https://registry.npmjs.org/async-helpers/-/async-helpers-0.3.17.tgz",
+      "integrity": "sha512-LfgCyvmK6ZiC7pyqOgli2zfkWL4HYbEb+HXvGgdmqVBgsOOtQz5rSF8Ii/H/1cNNtrfj1KsdZE/lUMeIY3Qcwg==",
+      "dependencies": {
+        "co": "^4.6.0",
+        "kind-of": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/async-helpers/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/async-settle": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/async-settle/-/async-settle-0.2.1.tgz",
+      "integrity": "sha512-3b4i8Bf/9Zw3V/EsLtMx+qj2r0mDYotjMhzXJQxjvESOe5LgevY5KaH5BHROVZWHE7TlSY2FkeTgIgDvdkRFYQ==",
+      "dependencies": {
+        "async-done": "^0.4.0"
+      }
+    },
+    "node_modules/async-settle/node_modules/async-done": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/async-done/-/async-done-0.4.0.tgz",
+      "integrity": "sha512-NcrnJY08hBDUa3qhZIfRALshlau6U/Q9X1WHA53t/8OfJpQz5qXPKGFVHwIY38md62TiM9JA+5tpRed5LFWrKw==",
+      "dependencies": {
+        "end-of-stream": "^0.1.4",
+        "next-tick": "^0.2.2",
+        "once": "^1.3.0",
+        "stream-exhaust": "^1.0.0"
+      }
+    },
+    "node_modules/async-settle/node_modules/end-of-stream": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-0.1.5.tgz",
+      "integrity": "sha512-go5TQkd0YRXYhX+Lc3UrXkoKU5j+m72jEP5lHWr2Nh82L8wfZtH8toKgcg4T10o23ELIMGXQdwCbl+qAXIPDrw==",
+      "dependencies": {
+        "once": "~1.3.0"
+      }
+    },
+    "node_modules/async-settle/node_modules/once": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.3.3.tgz",
+      "integrity": "sha512-6vaNInhu+CHxtONf3zw3vq4SP2DOQhjBvIa3rNcG0+P7eKWlYH6Peu7rHizSloRU2EwMz6GraLieis9Ac9+p1w==",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
     "node_modules/asynckit": {
       "version": "0.4.0",
       "resolved": "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz",
@@ -3060,11 +3742,1200 @@
       "resolved": "https://registry.npmmirror.com/b-validate/-/b-validate-1.4.4.tgz",
       "integrity": "sha512-E2tnSnxxKDyxP1G+TMTbVHA8XajfHHOJKeWm9YVRISSPtzTL7ZP/7tIYp01b+O83L5R/6i31+Su+vCOJBnQWFQ=="
     },
+    "node_modules/bach": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/bach/-/bach-0.5.0.tgz",
+      "integrity": "sha512-wr1KICs4sa/Ye4D38CEWkxmRi0E/1NnlcTXE4WT46993f+m+W8rVeRlQVh7O9jUHd3/cyNttv4qIDEUullFPcw==",
+      "dependencies": {
+        "async-done": "^1.1.1",
+        "async-settle": "^0.2.1",
+        "lodash.filter": "^4.1.0",
+        "lodash.flatten": "^4.0.0",
+        "lodash.foreach": "^4.0.0",
+        "lodash.initial": "^4.0.1",
+        "lodash.last": "^3.0.0",
+        "lodash.map": "^4.1.0",
+        "now-and-later": "0.0.6"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/balanced-match": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz",
       "integrity": "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="
     },
+    "node_modules/base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.11.2.tgz",
+      "integrity": "sha512-5T6P4xPgpp0YDFvSWwEZ4NoE3aM4QBQXDzmVbraCkFj8zHM+mba8SyqB5DbZWyR7mYHo6Y7BdQo3MoA4m0TeQg==",
+      "dependencies": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-argv": {
+      "version": "0.4.5",
+      "resolved": "https://registry.npmjs.org/base-argv/-/base-argv-0.4.5.tgz",
+      "integrity": "sha512-U78T4In2FMtSYBaf3utKCAOrOBJJXgvGLUmck71ZLQuJZBO6+DDUFoJGfuys0bX/wSQOZgB/HLLFiapvvUUFlw==",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "arr-union": "^3.1.0",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "expand-args": "^0.4.1",
+        "extend-shallow": "^2.0.1",
+        "lazy-cache": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-argv/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-cli": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/base-cli/-/base-cli-0.5.0.tgz",
+      "integrity": "sha512-GQnPyusKASZoCKR3JFf4iVygLvZjk6RwEQokZF35M9VHnhkoPycf22jYlWkwLEtCejtcLECgGC7fq0G/ab5k8g==",
+      "dependencies": {
+        "base-argv": "^0.4.2",
+        "base-config": "^0.5.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-cli-process": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/base-cli-process/-/base-cli-process-0.1.19.tgz",
+      "integrity": "sha512-hH9MGqad9bZBmowsZ8uKL91rS4L+q4GEOc5SaL045jQWaR93sla0UI4Q9C6GzOD2AgVJulY2QtCMmwcBhdVYtQ==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "arrayify-compact": "^0.2.0",
+        "base-cli": "^0.5.0",
+        "base-cli-schema": "^0.1.19",
+        "base-config-process": "^0.1.9",
+        "base-cwd": "^0.3.4",
+        "base-option": "^0.8.4",
+        "base-pkg": "^0.2.4",
+        "debug": "^2.6.2",
+        "export-files": "^2.1.1",
+        "fs-exists-sync": "^0.1.0",
+        "is-valid-app": "^0.2.1",
+        "kind-of": "^3.1.0",
+        "lazy-cache": "^2.0.2",
+        "log-utils": "^0.2.1",
+        "merge-deep": "^3.0.0",
+        "mixin-deep": "^1.2.0",
+        "object.pick": "^1.2.0",
+        "pad-right": "^0.2.2",
+        "union-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/base-cli-schema": {
+      "version": "0.1.19",
+      "resolved": "https://registry.npmjs.org/base-cli-schema/-/base-cli-schema-0.1.19.tgz",
+      "integrity": "sha512-8k3JPZjVjdwpYtaaF3F8JT9RztX1oFDWKsAVDpUUR/uXL6b85DyTpRX4TUw3rjwZMZIf1BmiTys2zOSqC7+oAA==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "array-unique": "^0.2.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "export-files": "^2.1.1",
+        "extend-shallow": "^2.0.1",
+        "falsey": "^0.3.0",
+        "fs-exists-sync": "^0.1.0",
+        "has-glob": "^0.1.1",
+        "has-value": "^0.3.1",
+        "kind-of": "^3.0.3",
+        "lazy-cache": "^2.0.1",
+        "map-schema": "^0.2.3",
+        "merge-deep": "^3.0.0",
+        "mixin-deep": "^1.1.3",
+        "resolve": "^1.1.7",
+        "tableize-object": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/base-compose": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/base-compose/-/base-compose-0.2.1.tgz",
+      "integrity": "sha512-z/wx9ij4i4Bj6WbXJeJlVO2O99eErMXSWjyYUt/NAfxrGpNfMz4SWS9P0OYx9RVQ2CyMEcT1J3z5+9EqQQr8Ug==",
+      "dependencies": {
+        "copy-task": "^0.1.0",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/base-config": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npmjs.org/base-config/-/base-config-0.5.2.tgz",
+      "integrity": "sha512-Oq0PKM//Sh82mHQt64eUi5GZQOM8I+aNkM/P8Al4A5qwaGBkxKB+ElNqJHUVlF3WA9VjBLYUmO9asGzLEigxBw==",
+      "dependencies": {
+        "isobject": "^2.0.0",
+        "lazy-cache": "^1.0.3",
+        "map-config": "^0.5.0",
+        "resolve-dir": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-process": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/base-config-process/-/base-config-process-0.1.9.tgz",
+      "integrity": "sha512-tShRbXNMml5V/qgcZ3ntWsaS6ovw1t7e4yvtYY9XzhJtNpuC8WudMwtSbG7lXAuEZ04jY1istJzKR3NzAoxo3A==",
+      "dependencies": {
+        "base-config": "^0.5.2",
+        "base-config-schema": "^0.1.18",
+        "base-cwd": "^0.3.4",
+        "base-option": "^0.8.4",
+        "debug": "^2.2.0",
+        "export-files": "^2.1.1",
+        "is-valid-app": "^0.2.0",
+        "lazy-cache": "^2.0.1",
+        "micromatch": "^2.3.10",
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-process/node_modules/braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+      "dependencies": {
+        "expand-range": "^1.8.1",
+        "preserve": "^0.2.0",
+        "repeat-element": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-process/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-process/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-process/node_modules/micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "array-unique": "^0.2.1",
+        "braces": "^1.8.2",
+        "expand-brackets": "^0.1.4",
+        "extglob": "^0.3.1",
+        "filename-regex": "^2.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "normalize-path": "^2.0.1",
+        "object.omit": "^2.0.0",
+        "parse-glob": "^3.0.4",
+        "regex-cache": "^0.4.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-process/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema": {
+      "version": "0.1.24",
+      "resolved": "https://registry.npmjs.org/base-config-schema/-/base-config-schema-0.1.24.tgz",
+      "integrity": "sha512-3CYvd28nsiNVp1rkAfVqfYo7VzDPdIxwv0Ab6iGY0K7JdGRsT6U7Jqq6BBMGNd9XLazLhVBPNGUzaDg5oUtV5w==",
+      "dependencies": {
+        "arr-flatten": "^1.0.3",
+        "array-unique": "^0.3.2",
+        "base-pkg": "^0.2.4",
+        "camel-case": "^3.0.0",
+        "debug": "^2.6.6",
+        "define-property": "^1.0.0",
+        "export-files": "^2.1.1",
+        "extend-shallow": "^2.0.1",
+        "has-glob": "^1.0.0",
+        "has-value": "^0.3.1",
+        "inflection": "^1.12.0",
+        "kind-of": "^3.2.0",
+        "lazy-cache": "^2.0.2",
+        "load-templates": "^1.0.2",
+        "map-schema": "^0.2.4",
+        "matched": "^0.4.4",
+        "mixin-deep": "^1.2.0",
+        "resolve": "^1.3.3"
+      },
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/clone-stats": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz",
+      "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag=="
+    },
+    "node_modules/base-config-schema/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/file-contents": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/file-contents/-/file-contents-1.0.1.tgz",
+      "integrity": "sha512-yR9NGsF6Ua0vUjag441JRYB+WflAoBCF3+ReeKocYzpfAjN1U4TvQEjIKXOqwIxFl9Bflg8xf/Fi2qrNBoFUOQ==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "is-buffer": "^1.1.4",
+        "kind-of": "^3.1.0",
+        "lazy-cache": "^2.0.2",
+        "strip-bom-buffer": "^0.1.1",
+        "strip-bom-string": "^0.1.2",
+        "through2": "^2.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/file-contents/node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/file-contents/node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/glob-parent": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+      "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+      "dependencies": {
+        "is-glob": "^3.1.0",
+        "path-dirname": "^1.0.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/has-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-glob/-/has-glob-1.0.0.tgz",
+      "integrity": "sha512-D+8A457fBShSEI3tFCj65PAbT++5sKiFtdCdOam0gnfBgw9D277OERk+HM9qYJXmdVLZ/znez10SqHN0BBQ50g==",
+      "dependencies": {
+        "is-glob": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+      "dependencies": {
+        "is-extglob": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/load-templates": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/load-templates/-/load-templates-1.0.2.tgz",
+      "integrity": "sha512-UUfhwRTBH9V4Uf0gGX7FqU5RUdi9IvJWrY1AaPRCRkV/LE/cbudUtY0+YXZs1fNp1J4PFlwOMyrtfzSOCtBbJA==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "file-contents": "^1.0.0",
+        "glob-parent": "^3.1.0",
+        "is-glob": "^3.1.0",
+        "kind-of": "^3.1.0",
+        "lazy-cache": "^2.0.2",
+        "matched": "^0.4.4",
+        "vinyl": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/replace-ext": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-1.0.1.tgz",
+      "integrity": "sha512-yD5BHCe7quCgBph4rMQ+0KkIRKwWCrHDOX1p1Gp6HwjPM5kVoCdKGNhN7ydqqsX6lJEnQDKZ/tFMiEdQ1dvPEw==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/strip-bom-string": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-0.1.2.tgz",
+      "integrity": "sha512-3DgNqQFTfOwWgxn3cXsa6h/WRgFa7dVb6/7YqwfJlBpLSSQbiU1VhaBNRKmtLI59CHjc9awLp9yGJREu7AnaMQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-config-schema/node_modules/vinyl": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-2.2.1.tgz",
+      "integrity": "sha512-LII3bXRFBZLlezoG5FfZVcXflZgWP/4dCwKtxd5ky9+LOtM4CS3bIRQsmR1KMnMW07jpE8fqR2lcxPZ+8sJIcw==",
+      "dependencies": {
+        "clone": "^2.1.1",
+        "clone-buffer": "^1.0.0",
+        "clone-stats": "^1.0.0",
+        "cloneable-readable": "^1.0.0",
+        "remove-trailing-separator": "^1.0.1",
+        "replace-ext": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/base-config/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-cwd": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/base-cwd/-/base-cwd-0.3.4.tgz",
+      "integrity": "sha512-/kxZE1Hg9p4tvy4DHrWyS/DelZeovOWvBZ9CZKTgeieIxMuZ47FaLIkEkcjOVFcu3nIY4TXdlxhMZFi8D2Rs9g==",
+      "dependencies": {
+        "empty-dir": "^0.2.0",
+        "find-pkg": "^0.1.2",
+        "is-valid-app": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/base-data/-/base-data-0.6.2.tgz",
+      "integrity": "sha512-wH2ViG6CUO2AaeHSEt6fJTyQAk5gl0oY456DoSC5h8mnHrWUbvdctMCuF53CXgBmi0oalZQppKNH0iamG5+uqw==",
+      "dependencies": {
+        "arr-flatten": "^1.1.0",
+        "cache-base": "^1.0.0",
+        "extend-shallow": "^2.0.1",
+        "get-value": "^2.0.6",
+        "has-glob": "^1.0.0",
+        "has-value": "^1.0.0",
+        "is-registered": "^0.1.5",
+        "is-valid-app": "^0.3.0",
+        "kind-of": "^5.0.0",
+        "lazy-cache": "^2.0.2",
+        "merge-value": "^1.0.0",
+        "mixin-deep": "^1.2.0",
+        "read-file": "^0.2.0",
+        "resolve-glob": "^1.0.0",
+        "set-value": "^2.0.0",
+        "union-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/has-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-glob/-/has-glob-1.0.0.tgz",
+      "integrity": "sha512-D+8A457fBShSEI3tFCj65PAbT++5sKiFtdCdOam0gnfBgw9D277OERk+HM9qYJXmdVLZ/znez10SqHN0BBQ50g==",
+      "dependencies": {
+        "is-glob": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/has-values/node_modules/kind-of": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+      "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+      "dependencies": {
+        "is-extglob": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/is-number/node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/is-valid-app": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.3.0.tgz",
+      "integrity": "sha512-6+PklNvJraE3XpoqWurkrPIqFIeJin5kwX+sJjcwhPcFY7TM0wjbJlPIBCvHtGawIfb4WtS1t22s7TdgQ0S+Xg==",
+      "dependencies": {
+        "debug": "^2.6.3",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.3.0",
+        "lazy-cache": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/is-valid-instance": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-valid-instance/-/is-valid-instance-0.3.0.tgz",
+      "integrity": "sha512-XEd0ddnORLW/Qf1+VMh7PnYb6XhWs0zK0C/Kh8muwj26IjdlCTlo7QQIjt8+efkE8RqtyzlqYNZE5SfN8ys9hQ==",
+      "dependencies": {
+        "isobject": "^3.0.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-data/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-engines": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/base-engines/-/base-engines-0.2.1.tgz",
+      "integrity": "sha512-s/A07Vbh6irEMNG+HpccmaGw8SUMXPBetJuYPpq7Rf1WCjtCU1L+FKyeKyRahONGNYBSIHEV0d3cqXYw35EjBw==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "engine-cache": "^0.19.0",
+        "is-valid-app": "^0.1.2",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-engines/node_modules/is-valid-app": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.1.2.tgz",
+      "integrity": "sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-env": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/base-env/-/base-env-0.3.1.tgz",
+      "integrity": "sha512-/HxC8QV1m/bWqvjcu4WZl4Um1HRpTAjuY31uiFUEukXsXge4WIvNvGKG/gCs2PrpBFPCybowA406V/ivdPknpQ==",
+      "dependencies": {
+        "base-namespace": "^0.2.0",
+        "contains-path": "^0.1.0",
+        "debug": "^2.2.0",
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "global-modules": "^0.2.2",
+        "is-absolute": "^0.2.5",
+        "is-valid-app": "^0.1.0",
+        "is-valid-instance": "^0.1.0",
+        "kind-of": "^3.0.3",
+        "os-homedir": "^1.0.1",
+        "resolve-file": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-env/node_modules/cwd": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/cwd/-/cwd-0.10.0.tgz",
+      "integrity": "sha512-YGZxdTTL9lmLkCUTpg4j0zQ7IhRB5ZmqNBbGCl3Tg6MP/d5/6sY7L5mmTjzbc6JKgVZYiqTQTNhPFsbXNGlRaA==",
+      "dependencies": {
+        "find-pkg": "^0.1.2",
+        "fs-exists-sync": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/base-env/node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-env/node_modules/is-valid-app": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.1.2.tgz",
+      "integrity": "sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-env/node_modules/resolve-file": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/resolve-file/-/resolve-file-0.3.0.tgz",
+      "integrity": "sha512-9RXicAgDvLD272hZ3HwJv9MJUGxCBRRwwSBRdOGWgcO03MtC9UTGC6XG1VbS4T5MvDrb+tVZx2RhZ90uk3uczg==",
+      "dependencies": {
+        "cwd": "^0.10.0",
+        "expand-tilde": "^2.0.2",
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "homedir-polyfill": "^1.0.1",
+        "lazy-cache": "^2.0.2",
+        "resolve": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-generators": {
+      "version": "0.4.6",
+      "resolved": "https://registry.npmjs.org/base-generators/-/base-generators-0.4.6.tgz",
+      "integrity": "sha512-0k8QAoqYhOwIHQANQxwNOhtlQiuoMqv+rFu2szVIvLUNhZ8B7BOXWFRE5UXMAexRxz7H8rZIwLmeqxlYpOXJGw==",
+      "dependencies": {
+        "async-each-series": "^1.1.0",
+        "base-compose": "^0.2.1",
+        "base-cwd": "^0.3.1",
+        "base-data": "^0.6.0",
+        "base-env": "^0.3.0",
+        "base-option": "^0.8.4",
+        "base-pkg": "^0.2.4",
+        "base-plugins": "^0.4.13",
+        "base-task": "^0.6.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "global-modules": "^0.2.2",
+        "is-valid-app": "^0.2.0",
+        "is-valid-instance": "^0.2.0",
+        "kind-of": "^3.0.3",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-generators/node_modules/is-valid-instance": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/is-valid-instance/-/is-valid-instance-0.2.0.tgz",
+      "integrity": "sha512-dNT7bamkigo07gvbnoBRABSNX1ayAhkcw6/3fYhVDhiPXiqnCouD4JMmrozyOx37UUlC+Se1j/jCfLo1fNs0Ng==",
+      "dependencies": {
+        "isobject": "^2.1.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-helpers": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/base-helpers/-/base-helpers-0.1.1.tgz",
+      "integrity": "sha512-aUdOoz47aMdM2OAkN71P3m8wjFB+pZDVfvLebDoNAsD0zhKUc68QR30q9iK6vW6S302yNNVW8bZxUF6FwFLnQw==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "is-valid-app": "^0.1.0",
+        "lazy-cache": "^2.0.1",
+        "load-helpers": "^0.2.11"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-helpers/node_modules/is-valid-app": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.1.2.tgz",
+      "integrity": "sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-namespace": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/base-namespace/-/base-namespace-0.2.0.tgz",
+      "integrity": "sha512-jZYAnj1wkwyi6HkqATtO86D8L9jbDdqVthISLG27LcXCFkc5EV+BwS/cfaPBkWoMGb3NsVMau+PLfFle58Xi2g==",
+      "dependencies": {
+        "is-valid-app": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-namespace/node_modules/is-valid-app": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.1.2.tgz",
+      "integrity": "sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-option": {
+      "version": "0.8.4",
+      "resolved": "https://registry.npmjs.org/base-option/-/base-option-0.8.4.tgz",
+      "integrity": "sha512-CS9V8trhwEccFFjmveBHWx4Wr4rwaohzMhwZx1DSUHdGHV9Nme3jbxJQ0U8JsrLFJvGtiav35NiHLeNd8n74XA==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "get-value": "^2.0.6",
+        "is-valid-app": "^0.2.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "option-cache": "^3.4.0",
+        "set-value": "^0.3.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-option/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-option/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-pkg": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/base-pkg/-/base-pkg-0.2.5.tgz",
+      "integrity": "sha512-/POxajlgBhVsknwLXnqnbp//bAMh7SkDgHF+z/uoYnFqk46e05c3MxSEmn5vFCB8g4rHHKxAPLKrU/4Yb3vUdA==",
+      "dependencies": {
+        "cache-base": "^1.0.0",
+        "debug": "^2.6.8",
+        "define-property": "^1.0.0",
+        "expand-pkg": "^0.1.8",
+        "extend-shallow": "^2.0.1",
+        "is-valid-app": "^0.3.0",
+        "log-utils": "^0.2.1",
+        "pkg-store": "^0.2.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-pkg/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-pkg/node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/base-pkg/node_modules/is-valid-app": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.3.0.tgz",
+      "integrity": "sha512-6+PklNvJraE3XpoqWurkrPIqFIeJin5kwX+sJjcwhPcFY7TM0wjbJlPIBCvHtGawIfb4WtS1t22s7TdgQ0S+Xg==",
+      "dependencies": {
+        "debug": "^2.6.3",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.3.0",
+        "lazy-cache": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-pkg/node_modules/is-valid-instance": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-valid-instance/-/is-valid-instance-0.3.0.tgz",
+      "integrity": "sha512-XEd0ddnORLW/Qf1+VMh7PnYb6XhWs0zK0C/Kh8muwj26IjdlCTlo7QQIjt8+efkE8RqtyzlqYNZE5SfN8ys9hQ==",
+      "dependencies": {
+        "isobject": "^3.0.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-pkg/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-plugins": {
+      "version": "0.4.13",
+      "resolved": "https://registry.npmjs.org/base-plugins/-/base-plugins-0.4.13.tgz",
+      "integrity": "sha512-w77IDOnkxERPZ7x27A8MmSFcwEfTfrcZ43zK5eOt42itA8FZT9OFhZm1XgOtTEORKrCmW8yVT6DWr/ut7wvgiQ==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "is-registered": "^0.1.5",
+        "isobject": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-questions": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/base-questions/-/base-questions-0.7.4.tgz",
+      "integrity": "sha512-uHRp5ZM2MFXUhDOPK09lroJdDe3lrXTHtg2x7pC1x4RdimVZcsX+hvQuxNqyAUN62EHfFuaK+FIFjMiA4AoiQg==",
+      "dependencies": {
+        "base-store": "^0.4.4",
+        "clone-deep": "^0.2.4",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "is-valid-app": "^0.2.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "question-store": "^0.11.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-routes": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/base-routes/-/base-routes-0.2.2.tgz",
+      "integrity": "sha512-z7jtXacfUbjAKUGj5jmJP8GrhZG+UqcwnfkKjLJtUa1w1bWrq5JmsZ1SFRfomXWbLAlEcE87dHvelvTkelQBIg==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "en-route": "^0.7.5",
+        "is-valid-app": "^0.2.0",
+        "lazy-cache": "^2.0.1",
+        "template-error": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/base-runtimes/-/base-runtimes-0.2.0.tgz",
+      "integrity": "sha512-J98SbWB4Rpcva8w8kWtTts+Qc/X/imcmFoy9nt2fKemPTmVgvrt8DyDK5KFUDyQHt+hahYa69pJTGFfUma7V8A==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-valid-app": "^0.2.0",
+        "lazy-cache": "^2.0.1",
+        "log-utils": "^0.1.4",
+        "micromatch": "^2.3.10",
+        "time-diff": "^0.3.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/ansi-colors": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-0.1.0.tgz",
+      "integrity": "sha512-nUNbMZLDr1YQaPdMC2lREJXKttoaHwICajt9x40Js/POX7gNv7OK/VbC9ciJaIFshg9Xol+1GclqfY14UW+0ZA==",
+      "dependencies": {
+        "ansi-bgblack": "^0.1.1",
+        "ansi-bgblue": "^0.1.1",
+        "ansi-bgcyan": "^0.1.1",
+        "ansi-bggreen": "^0.1.1",
+        "ansi-bgmagenta": "^0.1.1",
+        "ansi-bgred": "^0.1.1",
+        "ansi-bgwhite": "^0.1.1",
+        "ansi-bgyellow": "^0.1.1",
+        "ansi-black": "^0.1.1",
+        "ansi-blue": "^0.1.1",
+        "ansi-bold": "^0.1.1",
+        "ansi-cyan": "^0.1.1",
+        "ansi-dim": "^0.1.1",
+        "ansi-gray": "^0.1.1",
+        "ansi-green": "^0.1.1",
+        "ansi-grey": "^0.1.1",
+        "ansi-hidden": "^0.1.1",
+        "ansi-inverse": "^0.1.1",
+        "ansi-italic": "^0.1.1",
+        "ansi-magenta": "^0.1.1",
+        "ansi-red": "^0.1.1",
+        "ansi-reset": "^0.1.1",
+        "ansi-strikethrough": "^0.1.1",
+        "ansi-underline": "^0.1.1",
+        "ansi-white": "^0.1.1",
+        "ansi-yellow": "^0.1.1",
+        "lazy-cache": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/ansi-colors/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+      "dependencies": {
+        "expand-range": "^1.8.1",
+        "preserve": "^0.2.0",
+        "repeat-element": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/log-utils": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/log-utils/-/log-utils-0.1.5.tgz",
+      "integrity": "sha512-5jLIj9RWWYxQbBhHDvNZTZE3J/oSTbw/fuPmsXJg8/vbY/4XiJ4YAiEPrwo3dLbcB/n9k1qTznOVr6IigiaF7A==",
+      "dependencies": {
+        "ansi-colors": "^0.1.0",
+        "error-symbol": "^0.1.0",
+        "info-symbol": "^0.1.0",
+        "log-ok": "^0.1.1",
+        "success-symbol": "^0.1.0",
+        "time-stamp": "^1.0.1",
+        "warning-symbol": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "array-unique": "^0.2.1",
+        "braces": "^1.8.2",
+        "expand-brackets": "^0.1.4",
+        "extglob": "^0.3.1",
+        "filename-regex": "^2.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "normalize-path": "^2.0.1",
+        "object.omit": "^2.0.0",
+        "parse-glob": "^3.0.4",
+        "regex-cache": "^0.4.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-runtimes/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-store": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/base-store/-/base-store-0.4.4.tgz",
+      "integrity": "sha512-fb5L2iNR9pCl85jeg88TCJYlcKg8xhmdH1Cjp1MI2RZNnMBjdIaQOuGy9Q4VjSD/GNGBWgQ2H8pQK61Xsx29OA==",
+      "dependencies": {
+        "data-store": "^0.16.0",
+        "debug": "^2.2.0",
+        "extend-shallow": "^2.0.1",
+        "is-registered": "^0.1.4",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1",
+        "project-name": "^0.2.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-task": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npmjs.org/base-task/-/base-task-0.6.2.tgz",
+      "integrity": "sha512-dxCXKPLFRrl02kJ+Lu6Y0Y2/XeaVf3GbGXMoZKuHN9OvFjz+QXRwpTJ0PciQPAvktUgK46Mc9Kwakrcj8fSTog==",
+      "dependencies": {
+        "composer": "^0.13.0",
+        "is-valid-app": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base-task/node_modules/is-valid-app": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.1.2.tgz",
+      "integrity": "sha512-UKIjincKieawS6pPJjpH76qUmblicLSi0pqGCvFdscOM3pWgnrRBtB/iWIRYXKNCW8qjxb+6k12wFd82Kq94CA==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.1.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base/node_modules/define-property": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-1.0.0.tgz",
+      "integrity": "sha512-cZTYKFWspt9jZsMscWo8sc/5lbPC9Q0N5nBLgb+Yd915iL3udB1uFgS3B8YCx66UVHq018DAVFoee7x+gxggeA==",
+      "dependencies": {
+        "is-descriptor": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/base/node_modules/is-descriptor": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-1.0.3.tgz",
+      "integrity": "sha512-JCNNGbwWZEVaSPtS45mdtrneRWJFp07LLmykxeFV5F6oBvNF8vHSfJuJgoT472pSfk+Mf8VnlrspaFBHWM8JAw==",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/base/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/binary-extensions": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/binary-extensions/-/binary-extensions-2.2.0.tgz",
@@ -3162,6 +5033,80 @@
         "node": ">=8"
       }
     },
+    "node_modules/cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-1.0.1.tgz",
+      "integrity": "sha512-AKcdTnFSWATd5/GCPRxr2ChwIJ85CeyrEyjRHlKxQ56d4XJMGym0uAiKn0xbLOGOl3+yRpOTi484dVCEc5AUzQ==",
+      "dependencies": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-1.0.0.tgz",
+      "integrity": "sha512-IBXk4GTsLYdQ7Rvt+GRBrFSVEkmuOUy4re0Xjd9kJSUQpnTrWR4/y9RpfexN9vkAPMFuQoeWKwqzPozRTlasGw==",
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-1.0.0.tgz",
+      "integrity": "sha512-ODYZC64uqzmtfGMEAX/FvZiRyWLpAC3vYnNunURUnkGVTS+mI0smVsWaPydRBsE3g+ok7h960jChO8mFcWlHaQ==",
+      "dependencies": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/has-values/node_modules/kind-of": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-4.0.0.tgz",
+      "integrity": "sha512-24XsCxmEbRwEDbz/qz3stgin8TTzZ1ESR56OMCN0ujYg+vRutNSiOj9bHH9u85DKgXguraugV5sFuvbD4FW/hw==",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/is-number": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-3.0.0.tgz",
+      "integrity": "sha512-4cboCqIpliH+mAvFNegjZQ4kgKc3ZUhQVr3HvWbSh5q3WH2v82ct+T2Y1hdU5Gdtorx/cLifQjqCbL7bpznLTg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/cache-base/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/call-bind": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/call-bind/-/call-bind-1.0.2.tgz",
@@ -3171,6 +5116,33 @@
         "get-intrinsic": "^1.0.2"
       }
     },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/call-bound": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/call-bound/-/call-bound-1.0.4.tgz",
+      "integrity": "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "get-intrinsic": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/callsites": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/callsites/-/callsites-3.1.0.tgz",
@@ -3180,6 +5152,15 @@
         "node": ">=6"
       }
     },
+    "node_modules/camel-case": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camel-case/-/camel-case-3.0.0.tgz",
+      "integrity": "sha512-+MbKztAYHXPr1jNTSKQF52VpcFjwY5RkR7fxksV8Doo4KAYc5Fl4UJRgthBbTmEx8C54DqahhbLJkDwjI3PI/w==",
+      "dependencies": {
+        "no-case": "^2.2.0",
+        "upper-case": "^1.1.1"
+      }
+    },
     "node_modules/camelcase": {
       "version": "6.3.0",
       "resolved": "https://registry.npmmirror.com/camelcase/-/camelcase-6.3.0.tgz",
@@ -3239,6 +5220,28 @@
         "node": ">=10"
       }
     },
+    "node_modules/class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/class-utils/-/class-utils-0.3.6.tgz",
+      "integrity": "sha512-qOhPa/Fj7s6TY8H8esGu5QNpMMQxz79h+urzrNYN6mn+9BnxlDGf5QZ+XeCDsxSjPqsSR56XOZOJmpeurnLMeg==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/class-utils/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/clean-stack": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/clean-stack/-/clean-stack-2.2.0.tgz",
@@ -3273,6 +5276,11 @@
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
+    "node_modules/cli-width": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/cli-width/-/cli-width-1.1.1.tgz",
+      "integrity": "sha512-eMU2akIeEIkCxGXUNmDnJq1KzOIiPnJ+rKqRe6hcxE3vIOPvpMrBYOn/Bl7zNlYJj/zQxXquAnozHUCf9Whnsg=="
+    },
     "node_modules/cliui": {
       "version": "8.0.1",
       "resolved": "https://registry.npmmirror.com/cliui/-/cliui-8.0.1.tgz",
@@ -3316,6 +5324,89 @@
         "node": ">=8"
       }
     },
+    "node_modules/clone": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-1.0.4.tgz",
+      "integrity": "sha512-JQHZ2QMW6l3aH/j6xCqQThY/9OH4D/9ls34cgkUBiEeocRTU04tHfKPBsUK1PqZCUQM7GiA0IIXJSuXHI64Kbg==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/clone-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clone-buffer/-/clone-buffer-1.0.0.tgz",
+      "integrity": "sha512-KLLTJWrvwIP+OPfMn0x2PheDEP20RPUcGXj/ERegTgdmPEZylALQldygiqrPPu8P45uNuPs7ckmReLY6v/iA5g==",
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/clone-deep": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/clone-deep/-/clone-deep-0.2.4.tgz",
+      "integrity": "sha512-we+NuQo2DHhSl+DP6jlUiAhyAjBQrYnpOk15rN6c6JSPScjiCLh8IbSU+VTcph6YS3o7mASE8a0+gbZ7ChLpgg==",
+      "dependencies": {
+        "for-own": "^0.1.3",
+        "is-plain-object": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "lazy-cache": "^1.0.3",
+        "shallow-clone": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clone-deep/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/clone-stats": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-0.0.1.tgz",
+      "integrity": "sha512-dhUqc57gSMCo6TX85FLfe51eC/s+Im2MLkAgJwfaRRexR2tA4dd3eLEW4L6efzHc2iNorrRRXITifnDLlRrhaA=="
+    },
+    "node_modules/cloneable-readable": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/cloneable-readable/-/cloneable-readable-1.1.3.tgz",
+      "integrity": "sha512-2EF8zTQOxYq70Y4XKtorQupqF0m49MBz2/yf5Bj+MHjvpG3Hy7sImifnqD6UA+TKYxeSV+u6qqQPawN5UvnpKQ==",
+      "dependencies": {
+        "inherits": "^2.0.1",
+        "process-nextick-args": "^2.0.0",
+        "readable-stream": "^2.3.5"
+      }
+    },
+    "node_modules/co": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/co/-/co-4.6.0.tgz",
+      "integrity": "sha512-QVb0dM5HvG+uaxitm8wONl7jltx8dqhfU33DcqtOZcLSVIKSDDLDi7+0LbAKiyI8hD9u42m2YxXSkMGWThaecQ==",
+      "engines": {
+        "iojs": ">= 1.0.0",
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/code-point-at/-/code-point-at-1.1.0.tgz",
+      "integrity": "sha512-RpAVKQA5T63xEj6/giIbUEtZwJ4UFIc3ZtvEkiaUERylqe8xb5IvqcgOurZLahv93CLKfxcw5YI+DZcUBRyLXA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-1.0.0.tgz",
+      "integrity": "sha512-lNkKvzEeMBBjUGHZ+q6z9pSJla0KWAQPvtzhEV9+iGyQYG+pBpl7xKDhxoNSOZH2hhv0v5k0y2yAM4o4SjoSkw==",
+      "dependencies": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/color": {
       "version": "3.2.1",
       "resolved": "https://registry.npmmirror.com/color/-/color-3.2.1.tgz",
@@ -3373,6 +5464,156 @@
         "node": "^12.20.0 || >=14"
       }
     },
+    "node_modules/common-config": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/common-config/-/common-config-0.1.1.tgz",
+      "integrity": "sha512-mDp+nqoFbYsHKZfjg8OSb0CYfdPkuoGTMCVKy4ceYHR0EACTLV/qG8Q4cih2c/0IleQ7SISiqWqLMLXXZnJ2FA==",
+      "dependencies": {
+        "composer": "^0.13.0",
+        "data-store": "^0.16.1",
+        "get-value": "^2.0.6",
+        "lazy-cache": "^2.0.1",
+        "log-utils": "^0.2.0",
+        "object.pick": "^1.1.2",
+        "omit-empty": "^0.4.1",
+        "question-cache": "^0.4.0",
+        "set-value": "^3.0.1",
+        "strip-color": "^0.1.0",
+        "tableize-object": "^0.1.0",
+        "text-table": "^0.2.0",
+        "yargs-parser": "^2.4.0"
+      },
+      "bin": {
+        "common-config": "cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/common-config/node_modules/camelcase": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+      "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/common-config/node_modules/set-value": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-3.0.3.tgz",
+      "integrity": "sha512-Xsn/XSatoVOGBbp5hs3UylFDs5Bi9i+ArpVJKdHPniZHoEgRniXTqHWrWrGQ0PbEClVT6WtfnBwR8CAHC9sveg==",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=6.0"
+      }
+    },
+    "node_modules/common-config/node_modules/yargs-parser": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-2.4.1.tgz",
+      "integrity": "sha512-9pIKIJhnI5tonzG6OnCFlz/yln8xHYcGl+pn3xR0Vzff0vzN1PbNRaelgfgRUwZ3s4i3jvxT9WhmUGL4whnasA==",
+      "dependencies": {
+        "camelcase": "^3.0.0",
+        "lodash.assign": "^4.0.6"
+      }
+    },
+    "node_modules/component-emitter": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/component-emitter/-/component-emitter-1.3.1.tgz",
+      "integrity": "sha512-T0+barUSQRTUQASh8bx02dl+DhF54GtIDY13Y3m9oWTklKbb3Wv974meRpeZ3lp1JpLVECWWNHC4vaG2XHXouQ==",
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/composer": {
+      "version": "0.13.0",
+      "resolved": "https://registry.npmjs.org/composer/-/composer-0.13.0.tgz",
+      "integrity": "sha512-8bW8vzd0YdwjBTbbHmUV3fb1jGFlczUEwti3dbdogI+r/igv2yyLqZFh9IyQv4+gK3k1kdNGVrf6Af5BY8qB3Q==",
+      "dependencies": {
+        "array-unique": "^0.2.1",
+        "bach": "^0.5.0",
+        "co": "^4.6.0",
+        "component-emitter": "^1.2.1",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "is-generator": "^1.0.3",
+        "is-glob": "^2.0.1",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "micromatch": "^2.3.8",
+        "nanoseconds": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=4.0"
+      }
+    },
+    "node_modules/composer/node_modules/braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+      "dependencies": {
+        "expand-range": "^1.8.1",
+        "preserve": "^0.2.0",
+        "repeat-element": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/composer/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/composer/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/composer/node_modules/micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "array-unique": "^0.2.1",
+        "braces": "^1.8.2",
+        "expand-brackets": "^0.1.4",
+        "extglob": "^0.3.1",
+        "filename-regex": "^2.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "normalize-path": "^2.0.1",
+        "object.omit": "^2.0.0",
+        "parse-glob": "^3.0.4",
+        "regex-cache": "^0.4.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/composer/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/compute-scroll-into-view": {
       "version": "1.0.20",
       "resolved": "https://registry.npmmirror.com/compute-scroll-into-view/-/compute-scroll-into-view-1.0.20.tgz",
@@ -3389,6 +5630,14 @@
       "integrity": "sha512-9vAdYbHj6x2fLKC4+oPH0kFzY/orMZyG2Aj+kNylHxKGJ/Ed4dpNyAQYwJOdqO4zdM7XpVHmyejQDcQHrnuXbw==",
       "dev": true
     },
+    "node_modules/contains-path": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/contains-path/-/contains-path-0.1.0.tgz",
+      "integrity": "sha512-OKZnPGeMQy2RPaUIBPFFd71iNf4791H12MCRuVQDnzGRwCYNYmTDy5pdafo2SLAcEMKzTOQnLWG4QdcjeJUMEg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/content-type": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/content-type/-/content-type-1.0.5.tgz",
@@ -3400,8 +5649,7 @@
     "node_modules/convert-source-map": {
       "version": "1.9.0",
       "resolved": "https://registry.npmmirror.com/convert-source-map/-/convert-source-map-1.9.0.tgz",
-      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A==",
-      "dev": true
+      "integrity": "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="
     },
     "node_modules/copy-anything": {
       "version": "2.0.6",
@@ -3412,6 +5660,22 @@
         "is-what": "^3.14.1"
       }
     },
+    "node_modules/copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/copy-descriptor/-/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha512-XgZ0pFcakEUlbwQEVNg3+QAis1FyTL3Qel9FYy8pSkQqoG3PNoT0bOCQtOXcOkur21r2Eq2kI+IE+gsmAEVlYw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/copy-task": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/copy-task/-/copy-task-0.1.0.tgz",
+      "integrity": "sha512-Idcf7BdeyJY8kSQodguY8jevkP8CuB22S9Hr5blRqwEyO75yuZEJQbzJ755Q9vZREnCQ5sfOIRxjZWbUq2+K0g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/copy-to": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/copy-to/-/copy-to-2.0.1.tgz",
@@ -3472,6 +5736,156 @@
       "resolved": "https://registry.npmmirror.com/csstype/-/csstype-2.6.21.tgz",
       "integrity": "sha512-Z1PhmomIfypOpoMjRQB70jfvy/wxT50qW08YXO5lMIJkrdq4yOTR+AW7FqutScmB9NkLwxo+jU+kZLbofZZq/w=="
     },
+    "node_modules/cwd": {
+      "version": "0.9.1",
+      "resolved": "https://registry.npmjs.org/cwd/-/cwd-0.9.1.tgz",
+      "integrity": "sha512-4+0D+ojEasdLndYX4Cqff057I/Jp6ysXpwKkdLQLnZxV8f6IYZmZtTP5uqD91a/kWqejoc0sSqK4u8wpTKCh8A==",
+      "dependencies": {
+        "find-pkg": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/data-store": {
+      "version": "0.16.1",
+      "resolved": "https://registry.npmjs.org/data-store/-/data-store-0.16.1.tgz",
+      "integrity": "sha512-tGbl4oVi9UPysie6y6+fuCjUNhaR3KxnuIRV0OMUCwq/wvikmWHXQYALbW/IVQvmxBNbrxUwjG5BWsrjx5v55w==",
+      "dependencies": {
+        "cache-base": "^0.8.4",
+        "clone-deep": "^0.2.4",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "graceful-fs": "^4.1.4",
+        "has-own-deep": "^0.1.4",
+        "lazy-cache": "^2.0.1",
+        "mkdirp": "^0.5.1",
+        "project-name": "^0.2.5",
+        "resolve-dir": "^0.1.0",
+        "rimraf": "^2.5.3",
+        "union-value": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/cache-base": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-0.8.5.tgz",
+      "integrity": "sha512-19t0n7xdoVr5Q08+6sF85YZ9VuvbpVFq5JLm0gcsRmCvTO1Y3duTJGMaOQYf14Ras4o6dEnvoqvjdrUK1tNtgg==",
+      "dependencies": {
+        "collection-visit": "^0.2.1",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.5",
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0",
+        "lazy-cache": "^2.0.1",
+        "set-value": "^0.4.2",
+        "to-object-path": "^0.3.0",
+        "union-value": "^0.2.3",
+        "unset-value": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/collection-visit": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-0.2.3.tgz",
+      "integrity": "sha512-V88PJOCqJfsZS45YBELDgmhQkECokQAAr9XR4hT6eFkFsAPsCsk3EoDHSuBPYzygjquGM/0KF4vdwTiQO6lbdw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "map-visit": "^0.1.5",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/map-visit": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-0.1.5.tgz",
+      "integrity": "sha512-zdmJBFvvVR/H5wCfsCP7XxSLp+346yAZ30Wy2OsQLcH19OVGMWa3Ms9quO00lj9ybsySu3gKOINNgICb4Zqauw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/object-visit": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-0.3.4.tgz",
+      "integrity": "sha512-6QNyX7uTuwqxP7pmDBqgBDKdmZws1rXriUyXM5KG6+7J0aYRuuAGoc636IGdLzgOL77WUwL+EpoTJrEHwWsyOA==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/object-visit/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/set-value": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+      "integrity": "sha512-2Z0LRUUvYeF7gIFFep48ksPq0NR09e5oKoFXznaMGNcu+EZAfGnyL0K6xno2gCqX6dZYEZRjrcn04/gvZzcKhQ==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.1",
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/union-value": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-0.2.4.tgz",
+      "integrity": "sha512-Tv3cqdyY8yjW9ZcJ9WP7JdHS34natzylD0oNRLlYbWOfUdC4EQ0sf3fubnqrK2IErtlmobFmuS1pWvv88VghpA==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^0.4.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/data-store/node_modules/unset-value": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-0.1.2.tgz",
+      "integrity": "sha512-yhv5I4TsldLdE3UcVQn0hD2T5sNCPv4+qm/CTUpRKIpwthYRIipsAPdsrNpOI79hPQa0rTTeW22Fq6JWRcTgNg==",
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/data-uri-to-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/data-uri-to-buffer/-/data-uri-to-buffer-3.0.1.tgz",
@@ -3512,11 +5926,41 @@
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.0.0.tgz",
       "integrity": "sha512-Tpp60P6IUJDTuOq/5Z8cdskzJujfwqfOTkrwIwj7IRISpnkJnT6SyJ4PCPnGMoFjC9ddhal5KVIYtAt97ix05A=="
     },
+    "node_modules/deep-bind": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/deep-bind/-/deep-bind-0.3.0.tgz",
+      "integrity": "sha512-SwekOBPDnCT3qhOM78ARzBdPSbNMyQ63F8eZDahBzzVAoqousMhYh3HYIh2pLmhtGcVvO8/SU6B6kMsj0SXb1Q==",
+      "dependencies": {
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/deep-is": {
       "version": "0.1.4",
       "resolved": "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz",
       "integrity": "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="
     },
+    "node_modules/default-compare": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/default-compare/-/default-compare-1.0.0.tgz",
+      "integrity": "sha512-QWfXlM0EkAbqOCbD/6HjdwT19j7WCkMyiRhWilc4H9/5h/RzTF9gv5LYh1+CmDV5d1rki6KAWLtQale0xt20eQ==",
+      "dependencies": {
+        "kind-of": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/default-compare/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/default-user-agent": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/default-user-agent/-/default-user-agent-1.0.0.tgz",
@@ -3528,6 +5972,27 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/defaults-deep": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/defaults-deep/-/defaults-deep-0.2.4.tgz",
+      "integrity": "sha512-V6BtqzcMvn0EPOy7f+SfMhfmTawq+7UQdt9yZH0EBK89+IHo5f+Hse/qzTorAXOBrQpxpwb6cB/8OgtaMrT+Fg==",
+      "dependencies": {
+        "for-own": "^0.1.3",
+        "is-extendable": "^0.1.1",
+        "lazy-cache": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/defaults-deep/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/define-lazy-prop": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/define-lazy-prop/-/define-lazy-prop-2.0.0.tgz",
@@ -3550,6 +6015,17 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/define-property": {
+      "version": "0.2.5",
+      "resolved": "https://registry.npmjs.org/define-property/-/define-property-0.2.5.tgz",
+      "integrity": "sha512-Rr7ADjQZenceVOAKop6ALkkRAmH1A4Gx9hV/7ZujPUN2rkATqFO0JZLZInbAjpZYoJ1gUx8MRMQVkYemcbMSTA==",
+      "dependencies": {
+        "is-descriptor": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/defu": {
       "version": "6.1.2",
       "resolved": "https://registry.npmmirror.com/defu/-/defu-6.1.2.tgz",
@@ -3578,6 +6054,37 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/delimiter-regex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/delimiter-regex/-/delimiter-regex-2.0.0.tgz",
+      "integrity": "sha512-EtGkq9TgEZlFACc/NvgwIidQ1wkEupWWbAIJTr9gi4TJUZOvHY8TdXd3i8/dan66BufB1/V6bI7rRW/zvGoVKw==",
+      "dependencies": {
+        "extend-shallow": "^1.1.2",
+        "isobject": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/delimiter-regex/node_modules/extend-shallow": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz",
+      "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==",
+      "dependencies": {
+        "kind-of": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/delimiter-regex/node_modules/kind-of": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz",
+      "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/depd": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz",
@@ -3658,11 +6165,34 @@
         "node": ">=12"
       }
     },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/duplexer": {
       "version": "0.1.2",
       "resolved": "https://registry.npmmirror.com/duplexer/-/duplexer-0.1.2.tgz",
-      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg==",
-      "dev": true
+      "integrity": "sha512-jtD6YG370ZCIi/9GTaJKQxWTZD045+4R4hTk/x1UyoqadyJ9x9CgSi1RlVDQF8U2sxLLSnFkCaMihqljHIWgMg=="
+    },
+    "node_modules/duplexify": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npmjs.org/duplexify/-/duplexify-3.7.1.tgz",
+      "integrity": "sha512-07z8uv2wMyS51kKhD1KsdXJg5WQ6t93RneqRxUHnskXVtlYYkLqM0gqStQZ3pj073g687jPCHrqNfCzawLYh5g==",
+      "dependencies": {
+        "end-of-stream": "^1.0.0",
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0",
+        "stream-shift": "^1.0.0"
+      }
     },
     "node_modules/eastasianwidth": {
       "version": "0.2.0",
@@ -3703,6 +6233,41 @@
       "integrity": "sha512-L18DaJsXSUk2+42pv8mLs5jJT2hqFkFE4j21wOmgbUqsZ2hL72NsUU785g9RXgo3s0ZNgVl42TiHp3ZtOv/Vyg==",
       "dev": true
     },
+    "node_modules/empty-dir": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/empty-dir/-/empty-dir-0.2.1.tgz",
+      "integrity": "sha512-0f1naHGJh4K6iVG28nRN7SCdfzT18OlpGzHmXw3JGwREb8qmtibHdmRgqx08u4sQfDadezK7kpU3bcIZNSwoZw==",
+      "dependencies": {
+        "fs-exists-sync": "^0.1.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/en-route": {
+      "version": "0.7.5",
+      "resolved": "https://registry.npmjs.org/en-route/-/en-route-0.7.5.tgz",
+      "integrity": "sha512-WjnZ2HzvoztSL/NhKYmlN86tSP7VkOTN0Ck4FBJUsvTfLQOlULZak/1wcUArcdenvT9mNS3NzQ+41lqKf/gaGQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "debug": "^2.2.0",
+        "extend-shallow": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "lazy-cache": "^1.0.3",
+        "path-to-regexp": "^1.2.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/en-route/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/end-of-stream": {
       "version": "1.4.4",
       "resolved": "https://registry.npmmirror.com/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -3719,6 +6284,185 @@
         "node": ">= 0.11.14"
       }
     },
+    "node_modules/engine": {
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/engine/-/engine-0.1.12.tgz",
+      "integrity": "sha512-1+oxmZV5nKFhoR3QkwIbyHKSVbMuNgU8+oxcx4Af1kpxuSjDD0nL3pKKJtY1mGjAPqSAwNeDEHzD94NR5LP5rg==",
+      "dependencies": {
+        "assign-deep": "^0.4.3",
+        "collection-visit": "^0.2.0",
+        "get-value": "^1.2.1",
+        "kind-of": "^2.0.1",
+        "lazy-cache": "^0.2.3",
+        "object.omit": "^2.0.0",
+        "set-value": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine-base": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/engine-base/-/engine-base-0.1.3.tgz",
+      "integrity": "sha512-CdNgUJcWgD9OsZ4vDFDmQB1/sN+UM0hEaDcbTZ2Ya/eMTkgCbdRLGvNuRE1UbN+AQJNo8Sm6iT327ULB7ynqnQ==",
+      "dependencies": {
+        "component-emitter": "^1.2.1",
+        "delimiter-regex": "^2.0.0",
+        "engine": "^0.1.12",
+        "engine-utils": "^0.1.1",
+        "lazy-cache": "^2.0.2",
+        "mixin-deep": "^1.1.3",
+        "object.omit": "^2.0.1",
+        "object.pick": "^1.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine-cache": {
+      "version": "0.19.4",
+      "resolved": "https://registry.npmjs.org/engine-cache/-/engine-cache-0.19.4.tgz",
+      "integrity": "sha512-PNhE008O6X+7VggZSVe0+fZcafIAjVHWuU+iLIbeKXGGKzjb05Y8ht0l1O9sIusrULRsNq/FcYVPoqoNz7k4wg==",
+      "dependencies": {
+        "async-helpers": "^0.3.9",
+        "extend-shallow": "^2.0.1",
+        "helper-cache": "^0.7.2",
+        "isobject": "^3.0.0",
+        "lazy-cache": "^2.0.2",
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine-cache/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine-utils": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/engine-utils/-/engine-utils-0.1.1.tgz",
+      "integrity": "sha512-5IdkZiV3qEGS3STfaRfeQsQ93Sokg9cEK7rdfjCGZFY6O/iTdq+d0obwqjkmv4fTSbTqEgYV+J3TeSzkq9GP5A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/collection-visit": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-0.2.3.tgz",
+      "integrity": "sha512-V88PJOCqJfsZS45YBELDgmhQkECokQAAr9XR4hT6eFkFsAPsCsk3EoDHSuBPYzygjquGM/0KF4vdwTiQO6lbdw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "map-visit": "^0.1.5",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/collection-visit/node_modules/lazy-cache": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+      "integrity": "sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==",
+      "dependencies": {
+        "set-getter": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/get-value": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-1.3.1.tgz",
+      "integrity": "sha512-TrDxHI5wqgpM5Guhoz7xmblwy7kzhDauSs4df3NP907yFmLtCkOau8YtGo087jZXKDwP22NG6fCo0UA4EFLjOw==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-extendable": "^0.1.1",
+        "lazy-cache": "^0.2.4",
+        "noncharacters": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/kind-of": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
+      "integrity": "sha512-0u8i1NZ/mg0b+W3MGGw5I7+6Eib2nx72S/QvXa0hYjEkjTknYmEYQJwGu3mLC0BrhtJjtQafTkyRUQ75Kx0LVg==",
+      "dependencies": {
+        "is-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/map-visit": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-0.1.5.tgz",
+      "integrity": "sha512-zdmJBFvvVR/H5wCfsCP7XxSLp+346yAZ30Wy2OsQLcH19OVGMWa3Ms9quO00lj9ybsySu3gKOINNgICb4Zqauw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/map-visit/node_modules/lazy-cache": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+      "integrity": "sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==",
+      "dependencies": {
+        "set-getter": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/object-visit": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-0.3.4.tgz",
+      "integrity": "sha512-6QNyX7uTuwqxP7pmDBqgBDKdmZws1rXriUyXM5KG6+7J0aYRuuAGoc636IGdLzgOL77WUwL+EpoTJrEHwWsyOA==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/set-value": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.2.0.tgz",
+      "integrity": "sha512-dJaeu7V8d1KwjePimg1oOpGp31cEw/uRcZlfL7wwemkr+A00ev/ZhikvSMiQ4hkf83d8JdY2AFoFmXsKzmHMSw==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "isobject": "^1.0.0",
+        "noncharacters": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/engine/node_modules/set-value/node_modules/isobject": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-1.0.2.tgz",
+      "integrity": "sha512-WQQgFoML/sLgmhu9zTekYHZUJaPoa/fpVMQ8oxIuOvppzs70DxxyHZdAIjwcuuNDOVtNYsahhqtBbUvKwhRcGw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/enhanced-resolve": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/enhanced-resolve/-/enhanced-resolve-4.5.0.tgz",
@@ -3760,6 +6504,14 @@
       "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
       "dev": true
     },
+    "node_modules/error-symbol": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/error-symbol/-/error-symbol-0.1.0.tgz",
+      "integrity": "sha512-VyjaKxUmeDX/m2lxm/aknsJ1GWDWUO2Ze2Ad8S1Pb9dykAm9TjSKp5CjrNyltYqZ5W/PO6TInAmO2/BfwMyT1g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/es-abstract": {
       "version": "1.21.1",
       "resolved": "https://registry.npmmirror.com/es-abstract/-/es-abstract-1.21.1.tgz",
@@ -3804,6 +6556,33 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/es-set-tostringtag": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/es-set-tostringtag/-/es-set-tostringtag-2.0.1.tgz",
@@ -3887,7 +6666,6 @@
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz",
       "integrity": "sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==",
-      "dev": true,
       "engines": {
         "node": ">=0.8.0"
       }
@@ -4453,6 +7231,218 @@
         "node": "^12.20.0 || ^14.13.1 || >=16.0.0"
       }
     },
+    "node_modules/exit-hook": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/exit-hook/-/exit-hook-1.1.1.tgz",
+      "integrity": "sha512-MsG3prOVw1WtLXAZbM3KiYtooKR1LvxHh3VHsVtIy0uiUu8usxgB/94DP2HxtD/661lLdB6yzQ09lGJSQr6nkg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-args": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/expand-args/-/expand-args-0.4.3.tgz",
+      "integrity": "sha512-bAAnw/WnKZUkA9PI3tk4oWRpyZkRiHtFSJ+W8dkTX/oXGhM3rz9Vo5+qW9sJ34z1da8jPap35/igXmE7lEjdsQ==",
+      "dependencies": {
+        "expand-object": "^0.4.2",
+        "kind-of": "^3.0.3",
+        "lazy-cache": "^2.0.1",
+        "minimist": "^1.2.0",
+        "mixin-deep": "^1.1.3",
+        "omit-empty": "^0.4.1",
+        "set-value": "^0.3.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-args/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-args/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-brackets": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/expand-brackets/-/expand-brackets-0.1.5.tgz",
+      "integrity": "sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==",
+      "dependencies": {
+        "is-posix-bracket": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-object": {
+      "version": "0.4.2",
+      "resolved": "https://registry.npmjs.org/expand-object/-/expand-object-0.4.2.tgz",
+      "integrity": "sha512-rC0h+knI3YE2rT9v2m6HIowp1aLAVo19u02/wRzE+Dl5eyPowLRcWVyLQ3UaIjSLvjfsTiE0xGb0qqrap5ABKw==",
+      "dependencies": {
+        "get-stdin": "^5.0.1",
+        "is-number": "^2.1.0",
+        "minimist": "^1.2.0",
+        "set-value": "^0.3.3"
+      },
+      "bin": {
+        "expand-object": "cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-object/node_modules/is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-object/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-object/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-pkg": {
+      "version": "0.1.9",
+      "resolved": "https://registry.npmjs.org/expand-pkg/-/expand-pkg-0.1.9.tgz",
+      "integrity": "sha512-Qqtqzx/e8tODrDr0H8HtO7+nftN0wH9bsk3948KpKBZLrc86Cm3/8mRKJmDfNSDWWcuKsilMmFlKPhYx5gHYuA==",
+      "dependencies": {
+        "component-emitter": "^1.2.1",
+        "debug": "^2.4.1",
+        "defaults-deep": "^0.2.4",
+        "export-files": "^2.1.1",
+        "get-value": "^2.0.6",
+        "kind-of": "^3.1.0",
+        "lazy-cache": "^2.0.2",
+        "load-pkg": "^3.0.1",
+        "mixin-deep": "^1.1.3",
+        "normalize-pkg": "^0.3.20",
+        "omit-empty": "^0.4.1",
+        "parse-author": "^1.0.0",
+        "parse-git-config": "^1.1.1",
+        "repo-utils": "^0.3.7"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/expand-range": {
+      "version": "1.8.2",
+      "resolved": "https://registry.npmjs.org/expand-range/-/expand-range-1.8.2.tgz",
+      "integrity": "sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==",
+      "dependencies": {
+        "fill-range": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range/node_modules/fill-range": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-2.2.4.tgz",
+      "integrity": "sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==",
+      "dependencies": {
+        "is-number": "^2.1.0",
+        "isobject": "^2.0.0",
+        "randomatic": "^3.0.0",
+        "repeat-element": "^1.1.2",
+        "repeat-string": "^1.5.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-range/node_modules/is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/expand-tilde": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-1.2.2.tgz",
+      "integrity": "sha512-rtmc+cjLZqnu9dSYosX9EWmSJhTwpACgJQTfj4hgg2JjOD/6SIQalZrt4a3aQeh++oNxkazcaxrhPUj6+g5G/Q==",
+      "dependencies": {
+        "os-homedir": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/export-files": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/export-files/-/export-files-2.1.1.tgz",
+      "integrity": "sha512-r2x1Zt0OKgdXRy0bXis3sOI8TNYmo5Fe71qXwsvpYaMvIlH5G0fWEf3AYiE2bONjePdSOojca7Jw+p9CQ6/6NQ==",
+      "dependencies": {
+        "lazy-cache": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/export-files/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend/-/extend-3.0.2.tgz",
+      "integrity": "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="
+    },
     "node_modules/extend-shallow": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/extend-shallow/-/extend-shallow-2.0.1.tgz",
@@ -4464,6 +7454,44 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/extglob": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/extglob/-/extglob-0.3.2.tgz",
+      "integrity": "sha512-1FOj1LOwn42TMrruOHGt18HemVnbwAmAak7krWk+wa93KXxGbK+2jpezm+ytJYDaBX0/SPLZFHKM7m+tKobWGg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/extglob/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/falsey": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/falsey/-/falsey-0.3.2.tgz",
+      "integrity": "sha512-lxEuefF5MBIVDmE6XeqCdM4BWk1+vYmGZtkbKZ/VFcg6uBBw6fXNEbWmxCjDdQlFc9hy450nkiWwM3VAW6G1qg==",
+      "dependencies": {
+        "kind-of": "^5.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/falsey/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -4512,6 +7540,43 @@
         "reusify": "^1.0.4"
       }
     },
+    "node_modules/figures": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/figures/-/figures-1.7.0.tgz",
+      "integrity": "sha512-UxKlfCRuCBxSXU4C6t9scbDyWZ4VlaFFdojKtzJuSkuOBQ5CNFum+zZXFwHjo+CxBC1t6zlYPgHIgFjL8ggoEQ==",
+      "dependencies": {
+        "escape-string-regexp": "^1.0.5",
+        "object-assign": "^4.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/file-contents": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/file-contents/-/file-contents-0.2.4.tgz",
+      "integrity": "sha512-PEz7U6YlXr+dvWCtW63DUY1LUTHOVs1rv4s1/I/39dpvvidQqMSTY6JklazQS60MMoI/ztpo5kMlpdvGagvLbA==",
+      "dependencies": {
+        "extend-shallow": "^2.0.0",
+        "file-stat": "^0.1.0",
+        "graceful-fs": "^4.1.2",
+        "is-buffer": "^1.1.0",
+        "is-utf8": "^0.2.0",
+        "lazy-cache": "^0.2.3",
+        "through2": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/file-contents/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/file-entry-cache/-/file-entry-cache-6.0.1.tgz",
@@ -4524,6 +7589,55 @@
         "node": "^10.12.0 || >=12.0.0"
       }
     },
+    "node_modules/file-is-binary": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/file-is-binary/-/file-is-binary-1.0.0.tgz",
+      "integrity": "sha512-71I2LciuolZDBUCu4JzFBKxSvVurMD84G97uCYgt9PZ7ElhEomGqYHTKKU2NcDOxR1g2bwn+hRbkTFSrD80Pfw==",
+      "dependencies": {
+        "is-binary-buffer": "^1.0.0",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/file-is-binary/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/file-name": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/file-name/-/file-name-0.1.0.tgz",
+      "integrity": "sha512-Q8SskhjF4eUk/xoQkmubwLkoHwOTv6Jj/WGtOVLKkZ0vvM+LipkSXugkn1F/+mjWXU32AXLZB3qaz0arUzgtRw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/file-stat": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/file-stat/-/file-stat-0.1.3.tgz",
+      "integrity": "sha512-f72m4132aOd5DVtREdDX8I0Dd7Zf/3PiUYYvn4BFCxfsLqj6r8joBZzrRlfvsNvxhADw+jpEa0AnWPII9H0Fbg==",
+      "dependencies": {
+        "graceful-fs": "^4.1.2",
+        "lazy-cache": "^0.2.3",
+        "through2": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/file-stat/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/file-uri-to-path": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-2.0.0.tgz",
@@ -4532,6 +7646,14 @@
         "node": ">= 6"
       }
     },
+    "node_modules/filename-regex": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/filename-regex/-/filename-regex-2.0.1.tgz",
+      "integrity": "sha512-BTCqyBaWBTsauvnHiE8i562+EdJj+oUpkqWp2R1iCoR8f6oo8STRu3of7WJJ0TqWtxN50a5YFpzYK4Jj9esYfQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/fill-range": {
       "version": "7.0.1",
       "resolved": "https://registry.npmmirror.com/fill-range/-/fill-range-7.0.1.tgz",
@@ -4544,6 +7666,29 @@
         "node": ">=8"
       }
     },
+    "node_modules/find-file-up": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/find-file-up/-/find-file-up-0.1.3.tgz",
+      "integrity": "sha512-mBxmNbVyjg1LQIIpgO8hN+ybWBgDQK8qjht+EbrTCGmmPV/sc7RF1i9stPTD6bpvXZywBdrwRYxhSdJv867L6A==",
+      "dependencies": {
+        "fs-exists-sync": "^0.1.0",
+        "resolve-dir": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/find-pkg": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/find-pkg/-/find-pkg-0.1.2.tgz",
+      "integrity": "sha512-0rnQWcFwZr7eO0513HahrWafsc3CTFioEB7DRiEYCUM/70QXSY8f3mCST17HXLcPvEhzH/Ty/Bxd72ZZsr/yvw==",
+      "dependencies": {
+        "find-file-up": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/find-up": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/find-up/-/find-up-5.0.0.tgz",
@@ -4557,6 +7702,14 @@
         "node": ">=10"
       }
     },
+    "node_modules/first-chunk-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/first-chunk-stream/-/first-chunk-stream-1.0.0.tgz",
+      "integrity": "sha512-ArRi5axuv66gEsyl3UuK80CzW7t56hem73YGNYxNWTGNKFJUadSb9Gu9SHijYEUi8ulQMf1bJomYNwSCPHhtTQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/flat": {
       "version": "5.0.2",
       "resolved": "https://registry.npmmirror.com/flat/-/flat-5.0.2.tgz",
@@ -4619,6 +7772,25 @@
         "is-callable": "^1.1.3"
       }
     },
+    "node_modules/for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-1.0.2.tgz",
+      "integrity": "sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/for-own": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/for-own/-/for-own-0.1.5.tgz",
+      "integrity": "sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==",
+      "dependencies": {
+        "for-in": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/form-data": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz",
@@ -4642,6 +7814,14 @@
         "pause-stream": "~0.0.11"
       }
     },
+    "node_modules/fs-exists-sync": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/fs-exists-sync/-/fs-exists-sync-0.1.0.tgz",
+      "integrity": "sha512-cR/vflFyPZtrN6b38ZyWxpWdhlXrzZEBawlpBQMq7033xVY7/kg0GDMBK5jg8lDYQckdJ5x/YC88lM3C7VMsLg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/fs-extra": {
       "version": "8.1.0",
       "resolved": "https://registry.npmmirror.com/fs-extra/-/fs-extra-8.1.0.tgz",
@@ -4738,9 +7918,12 @@
       "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
     },
     "node_modules/function-bind": {
-      "version": "1.1.1",
-      "resolved": "https://registry.npmmirror.com/function-bind/-/function-bind-1.1.1.tgz",
-      "integrity": "sha512-yIovAzMX49sF8Yl58fSCWJ5svSLuaibPxXQJFLmBObTuCr0Mf1KiPopGM9NiFjiYBCbfaa2Fh6breQ6ANVTI0A=="
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
     },
     "node_modules/function.prototype.name": {
       "version": "1.1.5",
@@ -4782,13 +7965,38 @@
       }
     },
     "node_modules/get-intrinsic": {
-      "version": "1.2.0",
-      "resolved": "https://registry.npmmirror.com/get-intrinsic/-/get-intrinsic-1.2.0.tgz",
-      "integrity": "sha512-L049y6nFOuom5wGyRc3/gdTLO94dySVKRACj1RmJZBQXlbTMhtNIgkWkUHq+jYmZvKf14EW1EoJnnjbmoHij0Q==",
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
       "dependencies": {
-        "function-bind": "^1.1.1",
-        "has": "^1.0.3",
-        "has-symbols": "^1.0.3"
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
       }
     },
     "node_modules/get-ready": {
@@ -4796,6 +8004,14 @@
       "resolved": "https://registry.npmmirror.com/get-ready/-/get-ready-1.0.0.tgz",
       "integrity": "sha512-mFXCZPJIlcYcth+N8267+mghfYN9h3EhsDa6JSnbA3Wrhh/XFpuowviFcsDeYZtKspQyWyJqfs4O6P8CHeTwzw=="
     },
+    "node_modules/get-stdin": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/get-stdin/-/get-stdin-5.0.1.tgz",
+      "integrity": "sha512-jZV7n6jGE3Gt7fgSTJoz91Ak5MuTLwMwkoYdjxuJ/AmjIsE1UC03y/IWkZCQGEvVNS9qoRNwy5BCqxImv0FVeA==",
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
     "node_modules/get-stream": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/get-stream/-/get-stream-6.0.1.tgz",
@@ -4855,6 +8071,34 @@
       "resolved": "https://registry.npmmirror.com/ms/-/ms-2.1.2.tgz",
       "integrity": "sha512-sGkPx+VjMtmA6MX27oA4FBFELFCZZ4S4XqeGOXCv68tT+jb3vk/RyaKWP0PTKyWtmLSM0b+adUTEvbs1PEaH2w=="
     },
+    "node_modules/get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npmjs.org/get-value/-/get-value-2.0.6.tgz",
+      "integrity": "sha512-Ln0UQDlxH1BapMu3GPtf7CuYNwRZf2gwCuPqbyG6pB8WfmFpzqcy4xtAaAMUhnNqjMKTiCPZG2oMT3YSx8U2NA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/get-view": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/get-view/-/get-view-0.1.3.tgz",
+      "integrity": "sha512-PZOmJnoY9wEDzAWW/0L6vRVfmPx/iKNiAxXdEI83dD8EPaqnI3GQraUTTSVgIVt5R1ja25/C3ARQAyVSkxN2Cg==",
+      "dependencies": {
+        "isobject": "^3.0.0",
+        "match-file": "^0.2.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/get-view/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/giget": {
       "version": "1.1.2",
       "resolved": "https://registry.npmmirror.com/giget/-/giget-1.1.2.tgz",
@@ -4873,6 +8117,41 @@
         "giget": "dist/cli.mjs"
       }
     },
+    "node_modules/git-config-path": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/git-config-path/-/git-config-path-1.0.1.tgz",
+      "integrity": "sha512-KcJ2dlrrP5DbBnYIZ2nlikALfRhKzNSX0stvv3ImJ+fvC4hXKoV+U+74SV0upg+jlQZbrtQzc0bu6/Zh+7aQbg==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "homedir-polyfill": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/git-repo-name": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/git-repo-name/-/git-repo-name-0.6.0.tgz",
+      "integrity": "sha512-DF4XxB6H+Te79JA08/QF/IjIv+j+0gF990WlgAX3SXXU2irfqvBc/xxlAIh6eJWYaKz45MrrGVBFS0Qc4bBz5g==",
+      "dependencies": {
+        "cwd": "^0.9.1",
+        "file-name": "^0.1.0",
+        "lazy-cache": "^1.0.4",
+        "remote-origin-url": "^0.5.1"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/git-repo-name/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/glob": {
       "version": "7.2.3",
       "resolved": "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz",
@@ -4889,6 +8168,45 @@
         "node": "*"
       }
     },
+    "node_modules/glob-base": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/glob-base/-/glob-base-0.3.0.tgz",
+      "integrity": "sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==",
+      "dependencies": {
+        "glob-parent": "^2.0.0",
+        "is-glob": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-base/node_modules/glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+      "dependencies": {
+        "is-glob": "^2.0.0"
+      }
+    },
+    "node_modules/glob-base/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-base/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "5.1.2",
       "resolved": "https://registry.npmmirror.com/glob-parent/-/glob-parent-5.1.2.tgz",
@@ -4901,6 +8219,193 @@
         "node": ">= 6"
       }
     },
+    "node_modules/glob-stream": {
+      "version": "5.3.5",
+      "resolved": "https://registry.npmjs.org/glob-stream/-/glob-stream-5.3.5.tgz",
+      "integrity": "sha512-piN8XVAO2sNxwVLokL4PswgJvK/uQ6+awwXUVRTGF+rRfgCZpn4hOqxiRuTEbU/k3qgKl0DACYQ/0Sge54UMQg==",
+      "dependencies": {
+        "extend": "^3.0.0",
+        "glob": "^5.0.3",
+        "glob-parent": "^3.0.0",
+        "micromatch": "^2.3.7",
+        "ordered-read-streams": "^0.3.0",
+        "through2": "^0.6.0",
+        "to-absolute-glob": "^0.1.1",
+        "unique-stream": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/glob-stream/node_modules/braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+      "dependencies": {
+        "expand-range": "^1.8.1",
+        "preserve": "^0.2.0",
+        "repeat-element": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/glob": {
+      "version": "5.0.15",
+      "resolved": "https://registry.npmjs.org/glob/-/glob-5.0.15.tgz",
+      "integrity": "sha512-c9IPMazfRITpmAAKi22dK1VKxGDX9ehhqfABDriL/lzO92xcUKEJPQHrVA/2YHSNFB4iFlykVmWvwo48nr3OxA==",
+      "deprecated": "Glob versions prior to v9 are no longer supported",
+      "dependencies": {
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "2 || 3",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      },
+      "engines": {
+        "node": "*"
+      }
+    },
+    "node_modules/glob-stream/node_modules/glob-parent": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-3.1.0.tgz",
+      "integrity": "sha512-E8Ak/2+dZY6fnzlR7+ueWvhsH1SjHr4jjss4YS/h4py44jY9MhK/VFdaZJAWDz6BbL21KeteKxFSFpq8OS5gVA==",
+      "dependencies": {
+        "is-glob": "^3.1.0",
+        "path-dirname": "^1.0.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+      "dependencies": {
+        "is-extglob": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+    },
+    "node_modules/glob-stream/node_modules/micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "array-unique": "^0.2.1",
+        "braces": "^1.8.2",
+        "expand-brackets": "^0.1.4",
+        "extglob": "^0.3.1",
+        "filename-regex": "^2.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "normalize-path": "^2.0.1",
+        "object.omit": "^2.0.0",
+        "parse-glob": "^3.0.4",
+        "regex-cache": "^0.4.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/micromatch/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/micromatch/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/glob-stream/node_modules/readable-stream": {
+      "version": "1.0.34",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+      "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/glob-stream/node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
+    },
+    "node_modules/glob-stream/node_modules/through2": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+      "integrity": "sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==",
+      "dependencies": {
+        "readable-stream": ">=1.0.33-1 <1.1.0-0",
+        "xtend": ">=4.0.0 <4.1.0-0"
+      }
+    },
+    "node_modules/global-modules": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-0.2.3.tgz",
+      "integrity": "sha512-JeXuCbvYzYXcwE6acL9V2bAOeSIGl4dD+iwLY9iUx2VBJJ80R18HCn+JCwHM9Oegdfya3lEkGCdaRkSyc10hDA==",
+      "dependencies": {
+        "global-prefix": "^0.1.4",
+        "is-windows": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-0.1.5.tgz",
+      "integrity": "sha512-gOPiyxcD9dJGCEArAhF4Hd0BAqvAe/JzERP7tYumE4yIkmIedPUVXcJFWbV3/p/ovIIvKjkrTk+f1UVkq7vvbw==",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.0",
+        "ini": "^1.3.4",
+        "is-windows": "^0.2.0",
+        "which": "^1.2.12"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/global-prefix/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/globals": {
       "version": "11.12.0",
       "resolved": "https://registry.npmmirror.com/globals/-/globals-11.12.0.tgz",
@@ -4940,12 +8445,14 @@
       }
     },
     "node_modules/gopd": {
-      "version": "1.0.1",
-      "resolved": "https://registry.npmmirror.com/gopd/-/gopd-1.0.1.tgz",
-      "integrity": "sha512-d65bNlIadxvpb/A2abVdlqKqV563juRnZ1Wtk6s1sIR8uNsXR70xqIzVqxVf1eTqDunwT2MkczEeaezCKTZhwA==",
-      "dev": true,
-      "dependencies": {
-        "get-intrinsic": "^1.1.3"
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/graceful-fs": {
@@ -4959,6 +8466,187 @@
       "integrity": "sha512-bzh50DW9kTPM00T8y4o8vQg89Di9oLJVLW/KaOGIXJWP/iqCN6WKYkbNOF04vFLJhwcpYUh9ydh/+5vpOqV4YQ==",
       "dev": true
     },
+    "node_modules/gray-matter": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/gray-matter/-/gray-matter-3.1.1.tgz",
+      "integrity": "sha512-nZ1qjLmayEv0/wt3sHig7I0s3/sJO0dkAaKYQ5YAOApUtYEOonXSFdWvL1khvnZMTvov4UufkqlFsilPnejEXA==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "js-yaml": "^3.10.0",
+        "kind-of": "^5.0.2",
+        "strip-bom-string": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gray-matter/node_modules/argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npmjs.org/argparse/-/argparse-1.0.10.tgz",
+      "integrity": "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg==",
+      "dependencies": {
+        "sprintf-js": "~1.0.2"
+      }
+    },
+    "node_modules/gray-matter/node_modules/js-yaml": {
+      "version": "3.14.1",
+      "resolved": "https://registry.npmjs.org/js-yaml/-/js-yaml-3.14.1.tgz",
+      "integrity": "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g==",
+      "dependencies": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      },
+      "bin": {
+        "js-yaml": "bin/js-yaml.js"
+      }
+    },
+    "node_modules/gray-matter/node_modules/kind-of": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-5.1.0.tgz",
+      "integrity": "sha512-NGEErnH6F2vUuXDh+OlbcKW7/wOcfdRHaZ7VWtqCztfHri/++YKmP51OdWeGPuqCOba6kk2OTe5d02VmTB80Pw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/group-array": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/group-array/-/group-array-0.3.4.tgz",
+      "integrity": "sha512-YAmNsgsi1uQ7Ai3T4FFkMoskqbLEUPRajAmrn8FclwZQQnV98NLrNWjQ3n2+i1pANxdO3n6wsNEkKq5XrYy0Ow==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "for-own": "^0.1.4",
+        "get-value": "^2.0.6",
+        "kind-of": "^3.1.0",
+        "split-string": "^1.0.1",
+        "union-value": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/group-array/node_modules/split-string": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-1.0.1.tgz",
+      "integrity": "sha512-ZuVODgxrpJnBD5LezfE484E2ArRF8HGgJqaiGBWvCbGS1iqynO45FQxBx7Ze4t45X9a994ejFD5kLhI6WtL1xA==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-choose-files": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/gulp-choose-files/-/gulp-choose-files-0.1.3.tgz",
+      "integrity": "sha512-SuAg0I2iCMEDcE3BJ46cfIo1Gn5N16403eie6G/iqrttDuKJUK1q3wh/2HBP/ZAJAqNXABI0uEavL2QxSMka1A==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "question-cache": "^0.5.1",
+        "through2": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-choose-files/node_modules/question-cache": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/question-cache/-/question-cache-0.5.1.tgz",
+      "integrity": "sha512-v9F1LnlSQIUEAGFtrfVX/76lH4u4zyV34t94o6EkguPTKKfbvV6SLH8h3pn7LXGZLmAgD1PbmVOuKMY8ZWnuPg==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "arr-union": "^3.1.0",
+        "async-each-series": "^1.1.0",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "get-value": "^2.0.6",
+        "has-value": "^0.3.1",
+        "inquirer2": "^0.1.1",
+        "is-answer": "^0.1.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "omit-empty": "^0.4.1",
+        "option-cache": "^3.4.0",
+        "os-homedir": "^1.0.1",
+        "project-name": "^0.2.5",
+        "set-value": "^0.3.3",
+        "to-choices": "^0.2.0",
+        "use": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-choose-files/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-choose-files/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-choose-files/node_modules/use": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/use/-/use-2.0.2.tgz",
+      "integrity": "sha512-RrhWfFWkNCz3djfSFZh7uSwu491QRhwNaHyAgB2sGl4kmmznb5ZUuuHpiWLVEsXOdpDakYK/x5+9o4lgg41UMw==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "lazy-cache": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-choose-files/node_modules/use/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/gulp-sourcemaps": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/gulp-sourcemaps/-/gulp-sourcemaps-1.6.0.tgz",
+      "integrity": "sha512-NjRy6+Qb5K1xbwOvPviD3uA4KSq2zsalPL+4vxPQPuL+kKzHjXJL10/kLaESic3LmBto8VIBHr3gIN3F9AjnhA==",
+      "dependencies": {
+        "convert-source-map": "^1.1.1",
+        "graceful-fs": "^4.1.2",
+        "strip-bom": "^2.0.0",
+        "through2": "^2.0.0",
+        "vinyl": "^1.0.0"
+      }
+    },
+    "node_modules/gulp-sourcemaps/node_modules/strip-bom": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+      "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
+      "dependencies": {
+        "is-utf8": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/gzip-size": {
       "version": "6.0.0",
       "resolved": "https://registry.npmmirror.com/gzip-size/-/gzip-size-6.0.0.tgz",
@@ -4982,6 +8670,25 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/has-ansi": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/has-ansi/-/has-ansi-2.0.0.tgz",
+      "integrity": "sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-ansi/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/has-bigints": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/has-bigints/-/has-bigints-1.0.2.tgz",
@@ -4997,6 +8704,44 @@
         "node": ">=4"
       }
     },
+    "node_modules/has-glob": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/has-glob/-/has-glob-0.1.1.tgz",
+      "integrity": "sha512-WMHzb7oCwDcMDngWy0b+viLjED8zvSi5d4/YdBetADHX/rLH+noJaRTytuyN6thTxxM7lK+FloogQHHdOOR+7g==",
+      "dependencies": {
+        "is-glob": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-glob/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-glob/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-own-deep": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/has-own-deep/-/has-own-deep-0.1.4.tgz",
+      "integrity": "sha512-a9Dn8Q46DZySlvZqjCX5rkwS9AYIv3VQM3IoOhTXJVJ/cEmVDMLTrJClIihLS0a09PzhrEBbueji44ZQjLh19g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/has-property-descriptors": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/has-property-descriptors/-/has-property-descriptors-1.0.0.tgz",
@@ -5016,23 +8761,49 @@
       }
     },
     "node_modules/has-symbols": {
-      "version": "1.0.3",
-      "resolved": "https://registry.npmmirror.com/has-symbols/-/has-symbols-1.0.3.tgz",
-      "integrity": "sha512-l3LCuF6MgDNwTDKkdYGEihYjt5pRPbEg46rtlmnSPlUbgmB8LOIrKJbYYFBSbnPaJexMKtiPO8hmeRjRz2Td+A==",
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
       }
     },
     "node_modules/has-tostringtag": {
-      "version": "1.0.0",
-      "resolved": "https://registry.npmmirror.com/has-tostringtag/-/has-tostringtag-1.0.0.tgz",
-      "integrity": "sha512-kFjcSNhnlGV1kyoGk7OXKSawH5JOb/LzUc5w9B02hOTO0dfFRjbHQKvg1d6cf3HbeUmtU9VbbV3qzZ2Teh97WQ==",
-      "dev": true,
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
       "dependencies": {
-        "has-symbols": "^1.0.2"
+        "has-symbols": "^1.0.3"
       },
       "engines": {
         "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-value": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/has-value/-/has-value-0.3.1.tgz",
+      "integrity": "sha512-gpG936j8/MzaeID5Yif+577c17TxaDmhuyVgSwtnL/q8UUTySg8Mecb+8Cf1otgLoD7DDH75axp86ER7LFsf3Q==",
+      "dependencies": {
+        "get-value": "^2.0.3",
+        "has-values": "^0.1.4",
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/has-values": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/has-values/-/has-values-0.1.4.tgz",
+      "integrity": "sha512-J8S0cEdWuQbqD9//tlZxiMuMNmxB8PlEwvYwuxsTmR1G5RXUePEX/SJn7aD0GMLieuZYSwNH0cQuJGwnYunXRQ==",
+      "engines": {
+        "node": ">=0.10.0"
       }
     },
     "node_modules/hash-sum": {
@@ -5041,6 +8812,17 @@
       "integrity": "sha512-WdZTbAByD+pHfl/g9QSsBIIwy8IT+EsPiKDs0KNX+zSHhdDLFKdZu0BQHljvO+0QI/BasbMSUa8wYNCZTvhslg==",
       "dev": true
     },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/he": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/he/-/he-1.2.0.tgz",
@@ -5050,6 +8832,38 @@
         "he": "bin/he"
       }
     },
+    "node_modules/helper-cache": {
+      "version": "0.7.2",
+      "resolved": "https://registry.npmjs.org/helper-cache/-/helper-cache-0.7.2.tgz",
+      "integrity": "sha512-ictXA4Nsj9HZcY5Sf4PyWKOXRkQLCDLJLvekaKKrQ+IGLMe4Z+u2oM1QqRGjtWeQRfQCA3NJyIzZpfmw6GvwOQ==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "lazy-cache": "^0.2.3",
+        "lodash.bind": "^3.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/helper-cache/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/homedir-polyfill/-/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha512-eSmmWE5bZTK2Nou4g0AI3zZ9rswp7GRKoKXS1BLUkvPviOqs4YTN1djQIqrXy9k5gEtdLPy86JjRwsNM9tnDcA==",
+      "dependencies": {
+        "parse-passwd": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/hookable": {
       "version": "5.4.2",
       "resolved": "https://registry.npmmirror.com/hookable/-/hookable-5.4.2.tgz",
@@ -5260,6 +9074,14 @@
         "node": ">=8"
       }
     },
+    "node_modules/inflection": {
+      "version": "1.13.4",
+      "resolved": "https://registry.npmjs.org/inflection/-/inflection-1.13.4.tgz",
+      "integrity": "sha512-6I/HUDeYFfuNCVS3td055BaXBwKYuzw7K3ExVMStBowKo9oOAMJIXIHvdyR3iboTCp1b+1i5DSkIZTcwIktuDw==",
+      "engines": [
+        "node >= 0.4.0"
+      ]
+    },
     "node_modules/inflight": {
       "version": "1.0.6",
       "resolved": "https://registry.npmmirror.com/inflight/-/inflight-1.0.6.tgz",
@@ -5269,11 +9091,158 @@
         "wrappy": "1"
       }
     },
+    "node_modules/info-symbol": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/info-symbol/-/info-symbol-0.1.0.tgz",
+      "integrity": "sha512-qkc9wjLDQ+dYYZnY5uJXGNNHyZ0UOMDUnhvy0SEZGVVYmQ5s4i8cPAin2MbU6OxJgi8dfj/AnwqPx0CJE6+Lsw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/inherits": {
       "version": "2.0.4",
       "resolved": "https://registry.npmmirror.com/inherits/-/inherits-2.0.4.tgz",
       "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="
     },
+    "node_modules/ini": {
+      "version": "1.3.8",
+      "resolved": "https://registry.npmjs.org/ini/-/ini-1.3.8.tgz",
+      "integrity": "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="
+    },
+    "node_modules/inquirer2": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/inquirer2/-/inquirer2-0.1.1.tgz",
+      "integrity": "sha512-U7R6xvJmmcAx8Bq3Ok7+9L5kyBiUbCokZJMSibn+lDQasL9RtW9kYmnO5fezF0EcqE+pt4Hp3gc5XBGCqLkRDg==",
+      "dependencies": {
+        "ansi-escapes": "^1.1.1",
+        "ansi-regex": "^2.0.0",
+        "arr-flatten": "^1.0.1",
+        "arr-pluck": "^0.1.0",
+        "array-unique": "^0.2.1",
+        "chalk": "^1.1.1",
+        "cli-cursor": "^1.0.2",
+        "cli-width": "^1.1.0",
+        "extend-shallow": "^2.0.1",
+        "figures": "^1.4.0",
+        "is-number": "^2.1.0",
+        "is-plain-object": "^2.0.1",
+        "lazy-cache": "^1.0.3",
+        "lodash.where": "^3.1.0",
+        "readline2": "^1.0.1",
+        "run-async": "^0.1.0",
+        "rx-lite": "^4.0.7",
+        "strip-color": "^0.1.0",
+        "through2": "^2.0.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/ansi-escapes": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/ansi-escapes/-/ansi-escapes-1.4.0.tgz",
+      "integrity": "sha512-wiXutNjDUlNEDWHcYH3jtZUhd3c4/VojassD8zHdHCY13xbZy2XbW+NKQwA0tWGBVzDA9qEzYwfoSsWmviidhw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/ansi-regex": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-2.1.1.tgz",
+      "integrity": "sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/ansi-styles": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-2.2.1.tgz",
+      "integrity": "sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/chalk": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/chalk/-/chalk-1.1.3.tgz",
+      "integrity": "sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==",
+      "dependencies": {
+        "ansi-styles": "^2.2.1",
+        "escape-string-regexp": "^1.0.2",
+        "has-ansi": "^2.0.0",
+        "strip-ansi": "^3.0.0",
+        "supports-color": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/cli-cursor": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/cli-cursor/-/cli-cursor-1.0.2.tgz",
+      "integrity": "sha512-25tABq090YNKkF6JH7lcwO0zFJTRke4Jcq9iX2nr/Sz0Cjjv4gckmwlW6Ty/aoyFd6z3ysR2hMGC2GFugmBo6A==",
+      "dependencies": {
+        "restore-cursor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/onetime": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/onetime/-/onetime-1.1.0.tgz",
+      "integrity": "sha512-GZ+g4jayMqzCRMgB2sol7GiCLjKfS1PINkjmx8spcKce1LiVqcbQreXwqs2YAFXC6R03VIG28ZS31t8M866v6A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/restore-cursor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/restore-cursor/-/restore-cursor-1.0.1.tgz",
+      "integrity": "sha512-reSjH4HuiFlxlaBaFCiS6O76ZGG2ygKoSlCsipKdaZuKSPx/+bt9mULkn4l0asVzbEfQQmXRg6Wp6gv6m0wElw==",
+      "dependencies": {
+        "exit-hook": "^1.0.0",
+        "onetime": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/strip-ansi": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-3.0.1.tgz",
+      "integrity": "sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==",
+      "dependencies": {
+        "ansi-regex": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/inquirer2/node_modules/supports-color": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-2.0.0.tgz",
+      "integrity": "sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==",
+      "engines": {
+        "node": ">=0.8.0"
+      }
+    },
     "node_modules/internal-slot": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/internal-slot/-/internal-slot-1.0.5.tgz",
@@ -5293,6 +9262,57 @@
       "resolved": "https://registry.npmmirror.com/ip/-/ip-1.1.8.tgz",
       "integrity": "sha512-PuExPYUiu6qMBQb4l06ecm6T6ujzhmh+MeJcW9wa89PoAz5pvd4zPgN5WJV104mb6S2T1AwNIAaB70JNrLQWhg=="
     },
+    "node_modules/is-absolute": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/is-absolute/-/is-absolute-0.2.6.tgz",
+      "integrity": "sha512-7Kr05z5LkcOpoMvxHN1PC11WbPabdNFmMYYo0eZvWu3BfVS0T03yoqYDczoCBx17xqk2x1XAZrcKiFVL88jxlQ==",
+      "dependencies": {
+        "is-relative": "^0.2.1",
+        "is-windows": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-accessor-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-accessor-descriptor/-/is-accessor-descriptor-1.0.1.tgz",
+      "integrity": "sha512-YBUanLI8Yoihw923YeFUS5fs0fF2f5TSFTNiYAAzhhDscDa3lEqYuz1pDOEP5KvX94I9ey3vsqjJcLVFVU+3QA==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
+    "node_modules/is-answer": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-answer/-/is-answer-0.1.1.tgz",
+      "integrity": "sha512-ifVYWfVjXzeNx32XK7twC8xMzVYfOqFGETEuwww/Oo8OZQe/tv+huAjP+05qP8omK+IfLmPWN0omZ7YvIvejMw==",
+      "dependencies": {
+        "has-values": "^0.1.4",
+        "is-primitive": "^2.0.0",
+        "omit-empty": "^0.4.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-arguments": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/is-arguments/-/is-arguments-1.2.0.tgz",
+      "integrity": "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA==",
+      "dependencies": {
+        "call-bound": "^1.0.2",
+        "has-tostringtag": "^1.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
     "node_modules/is-array-buffer": {
       "version": "3.0.1",
       "resolved": "https://registry.npmmirror.com/is-array-buffer/-/is-array-buffer-3.0.1.tgz",
@@ -5318,6 +9338,17 @@
         "has-bigints": "^1.0.1"
       }
     },
+    "node_modules/is-binary-buffer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-binary-buffer/-/is-binary-buffer-1.0.0.tgz",
+      "integrity": "sha512-fP08vt1YuBWSWdDCWkHUDo/Gb+YpnsiK41w2kP3iAkWhMKV4uuAAwPQm9GkA4r+OCDzpa+APIOaHZW6d83e5Ug==",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/is-binary-path": {
       "version": "2.1.0",
       "resolved": "https://registry.npmmirror.com/is-binary-path/-/is-binary-path-2.1.0.tgz",
@@ -5343,6 +9374,11 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/is-buffer/-/is-buffer-1.1.6.tgz",
+      "integrity": "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="
+    },
     "node_modules/is-callable": {
       "version": "1.2.7",
       "resolved": "https://registry.npmmirror.com/is-callable/-/is-callable-1.2.7.tgz",
@@ -5361,16 +9397,25 @@
       "version": "2.11.0",
       "resolved": "https://registry.npmmirror.com/is-core-module/-/is-core-module-2.11.0.tgz",
       "integrity": "sha512-RRjxlvLDkD1YJwDbroBHMb+cukurkDWNyHx7D3oNB5x9rb5ogcksMC5wHCadcXoo67gVr/+3GFySh3134zi6rw==",
-      "dev": true,
       "dependencies": {
         "has": "^1.0.3"
       }
     },
+    "node_modules/is-data-descriptor": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-data-descriptor/-/is-data-descriptor-1.0.1.tgz",
+      "integrity": "sha512-bc4NlCDiCr28U4aEsQ3Qs2491gVq4V8G7MQyws968ImqjKuYtTJXrl7Vq7jsN7Ly/C3xj5KWFrY7sHNeDkAzXw==",
+      "dependencies": {
+        "hasown": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/is-date-object": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/is-date-object/-/is-date-object-1.0.5.tgz",
       "integrity": "sha512-9YQaSxsAiSwcvS33MBk3wTCVnWK+HhF8VZR2jRxehM16QcVOdHqPn4VPHmRK4lSr38n9JriurInLcP90xsYNfQ==",
-      "dev": true,
       "dependencies": {
         "has-tostringtag": "^1.0.0"
       },
@@ -5378,6 +9423,18 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-descriptor": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npmjs.org/is-descriptor/-/is-descriptor-0.1.7.tgz",
+      "integrity": "sha512-C3grZTvObeN1xud4cRWl366OMXZTj0+HGyk4hvfpx4ZHt1Pb60ANSXqCK7pdOTeUQpRzECBSTphqvD7U+l22Eg==",
+      "dependencies": {
+        "is-accessor-descriptor": "^1.0.1",
+        "is-data-descriptor": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
     "node_modules/is-docker": {
       "version": "2.2.1",
       "resolved": "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz",
@@ -5390,6 +9447,25 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-dotfile": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-dotfile/-/is-dotfile-1.0.3.tgz",
+      "integrity": "sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-equal-shallow": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz",
+      "integrity": "sha512-0EygVC5qPvIyb+gSz7zdD5/AAoS6Qrx1e//6N4yv4oNm30kqvdmG66oZFWVlQHUWe5OjP08FuTw2IdT0EOTcYA==",
+      "dependencies": {
+        "is-primitive": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-extendable": {
       "version": "0.1.1",
       "resolved": "https://registry.npmmirror.com/is-extendable/-/is-extendable-0.1.1.tgz",
@@ -5402,7 +9478,6 @@
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz",
       "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
-      "devOptional": true,
       "engines": {
         "node": ">=0.10.0"
       }
@@ -5416,6 +9491,11 @@
         "node": ">=12"
       }
     },
+    "node_modules/is-generator": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/is-generator/-/is-generator-1.0.3.tgz",
+      "integrity": "sha512-G56jBpbJeg7ds83HW1LuShNs8J73Fv3CPz/bmROHOHlnKkN8sWb9ujiagjmxxMUywftgq48HlBZELKKqFLk0oA=="
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmmirror.com/is-glob/-/is-glob-4.0.3.tgz",
@@ -5467,6 +9547,41 @@
         "node": ">=8"
       }
     },
+    "node_modules/is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-2.0.4.tgz",
+      "integrity": "sha512-h5PpgXkWitc38BBMYawTYMWJHFZJVnBquFE57xFpjB8pJFiF6gZ+bU+WyI/yqXiFR5mdLsgYNaPe8uao6Uv9Og==",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-plain-object/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-posix-bracket": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz",
+      "integrity": "sha512-Yu68oeXJ7LeWNmZ3Zov/xg/oDBnBK2RNxwYY1ilNJX+tKKZqgPK+qOn/Gs9jEu66KDY9Netf5XLKNGzas/vPfQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-primitive": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/is-primitive/-/is-primitive-2.0.0.tgz",
+      "integrity": "sha512-N3w1tFaRfk3UrPfqeRyD+GYDASU3W5VinKhlORy8EWVf/sIdDL9GAcew85XmktCfH+ngG7SRXEVDoO18WMdB/Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-regex": {
       "version": "1.1.4",
       "resolved": "https://registry.npmmirror.com/is-regex/-/is-regex-1.1.4.tgz",
@@ -5480,6 +9595,29 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-registered": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/is-registered/-/is-registered-0.1.5.tgz",
+      "integrity": "sha512-dOOjAYNmKGtjoW229wn/SDmrO65oQcUvng9WUYF/AIZAQZG/l+puNUPt+/x7YCn4W9A33H6LItHgSETDmS0urg==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "isobject": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-relative": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-relative/-/is-relative-0.2.1.tgz",
+      "integrity": "sha512-9AMzjRmLqcue629b4ezEVSK6kJsYJlUIhMcygmYORUgwUNJiavHcC3HkaGx0XYpyVKQSOqFbMEZmW42cY87sYw==",
+      "dependencies": {
+        "is-unc-path": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-shared-array-buffer": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/is-shared-array-buffer/-/is-shared-array-buffer-1.0.2.tgz",
@@ -5548,6 +9686,68 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/is-unc-path": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/is-unc-path/-/is-unc-path-0.1.2.tgz",
+      "integrity": "sha512-HhLc5VDMH4pu3oMtIuunz/DFQUIoR561kMME3U3Afhj8b7vH085vkIkemrz1kLXCEIuoMAmO3yVmafWdSbGW8w==",
+      "dependencies": {
+        "unc-path-regex": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-utf8/-/is-utf8-0.2.1.tgz",
+      "integrity": "sha512-rMYPYvCzsXywIsldgLaSoPlw5PfoB/ssr7hY4pLfcodrA5M/eArza1a9VmTiNIBNMjOGr1Ow9mTyU2o69U6U9Q=="
+    },
+    "node_modules/is-valid-app": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-valid-app/-/is-valid-app-0.2.1.tgz",
+      "integrity": "sha512-2/qNSVFKyi5WiaIgv153Vt2ZM7T7HSlUu/m3HMnoyp6pk5NYhOUz0aU7Gx2DGYRnZ/8q+pMOwd93pCE8uWhvBg==",
+      "dependencies": {
+        "debug": "^2.2.0",
+        "is-registered": "^0.1.5",
+        "is-valid-instance": "^0.2.0",
+        "lazy-cache": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-valid-app/node_modules/is-valid-instance": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/is-valid-instance/-/is-valid-instance-0.2.0.tgz",
+      "integrity": "sha512-dNT7bamkigo07gvbnoBRABSNX1ayAhkcw6/3fYhVDhiPXiqnCouD4JMmrozyOx37UUlC+Se1j/jCfLo1fNs0Ng==",
+      "dependencies": {
+        "isobject": "^2.1.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-valid-glob": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-0.3.0.tgz",
+      "integrity": "sha512-CvG8EtJZ8FyzVOGPzrDorzyN65W1Ld8BVnqshRCah6pFIsprGx3dKgFtjLn/Vw9kGqR4OlR84U7yhT9ZVTyWIQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-valid-instance": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/is-valid-instance/-/is-valid-instance-0.1.0.tgz",
+      "integrity": "sha512-js5DRu650+u3zcGfCe23npdFtPuBeLx3iR8q2vfCO4m1KqNz5R35fDQlLPm++gAzg5H+OJXDOG5LGyn8pzl/1Q==",
+      "dependencies": {
+        "isobject": "^2.1.0",
+        "pascalcase": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-weakref": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/is-weakref/-/is-weakref-1.0.2.tgz",
@@ -5563,6 +9763,22 @@
       "integrity": "sha512-sNxgpk9793nzSs7bA6JQJGeIuRBQhAaNGG77kzYQgMkrID+lS6SlK07K5LaptscDlSaIgH+GPFzf+d75FVxozA==",
       "dev": true
     },
+    "node_modules/is-whitespace": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/is-whitespace/-/is-whitespace-0.3.0.tgz",
+      "integrity": "sha512-RydPhl4S6JwAyj0JJjshWJEFG6hNye3pZFBRZaTUfZFwGHxzppNaNOVgQuS/E/SlhrApuMXrpnK1EEIXfdo3Dg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-windows": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-0.2.0.tgz",
+      "integrity": "sha512-n67eJYmXbniZB7RF4I/FTjK1s6RPOCTxhYrVYLRaCt3lF0mpWZPKr3T2LSZAqyjQsxR2qMmGYXXzK0YWwcPM1Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/is-wsl": {
       "version": "2.2.0",
       "resolved": "https://registry.npmmirror.com/is-wsl/-/is-wsl-2.2.0.tgz",
@@ -5583,8 +9799,18 @@
     "node_modules/isexe": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/isexe/-/isexe-2.0.0.tgz",
-      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==",
-      "dev": true
+      "integrity": "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="
+    },
+    "node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
     },
     "node_modules/isstream": {
       "version": "0.1.2",
@@ -5662,8 +9888,7 @@
     "node_modules/json-stable-stringify-without-jsonify": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/json-stable-stringify-without-jsonify/-/json-stable-stringify-without-jsonify-1.0.1.tgz",
-      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==",
-      "dev": true
+      "integrity": "sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw=="
     },
     "node_modules/json5": {
       "version": "2.2.3",
@@ -5696,6 +9921,17 @@
       "resolved": "https://registry.npmmirror.com/jstoxml/-/jstoxml-2.2.9.tgz",
       "integrity": "sha512-OYWlK0j+roh+eyaMROlNbS5cd5R25Y+IUpdl7cNdB8HNrkgwQzIS7L9MegxOiWNBj9dQhA/yAxiMwCC5mwNoBw=="
     },
+    "node_modules/kind-of": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-3.2.2.tgz",
+      "integrity": "sha512-NOW9QQXMoZGg/oqnVNoNTTIFEIid1627WCffUBJEdMxYApq7mNE7CpzucIPc+ZQg25Phej7IJSmX3hO+oblOtQ==",
+      "dependencies": {
+        "is-buffer": "^1.1.5"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/knitwork": {
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/knitwork/-/knitwork-1.0.0.tgz",
@@ -5716,6 +9952,80 @@
       "integrity": "sha512-ymToLHqL02udwVdbkowNpzjFd6UzozMtshPQKVi5k1EjKRqKqBrOnE9QbLEb0/pV76SAiIT13hdL8R6suc+f3g==",
       "dev": true
     },
+    "node_modules/layouts": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npmjs.org/layouts/-/layouts-0.11.0.tgz",
+      "integrity": "sha512-Zt65tua9otUMsfoQMAKmUSMGBwgkchSCc33ko/xBBSGnc/Q4+G8gJgouynZy7/iSnzpt3+myRRDQ9HQ5cctSog==",
+      "dependencies": {
+        "delimiter-regex": "^1.3.1",
+        "falsey": "^0.3.0",
+        "get-view": "^0.1.1",
+        "lazy-cache": "^1.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/layouts/node_modules/delimiter-regex": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/delimiter-regex/-/delimiter-regex-1.3.1.tgz",
+      "integrity": "sha512-NyEdbzFCa0imbFMxQH6X5AB/DxngubpAAiQEqaam+YYcT0gGiM1gFo410HwpiPOruHl8HfFM913tFLjA8kkvHg==",
+      "dependencies": {
+        "extend-shallow": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/layouts/node_modules/extend-shallow": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz",
+      "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==",
+      "dependencies": {
+        "kind-of": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/layouts/node_modules/kind-of": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz",
+      "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/layouts/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lazy-cache": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+      "integrity": "sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==",
+      "dependencies": {
+        "set-getter": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lazystream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/lazystream/-/lazystream-1.0.1.tgz",
+      "integrity": "sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==",
+      "dependencies": {
+        "readable-stream": "^2.0.5"
+      },
+      "engines": {
+        "node": ">= 0.6.3"
+      }
+    },
     "node_modules/less": {
       "version": "4.1.3",
       "resolved": "https://registry.npmmirror.com/less/-/less-4.1.3.tgz",
@@ -5939,6 +10249,21 @@
         "node": ">=8"
       }
     },
+    "node_modules/load-helpers": {
+      "version": "0.2.11",
+      "resolved": "https://registry.npmjs.org/load-helpers/-/load-helpers-0.2.11.tgz",
+      "integrity": "sha512-+iUnxQSddtpXoeRrza02jbJOUgCbJGG6GGeE4WTf6nV0Z0uR+/+/h2RMfDAl5SI4Cd/fu5xFPqo0ibP3v9y1ew==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-valid-glob": "^0.3.0",
+        "lazy-cache": "^2.0.1",
+        "matched": "^0.4.1",
+        "resolve-dir": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/load-json-file": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/load-json-file/-/load-json-file-4.0.0.tgz",
@@ -5963,6 +10288,62 @@
         "node": ">=4"
       }
     },
+    "node_modules/load-pkg": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/load-pkg/-/load-pkg-3.0.1.tgz",
+      "integrity": "sha512-wW6PBOWKbPceeIamjHjoacmI0F7Q+JdHoYl1nYE3lGOQCmq+xAnfIp24dqhUSfsO6Y7YSlrmyi3JxvSiRnoivg==",
+      "dependencies": {
+        "find-pkg": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/load-templates": {
+      "version": "0.11.4",
+      "resolved": "https://registry.npmjs.org/load-templates/-/load-templates-0.11.4.tgz",
+      "integrity": "sha512-roLgv19smhcE2x9mBvuuUzj3u3jRL+lWr+7u6v0KSk2wtdX0v8KOEHYZGBUdMjY1YPIh9864YQdO0SqpxiA+6Q==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "glob-parent": "^2.0.0",
+        "has-glob": "^0.1.1",
+        "is-valid-glob": "^0.3.0",
+        "lazy-cache": "^2.0.1",
+        "matched": "^0.4.1",
+        "to-file": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/load-templates/node_modules/glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+      "dependencies": {
+        "is-glob": "^2.0.0"
+      }
+    },
+    "node_modules/load-templates/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/load-templates/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/local-pkg": {
       "version": "0.4.3",
       "resolved": "https://registry.npmmirror.com/local-pkg/-/local-pkg-0.4.3.tgz",
@@ -5995,18 +10376,194 @@
       "resolved": "https://registry.npmmirror.com/lodash-es/-/lodash-es-4.17.21.tgz",
       "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw=="
     },
+    "node_modules/lodash._arrayfilter": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._arrayfilter/-/lodash._arrayfilter-3.0.0.tgz",
+      "integrity": "sha512-xi4jscMHMkWtF8vXNpmvAXTmes6gKMpXsWM8kKuJ5tfk/VhJujrAG2sVc/LBsUERkReV9blMG2GD4SjPHyqaTw=="
+    },
+    "node_modules/lodash._basecallback": {
+      "version": "3.3.1",
+      "resolved": "https://registry.npmjs.org/lodash._basecallback/-/lodash._basecallback-3.3.1.tgz",
+      "integrity": "sha512-LQffghuO63ufDY33KKO1ezGKbcFZK3ngYV7JpxaUomoM5acf0YeXU3Pm8csVE0girVs50TXzfNibl69Co3ggJA==",
+      "dependencies": {
+        "lodash._baseisequal": "^3.0.0",
+        "lodash._bindcallback": "^3.0.0",
+        "lodash.isarray": "^3.0.0",
+        "lodash.pairs": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._baseeach": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/lodash._baseeach/-/lodash._baseeach-3.0.4.tgz",
+      "integrity": "sha512-IqUZ9MQo2UT1XPGuBntInqTOlc+oV+bCo0kMp+yuKGsfvRSNgUW0YjWVZUrG/gs+8z/Eyuc0jkJjOBESt9BXxg==",
+      "dependencies": {
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._basefilter": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._basefilter/-/lodash._basefilter-3.0.0.tgz",
+      "integrity": "sha512-EjWjqBE5KHmvrzgZ9tSvt7ggGmDF0pjPzaiUONQ97M4+YDYW8VMH3VnyKS/JHFoqDAYEIIx+3/Tg4C0zlC6qPA==",
+      "dependencies": {
+        "lodash._baseeach": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._baseisequal": {
+      "version": "3.0.7",
+      "resolved": "https://registry.npmjs.org/lodash._baseisequal/-/lodash._baseisequal-3.0.7.tgz",
+      "integrity": "sha512-U+3GsNEZj9ebI03ncLC2pLmYVjgtYZEwdkAPO7UGgtGvAz36JVFPAQUufpSaVL93Cz5arc6JGRKZRhaOhyVJYA==",
+      "dependencies": {
+        "lodash.isarray": "^3.0.0",
+        "lodash.istypedarray": "^3.0.0",
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._baseismatch": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/lodash._baseismatch/-/lodash._baseismatch-3.1.3.tgz",
+      "integrity": "sha512-lq0Z+O/HfAJ16frtiZnvi2sLQrFfcYxK2q5R+n10+cWbXQ/Mz6R52mLOX/8R3npLGIO7Rq7zNP7ENTCJB/GN+g==",
+      "dependencies": {
+        "lodash._baseisequal": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._basematches": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lodash._basematches/-/lodash._basematches-3.2.0.tgz",
+      "integrity": "sha512-E6aibw9mFnfTO8z4zu1Fc2Pgv102/c11RtunY0MBdnIRWy27CtwnTVBQjfXohtUoDH1BI+vxZ9+b2JJY13dt3A==",
+      "dependencies": {
+        "lodash._baseismatch": "^3.0.0",
+        "lodash.pairs": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._bindcallback": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._bindcallback/-/lodash._bindcallback-3.0.1.tgz",
+      "integrity": "sha512-2wlI0JRAGX8WEf4Gm1p/mv/SZ+jLijpj0jyaE/AXeuQphzCgD8ZQW4oSpoN8JAopujOFGU3KMuq7qfHBWlGpjQ=="
+    },
+    "node_modules/lodash._createwrapper": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/lodash._createwrapper/-/lodash._createwrapper-3.2.0.tgz",
+      "integrity": "sha512-O8fi7P57KZQjtTJN3tbUAJsm6Coo35JVi4OiEU/WV0rrqaWemk+rRB/1ohiIiv1cIK3dIkVhMehaFOFyNZDYkQ==",
+      "dependencies": {
+        "lodash._root": "^3.0.0"
+      }
+    },
+    "node_modules/lodash._getnative": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npmjs.org/lodash._getnative/-/lodash._getnative-3.9.1.tgz",
+      "integrity": "sha512-RrL9VxMEPyDMHOd9uFbvMe8X55X16/cGM5IgOKgRElQZutpX89iS6vwl64duTV1/16w5JY7tuFNXqoekmh1EmA=="
+    },
     "node_modules/lodash._reinterpolate": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/lodash._reinterpolate/-/lodash._reinterpolate-3.0.0.tgz",
       "integrity": "sha512-xYHt68QRoYGjeeM/XOE1uJtvXQAgvszfBhjV4yvsQH0u2i9I6cI6c6/eG4Hh3UAOVn0y/xAXwmTzEay49Q//HA==",
       "dev": true
     },
+    "node_modules/lodash._replaceholders": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash._replaceholders/-/lodash._replaceholders-3.0.0.tgz",
+      "integrity": "sha512-FbnZp+6+UaT8VzGNXUK8nIH7rC/P+c2te5R/rpjgwLY27OsEMqCyF6yOxqHMj9Qv3yelSVVuYzCjtrJzcKbAhg=="
+    },
+    "node_modules/lodash._root": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash._root/-/lodash._root-3.0.1.tgz",
+      "integrity": "sha512-O0pWuFSK6x4EXhM1dhZ8gchNtG7JMqBtrHdoUFUWXD7dJnNSUze1GuyQr5sOs0aCvgGeI3o/OJW8f4ca7FDxmQ=="
+    },
+    "node_modules/lodash.assign": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/lodash.assign/-/lodash.assign-4.2.0.tgz",
+      "integrity": "sha512-hFuH8TY+Yji7Eja3mGiuAxBqLagejScbG8GbG0j6o9vzn0YL14My+ktnqtZgFTosKymC9/44wP6s7xyuLfnClw=="
+    },
+    "node_modules/lodash.bind": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.bind/-/lodash.bind-3.1.0.tgz",
+      "integrity": "sha512-GaXlyWuJbyuJ54vRypYLVq1NS4v7QIBVicEX4lmW8PE5XaltCuFzWLG4WuXKYQ7SKfzxkiEsadQyuVOxym7paQ==",
+      "dependencies": {
+        "lodash._createwrapper": "^3.0.0",
+        "lodash._replaceholders": "^3.0.0",
+        "lodash.restparam": "^3.0.0"
+      }
+    },
+    "node_modules/lodash.filter": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.filter/-/lodash.filter-4.6.0.tgz",
+      "integrity": "sha512-pXYUy7PR8BCLwX5mgJ/aNtyOvuJTdZAo9EQFUvMIYugqmJxnrYaANvTbgndOzHSCSR0wnlBBfRXJL5SbWxo3FQ=="
+    },
+    "node_modules/lodash.flatten": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.flatten/-/lodash.flatten-4.4.0.tgz",
+      "integrity": "sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g=="
+    },
+    "node_modules/lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.foreach/-/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha512-aEXTF4d+m05rVOAUG3z4vZZ4xVexLKZGF0lIxuHZ1Hplpk/3B6Z1+/ICICYRLm7c41Z2xiejbkCkJoTlypoXhQ=="
+    },
+    "node_modules/lodash.initial": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.initial/-/lodash.initial-4.1.1.tgz",
+      "integrity": "sha512-/eZXy8y0IGQTuCKScq32mU+O/Qc160EfYPrAD7y4oXPAgWdQvyxxhTOIpl+tDfP86yT7jrMtUA8noSqYUdKWQg=="
+    },
+    "node_modules/lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha512-chi4NHZlZqZD18a0imDHnZPrDeBbTtVN7GXMwuGdRH9qotxAjYs3aVLKc7zNOG9eddR5Ksd8rvFEBc9SsggPpg=="
+    },
+    "node_modules/lodash.isarray": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/lodash.isarray/-/lodash.isarray-3.0.4.tgz",
+      "integrity": "sha512-JwObCrNJuT0Nnbuecmqr5DgtuBppuCvGD9lxjFpAzwnVtdGoDQ1zig+5W8k5/6Gcn0gZ3936HDAlGd28i7sOGQ=="
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead."
+    },
+    "node_modules/lodash.istypedarray": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npmjs.org/lodash.istypedarray/-/lodash.istypedarray-3.0.6.tgz",
+      "integrity": "sha512-lGWJ6N8AA3KSv+ZZxlTdn4f6A7kMfpJboeyvbFdE7IU9YAgweODqmOgdUHOA+c6lVWeVLysdaxciFXi+foVsWw=="
+    },
+    "node_modules/lodash.keys": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/lodash.keys/-/lodash.keys-3.1.2.tgz",
+      "integrity": "sha512-CuBsapFjcubOGMn3VD+24HOAPxM79tH+V6ivJL3CHYjtrawauDJHUk//Yew9Hvc6e9rbCrURGk8z6PC+8WJBfQ==",
+      "dependencies": {
+        "lodash._getnative": "^3.0.0",
+        "lodash.isarguments": "^3.0.0",
+        "lodash.isarray": "^3.0.0"
+      }
+    },
+    "node_modules/lodash.last": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/lodash.last/-/lodash.last-3.0.0.tgz",
+      "integrity": "sha512-14mq7rSkCxG4XMy9lF2FbIOqqgF0aH0NfPuQ3LPR3vIh0kHnUvIYP70dqa1Hf47zyXfQ8FzAg0MYOQeSuE1R7A=="
+    },
+    "node_modules/lodash.map": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npmjs.org/lodash.map/-/lodash.map-4.6.0.tgz",
+      "integrity": "sha512-worNHGKLDetmcEYDvh2stPCrrQRkP20E4l0iIS7F8EvzMqBBi7ltvFN5m1HvTf1P7Jk1txKhvFcmYsCr8O2F1Q=="
+    },
     "node_modules/lodash.merge": {
       "version": "4.6.2",
       "resolved": "https://registry.npmmirror.com/lodash.merge/-/lodash.merge-4.6.2.tgz",
       "integrity": "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ==",
       "dev": true
     },
+    "node_modules/lodash.pairs": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/lodash.pairs/-/lodash.pairs-3.0.1.tgz",
+      "integrity": "sha512-lgXvpU43ZNQrZ/pK2cR97YzKeAno3e3HhcyvLKsofljeHKrQcZhT1vW7fg4X61c92tM+mjD/DypoLZYuAKNIkQ==",
+      "dependencies": {
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "node_modules/lodash.restparam": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/lodash.restparam/-/lodash.restparam-3.6.1.tgz",
+      "integrity": "sha512-L4/arjjuq4noiUJpt3yS6KIKDtJwNe2fIYgMqyYYKoeIfV1iEqvPwhCx23o+R9dzouGihDAPN1dTIRWa7zk8tw=="
+    },
     "node_modules/lodash.template": {
       "version": "4.5.0",
       "resolved": "https://registry.npmmirror.com/lodash.template/-/lodash.template-4.5.0.tgz",
@@ -6026,6 +10583,30 @@
         "lodash._reinterpolate": "^3.0.0"
       }
     },
+    "node_modules/lodash.where": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/lodash.where/-/lodash.where-3.1.0.tgz",
+      "integrity": "sha512-9iH6No94IEtewjRRAykRVVW4Sw0DULKFp9H7x92MvbYUjg5EHj/+o58/Jx/kxAu7UWJLItwBH4FemHaQIGFIeg==",
+      "dependencies": {
+        "lodash._arrayfilter": "^3.0.0",
+        "lodash._basecallback": "^3.0.0",
+        "lodash._basefilter": "^3.0.0",
+        "lodash._basematches": "^3.0.0",
+        "lodash.isarray": "^3.0.0"
+      }
+    },
+    "node_modules/log-ok": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/log-ok/-/log-ok-0.1.1.tgz",
+      "integrity": "sha512-cc8VrkS6C+9TFuYAwuHpshrcrGRAv7d0tUJ0GdM72ZBlKXtlgjUZF84O+OhQUdiVHoF7U/nVxwpjOdwUJ8d3Vg==",
+      "dependencies": {
+        "ansi-green": "^0.1.1",
+        "success-symbol": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/log-update": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/log-update/-/log-update-4.0.0.tgz",
@@ -6128,6 +10709,36 @@
         "node": ">=8"
       }
     },
+    "node_modules/log-utils": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/log-utils/-/log-utils-0.2.1.tgz",
+      "integrity": "sha512-udyegKoMz9eGfpKAX//Khy7sVAZ8b1F7oLDnepZv/1/y8xTvsyPgqQrM94eG8V0vcc2BieYI2kVW4+aa6m+8Qw==",
+      "dependencies": {
+        "ansi-colors": "^0.2.0",
+        "error-symbol": "^0.1.0",
+        "info-symbol": "^0.1.0",
+        "log-ok": "^0.1.1",
+        "success-symbol": "^0.1.0",
+        "time-stamp": "^1.0.1",
+        "warning-symbol": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/longest": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/longest/-/longest-1.0.1.tgz",
+      "integrity": "sha512-k+yt5n3l48JU4k8ftnKG6V7u32wyH2NfKzeMto9F/QRE0amxy/LayxwlvjjkZEIzqR+19IrtFO8p5kB9QaYUFg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/lower-case": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/lower-case/-/lower-case-1.1.4.tgz",
+      "integrity": "sha512-2Fgx1Ycm599x+WGpIYwJOvsjmXFzTSc34IwDWALRA/8AopUKAVPwfJ+h5+f85BCp0PWmmJcWzEpxOpoXycMpdA=="
+    },
     "node_modules/lru-cache": {
       "version": "5.1.1",
       "resolved": "https://registry.npmmirror.com/lru-cache/-/lru-cache-5.1.1.tgz",
@@ -6158,6 +10769,273 @@
         "node": ">=6"
       }
     },
+    "node_modules/make-iterator": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/make-iterator/-/make-iterator-1.0.1.tgz",
+      "integrity": "sha512-pxiuXh0iVEq7VM7KMIhs5gxsfxCux2URptUQaXo4iZZJxBAzTPOLE2BumO5dbfVYq/hBJFBR/a1mFDmOx5AGmw==",
+      "dependencies": {
+        "kind-of": "^6.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/make-iterator/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-config": {
+      "version": "0.5.0",
+      "resolved": "https://registry.npmjs.org/map-config/-/map-config-0.5.0.tgz",
+      "integrity": "sha512-7pgduXtyOXZ/py4n6IM8G+7wanqbRDPK5Myp7P3jUUAFQwzGDeuMm0N8Dxrwaf3bySqJpne4NdglRUxdw7I7QQ==",
+      "dependencies": {
+        "array-unique": "^0.2.1",
+        "async": "^1.5.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-schema": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/map-schema/-/map-schema-0.2.4.tgz",
+      "integrity": "sha512-1sgduImleUF+8NiS1wlqDJ8uhmJtFbLRjVW3PZP5IZJd1n+11eV91AnHI4jOYT2UCirriivNUgh6DG73V+G9QQ==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "collection-visit": "^0.2.3",
+        "component-emitter": "^1.2.1",
+        "debug": "^2.6.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "get-value": "^2.0.6",
+        "is-primitive": "^2.0.0",
+        "kind-of": "^3.1.0",
+        "lazy-cache": "^2.0.2",
+        "log-utils": "^0.2.1",
+        "longest": "^1.0.1",
+        "mixin-deep": "^1.1.3",
+        "object.omit": "^2.0.1",
+        "object.pick": "^1.2.0",
+        "omit-empty": "^0.4.1",
+        "pad-right": "^0.2.2",
+        "set-value": "^0.4.0",
+        "sort-object-arrays": "^0.1.1",
+        "union-value": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-schema/node_modules/collection-visit": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-0.2.3.tgz",
+      "integrity": "sha512-V88PJOCqJfsZS45YBELDgmhQkECokQAAr9XR4hT6eFkFsAPsCsk3EoDHSuBPYzygjquGM/0KF4vdwTiQO6lbdw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "map-visit": "^0.1.5",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-schema/node_modules/map-visit": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-0.1.5.tgz",
+      "integrity": "sha512-zdmJBFvvVR/H5wCfsCP7XxSLp+346yAZ30Wy2OsQLcH19OVGMWa3Ms9quO00lj9ybsySu3gKOINNgICb4Zqauw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-schema/node_modules/object-visit": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-0.3.4.tgz",
+      "integrity": "sha512-6QNyX7uTuwqxP7pmDBqgBDKdmZws1rXriUyXM5KG6+7J0aYRuuAGoc636IGdLzgOL77WUwL+EpoTJrEHwWsyOA==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-schema/node_modules/set-value": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+      "integrity": "sha512-2Z0LRUUvYeF7gIFFep48ksPq0NR09e5oKoFXznaMGNcu+EZAfGnyL0K6xno2gCqX6dZYEZRjrcn04/gvZzcKhQ==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.1",
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-schema/node_modules/union-value": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-0.2.4.tgz",
+      "integrity": "sha512-Tv3cqdyY8yjW9ZcJ9WP7JdHS34natzylD0oNRLlYbWOfUdC4EQ0sf3fubnqrK2IErtlmobFmuS1pWvv88VghpA==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^0.4.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-1.0.0.tgz",
+      "integrity": "sha512-4y7uGv8bd2WdM9vpQsiQNo41Ln1NvhvDRuVt0k2JZQ+ezN2uaQes7lZeZ+QQUHOLQAtDaBJ+7wCbi+ab/KFs+w==",
+      "dependencies": {
+        "object-visit": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/match-file/-/match-file-0.2.2.tgz",
+      "integrity": "sha512-BDEZIcrBSnooL0zC72Yt3z1HhJiCq+2pMnHKVDeYN/cilCrz3KrpqKPm4ZOfWCoDolRl4QyKQpfRlQWF6PqnjQ==",
+      "dependencies": {
+        "is-glob": "^3.1.0",
+        "isobject": "^3.0.0",
+        "micromatch": "^2.3.11"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/braces": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-1.8.5.tgz",
+      "integrity": "sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==",
+      "dependencies": {
+        "expand-range": "^1.8.1",
+        "preserve": "^0.2.0",
+        "repeat-element": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+      "dependencies": {
+        "is-extglob": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/micromatch": {
+      "version": "2.3.11",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-2.3.11.tgz",
+      "integrity": "sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==",
+      "dependencies": {
+        "arr-diff": "^2.0.0",
+        "array-unique": "^0.2.1",
+        "braces": "^1.8.2",
+        "expand-brackets": "^0.1.4",
+        "extglob": "^0.3.1",
+        "filename-regex": "^2.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.1",
+        "kind-of": "^3.0.2",
+        "normalize-path": "^2.0.1",
+        "object.omit": "^2.0.0",
+        "parse-glob": "^3.0.4",
+        "regex-cache": "^0.4.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/micromatch/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/micromatch/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/match-file/node_modules/normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/normalize-path/-/normalize-path-2.1.1.tgz",
+      "integrity": "sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==",
+      "dependencies": {
+        "remove-trailing-separator": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/matched": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/matched/-/matched-0.4.4.tgz",
+      "integrity": "sha512-zpasnbB5vQkvb0nfcKV0zEoGgMtV7atlWR1Vk3E8tEKh6EicMseKtVV+5vc+zsZwvDlcNMKlKK/CVOEeAalYRQ==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "async-array-reduce": "^0.2.0",
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "glob": "^7.0.5",
+        "has-glob": "^0.1.1",
+        "is-valid-glob": "^0.3.0",
+        "lazy-cache": "^2.0.1",
+        "resolve-dir": "^0.1.0"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/math-random": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/math-random/-/math-random-1.0.4.tgz",
+      "integrity": "sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A=="
+    },
     "node_modules/mdn-data": {
       "version": "2.0.30",
       "resolved": "https://registry.npmmirror.com/mdn-data/-/mdn-data-2.0.30.tgz",
@@ -6186,6 +11064,19 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/merge-deep": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/merge-deep/-/merge-deep-3.0.3.tgz",
+      "integrity": "sha512-qtmzAS6t6grwEkNrunqTBdn0qKwFgNWvlxUbAV8es9M7Ot1EbyApytCnvE0jALPa46ZpKDUo527kKiaWplmlFA==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "clone-deep": "^0.2.4",
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/merge-descriptors": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/merge-descriptors/-/merge-descriptors-1.0.1.tgz",
@@ -6197,6 +11088,31 @@
       "integrity": "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w==",
       "dev": true
     },
+    "node_modules/merge-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/merge-value/-/merge-value-1.0.0.tgz",
+      "integrity": "sha512-fJMmvat4NeKz63Uv9iHWcPDjCWcCkoiRoajRTEO8hlhUC6rwaHg0QCF9hBOTjZmm4JuglPckPSTtcuJL5kp0TQ==",
+      "dependencies": {
+        "get-value": "^2.0.6",
+        "is-extendable": "^1.0.0",
+        "mixin-deep": "^1.2.0",
+        "set-value": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/merge-value/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/merge2": {
       "version": "1.4.1",
       "resolved": "https://registry.npmmirror.com/merge2/-/merge2-1.4.1.tgz",
@@ -6319,6 +11235,49 @@
       "resolved": "https://registry.npmmirror.com/mitt/-/mitt-3.0.0.tgz",
       "integrity": "sha512-7dX2/10ITVyqh4aOSVI9gdape+t9l2/8QxHrFmUXu4EEUpdlxl6RudZUPZoc+zuY2hk1j7XxVroIVIan/pD/SQ=="
     },
+    "node_modules/mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/mixin-deep/-/mixin-deep-1.3.2.tgz",
+      "integrity": "sha512-WRoDn//mXBiJ1H40rqa3vH0toePwSsGb45iInWlTySa+Uu4k3tYUSxa2v1KqAiLtvlrSzaExqS1gtk96A9zvEA==",
+      "dependencies": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-deep/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-object": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/mixin-object/-/mixin-object-2.0.1.tgz",
+      "integrity": "sha512-ALGF1Jt9ouehcaXaHhn6t1yGWRqGaHkPFndtFVHfZXOvkIZ/yoGaSi0AHVTafb3ZBGg4dr/bDwnaEKqCXzchMA==",
+      "dependencies": {
+        "for-in": "^0.1.3",
+        "is-extendable": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/mixin-object/node_modules/for-in": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/for-in/-/for-in-0.1.8.tgz",
+      "integrity": "sha512-F0to7vbBSHP8E3l6dCjxNOLuSFAACIxFy3UehTUlG7svlXi37HHsDkyVcHo0Pq8QwrE+pXvWSVX3ZT1T9wAZ9g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/mkdirp": {
       "version": "0.5.6",
       "resolved": "https://registry.npmmirror.com/mkdirp/-/mkdirp-0.5.6.tgz",
@@ -6383,6 +11342,11 @@
       "integrity": "sha512-YVE1mIJ4VpUMqZObFndk9CJu6DBJR/GB13p3tXuNbwD4XExaI5EOuRl6BHeIDxIqXZVxSfAC+y6U1Z/IxCfKUg==",
       "dev": true
     },
+    "node_modules/mute-stream": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/mute-stream/-/mute-stream-0.0.5.tgz",
+      "integrity": "sha512-EbrziT4s8cWPmzr47eYVW3wimS4HsvlnV5ri1xw1aR6JQo/OrJX5rkl32K/QQHdxeabJETtfeaROGhd8W7uBgg=="
+    },
     "node_modules/mz": {
       "version": "2.7.0",
       "resolved": "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz",
@@ -6419,6 +11383,14 @@
         "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
       }
     },
+    "node_modules/nanoseconds": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/nanoseconds/-/nanoseconds-0.1.0.tgz",
+      "integrity": "sha512-6yOHqTvJNI9xGmVHWQ4ZTYhGpT0O4h9N+uk/UuRVPI8TskViB4s4QL3y+jY/Yxsdz7gvoBGPCHWRUibOyyYMwA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/natural-compare": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz",
@@ -6480,12 +11452,25 @@
         "node": ">= 0.4.0"
       }
     },
+    "node_modules/next-tick": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/next-tick/-/next-tick-0.2.2.tgz",
+      "integrity": "sha512-f7h4svPtl+QidoBv4taKXUjJ70G2asaZ8G28nS0OkqaalX8dwwrtWtyxEDPK62AC00ur/+/E0pUwBwY5EPn15Q=="
+    },
     "node_modules/nice-try": {
       "version": "1.0.5",
       "resolved": "https://registry.npmmirror.com/nice-try/-/nice-try-1.0.5.tgz",
       "integrity": "sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==",
       "dev": true
     },
+    "node_modules/no-case": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/no-case/-/no-case-2.3.2.tgz",
+      "integrity": "sha512-rmTZ9kz+f3rCvK2TD1Ue/oZlns7OGoIWP4fc3llxxRXlOkHKoWPPWJOfFYpITabSow43QJbRIoHQXtt10VldyQ==",
+      "dependencies": {
+        "lower-case": "^1.1.1"
+      }
+    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmmirror.com/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -6505,6 +11490,14 @@
       "integrity": "sha512-5GFldHPXVG/YZmFzJvKK2zDSzPKhEp0+ZR5SVaoSag9fsL5YgHbUHDfnG5494ISANDcK4KwPXAx2xqVEydmd7w==",
       "dev": true
     },
+    "node_modules/noncharacters": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/noncharacters/-/noncharacters-1.1.0.tgz",
+      "integrity": "sha512-U69XzMNq7UQXR27xT17tkQsHPsLc+5W9yfXvYzVCwFxghVf+7VttxFnCKFMxM/cHD+/QIyU009263hxIIurj4g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/normalize-package-data": {
       "version": "2.5.0",
       "resolved": "https://registry.npmmirror.com/normalize-package-data/-/normalize-package-data-2.5.0.tgz",
@@ -6526,11 +11519,61 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/normalize-pkg": {
+      "version": "0.3.20",
+      "resolved": "https://registry.npmjs.org/normalize-pkg/-/normalize-pkg-0.3.20.tgz",
+      "integrity": "sha512-kM3ee93xDLnhu7R1j2BpJ+0zenlOB5ZE6H+vt2iCNXdGgcxedzweZn6UeW5p2iJEdkNYaXDoJm8uoSLiXF4eBw==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "array-unique": "^0.3.2",
+        "component-emitter": "^1.2.1",
+        "export-files": "^2.1.1",
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "get-value": "^2.0.6",
+        "kind-of": "^3.0.4",
+        "lazy-cache": "^2.0.1",
+        "map-schema": "^0.2.3",
+        "minimist": "^1.2.0",
+        "mixin-deep": "^1.1.3",
+        "omit-empty": "^0.4.1",
+        "parse-git-config": "^1.0.2",
+        "repo-utils": "^0.3.6",
+        "semver": "^5.3.0",
+        "stringify-author": "^0.1.3",
+        "write-json": "^0.2.2"
+      },
+      "bin": {
+        "normalize-pkg": "cli.js"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/normalize-pkg/node_modules/array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/array-unique/-/array-unique-0.3.2.tgz",
+      "integrity": "sha512-SleRWjh9JUud2wH1hPs9rZBZ33H6T9HOiL0uwGnGx9FpE6wKGyfWugmbkEOIs6qWrZhg0LWeLziLrEwQJhs5mQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/normalize.css": {
       "version": "8.0.1",
       "resolved": "https://registry.npmmirror.com/normalize.css/-/normalize.css-8.0.1.tgz",
       "integrity": "sha512-qizSNPO93t1YUuUhP22btGOo3chcvDFqFaj2TRybP0DMxkHOCTYwp3n34fel4a31ORXy4m1Xq0Gyqpb5m33qIg=="
     },
+    "node_modules/now-and-later": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/now-and-later/-/now-and-later-0.0.6.tgz",
+      "integrity": "sha512-qNIeNeH6v6KbriliCoOEmKhelv+66P2yCKEQta3MYcwN98S3NrVMgYEh9hWxJRPqPna3d7r0KElZQKQkAm0/jA==",
+      "dependencies": {
+        "once": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.10"
+      }
+    },
     "node_modules/npm-run-all": {
       "version": "4.1.5",
       "resolved": "https://registry.npmmirror.com/npm-run-all/-/npm-run-all-4.1.5.tgz",
@@ -6662,6 +11705,14 @@
         "boolbase": "^1.0.0"
       }
     },
+    "node_modules/number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/number-is-nan/-/number-is-nan-1.0.1.tgz",
+      "integrity": "sha512-4jbtZXNAsfZbAHiiqjLPBiCl16dES1zI4Hpzzxw61Tk+loF+sBDBKx1ICKKKwIqQ7M0mFn1TmkN7euSncWgHiQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/number-precision": {
       "version": "1.6.0",
       "resolved": "https://registry.npmmirror.com/number-precision/-/number-precision-1.6.0.tgz",
@@ -6675,6 +11726,19 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/object-copy/-/object-copy-0.1.0.tgz",
+      "integrity": "sha512-79LYn6VAb63zgtmAteVOWo9Vdj71ZVBy3Pbse+VqxDpEP83XuujMrGqHIwAXJ5I/aM0zU7dIyIAhifVTPrNItQ==",
+      "dependencies": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object-inspect": {
       "version": "1.12.3",
       "resolved": "https://registry.npmmirror.com/object-inspect/-/object-inspect-1.12.3.tgz",
@@ -6689,6 +11753,25 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-1.0.1.tgz",
+      "integrity": "sha512-GBaMwwAVK9qbQN3Scdo0OyvgPW7l3lnaVMj84uTOZlswkX0KpF6fyDBJhtTthf7pymztoN36/KEr1DyhF96zEA==",
+      "dependencies": {
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object-visit/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/object.assign": {
       "version": "4.1.4",
       "resolved": "https://registry.npmmirror.com/object.assign/-/object.assign-4.1.4.tgz",
@@ -6704,6 +11787,37 @@
         "node": ">= 0.4"
       }
     },
+    "node_modules/object.omit": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/object.omit/-/object.omit-2.0.1.tgz",
+      "integrity": "sha512-UiAM5mhmIuKLsOvrL+B0U2d1hXHF3bFYWIuH1LMpuV2EJEHG1Ntz06PgLEHjm6VFd87NpH8rastvPoyv6UW2fA==",
+      "dependencies": {
+        "for-own": "^0.1.4",
+        "is-extendable": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/object.pick/-/object.pick-1.3.0.tgz",
+      "integrity": "sha512-tqa/UMy/CCoYmj+H5qc07qvSL9dqcs/WZENZ1JbtWBlATP+iVOe778gE6MSijnyCnORzDuX6hU+LA4SZ09YjFQ==",
+      "dependencies": {
+        "isobject": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/object.pick/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/ofetch": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/ofetch/-/ofetch-1.0.1.tgz",
@@ -6715,6 +11829,19 @@
         "ufo": "^1.1.0"
       }
     },
+    "node_modules/omit-empty": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/omit-empty/-/omit-empty-0.4.1.tgz",
+      "integrity": "sha512-NwnVOAaLwUEYmvvwLKKqvG6BkSG0pu0yKhKc6uYbWerkIXe6Wi2HQ1qoL+Wksj3DCauRuNKIjZUsLyjLj1/lrw==",
+      "dependencies": {
+        "has-values": "^0.1.4",
+        "kind-of": "^3.0.3",
+        "reduce-object": "^0.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/once": {
       "version": "1.4.0",
       "resolved": "https://registry.npmmirror.com/once/-/once-1.4.0.tgz",
@@ -6749,6 +11876,40 @@
         "node": ">=12"
       }
     },
+    "node_modules/option-cache": {
+      "version": "3.5.0",
+      "resolved": "https://registry.npmjs.org/option-cache/-/option-cache-3.5.0.tgz",
+      "integrity": "sha512-Hr14410H8ajAHeUirXZtuE9drwy8e85l0CssHB/k7Y6nRkleKsGAzB/gwltUzsnIqr9Y+7ZQ+H16GYWAJH3PVg==",
+      "dependencies": {
+        "arr-flatten": "^1.0.3",
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^0.3.1",
+        "kind-of": "^3.2.2",
+        "lazy-cache": "^2.0.2",
+        "set-value": "^0.4.3",
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/option-cache/node_modules/set-value": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+      "integrity": "sha512-2Z0LRUUvYeF7gIFFep48ksPq0NR09e5oKoFXznaMGNcu+EZAfGnyL0K6xno2gCqX6dZYEZRjrcn04/gvZzcKhQ==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.1",
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.8.3",
       "resolved": "https://registry.npmmirror.com/optionator/-/optionator-0.8.3.tgz",
@@ -6765,6 +11926,31 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/ordered-read-streams": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/ordered-read-streams/-/ordered-read-streams-0.3.0.tgz",
+      "integrity": "sha512-xQvd8qvx9U1iYY9aVqPpoF5V9uaWJKV6ZGljkh/jkiNX0DiQsjbWvRumbh10QTMDE8DheaOEU8xi0szbrgjzcw==",
+      "dependencies": {
+        "is-stream": "^1.0.1",
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "node_modules/ordered-read-streams/node_modules/is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/is-stream/-/is-stream-1.1.0.tgz",
+      "integrity": "sha512-uQPm8kcs47jx38atAcWTVxyltQYoPT68y9aWYdV6yWXSyW8mzSat0TL6CiWdZeCdF3KrAvpVtnHbTv4RN+rqdQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/os-homedir/-/os-homedir-1.0.2.tgz",
+      "integrity": "sha512-B5JU3cabzk8c67mRRd3ECmROafjYMXbuzlwtqdM8IbS8ktlTix8aFGb2bAGKrSRIlnfKwovGUUr72JUPyOb6kQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/os-name": {
       "version": "1.0.3",
       "resolved": "https://registry.npmmirror.com/os-name/-/os-name-1.0.3.tgz",
@@ -6883,6 +12069,25 @@
         "node": ">= 8"
       }
     },
+    "node_modules/pad-right": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/pad-right/-/pad-right-0.2.2.tgz",
+      "integrity": "sha512-4cy8M95ioIGolCoMmm2cMntGR1lPLEbOMzOKu8bzjuJP6JpzEMQcDHmh7hHLYGgob+nKe1YHFMaG4V59HQa89g==",
+      "dependencies": {
+        "repeat-string": "^1.5.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/paginationator": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npmjs.org/paginationator/-/paginationator-0.1.4.tgz",
+      "integrity": "sha512-o46P8Z9DK0blcmY7F95SnsBWZ6bow3HAcLKXlgIc/SZE8og21qrxL14nAi6Wy8E0Iw06wA0yS5icSayXw8BU8A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/parent-module/-/parent-module-1.0.1.tgz",
@@ -6895,6 +12100,69 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-author": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-author/-/parse-author-1.0.0.tgz",
+      "integrity": "sha512-OrNKo0jTFjJNCT0UKOPtnUctvGJvKdfB5ild+r3xwg/TgU5k2CCZW4fU9uJdKJ3njVFw5InP/2gd+n2vEXKgLQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-git-config": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/parse-git-config/-/parse-git-config-1.1.1.tgz",
+      "integrity": "sha512-S3LGXJZVSy/hswvbSkfdbKBRVsnqKrVu6j8fcvdtJ4TxosSELyQDsJPuGPXuZ+EyuYuJd3O4uAF8gcISR0OFrQ==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "git-config-path": "^1.0.1",
+        "ini": "^1.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-github-url": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npmjs.org/parse-github-url/-/parse-github-url-0.3.2.tgz",
+      "integrity": "sha512-vawkgsrRR8wm/nqFTVQIl9G/VkRJK2VVo0ECPni20WRV+NOmHXGilnWwC/EjVqRqQ4oSIKwRKP1jW8CjlxlJ2Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-glob": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/parse-glob/-/parse-glob-3.0.4.tgz",
+      "integrity": "sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==",
+      "dependencies": {
+        "glob-base": "^0.3.0",
+        "is-dotfile": "^1.0.0",
+        "is-extglob": "^1.0.0",
+        "is-glob": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-glob/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parse-glob/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/parse-json": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/parse-json/-/parse-json-4.0.0.tgz",
@@ -6917,6 +12185,52 @@
         "node": ">= 0.10"
       }
     },
+    "node_modules/parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/parse-passwd/-/parse-passwd-1.0.0.tgz",
+      "integrity": "sha512-1Y1A//QUXEZK7YKz+rD9WydcE1+EuPr6ZBgKecAB8tmoW6UFv0NREVJe1p+jRxtThkcbbKkfwIbWJe/IeE6m2Q==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parser-front-matter": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npmjs.org/parser-front-matter/-/parser-front-matter-1.6.4.tgz",
+      "integrity": "sha512-eqtUnI5+COkf1CQOYo8FmykN5Zs+5Yr60f/7GcPgQDZEEjdE/VZ4WMaMo9g37foof8h64t/TH2Uvk2Sq0fDy/g==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "file-is-binary": "^1.0.0",
+        "gray-matter": "^3.0.2",
+        "isobject": "^3.0.1",
+        "lazy-cache": "^2.0.2",
+        "mixin-deep": "^1.2.0",
+        "trim-leading-lines": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/parser-front-matter/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/pascalcase/-/pascalcase-0.1.1.tgz",
+      "integrity": "sha512-XHXfu/yOQRy9vYOtUDVMN60OEJjW013GoObG1o+xwQTpB9eYJX/BjXMsdW13ZDPruFhYYn0AG22w0xgQMwl3Nw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/path-dirname": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/path-dirname/-/path-dirname-1.0.2.tgz",
+      "integrity": "sha512-ALzNPpyNq9AqXMBjeymIjFDAkAFH06mHJH/cSBHAgU0s4vfpBn6b2nf8tiRLvagKD8RbTpq2FKTBg7cl9l3c7Q=="
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/path-exists/-/path-exists-4.0.0.tgz",
@@ -6946,8 +12260,20 @@
     "node_modules/path-parse": {
       "version": "1.0.7",
       "resolved": "https://registry.npmmirror.com/path-parse/-/path-parse-1.0.7.tgz",
-      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw==",
-      "dev": true
+      "integrity": "sha512-LDJzPVEEEPR+y48z93A0Ed0yXb8pAByGWo/k5YYdYgpY2/2EsOsksJrq7lOHxryrVOn1ejG6oAp8ahvOIQD8sw=="
+    },
+    "node_modules/path-to-regexp": {
+      "version": "1.9.0",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-1.9.0.tgz",
+      "integrity": "sha512-xIp7/apCFJuUHdDLWe8O1HIkb0kQrOMb/0u6FXQjemHn/ii5LrIzU6bdECnsiTF/GjZkMEKg1xdiZwNqDYlZ6g==",
+      "dependencies": {
+        "isarray": "0.0.1"
+      }
+    },
+    "node_modules/path-to-regexp/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
     },
     "node_modules/path-type": {
       "version": "4.0.0",
@@ -7036,6 +12362,178 @@
         }
       }
     },
+    "node_modules/pkg-store": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/pkg-store/-/pkg-store-0.2.2.tgz",
+      "integrity": "sha512-1JZVLbIRN6Dgsfk918EMZyL/T4NvJduSaT7n6ssHO3FV1FCrg6zjHJmuj3+Fb/Y5nBe3IBDoMYsY6Jf2IoRH0A==",
+      "dependencies": {
+        "cache-base": "^0.8.2",
+        "kind-of": "^3.0.2",
+        "lazy-cache": "^1.0.3",
+        "union-value": "^0.2.3",
+        "write-json": "^0.2.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/cache-base": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-0.8.5.tgz",
+      "integrity": "sha512-19t0n7xdoVr5Q08+6sF85YZ9VuvbpVFq5JLm0gcsRmCvTO1Y3duTJGMaOQYf14Ras4o6dEnvoqvjdrUK1tNtgg==",
+      "dependencies": {
+        "collection-visit": "^0.2.1",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.5",
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0",
+        "lazy-cache": "^2.0.1",
+        "set-value": "^0.4.2",
+        "to-object-path": "^0.3.0",
+        "union-value": "^0.2.3",
+        "unset-value": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/cache-base/node_modules/lazy-cache": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+      "integrity": "sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==",
+      "dependencies": {
+        "set-getter": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/collection-visit": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-0.2.3.tgz",
+      "integrity": "sha512-V88PJOCqJfsZS45YBELDgmhQkECokQAAr9XR4hT6eFkFsAPsCsk3EoDHSuBPYzygjquGM/0KF4vdwTiQO6lbdw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "map-visit": "^0.1.5",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/collection-visit/node_modules/lazy-cache": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+      "integrity": "sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==",
+      "dependencies": {
+        "set-getter": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/map-visit": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-0.1.5.tgz",
+      "integrity": "sha512-zdmJBFvvVR/H5wCfsCP7XxSLp+346yAZ30Wy2OsQLcH19OVGMWa3Ms9quO00lj9ybsySu3gKOINNgICb4Zqauw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/map-visit/node_modules/lazy-cache": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-2.0.2.tgz",
+      "integrity": "sha512-7vp2Acd2+Kz4XkzxGxaB1FWOi8KjWIWsgdfD5MCb86DWvlLqhRPM+d6Pro3iNEL5VT9mstz5hKAlcd+QR6H3aA==",
+      "dependencies": {
+        "set-getter": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/object-visit": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-0.3.4.tgz",
+      "integrity": "sha512-6QNyX7uTuwqxP7pmDBqgBDKdmZws1rXriUyXM5KG6+7J0aYRuuAGoc636IGdLzgOL77WUwL+EpoTJrEHwWsyOA==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/object-visit/node_modules/isobject": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-2.1.0.tgz",
+      "integrity": "sha512-+OUdGJlgjOBZDfxnDjYYG6zp487z0JGNQq3cYQYg5f5hKR+syHMsaztzGeml/4kGG55CSpKSpWTY+jYGgsHLgA==",
+      "dependencies": {
+        "isarray": "1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/set-value": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+      "integrity": "sha512-2Z0LRUUvYeF7gIFFep48ksPq0NR09e5oKoFXznaMGNcu+EZAfGnyL0K6xno2gCqX6dZYEZRjrcn04/gvZzcKhQ==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.1",
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/union-value": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-0.2.4.tgz",
+      "integrity": "sha512-Tv3cqdyY8yjW9ZcJ9WP7JdHS34natzylD0oNRLlYbWOfUdC4EQ0sf3fubnqrK2IErtlmobFmuS1pWvv88VghpA==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^0.4.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pkg-store/node_modules/unset-value": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-0.1.2.tgz",
+      "integrity": "sha512-yhv5I4TsldLdE3UcVQn0hD2T5sNCPv4+qm/CTUpRKIpwthYRIipsAPdsrNpOI79hPQa0rTTeW22Fq6JWRcTgNg==",
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/pkg-types": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/pkg-types/-/pkg-types-1.0.2.tgz",
@@ -7095,6 +12593,14 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/preserve": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/preserve/-/preserve-0.2.0.tgz",
+      "integrity": "sha512-s/46sYeylUfHNjI+sA/78FAHlmIuKqI9wNnzEOGehAlUUYeObv5C2mOinXBjyUyWmJ2SfcS2/ydApH4hTF4WXQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/prettier": {
       "version": "2.8.4",
       "resolved": "https://registry.npmmirror.com/prettier/-/prettier-2.8.4.tgz",
@@ -7119,6 +12625,29 @@
         "node": ">=6.0.0"
       }
     },
+    "node_modules/pretty-time": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/pretty-time/-/pretty-time-0.2.0.tgz",
+      "integrity": "sha512-BwYVCPtnSq3nIGDK2rgwZTN2ClhBQmnG8pudrXIfGBwuMutIBj/W7wm/jz1WCHl/Kk2Q5i1Am1uD2Q74oPyBCw==",
+      "dependencies": {
+        "is-number": "^2.0.2",
+        "nanoseconds": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/pretty-time/node_modules/is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/process-nextick-args": {
       "version": "2.0.1",
       "resolved": "https://registry.npmmirror.com/process-nextick-args/-/process-nextick-args-2.0.1.tgz",
@@ -7133,6 +12662,22 @@
         "node": ">=0.4.0"
       }
     },
+    "node_modules/project-name": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npmjs.org/project-name/-/project-name-0.2.6.tgz",
+      "integrity": "sha512-ZOxqunIi7fnAX+E0tE+FLHv2pSEa7IgEbnVG2s4wPxWL+p2cUk9KRDZV4lNkpfyrVR6rfOUBxIbctbJDo/qOTA==",
+      "dependencies": {
+        "find-pkg": "^0.1.2",
+        "git-repo-name": "^0.6.0",
+        "minimist": "^1.2.0"
+      },
+      "bin": {
+        "project-name": "cli.js"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/proxy-agent": {
       "version": "5.0.0",
       "resolved": "https://registry.npmmirror.com/proxy-agent/-/proxy-agent-5.0.0.tgz",
@@ -7212,12 +12757,211 @@
         "node": ">=0.6"
       }
     },
+    "node_modules/question-cache": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/question-cache/-/question-cache-0.4.0.tgz",
+      "integrity": "sha512-QgX1mI/ZNBbG8M5gYfZQG/qxZRggP2Fk+WOqE/FKylmNwi5aWy6o1JSaojYrHT5JUtRdyG+wwVJSlTfW7UBmog==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "arr-union": "^3.1.0",
+        "async": "1.5.2",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "get-value": "^2.0.5",
+        "has-value": "^0.3.1",
+        "inquirer2": "^0.1.1",
+        "is-answer": "^0.1.0",
+        "isobject": "^2.0.0",
+        "lazy-cache": "^1.0.3",
+        "mixin-deep": "^1.1.3",
+        "omit-empty": "^0.3.6",
+        "option-cache": "^3.3.5",
+        "os-homedir": "^1.0.1",
+        "project-name": "^0.2.4",
+        "set-value": "^0.3.3",
+        "to-choices": "^0.2.0",
+        "use": "^1.1.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-cache/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-cache/node_modules/omit-empty": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npmjs.org/omit-empty/-/omit-empty-0.3.6.tgz",
+      "integrity": "sha512-P5zl3TYREgcRAjjyj9kYHNhVtOOXMlCyYh/KNm53oUZNKpGOBbS0WLdRcThDPWbuFleXlbCd1KTBRZD86nj3RA==",
+      "dependencies": {
+        "has-values": "^0.1.4",
+        "is-date-object": "^1.0.1",
+        "isobject": "^2.0.0",
+        "reduce-object": "^0.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-cache/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-cache/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-store": {
+      "version": "0.11.1",
+      "resolved": "https://registry.npmjs.org/question-store/-/question-store-0.11.1.tgz",
+      "integrity": "sha512-rvyFpqLYQCO7FOnX+3qZ7b8K7omWkn9MWyj/7dknf7BaGZHo//fzBS2/0atmcvZfjT2mu1q64oiZIrsB7OqqGg==",
+      "dependencies": {
+        "common-config": "^0.1.0",
+        "data-store": "^0.16.1",
+        "debug": "^2.2.0",
+        "is-answer": "^0.1.0",
+        "lazy-cache": "^2.0.1",
+        "project-name": "^0.2.6",
+        "question-cache": "^0.5.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-store/node_modules/question-cache": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npmjs.org/question-cache/-/question-cache-0.5.1.tgz",
+      "integrity": "sha512-v9F1LnlSQIUEAGFtrfVX/76lH4u4zyV34t94o6EkguPTKKfbvV6SLH8h3pn7LXGZLmAgD1PbmVOuKMY8ZWnuPg==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "arr-union": "^3.1.0",
+        "async-each-series": "^1.1.0",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "get-value": "^2.0.6",
+        "has-value": "^0.3.1",
+        "inquirer2": "^0.1.1",
+        "is-answer": "^0.1.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "omit-empty": "^0.4.1",
+        "option-cache": "^3.4.0",
+        "os-homedir": "^1.0.1",
+        "project-name": "^0.2.5",
+        "set-value": "^0.3.3",
+        "to-choices": "^0.2.0",
+        "use": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-store/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-store/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-store/node_modules/use": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/use/-/use-2.0.2.tgz",
+      "integrity": "sha512-RrhWfFWkNCz3djfSFZh7uSwu491QRhwNaHyAgB2sGl4kmmznb5ZUuuHpiWLVEsXOdpDakYK/x5+9o4lgg41UMw==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "lazy-cache": "^2.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/question-store/node_modules/use/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/queue-microtask": {
       "version": "1.2.3",
       "resolved": "https://registry.npmmirror.com/queue-microtask/-/queue-microtask-1.2.3.tgz",
       "integrity": "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==",
       "dev": true
     },
+    "node_modules/randomatic": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npmjs.org/randomatic/-/randomatic-3.1.1.tgz",
+      "integrity": "sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==",
+      "dependencies": {
+        "is-number": "^4.0.0",
+        "kind-of": "^6.0.0",
+        "math-random": "^1.0.1"
+      },
+      "engines": {
+        "node": ">= 0.10.0"
+      }
+    },
+    "node_modules/randomatic/node_modules/is-number": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-4.0.0.tgz",
+      "integrity": "sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/randomatic/node_modules/kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-6.0.3.tgz",
+      "integrity": "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/raw-body": {
       "version": "2.5.1",
       "resolved": "https://registry.npmmirror.com/raw-body/-/raw-body-2.5.1.tgz",
@@ -7258,6 +13002,14 @@
       "integrity": "sha512-F0KIgDJfy2nA3zMLmWGKxcH2ZVEtCZXHHdOQs2gSaQ27+lNeEfGxzkIw90aXswATX7AZ33tahPbzy6KAfUreVw==",
       "dev": true
     },
+    "node_modules/read-file": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/read-file/-/read-file-0.2.0.tgz",
+      "integrity": "sha512-na/zgd5KplGlR+io+ygXQMIoDfX/Y0bNS5+P2TOXOTk5plquOVd0snudCd30hZJAsnVK2rxuxUP2z0CN+Aw1lQ==",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
     "node_modules/read-pkg": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/read-pkg/-/read-pkg-3.0.0.tgz",
@@ -7319,6 +13071,49 @@
         "node": ">=8.10.0"
       }
     },
+    "node_modules/readline2": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/readline2/-/readline2-1.0.1.tgz",
+      "integrity": "sha512-8/td4MmwUB6PkZUbV25uKz7dfrmjYWxsW8DVfibWdlHRk/l/DfHKn4pU+dfcoGLFgWOdyGCzINRQD7jn+Bv+/g==",
+      "dependencies": {
+        "code-point-at": "^1.0.0",
+        "is-fullwidth-code-point": "^1.0.0",
+        "mute-stream": "0.0.5"
+      }
+    },
+    "node_modules/readline2/node_modules/is-fullwidth-code-point": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-1.0.0.tgz",
+      "integrity": "sha512-1pqUqRjkhPJ9miNq9SwMfdvi6lBJcd6eFxvfaivQhaH3SgisfiuudvFntdKOmxuee/77l+FPjKrQjWvmPjWrRw==",
+      "dependencies": {
+        "number-is-nan": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/reduce-object": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/reduce-object/-/reduce-object-0.1.3.tgz",
+      "integrity": "sha512-7js/WmWoI5NRe/mfxUimt0rmj04lfhJIa8SDyt+OKasagu+KjffnVxElTKuZs1fRjytlN46BrDoVK+IsBVovtw==",
+      "dependencies": {
+        "for-own": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/regex-cache": {
+      "version": "0.4.4",
+      "resolved": "https://registry.npmjs.org/regex-cache/-/regex-cache-0.4.4.tgz",
+      "integrity": "sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==",
+      "dependencies": {
+        "is-equal-shallow": "^0.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/regexp.prototype.flags": {
       "version": "1.4.3",
       "resolved": "https://registry.npmmirror.com/regexp.prototype.flags/-/regexp.prototype.flags-1.4.3.tgz",
@@ -7342,6 +13137,79 @@
         "node": ">=8"
       }
     },
+    "node_modules/relative": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/relative/-/relative-3.0.2.tgz",
+      "integrity": "sha512-Q5W2qeYtY9GbiR8z1yHNZ1DGhyjb4AnLEjt8iE6XfcC1QIu+FAtj3HQaO0wH28H1mX6cqNLvAqWhP402dxJGyA==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/remote-origin-url": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npmjs.org/remote-origin-url/-/remote-origin-url-0.5.3.tgz",
+      "integrity": "sha512-crQ7Xk1m/F2IiwBx5oTqk/c0hjoumrEz+a36+ZoVupskQRE/q7pAwHKsTNeiZ31sbSTELvVlVv4h1W0Xo5szKg==",
+      "dependencies": {
+        "parse-git-config": "^1.1.1"
+      },
+      "engines": {
+        "node": ">= 0.8.0"
+      }
+    },
+    "node_modules/remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/remove-trailing-separator/-/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha512-/hS+Y0u3aOfIETiaiirUFwDBDzmXPvO+jAfKTitUngIPzdKc6Z0LoFjM/CK5PL4C+eKwHohlHAb6H0VFfmmUsw=="
+    },
+    "node_modules/repeat-element": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/repeat-element/-/repeat-element-1.1.4.tgz",
+      "integrity": "sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npmjs.org/repeat-string/-/repeat-string-1.6.1.tgz",
+      "integrity": "sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==",
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/replace-ext": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/replace-ext/-/replace-ext-0.0.1.tgz",
+      "integrity": "sha512-AFBWBy9EVRTa/LhEcG8QDP3FvpwZqmvN2QFDuJswFeaVhWnZMp8q3E6Zd90SR04PlIwfGdyVjNyLPyen/ek5CQ==",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/repo-utils": {
+      "version": "0.3.7",
+      "resolved": "https://registry.npmjs.org/repo-utils/-/repo-utils-0.3.7.tgz",
+      "integrity": "sha512-NQmnug1GX04LoNb2bXGsCV3FzLDqmwf3qMmjToibrxI1CFV2uyE2XDdo9SYW8epfBK7wmw0ANhkmDtbGlrkyWQ==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "get-value": "^2.0.6",
+        "git-config-path": "^1.0.1",
+        "is-absolute": "^0.2.6",
+        "kind-of": "^3.0.4",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "omit-empty": "^0.4.1",
+        "parse-author": "^1.0.0",
+        "parse-git-config": "^1.0.2",
+        "parse-github-url": "^0.3.2",
+        "project-name": "^0.2.6"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/require-directory": {
       "version": "2.1.1",
       "resolved": "https://registry.npmmirror.com/require-directory/-/require-directory-2.1.1.tgz",
@@ -7360,7 +13228,6 @@
       "version": "1.22.1",
       "resolved": "https://registry.npmmirror.com/resolve/-/resolve-1.22.1.tgz",
       "integrity": "sha512-nBpuuYuY5jFsli/JIs1oldw6fOQCBioohqWZg/2hiaOybXOft4lonv85uDOKXdf8rhyK159cxU5cDcK/NKk8zw==",
-      "dev": true,
       "dependencies": {
         "is-core-module": "^2.9.0",
         "path-parse": "^1.0.7",
@@ -7370,6 +13237,59 @@
         "resolve": "bin/resolve"
       }
     },
+    "node_modules/resolve-dir": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-0.1.1.tgz",
+      "integrity": "sha512-QxMPqI6le2u0dCLyiGzgy92kjkkL6zO0XyvHzjdTNH3zM6e5Hz3BwG6+aEyNgiQ5Xz6PwTwgQEj3U50dByPKIA==",
+      "dependencies": {
+        "expand-tilde": "^1.2.2",
+        "global-modules": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-file": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/resolve-file/-/resolve-file-0.2.2.tgz",
+      "integrity": "sha512-3t2k4iUeMlX3PbjgZPcKzILg8HEtl0VW/lS8G+k4FCgj3kNn1uTOv6YJtm192rYMFpq9abzfJ2xd5W6ibOwVag==",
+      "dependencies": {
+        "cwd": "^0.10.0",
+        "expand-tilde": "^2.0.1",
+        "extend-shallow": "^2.0.1",
+        "fs-exists-sync": "^0.1.0",
+        "global-modules": "^0.2.3",
+        "homedir-polyfill": "^1.0.0",
+        "lazy-cache": "^2.0.1",
+        "resolve": "^1.1.7"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-file/node_modules/cwd": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npmjs.org/cwd/-/cwd-0.10.0.tgz",
+      "integrity": "sha512-YGZxdTTL9lmLkCUTpg4j0zQ7IhRB5ZmqNBbGCl3Tg6MP/d5/6sY7L5mmTjzbc6JKgVZYiqTQTNhPFsbXNGlRaA==",
+      "dependencies": {
+        "find-pkg": "^0.1.2",
+        "fs-exists-sync": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
+    "node_modules/resolve-file/node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -7379,6 +13299,137 @@
         "node": ">=4"
       }
     },
+    "node_modules/resolve-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/resolve-glob/-/resolve-glob-1.0.0.tgz",
+      "integrity": "sha512-wSW9pVGJRs89k0wEXhM7C6+va9998NsDhgc0Y+6Nv8hrHsu0hUS7Ug10J1EiVtU6N2tKlSNvx9wLihL8Ao22Lg==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-valid-glob": "^1.0.0",
+        "matched": "^1.0.2",
+        "relative": "^3.0.2",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/expand-tilde/-/expand-tilde-2.0.2.tgz",
+      "integrity": "sha512-A5EmesHW6rfnZ9ysHQjPdJRni0SRar0tjtG5MNtm9n5TUvsYU8oozprtRD4AqHxcZWWlVuAmQo2nWKfN9oyjTw==",
+      "dependencies": {
+        "homedir-polyfill": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/global-modules/-/global-modules-1.0.0.tgz",
+      "integrity": "sha512-sKzpEkf11GpOFuw0Zzjzmt4B4UZwjOcG757PPvrfhxcLFbq0wpsgpOqxpxtxFiCG4DtG93M6XRVbF2oGdev7bg==",
+      "dependencies": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/global-prefix/-/global-prefix-1.0.2.tgz",
+      "integrity": "sha512-5lsx1NUDHtSjfg0eHlmYvZKv8/nVqX4ckFbM+FrGcQ+04KWcWFo9P5MxPZYSzUvyzmdTbI7Eix8Q4IbELDqzKg==",
+      "dependencies": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/has-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/has-glob/-/has-glob-1.0.0.tgz",
+      "integrity": "sha512-D+8A457fBShSEI3tFCj65PAbT++5sKiFtdCdOam0gnfBgw9D277OERk+HM9qYJXmdVLZ/znez10SqHN0BBQ50g==",
+      "dependencies": {
+        "is-glob": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/is-glob": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-3.1.0.tgz",
+      "integrity": "sha512-UFpDDrPgM6qpnFNI+rh/p3bUaq9hKLZN8bMUWzxmcnZVS3omf4IPK+BrewlnWjO1WmUsMYuSjKh4UJuV4+Lqmw==",
+      "dependencies": {
+        "is-extglob": "^2.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/is-valid-glob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-valid-glob/-/is-valid-glob-1.0.0.tgz",
+      "integrity": "sha512-AhiROmoEFDSsjx8hW+5sGwgKVIORcXnrlAx/R0ZSeaPw70Vw0CqkGBBhHGL58Uox2eXnU1AnvXJl1XlyedO5bA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/is-windows/-/is-windows-1.0.2.tgz",
+      "integrity": "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/matched": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/matched/-/matched-1.0.2.tgz",
+      "integrity": "sha512-7ivM1jFZVTOOS77QsR+TtYHH0ecdLclMkqbf5qiJdX2RorqfhsL65QHySPZgDE0ZjHoh+mQUNHTanNXIlzXd0Q==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "async-array-reduce": "^0.2.1",
+        "glob": "^7.1.2",
+        "has-glob": "^1.0.0",
+        "is-valid-glob": "^1.0.0",
+        "resolve-dir": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.12.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/resolve-dir/-/resolve-dir-1.0.1.tgz",
+      "integrity": "sha512-R7uiTjECzvOsWSfdM0QKFNBVFcK27aHOUwdvK53BcW8zqnGdYp0Fbj82cy54+2A4P2tFM22J5kRfe1R+lM/1yg==",
+      "dependencies": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/resolve-glob/node_modules/which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npmjs.org/which/-/which-1.3.1.tgz",
+      "integrity": "sha512-HxJdYWq1MTIQbJ3nw0cqssHoTNU267KlrDuGZ1WYlxDStUtKUhOaJmh112/TZmHxxUfuJqPXSOm7tDyas0OSIQ==",
+      "dependencies": {
+        "isexe": "^2.0.0"
+      },
+      "bin": {
+        "which": "bin/which"
+      }
+    },
     "node_modules/restore-cursor": {
       "version": "3.1.0",
       "resolved": "https://registry.npmmirror.com/restore-cursor/-/restore-cursor-3.1.0.tgz",
@@ -7413,6 +13464,49 @@
         "node": ">=6"
       }
     },
+    "node_modules/rethrow": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/rethrow/-/rethrow-0.2.3.tgz",
+      "integrity": "sha512-vtB0AIP/FlRbR4stc8szvHXe+N4158/K1hRMZbFHljIiQAHru54M9LylbxNjBGHl9biuwQNVUdvRzVxv1QWAiA==",
+      "dependencies": {
+        "ansi-bgred": "^0.1.1",
+        "ansi-red": "^0.1.1",
+        "ansi-yellow": "^0.1.1",
+        "extend-shallow": "^1.1.4",
+        "lazy-cache": "^0.2.3",
+        "right-align": "^0.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rethrow/node_modules/extend-shallow": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-1.1.4.tgz",
+      "integrity": "sha512-L7AGmkO6jhDkEBBGWlLtftA80Xq8DipnrRPr0pyi7GQLXkaq9JYA4xF4z6qnadIC6euiTDKco0cGSU9muw+WTw==",
+      "dependencies": {
+        "kind-of": "^1.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rethrow/node_modules/kind-of": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-1.1.0.tgz",
+      "integrity": "sha512-aUH6ElPnMGon2/YkxRIigV32MOpTVcoXQ1Oo8aYn40s+sJ3j+0gFZsT8HKDcxNy7Fi9zuquWtGaGAahOdv5p/g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/rethrow/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/reusify": {
       "version": "1.0.4",
       "resolved": "https://registry.npmmirror.com/reusify/-/reusify-1.0.4.tgz",
@@ -7429,6 +13523,17 @@
       "integrity": "sha512-V2hovdzFbOi77/WajaSMXk2OLm+xNIeQdMMuB7icj7bk6zi2F8GGAxigcnDFpJHbNyNcgyJDiP+8nOrY5cZGrA==",
       "dev": true
     },
+    "node_modules/right-align": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/right-align/-/right-align-0.1.3.tgz",
+      "integrity": "sha512-yqINtL/G7vs2v+dFIZmFUDbnVyFUJFKd6gK22Kgo6R4jfJGFtisKyncWDDULgjfqf4ASQuIQyjJ7XZ+3aWpsAg==",
+      "dependencies": {
+        "align-text": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/rimraf": {
       "version": "2.7.1",
       "resolved": "https://registry.npmmirror.com/rimraf/-/rimraf-2.7.1.tgz",
@@ -7491,6 +13596,14 @@
         "node": ">= 8"
       }
     },
+    "node_modules/run-async": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/run-async/-/run-async-0.1.0.tgz",
+      "integrity": "sha512-qOX+w+IxFgpUpJfkv2oGN0+ExPs68F4sZHfaRRx4dDexAQkG83atugKVEylyT5ARees3HBbfmuvnjbrd8j9Wjw==",
+      "dependencies": {
+        "once": "^1.3.0"
+      }
+    },
     "node_modules/run-parallel": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/run-parallel/-/run-parallel-1.2.0.tgz",
@@ -7500,6 +13613,11 @@
         "queue-microtask": "^1.2.2"
       }
     },
+    "node_modules/rx-lite": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/rx-lite/-/rx-lite-4.0.8.tgz",
+      "integrity": "sha512-Cun9QucwK6MIrp3mry/Y7hqD1oFqTYLQ4pGxaHTjIdaFDWRGGLikqp6u8LcWJnzpoALg9hap+JGk8sFIUuEGNA=="
+    },
     "node_modules/rxjs": {
       "version": "7.8.0",
       "resolved": "https://registry.npmmirror.com/rxjs/-/rxjs-7.8.0.tgz",
@@ -7613,11 +13731,74 @@
         "semver": "bin/semver"
       }
     },
+    "node_modules/set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/set-blocking/-/set-blocking-2.0.0.tgz",
+      "integrity": "sha512-KiKBS8AnWGEyLzofFfmvKwpdPzqiy16LvQfK3yv/fVH7Bj13/wl3JSR1J+rfgRE9q7xUJK4qvgS8raSOeLUehw=="
+    },
+    "node_modules/set-getter": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/set-getter/-/set-getter-0.1.1.tgz",
+      "integrity": "sha512-9sVWOy+gthr+0G9DzqqLaYNA7+5OKkSmcqjL9cBpDEaZrr3ShQlyX2cZ/O/ozE41oxn/Tt0LGEM/w4Rub3A3gw==",
+      "dependencies": {
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-2.0.1.tgz",
+      "integrity": "sha512-JxHc1weCN68wRY0fhCoXpyK55m/XPHafOmK4UWD7m2CI14GMcFypt4w/0+NV5f/ZMby2F6S2wwA7fgynh9gWSw==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/setprototypeof": {
       "version": "1.2.0",
       "resolved": "https://registry.npmmirror.com/setprototypeof/-/setprototypeof-1.2.0.tgz",
       "integrity": "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="
     },
+    "node_modules/shallow-clone": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/shallow-clone/-/shallow-clone-0.1.2.tgz",
+      "integrity": "sha512-J1zdXCky5GmNnuauESROVu31MQSnLoYvlyEn6j2Ztk6Q5EHFIhxkMhYcv6vuDzl2XEzoRr856QwzMgWM/TmZgw==",
+      "dependencies": {
+        "is-extendable": "^0.1.1",
+        "kind-of": "^2.0.1",
+        "lazy-cache": "^0.2.3",
+        "mixin-object": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/shallow-clone/node_modules/kind-of": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
+      "integrity": "sha512-0u8i1NZ/mg0b+W3MGGw5I7+6Eib2nx72S/QvXa0hYjEkjTknYmEYQJwGu3mLC0BrhtJjtQafTkyRUQ75Kx0LVg==",
+      "dependencies": {
+        "is-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/shallow-clone/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/shebang-command": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/shebang-command/-/shebang-command-2.0.0.tgz",
@@ -7775,6 +13956,22 @@
       "resolved": "https://registry.npmmirror.com/ip/-/ip-2.0.0.tgz",
       "integrity": "sha512-WKa+XuLG1A1R0UWhl2+1XQSi+fZWMsYKffMZTTYsiZaUD8k2yDAj5atimTUD2TZkyCkNEeYE5NhFZmupOGtjYQ=="
     },
+    "node_modules/sort-object-arrays": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/sort-object-arrays/-/sort-object-arrays-0.1.1.tgz",
+      "integrity": "sha512-yqoVMBF2wzCdE4f2zeYKq2dQHe1WjGIdAV1dYSkXOFB+M3Bo+Bp0u+NdZCOETM3OC1VXerlruTD6Ckgus1NsnA==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sortablejs": {
+      "version": "1.14.0",
+      "resolved": "https://registry.npmjs.org/sortablejs/-/sortablejs-1.14.0.tgz",
+      "integrity": "sha512-pBXvQCs5/33fdN1/39pPL0NZF20LeRbLQ5jtnheIPN9JQAaufGjKdWduZn4U7wCtVuzKhmRkI0DFYHYRbB2H1w=="
+    },
     "node_modules/source-map": {
       "version": "0.6.1",
       "resolved": "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz",
@@ -7829,6 +14026,116 @@
       "integrity": "sha512-rr+VVSXtRhO4OHbXUiAF7xW3Bo9DuuF6C5jH+q/x15j2jniycgKbxU09Hr0WqlSLUs4i4ltHGXqTe7VHclYWyA==",
       "dev": true
     },
+    "node_modules/split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npmjs.org/split-string/-/split-string-3.1.0.tgz",
+      "integrity": "sha512-NzNVhJDYpwceVVii8/Hu6DKfD2G+NrQHlS/V/qgv763EYudVwEcMQNxd2lh+0VrUByXN/oJkl5grOhYWvQUYiw==",
+      "dependencies": {
+        "extend-shallow": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/assign-symbols/-/assign-symbols-1.0.0.tgz",
+      "integrity": "sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/extend-shallow/-/extend-shallow-3.0.2.tgz",
+      "integrity": "sha512-BwY5b5Ql4+qZoefgMj2NUmx+tehVTH/Kf4k1ZEtOHNFcm2wSxMRo992l6X3TIgni2eZVTZ85xMOjF31fwZAj6Q==",
+      "dependencies": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/split-string/node_modules/is-extendable": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/is-extendable/-/is-extendable-1.0.1.tgz",
+      "integrity": "sha512-arnXMxT1hhoKo9k1LZdmlNyJdDDfy2v0fXjFlmok4+i8ul/6WlbVge9bhM74OpNPQPMGUToDtz+KXa1PneJxOA==",
+      "dependencies": {
+        "is-plain-object": "^2.0.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/sprintf-js": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/sprintf-js/-/sprintf-js-1.0.3.tgz",
+      "integrity": "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="
+    },
+    "node_modules/src-stream": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/src-stream/-/src-stream-0.1.1.tgz",
+      "integrity": "sha512-fczCn/BzNcH27V7unPzgCl+owTuC/Uv3UG9BQxGemRs6Fy1M2GFmYu1ZHQ2UjeYlGQqAmkModp949g235kYzcw==",
+      "dependencies": {
+        "duplexify": "^3.4.2",
+        "merge-stream": "^0.1.8",
+        "through2": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/src-stream/node_modules/isarray": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npmjs.org/isarray/-/isarray-0.0.1.tgz",
+      "integrity": "sha512-D2S+3GLxWH+uhrNEcoh/fnmYeP8E8/zHl644d/jdA0g2uyXvy3sb0qxotE+ne0LtccHknQzWwZEzhak7oJ0COQ=="
+    },
+    "node_modules/src-stream/node_modules/merge-stream": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-0.1.8.tgz",
+      "integrity": "sha512-ivGsLZth/AkvevAzPlRLSie8Q3GdyH/5xUYgn+ItAJYslT0NsKd2cxx0bAjmqoY5swX0NoWJjvkDkfpaVZx9lw==",
+      "dependencies": {
+        "through2": "^0.6.1"
+      }
+    },
+    "node_modules/src-stream/node_modules/merge-stream/node_modules/through2": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-0.6.5.tgz",
+      "integrity": "sha512-RkK/CCESdTKQZHdmKICijdKKsCRVHs5KsLZ6pACAmF/1GPUQhonHSXWNERctxEp7RmvjdNbZTL5z9V7nSCXKcg==",
+      "dependencies": {
+        "readable-stream": ">=1.0.33-1 <1.1.0-0",
+        "xtend": ">=4.0.0 <4.1.0-0"
+      }
+    },
+    "node_modules/src-stream/node_modules/readable-stream": {
+      "version": "1.0.34",
+      "resolved": "https://registry.npmjs.org/readable-stream/-/readable-stream-1.0.34.tgz",
+      "integrity": "sha512-ok1qVCJuRkNmvebYikljxJA/UEsKwLl2nI1OmaqAu4/UE+h0wKCHok4XkL/gvi39OacXvw59RJUOFUkDib2rHg==",
+      "dependencies": {
+        "core-util-is": "~1.0.0",
+        "inherits": "~2.0.1",
+        "isarray": "0.0.1",
+        "string_decoder": "~0.10.x"
+      }
+    },
+    "node_modules/src-stream/node_modules/string_decoder": {
+      "version": "0.10.31",
+      "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-0.10.31.tgz",
+      "integrity": "sha512-ev2QzSzWPYmy9GuqfIVildA4OdcGLeFZQrq5ys6RtiuF+RQQiZWr8TZNyAcuVXyQRYfEO+MsoB/1BuQVhOJuoQ=="
+    },
+    "node_modules/static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/static-extend/-/static-extend-0.1.2.tgz",
+      "integrity": "sha512-72E9+uLc27Mt718pMHt9VMNiAL4LMsmDbBva8mxWUCkT07fSzEGMYUCk0XWY6lp0j6RBAG4cJ3mWuZv2OE3s0g==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/statuses": {
       "version": "1.5.0",
       "resolved": "https://registry.npmmirror.com/statuses/-/statuses-1.5.0.tgz",
@@ -7843,6 +14150,20 @@
       "integrity": "sha512-uUZI65yrV2Qva5gqE0+A7uVAvO40iPo6jGhs7s8keRfHCmtg+uB2X6EiLGCI9IgL1J17xGhvoOqSz79lzICPTA==",
       "dev": true
     },
+    "node_modules/stream-combiner": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/stream-combiner/-/stream-combiner-0.2.2.tgz",
+      "integrity": "sha512-6yHMqgLYDzQDcAkL+tjJDC5nSNuNIx0vZtRZeiPh7Saef7VHX9H5Ijn9l2VIol2zaNYlYEX6KyuT/237A58qEQ==",
+      "dependencies": {
+        "duplexer": "~0.1.1",
+        "through": "~2.3.4"
+      }
+    },
+    "node_modules/stream-exhaust": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/stream-exhaust/-/stream-exhaust-1.0.2.tgz",
+      "integrity": "sha512-b/qaq/GlBK5xaq1yrK9/zFcyRSTNxmcZwFLGSTG0mXgZl/4Z6GgiyYOXOvY7N3eEvFRAG1bkDRz5EPGSvPYQlw=="
+    },
     "node_modules/stream-http": {
       "version": "2.8.2",
       "resolved": "https://registry.npmmirror.com/stream-http/-/stream-http-2.8.2.tgz",
@@ -7855,6 +14176,11 @@
         "xtend": "^4.0.0"
       }
     },
+    "node_modules/stream-shift": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/stream-shift/-/stream-shift-1.0.3.tgz",
+      "integrity": "sha512-76ORR0DO1o1hlKwTbi/DM3EXWGf3ZJYO8cXX5RJwnul2DEg2oyoZyjLNoQM8WsvZiFKCRfC1O0J7iCvie3RZmQ=="
+    },
     "node_modules/stream-wormhole": {
       "version": "1.1.0",
       "resolved": "https://registry.npmmirror.com/stream-wormhole/-/stream-wormhole-1.1.0.tgz",
@@ -7951,6 +14277,14 @@
         "es-abstract": "^1.20.4"
       }
     },
+    "node_modules/stringify-author": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/stringify-author/-/stringify-author-0.1.3.tgz",
+      "integrity": "sha512-OxmcAnr4DESGl/ics9lAv30DdOBC2bdqswEAzTiOZSQRqVpWfnmlr3cpfxTmExf7phS5WxBJ1flD1e3ResNTBA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/strip-ansi": {
       "version": "6.0.1",
       "resolved": "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-6.0.1.tgz",
@@ -7972,6 +14306,57 @@
         "node": ">=4"
       }
     },
+    "node_modules/strip-bom-buffer": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/strip-bom-buffer/-/strip-bom-buffer-0.1.1.tgz",
+      "integrity": "sha512-dbIOX/cOLFgLH/2ofd7n78uPD3uPkXyt3P1IgaVoGiPYEdOnb7D1mawyhOTXyYWva1kCuRxJY5FkMsVKYlZRRg==",
+      "dependencies": {
+        "is-buffer": "^1.1.0",
+        "is-utf8": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-bom-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom-stream/-/strip-bom-stream-1.0.0.tgz",
+      "integrity": "sha512-7jfJB9YpI2Z0aH3wu10ZqitvYJaE0s5IzFuWE+0pbb4Q/armTloEUShymkDO47YSLnjAW52mlXT//hs9wXNNJQ==",
+      "dependencies": {
+        "first-chunk-stream": "^1.0.0",
+        "strip-bom": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-bom-stream/node_modules/strip-bom": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+      "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
+      "dependencies": {
+        "is-utf8": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-bom-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom-string/-/strip-bom-string-1.0.0.tgz",
+      "integrity": "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/strip-color": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/strip-color/-/strip-color-0.1.0.tgz",
+      "integrity": "sha512-p9LsUieSjWNNAxVCXLeilaDlmuUOrDS5/dF9znM1nZc7EGX5+zEFC0bEevsNIaldjlks+2jns5Siz6F9iK6jwA==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/strip-final-newline": {
       "version": "3.0.0",
       "resolved": "https://registry.npmmirror.com/strip-final-newline/-/strip-final-newline-3.0.0.tgz",
@@ -7999,6 +14384,14 @@
         "acorn": "^8.8.2"
       }
     },
+    "node_modules/success-symbol": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/success-symbol/-/success-symbol-0.1.0.tgz",
+      "integrity": "sha512-7S6uOTxPklNGxOSbDIg4KlVLBQw1UiGVyfCUYgYxrZUKRblUkmGj7r8xlfQoFudvqLv6Ap5gd76/IIFfI9JG2A==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/supports-color": {
       "version": "5.5.0",
       "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz",
@@ -8015,7 +14408,6 @@
       "version": "1.0.0",
       "resolved": "https://registry.npmmirror.com/supports-preserve-symlinks-flag/-/supports-preserve-symlinks-flag-1.0.0.tgz",
       "integrity": "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w==",
-      "dev": true,
       "engines": {
         "node": ">= 0.4"
       }
@@ -8045,6 +14437,17 @@
         "node": ">= 4.7.0"
       }
     },
+    "node_modules/tableize-object": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/tableize-object/-/tableize-object-0.1.0.tgz",
+      "integrity": "sha512-seDB76zNqvGXG0W8gxUteRuq1fk1dvSxcRVbeYQ1a1QqMkbtqrGwvqTubfN6VCizzlb7NxOPM/j3z9JeBrbxYg==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/tapable": {
       "version": "1.1.3",
       "resolved": "https://registry.npmmirror.com/tapable/-/tapable-1.1.3.tgz",
@@ -8089,11 +14492,112 @@
       "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
       "dev": true
     },
+    "node_modules/template-error": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/template-error/-/template-error-0.1.2.tgz",
+      "integrity": "sha512-soS5m+iT4k/okmMyydvMjPlmyz3CowvMcOxfgoAqccmkyF81W3D+zMi4lhqbSIhTgLhKE/Bh8wUlXzr6F+ERCw==",
+      "dependencies": {
+        "engine": "^0.1.5",
+        "kind-of": "^2.0.1",
+        "lazy-cache": "^0.2.3",
+        "rethrow": "^0.2.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/template-error/node_modules/kind-of": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/kind-of/-/kind-of-2.0.1.tgz",
+      "integrity": "sha512-0u8i1NZ/mg0b+W3MGGw5I7+6Eib2nx72S/QvXa0hYjEkjTknYmEYQJwGu3mLC0BrhtJjtQafTkyRUQ75Kx0LVg==",
+      "dependencies": {
+        "is-buffer": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/template-error/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/templates": {
+      "version": "0.24.3",
+      "resolved": "https://registry.npmjs.org/templates/-/templates-0.24.3.tgz",
+      "integrity": "sha512-R5CUlz3atppbifPePB5Z2KGXCsB0Y87lQ/+ziizq/d3kyydDlNk40yX98RWLprNnKjTiwqeiuGjLJlPPJPYshg==",
+      "dependencies": {
+        "array-sort": "^0.1.2",
+        "async-each": "^1.0.0",
+        "base": "^0.11.1",
+        "base-data": "^0.6.0",
+        "base-engines": "^0.2.0",
+        "base-helpers": "^0.1.1",
+        "base-option": "^0.8.3",
+        "base-plugins": "^0.4.13",
+        "base-routes": "^0.2.1",
+        "debug": "^2.2.0",
+        "deep-bind": "^0.3.0",
+        "define-property": "^0.2.5",
+        "engine-base": "^0.1.2",
+        "export-files": "^2.1.1",
+        "extend-shallow": "^2.0.1",
+        "falsey": "^0.3.0",
+        "get-value": "^2.0.6",
+        "get-view": "^0.1.1",
+        "group-array": "^0.3.0",
+        "has-glob": "^0.1.1",
+        "has-value": "^0.3.1",
+        "inflection": "^1.10.0",
+        "is-valid-app": "^0.2.0",
+        "layouts": "^0.11.0",
+        "lazy-cache": "^2.0.1",
+        "match-file": "^0.2.0",
+        "mixin-deep": "^1.1.3",
+        "paginationator": "^0.1.3",
+        "pascalcase": "^0.1.1",
+        "set-value": "^0.3.3",
+        "template-error": "^0.1.2",
+        "vinyl-item": "^0.1.0",
+        "vinyl-view": "^0.1.2"
+      },
+      "engines": {
+        "node": ">=4.0.0"
+      }
+    },
+    "node_modules/templates/node_modules/set-value": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.3.3.tgz",
+      "integrity": "sha512-aJPTd11HzK47w8xJMpyY4tBmFC6EidC8EG2fENxCJvPwLYzXLnNaesgo796y1fhSISSYAuah4Het+wDoPXK2tg==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.0.0",
+        "to-object-path": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/templates/node_modules/to-object-path": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.2.0.tgz",
+      "integrity": "sha512-6oMu4CTicplxUMOXBoS1W9YNjIclUzmWpWf02v+JnYMEGVX24rTCsYMHay85WA7Wq+9wZa2iJ+HAAX0yGOcxCQ==",
+      "dependencies": {
+        "arr-flatten": "^1.0.1",
+        "is-arguments": "^1.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/text-table": {
       "version": "0.2.0",
       "resolved": "https://registry.npmmirror.com/text-table/-/text-table-0.2.0.tgz",
-      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw==",
-      "dev": true
+      "integrity": "sha512-N+8UisAXDGk8PFXP4HAzVR9nbfmVJ3zYLAWiTIoqC5v5isinhr+r5uaO8+7r3BMfuNIufIsA7RdpVgacC2cSpw=="
     },
     "node_modules/thenify": {
       "version": "3.3.1",
@@ -8119,11 +14623,147 @@
       "resolved": "https://registry.npmmirror.com/through/-/through-2.3.8.tgz",
       "integrity": "sha512-w89qg7PI8wAdvX60bMDP+bFoD5Dvhm9oLheFp5O4a2QF0cSBGsBX4qZmadPMvVqlLJBBci+WqGGOAPvcDeNSVg=="
     },
+    "node_modules/through2": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/through2/-/through2-2.0.5.tgz",
+      "integrity": "sha512-/mrRod8xqpA+IHSLyGCQ2s8SPHiCDEeQJSep1jqLYeEUClOFG2Qsh+4FU6G9VeqpZnGW/Su8LQGc4YKni5rYSQ==",
+      "dependencies": {
+        "readable-stream": "~2.3.6",
+        "xtend": "~4.0.1"
+      }
+    },
+    "node_modules/through2-filter": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-2.0.0.tgz",
+      "integrity": "sha512-miwWajb1B80NvIVKXFPN/o7+vJc4jYUvnZCwvhicRAoTxdD9wbcjri70j+BenCrN/JXEPKDjhpw4iY7yiNsCGg==",
+      "dependencies": {
+        "through2": "~2.0.0",
+        "xtend": "~4.0.0"
+      }
+    },
+    "node_modules/time-diff": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npmjs.org/time-diff/-/time-diff-0.3.1.tgz",
+      "integrity": "sha512-8/LJTO3zKbhj6sQFeN3aoAA04GGjUgwKEquQVnKXkziHjEHadpIVIQ1rAjQgSVMnBRubJ/q5gMjK9WqXTzSykA==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-number": "^2.1.0",
+        "log-utils": "^0.1.0",
+        "pretty-time": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/time-diff/node_modules/ansi-colors": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/ansi-colors/-/ansi-colors-0.1.0.tgz",
+      "integrity": "sha512-nUNbMZLDr1YQaPdMC2lREJXKttoaHwICajt9x40Js/POX7gNv7OK/VbC9ciJaIFshg9Xol+1GclqfY14UW+0ZA==",
+      "dependencies": {
+        "ansi-bgblack": "^0.1.1",
+        "ansi-bgblue": "^0.1.1",
+        "ansi-bgcyan": "^0.1.1",
+        "ansi-bggreen": "^0.1.1",
+        "ansi-bgmagenta": "^0.1.1",
+        "ansi-bgred": "^0.1.1",
+        "ansi-bgwhite": "^0.1.1",
+        "ansi-bgyellow": "^0.1.1",
+        "ansi-black": "^0.1.1",
+        "ansi-blue": "^0.1.1",
+        "ansi-bold": "^0.1.1",
+        "ansi-cyan": "^0.1.1",
+        "ansi-dim": "^0.1.1",
+        "ansi-gray": "^0.1.1",
+        "ansi-green": "^0.1.1",
+        "ansi-grey": "^0.1.1",
+        "ansi-hidden": "^0.1.1",
+        "ansi-inverse": "^0.1.1",
+        "ansi-italic": "^0.1.1",
+        "ansi-magenta": "^0.1.1",
+        "ansi-red": "^0.1.1",
+        "ansi-reset": "^0.1.1",
+        "ansi-strikethrough": "^0.1.1",
+        "ansi-underline": "^0.1.1",
+        "ansi-white": "^0.1.1",
+        "ansi-yellow": "^0.1.1",
+        "lazy-cache": "^0.2.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/time-diff/node_modules/is-number": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-2.1.0.tgz",
+      "integrity": "sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/time-diff/node_modules/lazy-cache": {
+      "version": "0.2.7",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-0.2.7.tgz",
+      "integrity": "sha512-gkX52wvU/R8DVMMt78ATVPFMJqfW8FPz1GZ1sVHBVQHmu/WvhIWE4cE1GBzhJNFicDeYhnwp6Rl35BcAIM3YOQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/time-diff/node_modules/log-utils": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/log-utils/-/log-utils-0.1.5.tgz",
+      "integrity": "sha512-5jLIj9RWWYxQbBhHDvNZTZE3J/oSTbw/fuPmsXJg8/vbY/4XiJ4YAiEPrwo3dLbcB/n9k1qTznOVr6IigiaF7A==",
+      "dependencies": {
+        "ansi-colors": "^0.1.0",
+        "error-symbol": "^0.1.0",
+        "info-symbol": "^0.1.0",
+        "log-ok": "^0.1.1",
+        "success-symbol": "^0.1.0",
+        "time-stamp": "^1.0.1",
+        "warning-symbol": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/time-stamp": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/time-stamp/-/time-stamp-1.1.0.tgz",
+      "integrity": "sha512-gLCeArryy2yNTRzTGKbZbloctj64jkZ57hj5zdraXue6aFgd6PmvVtEyiUU+hvU0v7q08oVv8r8ev0tRo6bvgw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-absolute-glob": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/to-absolute-glob/-/to-absolute-glob-0.1.1.tgz",
+      "integrity": "sha512-Vvl5x6zNf9iVG1QTWeknmWrKzZxaeKfIDRibrZCR3b2V/2NlFJuD2HV7P7AVjaKLZNqLPHqyr0jGrW0fTcxCPQ==",
+      "dependencies": {
+        "extend-shallow": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/to-arraybuffer": {
       "version": "1.0.1",
       "resolved": "https://registry.npmmirror.com/to-arraybuffer/-/to-arraybuffer-1.0.1.tgz",
       "integrity": "sha512-okFlQcoGTi4LQBG/PgSYblw9VOyptsz2KJZqc6qtgGdes8VktzUQkj4BI2blit072iS8VODNcMA+tvnS9dnuMA=="
     },
+    "node_modules/to-choices": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-choices/-/to-choices-0.2.0.tgz",
+      "integrity": "sha512-oPVwP4jpJZM4R3Yvfcod8/OjddMoi33amdFzwZktcHAjddmIEAzQ9DQsdPKUr/Q4hLxNMWPys4Pn1qJdLiR4Kg==",
+      "dependencies": {
+        "ansi-gray": "^0.1.1",
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/to-fast-properties": {
       "version": "2.0.0",
       "resolved": "https://registry.npmmirror.com/to-fast-properties/-/to-fast-properties-2.0.0.tgz",
@@ -8133,6 +14773,62 @@
         "node": ">=4"
       }
     },
+    "node_modules/to-file": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npmjs.org/to-file/-/to-file-0.2.0.tgz",
+      "integrity": "sha512-xLyYVRKJQTwy2tKMOLD0M0yL+YSZVgMAzkaY9hh7GhzgBBHSIWARDkgPx8krPPm0mW5CgoIFsQEdKRFOyIRdqg==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "file-contents": "^0.2.4",
+        "glob-parent": "^2.0.0",
+        "is-valid-glob": "^0.3.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "vinyl": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-file/node_modules/glob-parent": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-2.0.0.tgz",
+      "integrity": "sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==",
+      "dependencies": {
+        "is-glob": "^2.0.0"
+      }
+    },
+    "node_modules/to-file/node_modules/is-extglob": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-1.0.0.tgz",
+      "integrity": "sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-file/node_modules/is-glob": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-2.0.1.tgz",
+      "integrity": "sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==",
+      "dependencies": {
+        "is-extglob": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npmjs.org/to-object-path/-/to-object-path-0.3.0.tgz",
+      "integrity": "sha512-9mWHdnGRuh3onocaHzukyvCZhzvr6tiflAy/JRFXcJX0TjgfWA9pk9t8CMbzmBE4Jfw58pXbkngtBtqYxzNEyg==",
+      "dependencies": {
+        "kind-of": "^3.0.2"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/to-regex-range": {
       "version": "5.0.1",
       "resolved": "https://registry.npmmirror.com/to-regex-range/-/to-regex-range-5.0.1.tgz",
@@ -8162,6 +14858,17 @@
         "node": ">=6"
       }
     },
+    "node_modules/trim-leading-lines": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/trim-leading-lines/-/trim-leading-lines-0.1.1.tgz",
+      "integrity": "sha512-ViFS8blDWJN4Jg10fyZ+sIAfkSSAn5NiTVywc3kKtMWK3DZjaV7FV86oX3i9KY6/gqYkdka/UNeM2/NMGttiyA==",
+      "dependencies": {
+        "is-whitespace": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/tslib": {
       "version": "2.5.0",
       "resolved": "https://registry.npmmirror.com/tslib/-/tslib-2.5.0.tgz",
@@ -8250,6 +14957,14 @@
         "which-boxed-primitive": "^1.0.2"
       }
     },
+    "node_modules/unc-path-regex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/unc-path-regex/-/unc-path-regex-0.1.2.tgz",
+      "integrity": "sha512-eXL4nmJT7oCpkZsHZUOJo8hcX3GbsiDOa0Qu9F646fi8dT3XuSVopVqAcEiVzSKKH7UoDti23wNX3qGFxcW5Qg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/unconfig": {
       "version": "0.3.7",
       "resolved": "https://registry.npmmirror.com/unconfig/-/unconfig-0.3.7.tgz",
@@ -8345,6 +15060,38 @@
         "node": ">=12"
       }
     },
+    "node_modules/union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-1.0.1.tgz",
+      "integrity": "sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unique-stream": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/unique-stream/-/unique-stream-2.3.1.tgz",
+      "integrity": "sha512-2nY4TnBE70yoxHkDli7DMazpWiP7xMdCYqU2nBRO0UB+ZpEkGsSija7MvmvnZFUeC+mrgiUfcHSr3LmRFIg4+A==",
+      "dependencies": {
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "through2-filter": "^3.0.0"
+      }
+    },
+    "node_modules/unique-stream/node_modules/through2-filter": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/through2-filter/-/through2-filter-3.0.0.tgz",
+      "integrity": "sha512-jaRjI2WxN3W1V8/FMZ9HKIBXixtiqs3SQSX4/YGIiP3gL6djW48VoZq9tDqeCWs3MT8YY5wb/zli8VW8snY1CA==",
+      "dependencies": {
+        "through2": "~2.0.0",
+        "xtend": "~4.0.0"
+      }
+    },
     "node_modules/universalify": {
       "version": "0.1.2",
       "resolved": "https://registry.npmmirror.com/universalify/-/universalify-0.1.2.tgz",
@@ -8624,6 +15371,26 @@
         "node": ">=14.19.0"
       }
     },
+    "node_modules/unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-1.0.0.tgz",
+      "integrity": "sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==",
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/unset-value/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/untyped": {
       "version": "1.2.2",
       "resolved": "https://registry.npmmirror.com/untyped/-/untyped-1.2.2.tgz",
@@ -8636,6 +15403,48 @@
         "scule": "^1.0.0"
       }
     },
+    "node_modules/update": {
+      "version": "0.7.4",
+      "resolved": "https://registry.npmjs.org/update/-/update-0.7.4.tgz",
+      "integrity": "sha512-B7HArWh4T6TSmMffmxlbD9gZM0QdboQ8N/p5aHcyhGCuuVRHSk37pvuQlAvi1XBrQMrEX5WJUQyQR8+jy/x4iQ==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "assemble-core": "^0.25.0",
+        "assemble-loader": "^0.6.1",
+        "base-cli-process": "^0.1.18",
+        "base-config-process": "^0.1.9",
+        "base-generators": "^0.4.5",
+        "base-questions": "^0.7.3",
+        "base-runtimes": "^0.2.0",
+        "base-store": "^0.4.4",
+        "common-config": "^0.1.0",
+        "data-store": "^0.16.1",
+        "export-files": "^2.1.1",
+        "extend-shallow": "^2.0.1",
+        "find-pkg": "^0.1.2",
+        "fs-exists-sync": "^0.1.0",
+        "global-modules": "^0.2.2",
+        "gulp-choose-files": "^0.1.3",
+        "is-valid-app": "^0.2.0",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "log-utils": "^0.2.1",
+        "parser-front-matter": "^1.4.1",
+        "resolve-dir": "^0.1.0",
+        "resolve-file": "^0.2.0",
+        "set-blocking": "^2.0.0",
+        "strip-color": "^0.1.0",
+        "text-table": "^0.2.0",
+        "through2": "^2.0.1",
+        "yargs-parser": "^2.4.1"
+      },
+      "bin": {
+        "update": "bin/update.js"
+      },
+      "engines": {
+        "node": ">=5.0"
+      }
+    },
     "node_modules/update-browserslist-db": {
       "version": "1.0.10",
       "resolved": "https://registry.npmmirror.com/update-browserslist-db/-/update-browserslist-db-1.0.10.tgz",
@@ -8652,6 +15461,28 @@
         "browserslist": ">= 4.21.0"
       }
     },
+    "node_modules/update/node_modules/camelcase": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/camelcase/-/camelcase-3.0.0.tgz",
+      "integrity": "sha512-4nhGqUkc4BqbBBB4Q6zLuD7lzzrHYrjKGeYaEji/3tFR5VdJu9v+LilhGIVe8wxEJPPOeWo7eg8dwY13TZ1BNg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/update/node_modules/yargs-parser": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-2.4.1.tgz",
+      "integrity": "sha512-9pIKIJhnI5tonzG6OnCFlz/yln8xHYcGl+pn3xR0Vzff0vzN1PbNRaelgfgRUwZ3s4i3jvxT9WhmUGL4whnasA==",
+      "dependencies": {
+        "camelcase": "^3.0.0",
+        "lodash.assign": "^4.0.6"
+      }
+    },
+    "node_modules/upper-case": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/upper-case/-/upper-case-1.1.3.tgz",
+      "integrity": "sha512-WRbjgmYzgXkCV7zNVpy5YgrHgbBv126rMALQQMrmzOVC4GM2waQ9x7xtm8VU+1yF2kWyPzI9zbZ48n4vSxwfSA=="
+    },
     "node_modules/uri-js": {
       "version": "4.4.1",
       "resolved": "https://registry.npmmirror.com/uri-js/-/uri-js-4.4.1.tgz",
@@ -8686,6 +15517,18 @@
         "node": ">= 0.10.0"
       }
     },
+    "node_modules/use": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/use/-/use-1.1.2.tgz",
+      "integrity": "sha512-25Uw2xiVk0m2ySqmnu2GjOIROlImdXMRcpI6Cq7sZeG/zFZgFkSeo2+QwKNWJncfZOVS55eACoinvJ3EtprOBw==",
+      "dependencies": {
+        "define-property": "^0.2.5",
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/util-deprecate": {
       "version": "1.0.2",
       "resolved": "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz",
@@ -8706,6 +15549,14 @@
         "node": ">= 0.12.0"
       }
     },
+    "node_modules/vali-date": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/vali-date/-/vali-date-1.0.0.tgz",
+      "integrity": "sha512-sgECfZthyaCKW10N0fm27cg8HYTFK5qMWgypqkXMQ4Wbl/zZKx7xZICgcoxIIE+WFAP/MBL2EFwC/YvLxw3Zeg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/validate-npm-package-license": {
       "version": "3.0.4",
       "resolved": "https://registry.npmmirror.com/validate-npm-package-license/-/validate-npm-package-license-3.0.4.tgz",
@@ -8716,6 +15567,246 @@
         "spdx-expression-parse": "^3.0.0"
       }
     },
+    "node_modules/vinyl": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/vinyl/-/vinyl-1.2.0.tgz",
+      "integrity": "sha512-Ci3wnR2uuSAWFMSglZuB8Z2apBdtOyz8CV7dC6/U1XbltXBC+IuutUkXQISz01P+US2ouBuesSbV6zILZ6BuzQ==",
+      "dependencies": {
+        "clone": "^1.0.0",
+        "clone-stats": "^0.0.1",
+        "replace-ext": "0.0.1"
+      },
+      "engines": {
+        "node": ">= 0.9"
+      }
+    },
+    "node_modules/vinyl-fs": {
+      "version": "2.4.4",
+      "resolved": "https://registry.npmjs.org/vinyl-fs/-/vinyl-fs-2.4.4.tgz",
+      "integrity": "sha512-lxMlQW/Wxk/pwhooY3Ut0Q11OH5ZvZfV0Gg1c306fBNWznQ6ZeQaCdE7XX0O/PpGSqgAsHMBxwFgcGxiYW3hZg==",
+      "dependencies": {
+        "duplexify": "^3.2.0",
+        "glob-stream": "^5.3.2",
+        "graceful-fs": "^4.0.0",
+        "gulp-sourcemaps": "1.6.0",
+        "is-valid-glob": "^0.3.0",
+        "lazystream": "^1.0.0",
+        "lodash.isequal": "^4.0.0",
+        "merge-stream": "^1.0.0",
+        "mkdirp": "^0.5.0",
+        "object-assign": "^4.0.0",
+        "readable-stream": "^2.0.4",
+        "strip-bom": "^2.0.0",
+        "strip-bom-stream": "^1.0.0",
+        "through2": "^2.0.0",
+        "through2-filter": "^2.0.0",
+        "vali-date": "^1.0.0",
+        "vinyl": "^1.0.0"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/vinyl-fs/node_modules/merge-stream": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/merge-stream/-/merge-stream-1.0.1.tgz",
+      "integrity": "sha512-e6RM36aegd4f+r8BZCcYXlO2P3H6xbUM6ktL2Xmf45GAOit9bI4z6/3VU7JwllVO1L7u0UDSg/EhzQ5lmMLolA==",
+      "dependencies": {
+        "readable-stream": "^2.0.1"
+      }
+    },
+    "node_modules/vinyl-fs/node_modules/strip-bom": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/strip-bom/-/strip-bom-2.0.0.tgz",
+      "integrity": "sha512-kwrX1y7czp1E69n2ajbG65mIo9dqvJ+8aBQXOGVxqwvNbsXdFM6Lq37dLAY3mknUwru8CfcCbfOLL/gMo+fi3g==",
+      "dependencies": {
+        "is-utf8": "^0.2.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/vinyl-item/-/vinyl-item-0.1.0.tgz",
+      "integrity": "sha512-9L2HEcbtuTdKCLWDucRPObPoAxnUUCdAXg0QDf3aDPM3oFpb6C+yct/R31PA9EhLGeilNl8TF/inc3OwFSSEMg==",
+      "dependencies": {
+        "base": "^0.8.1",
+        "base-option": "^0.8.2",
+        "base-plugins": "^0.4.12",
+        "clone": "^1.0.2",
+        "clone-stats": "^1.0.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "vinyl": "^1.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/base": {
+      "version": "0.8.1",
+      "resolved": "https://registry.npmjs.org/base/-/base-0.8.1.tgz",
+      "integrity": "sha512-hCEtSWF9Xin1mVIrgCAwJhIJxURWOu3odjKsv+9TXofdJly0vO9Di87hnkChwi44v0+LPzHtNOjoCUYb36fBhg==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "cache-base": "^0.8.2",
+        "class-utils": "^0.3.2",
+        "component-emitter": "^1.2.0",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "lazy-cache": "^1.0.3",
+        "mixin-deep": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/base/node_modules/lazy-cache": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/lazy-cache/-/lazy-cache-1.0.4.tgz",
+      "integrity": "sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/cache-base": {
+      "version": "0.8.5",
+      "resolved": "https://registry.npmjs.org/cache-base/-/cache-base-0.8.5.tgz",
+      "integrity": "sha512-19t0n7xdoVr5Q08+6sF85YZ9VuvbpVFq5JLm0gcsRmCvTO1Y3duTJGMaOQYf14Ras4o6dEnvoqvjdrUK1tNtgg==",
+      "dependencies": {
+        "collection-visit": "^0.2.1",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.5",
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0",
+        "lazy-cache": "^2.0.1",
+        "set-value": "^0.4.2",
+        "to-object-path": "^0.3.0",
+        "union-value": "^0.2.3",
+        "unset-value": "^0.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/cache-base/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/clone-stats": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/clone-stats/-/clone-stats-1.0.0.tgz",
+      "integrity": "sha512-au6ydSpg6nsrigcZ4m8Bc9hxjeW+GJ8xh5G3BJCMt4WXe1H10UNaVOamqQTmrx1kjVuxAHIQSNU6hY4Nsn9/ag=="
+    },
+    "node_modules/vinyl-item/node_modules/collection-visit": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npmjs.org/collection-visit/-/collection-visit-0.2.3.tgz",
+      "integrity": "sha512-V88PJOCqJfsZS45YBELDgmhQkECokQAAr9XR4hT6eFkFsAPsCsk3EoDHSuBPYzygjquGM/0KF4vdwTiQO6lbdw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "map-visit": "^0.1.5",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/map-visit": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npmjs.org/map-visit/-/map-visit-0.1.5.tgz",
+      "integrity": "sha512-zdmJBFvvVR/H5wCfsCP7XxSLp+346yAZ30Wy2OsQLcH19OVGMWa3Ms9quO00lj9ybsySu3gKOINNgICb4Zqauw==",
+      "dependencies": {
+        "lazy-cache": "^2.0.1",
+        "object-visit": "^0.3.4"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/object-visit": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npmjs.org/object-visit/-/object-visit-0.3.4.tgz",
+      "integrity": "sha512-6QNyX7uTuwqxP7pmDBqgBDKdmZws1rXriUyXM5KG6+7J0aYRuuAGoc636IGdLzgOL77WUwL+EpoTJrEHwWsyOA==",
+      "dependencies": {
+        "isobject": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/set-value": {
+      "version": "0.4.3",
+      "resolved": "https://registry.npmjs.org/set-value/-/set-value-0.4.3.tgz",
+      "integrity": "sha512-2Z0LRUUvYeF7gIFFep48ksPq0NR09e5oKoFXznaMGNcu+EZAfGnyL0K6xno2gCqX6dZYEZRjrcn04/gvZzcKhQ==",
+      "deprecated": "Critical bug fixed in v3.0.1, please upgrade to the latest version.",
+      "dependencies": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.1",
+        "to-object-path": "^0.3.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/union-value": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npmjs.org/union-value/-/union-value-0.2.4.tgz",
+      "integrity": "sha512-Tv3cqdyY8yjW9ZcJ9WP7JdHS34natzylD0oNRLlYbWOfUdC4EQ0sf3fubnqrK2IErtlmobFmuS1pWvv88VghpA==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^0.4.3"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/unset-value": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/unset-value/-/unset-value-0.1.2.tgz",
+      "integrity": "sha512-yhv5I4TsldLdE3UcVQn0hD2T5sNCPv4+qm/CTUpRKIpwthYRIipsAPdsrNpOI79hPQa0rTTeW22Fq6JWRcTgNg==",
+      "dependencies": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-item/node_modules/unset-value/node_modules/isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/isobject/-/isobject-3.0.1.tgz",
+      "integrity": "sha512-WhB9zCku7EGTj/HQQRz5aUQEUeoQZH2bWcltRErOpymJ4boYE6wL9Tbr23krRPSZ+C5zqNSrSw+Cc7sZZ4b7vg==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/vinyl-view": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/vinyl-view/-/vinyl-view-0.1.2.tgz",
+      "integrity": "sha512-qIc2qnXgOXZrT1Q1ViR1VMTjuylAi3Y/LSYSYfwJ6ZG7Ar5miUfioSIBu30bsHTo5dSz4ReDNSUw3lelCtc5Jw==",
+      "dependencies": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "engine-base": "^0.1.2",
+        "isobject": "^2.1.0",
+        "lazy-cache": "^2.0.1",
+        "mixin-deep": "^1.1.3",
+        "vinyl-item": "^0.1.0"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/vite": {
       "version": "4.1.2",
       "resolved": "https://registry.npmmirror.com/vite/-/vite-4.1.2.tgz",
@@ -8974,6 +16065,22 @@
         }
       }
     },
+    "node_modules/vue-draggable-plus": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/vue-draggable-plus/-/vue-draggable-plus-0.6.0.tgz",
+      "integrity": "sha512-G5TSfHrt9tX9EjdG49InoFJbt2NYk0h3kgjgKxkFWr3ulIUays0oFObr5KZ8qzD4+QnhtALiRwIqY6qul4egqw==",
+      "dependencies": {
+        "@types/sortablejs": "^1.15.8"
+      },
+      "peerDependencies": {
+        "@types/sortablejs": "^1.15.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/vue-echarts": {
       "version": "7.0.3",
       "resolved": "https://registry.npmmirror.com/vue-echarts/-/vue-echarts-7.0.3.tgz",
@@ -9138,6 +16245,25 @@
         "typescript": "*"
       }
     },
+    "node_modules/vuedraggable": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npmjs.org/vuedraggable/-/vuedraggable-4.1.0.tgz",
+      "integrity": "sha512-FU5HCWBmsf20GpP3eudURW3WdWTKIbEIQxh9/8GE806hydR9qZqRRxRE3RjqX7PkuLuMQG/A7n3cfj9rCEchww==",
+      "dependencies": {
+        "sortablejs": "1.14.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.0.1"
+      }
+    },
+    "node_modules/warning-symbol": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/warning-symbol/-/warning-symbol-0.1.0.tgz",
+      "integrity": "sha512-1S0lwbHo3kNUKA4VomBAhqn4DPjQkIKSdbOin5K7EFUQNwyIKx+wZMGXKI53RUjla8V2B8ouQduUlgtx8LoSMw==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/webpack-sources": {
       "version": "3.2.3",
       "resolved": "https://registry.npmmirror.com/webpack-sources/-/webpack-sources-3.2.3.tgz",
@@ -9295,6 +16421,28 @@
       "resolved": "https://registry.npmmirror.com/wrappy/-/wrappy-1.0.2.tgz",
       "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
     },
+    "node_modules/write": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/write/-/write-0.2.1.tgz",
+      "integrity": "sha512-CJ17OoULEKXpA5pef3qLj5AxTJ6mSt7g84he2WIskKwqFO4T97d5V7Tadl0DYDk7qyUOQD5WlUlOMChaYrhxeA==",
+      "dependencies": {
+        "mkdirp": "^0.5.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/write-json": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npmjs.org/write-json/-/write-json-0.2.2.tgz",
+      "integrity": "sha512-3HOXDnA8CgyaObzkxKPTHBw0feFlYMn9Mi8ZIrnoNJTTMABn+XOhmTsVlX/P/WeZuXEV9ApvQvR1fpZOOQ5FOg==",
+      "dependencies": {
+        "write": "^0.2.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/xml-name-validator": {
       "version": "4.0.0",
       "resolved": "https://registry.npmmirror.com/xml-name-validator/-/xml-name-validator-4.0.0.tgz",
diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 93f61a3..1686f22 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -285,10 +285,7 @@ export const getPlacementAccountsTrend = (params = {}) => {
   return Http.get(`/v1/placement-accounts/trend`);
 };
 
-// 投放账号数据-趋势
-export const getPlacementAccountsList = (id: string) => {
-  return Http.get(`/v1/placement-accounts/list`);
-};
+
 // 投放账号计划数据-趋势
 export const getPlacementAccountProjectsTrend = (id: string) => {
   return Http.get(`/v1/placement-account-projects/trend`);
@@ -296,12 +293,12 @@ export const getPlacementAccountProjectsTrend = (id: string) => {
 
 // 投放指南查询
 export const getPlacementGuide = (params: {}) => {
-  return Http.get(`/v1/placement-guide/getGuideList`,params);
+  return Http.get(`/v1/placement-account-projects/getGuideList`,params);
 };
 
 // 前端定时轮询获取ai检测结果
 export const getAiResult = (params: {}) => {
-  return Http.get(`/v1/placement-guide/getAiResult`);
+  return Http.get(`/v1/placement-account-projects/getAiResult`, params);
 };
 
 // 投放账号-列表
diff --git a/src/assets/general_schedule.svg b/src/assets/general_schedule.svg
new file mode 100644
index 0000000..c148e4a
--- /dev/null
+++ b/src/assets/general_schedule.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.39993 6.99966C1.39993 3.90701 3.90701 1.39993 6.99966 1.39993C10.0923 1.39993 12.5994 3.90701 12.5994 6.99966C12.5994 10.0923 10.0923 12.5994 6.99966 12.5994C3.90701 12.5994 1.39993 10.0923 1.39993 6.99966ZM6.99966 0C3.13385 0 0 3.13385 0 6.99966C0 10.8655 3.13385 13.9993 6.99966 13.9993C10.8655 13.9993 13.9993 10.8655 13.9993 6.99966C13.9993 3.13385 10.8655 0 6.99966 0ZM6.29969 6.92455L8.76161 9.57585L9.78747 8.62326L7.69962 6.37481V3.14985H6.29969V6.92455Z" fill="#3C4043"/>
+</svg>
diff --git a/src/assets/icon_plus.svg b/src/assets/icon_plus.svg
new file mode 100644
index 0000000..06298c1
--- /dev/null
+++ b/src/assets/icon_plus.svg
@@ -0,0 +1,3 @@
+<svg width="13" height="13" viewBox="0 0 13 13" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M5.81579 5.81579V0H7.18422V5.81579H13V7.18422H7.18422V13H5.81579V7.18422H0V5.81579H5.81579Z" fill="white"/>
+</svg>
diff --git a/src/assets/icon_refresh.svg b/src/assets/icon_refresh.svg
new file mode 100644
index 0000000..fb7233a
--- /dev/null
+++ b/src/assets/icon_refresh.svg
@@ -0,0 +1,3 @@
+<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M6 1.33333C3.42267 1.33333 1.33333 3.42267 1.33333 6C1.33333 8.57733 3.42267 10.6667 6 10.6667C8.17357 10.6667 10.0016 9.18007 10.5197 7.16716L11.8109 7.49951C11.1449 10.0872 8.79667 12 6 12C2.68629 12 0 9.31371 0 6C0 2.68629 2.68629 0 6 0C7.88554 0 9.56708 0.86964 10.6667 2.22866V0.666667H12V4.66667H8V3.33333H9.83038C8.98668 2.12378 7.58512 1.33333 6 1.33333Z" fill="#3C4043"/>
+</svg>
diff --git a/src/assets/icon_search.svg b/src/assets/icon_search.svg
new file mode 100644
index 0000000..bd7d3b5
--- /dev/null
+++ b/src/assets/icon_search.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.96077 2.89207C8.0088 0.940101 4.84404 0.940101 2.89207 2.89207C0.940101 4.84404 0.940101 8.0088 2.89207 9.96077C4.84404 11.9127 8.0088 11.9127 9.96077 9.96077C11.9127 8.0088 11.9127 4.84404 9.96077 2.89207ZM1.88225 1.88225C4.39193 -0.627418 8.46091 -0.627418 10.9706 1.88225C13.3096 4.22126 13.4686 7.91472 11.4478 10.4379L14 12.9902L12.9902 14L10.4379 11.4478C7.91472 13.4686 4.22126 13.3096 1.88225 10.9706C-0.627418 8.46091 -0.627418 4.39193 1.88225 1.88225Z" fill="#737478"/>
+</svg>
diff --git a/src/assets/icon_search_secondary.svg b/src/assets/icon_search_secondary.svg
new file mode 100644
index 0000000..784089e
--- /dev/null
+++ b/src/assets/icon_search_secondary.svg
@@ -0,0 +1,3 @@
+<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.96077 2.89207C8.0088 0.940101 4.84404 0.940101 2.89207 2.89207C0.940101 4.84404 0.940101 8.0088 2.89207 9.96077C4.84404 11.9127 8.0088 11.9127 9.96077 9.96077C11.9127 8.0088 11.9127 4.84404 9.96077 2.89207ZM1.88225 1.88225C4.39193 -0.627418 8.46091 -0.627418 10.9706 1.88225C13.3096 4.22126 13.4686 7.91472 11.4478 10.4379L14 12.9902L12.9902 14L10.4379 11.4478C7.91472 13.4686 4.22126 13.3096 1.88225 10.9706C-0.627418 8.46091 -0.627418 4.39193 1.88225 1.88225Z" fill="#6D4CFE"/>
+</svg>
diff --git a/src/assets/tips_minus.svg b/src/assets/tips_minus.svg
new file mode 100644
index 0000000..53ed272
--- /dev/null
+++ b/src/assets/tips_minus.svg
@@ -0,0 +1,3 @@
+<svg width="10" height="1" viewBox="0 0 10 1" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5 1H0V0H9.5V1Z" fill="#737478"/>
+</svg>
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 91685ed..9b0dcca 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -90,7 +90,6 @@
 import EchartsItem from './components/echarts-item/index';
 import { PLATFORM_LIST } from '../common_constants';
 import {
-  fetchPlacementAccountOperators,
   getPlacementAccountsList,
   getPlacementAccountsTrend,
   getPlacementAccountProjectsTrend,
@@ -133,10 +132,7 @@ const handleTabClick = (key) => {
 };
 
 const getOperators = async () => {
-  const { code, data } = await fetchPlacementAccountOperators();
-  if (code === 200) {
-    operators.value = data;
-  }
+
 };
 
 // 获取账户名称
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index c021759..186dbdc 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -224,7 +224,14 @@
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 
+const props = defineProps({
+  action_guide: {
+    type: Array,
+    default: () => [],
+  },
+});
 import { getStarIcon } from '../../constants';
+import { defineProps } from 'vue';
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index db99014..f2f7fed 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -16,7 +16,7 @@
           <a-col :span="24">
             <div class="overall-strategy">
               <span class="placement-optimization-title">总体策略</span>
-              <span class="placement-optimization-str">本周建议</span>
+              <span class="placement-optimization-str">{{props.optimization?.[0]?.['content']}}</span>
             </div>
           </a-col>
         </a-row>
@@ -24,19 +24,13 @@
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">预算分配</span>
-              <span class="placement-optimization-str"
-                >巨量ROI高，建议将预算提升至 ￥5,000元/日 <br />
-                聚光 ROAS明显下降，建议减少预算 30%</span
-              >
+              <span class="placement-optimization-str">{{props.optimization?.[1]?.['content']}}</span>
             </div>
           </a-col>
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">时段优化</span>
-              <span class="placement-optimization-str"
-                >过去7日 19:00-21:00 转化率最高，提升了12.6% <br />
-                建议设置定时投放，仅在高效时段曝光</span
-              >
+              <span class="placement-optimization-str">{{props.optimization?.[2]?.['content']}}</span>
             </div>
           </a-col>
         </a-row>
@@ -44,20 +38,14 @@
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群包优化</span>
-              <span class="placement-optimization-str"
-                >18-24岁女性转化率最高，建议加预算 <br />
-                25-34岁男香表现较差，建议停投节省成本</span
-              >
+              <span class="placement-optimization-str">{{props.optimization?.[3]?.['content']}}</span>
             </div>
           </a-col>
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">素材优化</span>
-              <span class="placement-optimization-str"
-                >替换当前点击率下降的xxxxx素材<br />
-                增加同类风格素材：xxxxx素材点击率更高 <br />
-                建议优化元素：视频封面/文案/开头引导，可提升CTR</span
-              >
+              <span class="placement-optimization-str">{{props.optimization?.[4]['content']}}</span>
+
             </div>
           </a-col>
         </a-row>
@@ -66,7 +54,18 @@
   </view>
 </template>
 
-<script setup lang="ts"></script>
+<script setup lang="ts">
+// defineProps()
+
+import { defineProps } from 'vue';
+
+const props = defineProps({
+  optimization: {
+    type: Array,
+    default: () => [],
+  },
+});
+</script>
 
 <style scoped lang="scss">
 @import './style.scss';
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index e42a26a..6e47b5e 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -9,7 +9,7 @@
             <a-input
               class="w-310px"
               :style="{ width: '320px' }"
-              v-model="query.names"
+              v-model="query.account_name"
               placeholder="请搜索..."
               size="medium"
               allow-clear
@@ -22,12 +22,19 @@
         </a-col>
         <a-col :span="8">
           <a-space>
-            <span>项目</span>
-            <a-select :style="{ width: '320px' }" placeholder="全部">
-              <a-option>Beijing</a-option>
-              <a-option>Shanghai</a-option>
-              <a-option>Guangzhou</a-option>
-            </a-select>
+            <span>计划</span>
+            <a-input
+              class="w-310px"
+              :style="{ width: '320px' }"
+              v-model="query.plan"
+              placeholder="请搜索..."
+              size="medium"
+              allow-clear
+            >
+              <template #prefix>
+                <icon-search />
+              </template>
+            </a-input>
           </a-space>
         </a-col>
         <a-col :span="8">
@@ -98,7 +105,6 @@ const props = defineProps({
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
 
 const handleSearch = () => {
-  console.log('handleSearch');
   emits('onSearch', props.query);
 };
 </script>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index 1168058..11aada5 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -31,27 +31,32 @@
       </template>
       <template #roi>
         <a-space>
-          <span>roi</span>
+          <span>ROI</span>
           <a-popover position="tl">
             <icon-question-circle />
             <template #content>
-              <p>roi</p>
+              <p>ROI</p>
             </template>
           </a-popover>
         </a-space>
       </template>
       <template #ctr>
         <a-space>
-          <span>ctr</span>
+          <span>CTR</span>
           <a-popover position="tl">
             <icon-question-circle />
             <template #content>
-              <p>ctr</p>
+              <p>CTR</p>
             </template>
           </a-popover>
         </a-space>
       </template>
 
+      <template #platform="{ record }">
+        <img :src="PLATFORM_LIST[record.platform].icon" width="19" class="mr-4px" />
+        <span>{{ PLATFORM_LIST[record.platform].label }}</span>
+      </template>
+
       <template #weekConsumptionRate="{ record }">
         <a-statistic
           :value="record.week_consumption_rate * 100"
@@ -69,19 +74,21 @@
         </a-statistic>
       </template>
     </a-table>
-    <div>
-      <a-pagination
-        class="account-page"
-        :total="listResult.total"
-        :size="listQuery.page_size"
-        show-total
-        show-jumper
-        show-page-size
-      />
-    </div>
+
   </view>
 </template>
 <script setup lang="ts">
+import { PLATFORM_LIST } from '../../../common_constants';
+
+defineProps({
+  listResult: {
+    type: Object,
+    default: () => {
+      total: 0;
+      data: [];
+    },
+  }
+});
 const listQuery = reactive({
   project_id: ref(''),
   platform: ref(''),
@@ -93,27 +100,26 @@ const columns = [
   {
     title: '账户名称',
     dataIndex: 'account_name',
-    slotName: 'account_name',
     width: 60,
     minWidth: 60,
   },
   {
-    titleSlotName: 'project_name',
     width: 180,
     minWidth: 180,
-    title: '项目名称',
-    dataIndex: 'project_name',
+    title: '计划名称',
+    dataIndex: 'name',
   },
   {
     title: '平台',
-    dataIndex: 'platform_name',
+    dataIndex: 'platform',
     width: 120,
     minWidth: 120,
+    slotName: 'platform',
   },
   {
     title: '本周总消耗',
     titleSlotName: 'week_consumption',
-    dataIndex: 'week_consumption',
+    dataIndex: 'total_use_amount',
     width: 120,
     minWidth: 120,
   },
@@ -126,52 +132,18 @@ const columns = [
     slotName: 'weekConsumptionRate',
   },
   {
-    title: 'ROI',
     titleSlotName: 'roi',
     dataIndex: 'roi',
     width: 120,
     minWidth: 120,
   },
   {
-    title: 'CTR',
     titleSlotName: 'ctr',
-    dataIndex: 'ctr',
+    dataIndex: 'click_rate',
     width: 120,
     minWidth: 120,
   },
 ];
-const listResult = reactive({
-  data: [
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: 0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: -0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: -0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-  ],
-  total: ref(0),
-});
 </script>
 
 <style lang="scss" scoped>
@@ -183,6 +155,4 @@ const listResult = reactive({
     float: right;
   }
 }
-
-
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index e5e3044..f2b352c 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -10,9 +10,12 @@
         </a-tabs>
       </div>
       <!--表单组件搜索-->
-      <listSearchForm v-model:query="query" @onSearch="getData"></listSearchForm>
+      <listSearchForm v-model:query="query" @onSearch="onSearch"></listSearchForm>
       <!--      投放指南-->
-      <PlacementGuideList v-if="tabData === 'placement_guide'"></PlacementGuideList>
+      <PlacementGuideList
+        v-if="tabData === 'placement_guide'"
+        :listResult="{ data: guideListData.data, total: pageInfo.total }"
+      ></PlacementGuideList>
       <!--      历史指南列表-->
       <GuideListHistory v-if="tabData === 'guide_history'"></GuideListHistory>
     </div>
@@ -22,8 +25,9 @@
       <MonthData></MonthData>
 
       <!--    投放建议-->
-      <PlacementSuggestions></PlacementSuggestions>
-      <ActionGuideDistribution></ActionGuideDistribution>
+      <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
+      <!--      投放行动指南-->
+      <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
     </a-spin>
     <div>
       <a-space class="down-btn">
@@ -52,7 +56,6 @@ import GuideListHistory from './components/table-data/guideListHistory.vue';
 import MonthData from './components/month-data/index.vue';
 import PlacementSuggestions from './components/placement-suggestions/index.vue';
 import ActionGuideDistribution from './components/action-guide-distribution';
-import FilterBlock from '@/views/property-marketing/put-account/account-data/components/filter-block/index.vue';
 import {
   getAiResult,
   getPlacementAccountData,
@@ -67,31 +70,46 @@ const query = reactive({
 });
 
 const loading = ref(false);
-const queryResult = reactive({
-  search_key: '',
+
+const guideListData = reactive({
+  data: [],
+});
+const pageInfo = reactive({
+  total: 0,
+  page_size: 0,
+  page: 1,
 });
 
-const getData = async () => {
-  console.log(query, 'query');
+const onSearch = async () => {
   const { code, data } = await getPlacementGuide(query);
   if (code === 200) {
+    guideListData.data = data.data;
+    getSyncAiResult();
   }
+  console.log(guideListData, 'guideListData');
 };
 
+const aiResult = reactive({
+  optimization: [], //投放建议优化
+  action_guide: [], //新投放建议生成
+});
+
 const getSyncAiResult = async () => {
   const { code, data } = await getAiResult(query);
   if (code === 200) {
-    //成功或者失败清除定时任务
+    // 成功或者失败清除定时任务
     if ((data.status && data.status === 3) || data.status === 2) {
-      clearInterval(timer);
+      // clearInterval(timer);
       loading.value = false;
     }
+    aiResult.optimization = data.result.optimization.modules;
+    aiResult.action_guide = data.result?.action_guide?.modules;
   }
 };
 // 定时任务请求接口
-const timer = setInterval(() => {
-  getSyncAiResult();
-}, 5000);
+// const timer = setInterval(() => {
+//   getSyncAiResult();
+// }, 5000);
 </script>
 
 <style lang="scss">

From 1dae78f7703afb5fcea1391758d439d8261d702f Mon Sep 17 00:00:00 2001
From: "linzhijun@xiaotiai.com" <linzhijun2025@xiaoti>
Date: Sun, 6 Jul 2025 23:25:33 +0800
Subject: [PATCH 58/78] =?UTF-8?q?refactor(property-marketing):=20=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=E6=8A=95=E6=94=BE=E8=B4=A6=E5=8F=B7=E8=B6=8B=E5=8A=BF?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

-优化 EchartsItem 组件，支持动态数据更新
- 新增多个投放指标的图表展示，包括展示量、点击量、转化率等
- 实现账号类型切换时重新加载对应数据
- 优化数据加载逻辑，增加 loading 状态管理
- 重构 API 接口调用，支持传递参数获取数据
---
 src/api/all/propertyMarketing.ts              |   6 +-
 .../components/echarts-item/index.vue         |  43 ++--
 .../put-account/account-dashboard/index.vue   | 237 +++++++-----------
 3 files changed, 116 insertions(+), 170 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 1686f22..4495d02 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -282,13 +282,13 @@ export const getMediaAccountsAuthorizedStatus = (id: string) => {
 
 // 投放账号-趋势
 export const getPlacementAccountsTrend = (params = {}) => {
-  return Http.get(`/v1/placement-accounts/trend`);
+  return Http.get(`/v1/placement-accounts/trend`, params);
 };
 
 
 // 投放账号计划数据-趋势
-export const getPlacementAccountProjectsTrend = (id: string) => {
-  return Http.get(`/v1/placement-account-projects/trend`);
+export const getPlacementAccountProjectsTrend = (params = {}) => {
+  return Http.get(`/v1/placement-account-projects/trend`, params);
 };
 
 // 投放指南查询
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
index 9404752..c4f17da 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -1,5 +1,5 @@
 <template>
-  <div >
+  <div>
     <a-card :bordered="false" class="echart-item-card">
       <template #title>
         <span class="a-card-title">{{ title.name }}</span>
@@ -10,7 +10,7 @@
           </template>
         </a-popover>
       </template>
-      <div id="echarts-line" ref="chart" style="width: 100%; height: 450px"></div>
+      <div ref="chart" style="width: 100%; height: 450px"></div>
     </a-card>
   </div>
 </template>
@@ -19,7 +19,7 @@
 import { defineProps, onMounted } from 'vue';
 import * as echarts from 'echarts';
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
-//子组件参数传递
+
 const props = defineProps({
   title: {
     type: Object,
@@ -43,11 +43,18 @@ let chartInstance: echarts.ECharts | null = null;
 
 const xAxisData = props.xAxisData;
 const seriesData = props.seriesData;
+console.log(seriesData, 'seriesData');
 
 const initChart = () => {
   if (!chart.value) return;
+  // 如果已有实例，就不重复初始化
+  if (chartInstance) {
+    chartInstance.dispose(chart.value);
+  }
   chartInstance = echarts.init(chart.value);
 
+  console.log('init');
+
   const option = {
     tooltip: {
       trigger: 'axis',
@@ -56,20 +63,6 @@ const initChart = () => {
       borderColor: '#ccc',
       borderWidth: 1,
       textStyle: { color: '#333' },
-      formatter: function (params) {
-        let date = params[0].axisValue;
-        let tooltipHtml = `<div style="font-weight:bold;">消耗量 ${date}</div>`;
-        params.forEach((item) => {
-          tooltipHtml += `
-                <div style="display:flex;align-items:center;">
-                  <span style="display:inline-block;width:10px;height:10px;border-radius:5px;margin-right:5px;background-color:${item.color}"></span>
-                  <span style="margin-right:10px;">${item.seriesName}</span>
-                  <span>${item.value}</span>
-                </div>
-              `;
-        });
-        return tooltipHtml;
-      },
     },
     legend: {
       type: 'scroll',
@@ -80,7 +73,7 @@ const initChart = () => {
       pageButtonItemGap: 5,
       pageButtonStyle: { color: '#666' },
       textStyle: { color: '#666' },
-      data: seriesData.map((item) => item.name),
+      data: seriesData,
     },
     grid: {
       top: 80, // 调整图表内容位置，避免与图例重叠
@@ -104,9 +97,23 @@ const initChart = () => {
   chartInstance.setOption(option);
 };
 
+watch(
+  () => props.seriesData,
+  () => {
+    initChart(); //重新渲染的方法
+  },
+  { deep: true },
+);
+
 onMounted(() => {
   initChart();
 });
+onBeforeUnmount(() => {
+  if (chartInstance) {
+    chartInstance.dispose();
+    chartInstance = null;
+  }
+});
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index 9b0dcca..bbe06bd 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -36,11 +36,9 @@
 
           <div class="filter-row-item flex items-center">
             <span class="label">运营人员</span>
-            <a-select v-model="query.operator_id" size="medium" placeholder="全部" allow-clear @change="handleSearch">
-              <a-option v-for="(item, index) in operators" :key="index" :value="item.id" :label="item.name"
-                >{{ item.name }}
-              </a-option>
-            </a-select>
+            <a-space class="w-160px">
+              <OperatorSelect v-model="query.operator_id" :options="operators"  />
+            </a-space>
           </div>
         </div>
         <div class="filter-row flex">
@@ -65,24 +63,71 @@
         </div>
       </div>
     </div>
-    <div class="table-wrap rounded-8px py-5px flex-1 flex flex-col">
+    <div class="table-wrap rounded-8px py-5px flex-1 flex flex-col" v-if="onLoading == false">
       <a-row class="grid-demo" :gutter="24">
         <a-col :span="12">
           <EchartsItem
-            :xAxisData="xhlEcharts.consumption_volume.xAxisData"
-            :seriesData="xhlEcharts.consumption_volume.seriesData"
+            :xAxisData="xhlEcharts?.total_use_amount?.date"
+            :seriesData="xhlEcharts?.total_use_amount?.series_data"
             :title="{ name: '消耗量', popover: '消耗量' }"
           ></EchartsItem>
         </a-col>
         <a-col :span="12">
           <EchartsItem
-            :xAxisData="xhlEcharts.click_count.xAxisData"
-            :seriesData="xhlEcharts.click_count.seriesData"
-            :title="{ name: '消耗量', popover: '消耗量' }"
+            :xAxisData="xhlEcharts?.avg_conversion_cost?.date"
+            :seriesData="xhlEcharts?.avg_conversion_cost?.series_data"
+            :title="{ name: '展示量', popover: '展示量' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts?.click_number?.date"
+            :seriesData="xhlEcharts?.click_number?.series_data"
+            :title="{ name: '点击量', popover: '点击量' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts?.click_rate?.date"
+            :seriesData="xhlEcharts?.click_rate?.series_data"
+            :title="{ name: '点击率', popover: '点击率' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts?.avg_click_cost?.date"
+            :seriesData="xhlEcharts?.avg_click_cost?.series_data"
+            :title="{ name: '平均点击成本', popover: '平均点击成本' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts?.thousand_show_cost?.date"
+            :seriesData="xhlEcharts?.thousand_show_cost?.series_data"
+            :title="{ name: '千次展示成本', popover: '千次展示成本' }"
+          ></EchartsItem>
+        </a-col>
+      </a-row>
+      <a-row class="grid-demo" :gutter="24">
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts?.conversion_number?.date"
+            :seriesData="xhlEcharts?.conversion_number?.series_data"
+            :title="{ name: '转化数', popover: '转化数' }"
+          ></EchartsItem>
+        </a-col>
+        <a-col :span="12">
+          <EchartsItem
+            :xAxisData="xhlEcharts?.conversion_rate?.date"
+            :seriesData="xhlEcharts?.conversion_rate?.series_data"
+            :title="{ name: '转化率', popover: '转化率' }"
           ></EchartsItem>
         </a-col>
       </a-row>
-
     </div>
   </div>
 </template>
@@ -93,46 +138,55 @@ import {
   getPlacementAccountsList,
   getPlacementAccountsTrend,
   getPlacementAccountProjectsTrend,
+  fetchAccountOperators,
 } from '@/api/all/propertyMarketing';
+import OperatorSelect from '@/views/property-marketing/media-account/components/operator-select/index.vue';
 
-const accountType = ref('1');
+const accountType = ref(1);
 
+const onLoading = ref(true);
+
+const getOperators = async () => {
+  const { code, data } = await fetchAccountOperators();
+  if (code === 200) {
+    operators.value = data;
+  }
+};
 const query = reactive({
   names: '',
   platform: '',
   operator_id: '',
 });
-const getPlacementAccounts = async () => {
+const xhlEcharts = reactive({});
+const getAccountsTrends = async () => {
   const { code, data } = await getPlacementAccountsTrend(query);
   if (code === 200) {
-    accountList.value = data;
+    Object.assign(xhlEcharts, data);
   }
+  onLoading.value = false;
+};
+
+const getAccountProjectsTrend = async () => {
+  const { code, data } = await getPlacementAccountProjectsTrend(query);
+  if (code === 200) {
+    Object.assign(xhlEcharts, data);
+  }
+  onLoading.value = false;
 };
 
 const handleSearch = async () => {
-  getPlacementAccounts();
-};
-const handleReset = async () => {};
-// 投放账号计划数据-趋势
-const getPlacementAccountProjects = async () => {
-  const { code, data } = await getPlacementAccountProjectsTrend(query);
-  if (code === 200) {
-    accountList.value = data;
+  if (accountType.value == 1) {
+    getAccountsTrends();
+  } else if (accountType.value == 2) {
+    getAccountProjectsTrend();
   }
 };
+const handleReset = async () => {};
+
 const operators = ref([]);
 const accountList = ref([]);
 const handleTabClick = (key) => {
-  console.log(key, 'key');
-  if (key == 1) {
-    getAccountList();
-  } else if (key == 2) {
-    getPlacementAccountProjects();
-  }
-};
-
-const getOperators = async () => {
-
+  handleSearch();
 };
 
 // 获取账户名称
@@ -144,125 +198,10 @@ const getAccountList = async () => {
 };
 
 onMounted(() => {
-  getPlacementAccounts();
+  handleSearch();
   getAccountList();
   getOperators();
 });
-const xhlEcharts = reactive({
-  consumption_volume: {
-    label: '消耗量',
-    key: 'consumption_volume',
-    xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
-    seriesData: [
-      {
-        name: '本地推-小庭院推广计划',
-        type: 'line',
-        data: [30000, 40000, 25000, 20000, 29019, 29019, 29019],
-        color: '#7b68ee',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '全球旅行小助手推广',
-        type: 'line',
-        data: [25000, 27000, 23000, 20000, 29019, 29019, 29019],
-        color: '#32c5ff',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '定向旅居推广顶级套餐',
-        type: 'line',
-        data: [10000, 5000, 12000, 15000, 29019, 29019, 29019],
-        color: '#feb62f',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '城市探索者特惠活动',
-        type: 'line',
-        data: [15000, 18000, 12000, 16000, 20000, 22000, 24000],
-        color: '#ff7d00',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '高端民宿精选推荐',
-        type: 'line',
-        data: [22000, 20000, 25000, 23000, 21000, 19000, 22000],
-        color: '#f5222d',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '美食探店达人计划',
-        type: 'line',
-        data: [18000, 19000, 17000, 16000, 18000, 20000, 21000],
-        color: '#722ed1',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '户外探险装备推荐',
-        type: 'line',
-        data: [12000, 14000, 13000, 15000, 17000, 16000, 18000],
-        color: '#13c2c2',
-        emphasis: { focus: 'series' },
-      },
-    ],
-
-  },
-  click_count: {
-    label: '点击量',
-    key: 'click_count',
-    xAxisData: ['06-05', '06-06', '06-07', '06-08', '06-09', '06-10', '06-11'],
-    seriesData: [
-      {
-        name: '本地推-小庭院推广计划',
-        type: 'line',
-        data: [30000, 40000, 25000, 20000, 29019, 29019, 29019],
-        color: '#7b68ee',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '全球旅行小助手推广',
-        type: 'line',
-        data: [25000, 27000, 23000, 20000, 29019, 29019, 29019],
-        color: '#32c5ff',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '定向旅居推广顶级套餐',
-        type: 'line',
-        data: [10000, 5000, 12000, 15000, 29019, 29019, 29019],
-        color: '#feb62f',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '城市探索者特惠活动',
-        type: 'line',
-        data: [15000, 18000, 12000, 16000, 20000, 22000, 24000],
-        color: '#ff7d00',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '高端民宿精选推荐',
-        type: 'line',
-        data: [22000, 20000, 25000, 23000, 21000, 19000, 22000],
-        color: '#f5222d',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '美食探店达人计划',
-        type: 'line',
-        data: [18000, 19000, 17000, 16000, 18000, 20000, 21000],
-        color: '#722ed1',
-        emphasis: { focus: 'series' },
-      },
-      {
-        name: '户外探险装备推荐',
-        type: 'line',
-        data: [12000, 14000, 13000, 15000, 17000, 16000, 18000],
-        color: '#13c2c2',
-        emphasis: { focus: 'series' },
-      },
-    ],
-  },
-});
 </script>
 
 <style scoped lang="scss">

From 5d237ec6186f5adfb092a471a1623bf61b959909 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 10:01:59 +0800
Subject: [PATCH 59/78] =?UTF-8?q?perf:=20=E8=A1=A8=E6=A0=BC=E8=87=AA?=
 =?UTF-8?q?=E5=AE=9A=E4=B9=89=E5=AD=97=E6=AE=B5=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/custom-column-modal/index.vue  |  13 +-
 .../account-dashboard/constants.ts            |  15 +-
 .../components/board-table/constants.ts       | 134 ++++++++----------
 .../components/filter-block/index.vue         |   2 +-
 .../components/plan-table/constants.ts        |  72 +++++-----
 .../put-account/account-data/index.vue        |  28 ++--
 .../components/add-account-modal/index.vue    |   6 +-
 7 files changed, 140 insertions(+), 130 deletions(-)

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 f76889b..bb32412 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
@@ -28,7 +28,7 @@
               :disabled="option.is_require === ENUM_STATUS.NO"
               @change="(checked) => onCheckChange(checked, option)"
             >
-              {{ option.label }}
+              {{ localFields.find((item) => item.prop === option.value)?.title }}
             </a-checkbox>
           </div>
         </div>
@@ -77,7 +77,7 @@ import { ref, defineExpose } from 'vue';
 import { VueDraggable } from 'vue-draggable-plus';
 
 import { getCustomColumns, updateCustomColumns } from '@/api/all/common';
-import { getPropPrefix } from '@/views/property-marketing/media-account/account-dashboard/constants';
+import { getPropPrefix, getDefaultColumns } from '@/views/property-marketing/media-account/account-dashboard/constants';
 
 import icon1 from './img/icon-lock.png';
 
@@ -106,9 +106,13 @@ const dataSource = ref([]);
 const checkColumns = ref([]); // 选中字段
 const allColumns = ref([]); // 所有字段
 const requiredGroupNames = ref([]); // 必选分组名称
+const localFields = ref([]);
 
 const open = () => {
   initData();
+
+  localFields.value = getDefaultColumns(props.dateType);
+
   visible.value = true;
 };
 
@@ -118,6 +122,7 @@ const close = () => {
   dataSource.value = [];
   checkColumns.value = [];
   allColumns.value = [];
+  localFields.value = [];
   requiredGroupNames.value = [];
 };
 
@@ -150,8 +155,8 @@ const isCheck = (option) => {
   return checkColumns.value.includes(option.value);
 };
 const getCheckColumnLabel = (value) => {
-  const column = allColumns.value.find((column) => column.value === value);
-  return column?.label;
+  const column = localFields.value.find((column) => column.prop === value);
+  return column?.title;
 };
 const isRequiredColumn = (value) => {
   const column = allColumns.value.find((column) => column.value === value);
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 9ca7e76..898c27c 100644
--- a/src/views/property-marketing/media-account/account-dashboard/constants.ts
+++ b/src/views/property-marketing/media-account/account-dashboard/constants.ts
@@ -72,7 +72,7 @@ export const getDefaultColumns = (type = 'week') => {
       fixed: 'left',
     },
     {
-      title: '项目分组',
+      title: '账号分组',
       dataIndex: 'group.name',
       prop: 'group',
       width: 180,
@@ -111,7 +111,7 @@ export const getDefaultColumns = (type = 'week') => {
     {
       title: '总赞藏数',
       dataIndex: 'like_collect_number',
-      prop: 'like_collect_number',
+      prop: 'like_number',
       width: 180,
       tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
       align: 'right',
@@ -222,6 +222,17 @@ export const getDefaultColumns = (type = 'week') => {
         sortDirections: ['ascend', 'descend'],
       },
     },
+    {
+      title: '次新作品收藏数',
+      dataIndex: 'second_new_work_collect_number',
+      prop: 'second_new_work_collect_number',
+      width: 180,
+      tooltip: '次新作品内容的收藏数',
+      align: 'right',
+      sortable: {
+        sortDirections: ['ascend', 'descend'],
+      },
+    },
     {
       title: '次新作品评论数',
       dataIndex: 'second_new_work_comment_number',
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 0c2764a..4bed58a 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
@@ -20,7 +20,7 @@ export const TABLE_COLUMNS = [
   {
     title: '运营人员',
     dataIndex: 'operator_ame',
-    prop: 'operator_ame',
+    prop: 'operator',
     width: 180,
   },
   {
@@ -73,8 +73,8 @@ export const TABLE_COLUMNS = [
   },
   // {
   //   title: '账户余额',
-  //   dataIndex: 'balance',
-  //   prop: 'balance',
+  //   dataIndex: 'balance_amount',
+  //   prop: 'balance_amount',
   //   width: 180,
   //   tooltip: '当前账户剩余的可用余额，用于后续广告投放。',
   //   prefix: '¥',
@@ -83,23 +83,23 @@ export const TABLE_COLUMNS = [
   //     sortDirections: ['ascend', 'descend'],
   //   },
   // },
-  // {
-  //   title: 'AI评价',
-  //   dataIndex: 'ai_evaluate',
-  //   prop: 'ai_evaluate',
-  //   width: 260,
-  // },
-  // {
-  //   title: '投资回报率',
-  //   dataIndex: 'roi',
-  //   prop: 'roi',
-  //   width: 180,
-  //   tooltip: '投入产出比（ROI），等于收益 ÷ 投入，反映投放带来的商业价值。',
-  //   align: 'right',
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
+  {
+    title: 'AI评价',
+    dataIndex: 'ai_evaluate',
+    prop: 'ai_evaluate',
+    width: 260,
+  },
+  {
+    title: '投资回报率',
+    dataIndex: 'roi',
+    prop: 'roi',
+    width: 180,
+    tooltip: '投入产出比（ROI），等于收益 ÷ 投入，反映投放带来的商业价值。',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
   // {
   //   title: '投资回报率环比',
   //   dataIndex: 'roi_chain',
@@ -114,7 +114,7 @@ export const TABLE_COLUMNS = [
   //   },
   // },
   {
-    title: '展示量',
+    title: '展示数',
     dataIndex: 'show_number',
     prop: 'show_number',
     width: 180,
@@ -124,21 +124,21 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  // {
-  //   title: '展示量环比',
-  //   dataIndex: 'view_number_chain',
-  //   prop: 'view_number_chain',
-  //   width: 180,
-  //   tooltip: '展示量与上一周期的变化百分比，反映广告曝光趋势。',
-  //   align: 'right',
-  //   suffix: '%',
-  //   isRateField: true,
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
   {
-    title: '点击量',
+    title: '展示数环比',
+    dataIndex: 'show_number_chain',
+    prop: 'show_number_chain',
+    width: 180,
+    tooltip: '展示数与上一周期的变化百分比，反映广告曝光趋势。',
+    align: 'right',
+    suffix: '%',
+    isRateField: true,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '点击数',
     dataIndex: 'click_number',
     prop: 'click_number',
     width: 180,
@@ -148,19 +148,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  // {
-  //   title: '点击量环比',
-  //   dataIndex: 'click_number_chain',
-  //   prop: 'click_number_chain',
-  //   width: 180,
-  //   tooltip: '当前周期点击量相较上一周期的变化百分比。',
-  //   align: 'right',
-  //   suffix: '%',
-  //   isRateField: true,
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
+  {
+    title: '点击数环比',
+    dataIndex: 'click_number_chain',
+    prop: 'click_number_chain',
+    width: 180,
+    tooltip: '当前周期点击数相较上一周期的变化百分比。',
+    align: 'right',
+    suffix: '%',
+    isRateField: true,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
   {
     title: '点击率',
     dataIndex: 'click_rate',
@@ -172,19 +172,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  // {
-  //   title: '点击率环比',
-  //   dataIndex: 'click_rate_chain',
-  //   prop: 'click_rate_chain',
-  //   width: 180,
-  //   tooltip: '当前 CTR 相较上一周期的变化百分比，评估广告表现是否优化。',
-  //   align: 'right',
-  //   suffix: '%',
-  //   isRateField: true,
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
+  {
+    title: '点击率环比',
+    dataIndex: 'click_rate_chain',
+    prop: 'click_rate_chain',
+    width: 180,
+    tooltip: '当前 CTR 相较上一周期的变化百分比，评估广告表现是否优化。',
+    align: 'right',
+    suffix: '%',
+    isRateField: true,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
   {
     title: '平均点击成本',
     dataIndex: 'avg_click_cost',
@@ -197,7 +197,7 @@ export const TABLE_COLUMNS = [
     },
   },
   {
-    title: '千次展现费用',
+    title: '千次展示费用',
     dataIndex: 'thousand_show_cost',
     prop: 'thousand_show_cost',
     width: 180,
@@ -296,14 +296,4 @@ export const TABLE_COLUMNS = [
   //   prop: 'newest_work_title',
   //   width: 260,
   // },
-  // {
-  //   title: '投放回报率',
-  //   dataIndex: 'roi_chain1',
-  //   prop: 'roi_chain1',
-  //   width: 180,
-  //   align: 'right',
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
 ];
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 80ddf5b..1e661c1 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
@@ -48,7 +48,7 @@
           <a-range-picker
             v-model="query.data_time"
             size="medium"
-            allow-clear
+            :allow-clear="false"
             format="YYYY-MM-DD"
             class="w-100%"
             @change="handleSearch"
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 7477d08..f517a3a 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
@@ -34,7 +34,7 @@ export const TABLE_COLUMNS = [
   {
     title: '运营人员',
     dataIndex: 'operator_name',
-    prop: 'operator_name',
+    prop: 'operator',
     width: 180,
   },
   {
@@ -51,8 +51,8 @@ export const TABLE_COLUMNS = [
   },
   // {
   //   title: '账户余额',
-  //   dataIndex: 'balance',
-  //   prop: 'balance',
+  //   dataIndex: 'balance_amount',
+  //   prop: 'balance_amount',
   //   width: 180,
   //   tooltip: '当前投流计划剩余可用预算，用于后续广告持续投放。',
   //   prefix: '¥',
@@ -61,25 +61,25 @@ export const TABLE_COLUMNS = [
   //     sortDirections: ['ascend', 'descend'],
   //   },
   // },
-  // {
-  //   title: 'AI评价',
-  //   dataIndex: 'ai_evaluate',
-  //   prop: 'ai_evaluate',
-  //   width: 260,
-  // },
-  // {
-  //   title: '投资回报率',
-  //   dataIndex: 'roi',
-  //   prop: 'roi',
-  //   width: 180,
-  //   tooltip: '投入产出比（ROI），= 收益 ÷ 投入，用于衡量该计划的经济效益。',
-  //   align: 'right',
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
   {
-    title: '展示量',
+    title: 'AI评价',
+    dataIndex: 'ai_evaluate',
+    prop: 'ai_evaluate',
+    width: 260,
+  },
+  {
+    title: '投资回报率',
+    dataIndex: 'roi',
+    prop: 'roi',
+    width: 180,
+    tooltip: '投入产出比（ROI），= 收益 ÷ 投入，用于衡量该计划的经济效益。',
+    align: 'right',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
+  {
+    title: '展示数',
     dataIndex: 'show_number',
     prop: 'show_number',
     width: 180,
@@ -90,7 +90,7 @@ export const TABLE_COLUMNS = [
     },
   },
   {
-    title: '点击量',
+    title: '点击数',
     dataIndex: 'click_number',
     prop: 'click_number',
     width: 180,
@@ -111,19 +111,19 @@ export const TABLE_COLUMNS = [
       sortDirections: ['ascend', 'descend'],
     },
   },
-  // {
-  //   title: '点击率环比',
-  //   dataIndex: 'click_rate_chain',
-  //   prop: 'click_rate_chain',
-  //   width: 180,
-  //   tooltip: '当前 CTR 与上一周期对比的变化百分比，用于追踪广告吸引力趋势。',
-  //   align: 'right',
-  //   suffix: '%',
-  //   isRateField: true,
-  //   sortable: {
-  //     sortDirections: ['ascend', 'descend'],
-  //   },
-  // },
+  {
+    title: '点击率环比',
+    dataIndex: 'click_rate_chain',
+    prop: 'click_rate_chain',
+    width: 180,
+    tooltip: '当前 CTR 与上一周期对比的变化百分比，用于追踪广告吸引力趋势。',
+    align: 'right',
+    suffix: '%',
+    isRateField: true,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
+  },
   {
     title: '平均点击成本',
     dataIndex: 'avg_click_cost',
@@ -136,7 +136,7 @@ export const TABLE_COLUMNS = [
     },
   },
   {
-    title: '千次展现费用',
+    title: '千次展示费用',
     dataIndex: 'thousand_show_cost',
     prop: 'thousand_show_cost',
     width: 180,
diff --git a/src/views/property-marketing/put-account/account-data/index.vue b/src/views/property-marketing/put-account/account-data/index.vue
index 87454c5..842a522 100644
--- a/src/views/property-marketing/put-account/account-data/index.vue
+++ b/src/views/property-marketing/put-account/account-data/index.vue
@@ -22,7 +22,7 @@
         v-model:query="query"
         :isAccountTab="isAccountTab"
         @onSearch="getData"
-        @onReset="handleReset"
+        @onReset="init"
       />
     </div>
     <div
@@ -84,6 +84,19 @@ const pageInfo = ref(cloneDeep(INITIAL_PAGE_INFO));
 
 const isAccountTab = computed(() => activeTab.value === '1');
 
+const init = () => {
+  query.value = cloneDeep(INITIAL_QUERY);
+  dataSource.value = [];
+  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
+  selectedRowKeys.value = [];
+  accountTableRef.value?.resetTable();
+
+  const data_time = [dayjs().format('YYYY-MM-DD'), dayjs().format('YYYY-MM-DD')];
+  query.value.data_time = data_time;
+
+  getData();
+};
+
 const getData = async () => {
   const _fn = isAccountTab.value ? getPlacementAccountData : getPlacementAccountDataList;
   const { page, page_size } = pageInfo.value;
@@ -113,14 +126,6 @@ const reload = () => {
   getData();
 };
 
-const handleReset = () => {
-  pageInfo.value = cloneDeep(INITIAL_PAGE_INFO);
-  selectedRowKeys.value = [];
-  accountTableRef.value?.resetTable();
-  query.value = cloneDeep(INITIAL_QUERY);
-  reload();
-};
-
 const handleSorterChange = (column, order) => {
   query.value.column = column;
   query.value.order = order;
@@ -132,8 +137,7 @@ const handleSelectionChange = (selectedRows) => {
 
 const handleTabClick = (key) => {
   activeTab.value = key;
-  dataSource.value = [];
-  handleReset();
+  init();
 };
 
 const handleExport = () => {
@@ -153,7 +157,7 @@ const handleOpenGroupModal = () => {
 };
 
 onMounted(() => {
-  getData();
+  init();
 });
 </script>
 
diff --git a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
index fda9e1d..021d701 100644
--- a/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/add-account-modal/index.vue
@@ -119,14 +119,14 @@
             <a-input v-model="form.balance_amount" placeholder="请输入..." size="large" disabled />
           </a-form-item>
         </template>
-        <a-form-item label="同步项目数据" field="is_sync">
+        <a-form-item label="同步项目数据" field="is_sync_project">
           <template #label>
             <span class="label">同步项目数据</span>
             <a-tooltip content="同步项目数据后，账户数据将同步到项目中">
               <icon-question-circle size="14" class="ml-4px color-#737478" />
             </a-tooltip>
           </template>
-          <a-switch v-model="form.is_sync" size="medium" :checked-value="1" :un-checked-value="0" />
+          <a-switch v-model="form.is_sync_project" size="medium" :checked-value="1" :un-checked-value="0" />
         </a-form-item>
       </template>
     </a-form>
@@ -173,7 +173,7 @@ const INITIAL_FORM = {
   operator_name: '',
   holder_name: '',
   platform: 0,
-  is_sync: 0,
+  is_sync_project: 0,
 };
 
 const visible = ref(false);

From d054f67652c35d4ab3aa62db713161aebc158788 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 10:33:42 +0800
Subject: [PATCH 60/78] =?UTF-8?q?perf:=20=E6=8A=95=E6=94=BE=E8=B4=A6?=
 =?UTF-8?q?=E5=8F=B7-=E5=90=8C=E6=AD=A5=E6=95=B0=E6=8D=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/all/propertyMarketing.ts              |  8 ++-
 .../authorized-account-modal/index.vue        | 51 +++++++++++++++----
 2 files changed, 47 insertions(+), 12 deletions(-)

diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 4495d02..e617401 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -285,7 +285,6 @@ export const getPlacementAccountsTrend = (params = {}) => {
   return Http.get(`/v1/placement-accounts/trend`, params);
 };
 
-
 // 投放账号计划数据-趋势
 export const getPlacementAccountProjectsTrend = (params = {}) => {
   return Http.get(`/v1/placement-account-projects/trend`, params);
@@ -293,7 +292,7 @@ export const getPlacementAccountProjectsTrend = (params = {}) => {
 
 // 投放指南查询
 export const getPlacementGuide = (params: {}) => {
-  return Http.get(`/v1/placement-account-projects/getGuideList`,params);
+  return Http.get(`/v1/placement-account-projects/getGuideList`, params);
 };
 
 // 前端定时轮询获取ai检测结果
@@ -305,3 +304,8 @@ export const getAiResult = (params: {}) => {
 export const getPlacementAccountsList = (params = {}) => {
   return Http.get('/v1/placement-accounts/list', params);
 };
+
+// 投放账号-同步数据
+export const postPlacementAccountsSync = (id: string) => {
+  return Http.post(`/v1/placement-accounts/${id}/sync-data`);
+};
diff --git a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
index 6f8efa2..4f5bb36 100644
--- a/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-manage/components/authorized-account-modal/index.vue
@@ -16,9 +16,9 @@
       <div class="flex items-center mb-20px">
         <img :src="icon1" width="16" height="16" class="mr-16px" />
         <p class="s2">
-          检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM-DD', 'YYYY-MM-DD') }}，已有{{
-            dayjs().diff(dayjs(lastSyncedAt * 1000), 'day')
-          }}天未同步最新数据。
+          检测到该账户最后更新日期为{{ exactFormatTime(lastSyncedAt, 'MM月DD日HH:mm', 'YYYY年MM月DD日 HH:mm') }}，已有{{
+            getDaysDiffText(lastSyncedAt)
+          }}未同步最新数据。
         </p>
       </div>
       <a-radio-group v-model="syncType" class="ml-32px">
@@ -65,14 +65,18 @@
 import dayjs from 'dayjs';
 import { defineExpose, ref, computed, defineEmits } from 'vue';
 import { exactFormatTime } from '@/utils/tools';
-import { putPlacementAccountsAuthorized, getPlacementAccountsAuthorizedStatus } from '@/api/all/propertyMarketing';
+import {
+  putPlacementAccountsAuthorized,
+  getPlacementAccountsAuthorizedStatus,
+  postPlacementAccountsSync,
+} from '@/api/all/propertyMarketing';
 
 import icon1 from '@/assets/img/media-account/icon-warn-1.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 
 const emits = defineEmits(['update']);
-
+const INITIAL_SYNC_TYPE = 'sync';
 const visible = ref(false);
 const isLoading = ref(false);
 const isCompleted = ref(false);
@@ -81,9 +85,10 @@ const formRef = ref(null);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
-const lastSyncedAt = ref(null);
-const syncType = ref('sync'); // sync ｜ no_sync
+
+const lastSyncedAt = ref(null); // 上次同步时间戳
 const showSyncTip = ref(false);
+const syncType = ref(INITIAL_SYNC_TYPE); // sync ｜ no_sync
 
 const INITIAL_FORM = {
   account: '',
@@ -111,6 +116,15 @@ const confirmBtnText = computed(() => {
   return isSuccess.value ? '继续添加' : '重试';
 });
 
+const getDaysDiffText = (lastSyncedAt) => {
+  if (!lastSyncedAt) return '0天';
+
+  const daysDiff = dayjs().diff(dayjs(lastSyncedAt * 1000), 'day');
+
+  if (daysDiff === 0) return '不到1天';
+  return `${daysDiff}天`;
+};
+
 const open = (accountId, last_synced_at = null) => {
   id.value = accountId;
   lastSyncedAt.value = last_synced_at;
@@ -129,7 +143,7 @@ const close = () => {
   progress.value = 0;
   id.value = '';
   lastSyncedAt.value = null;
-  syncType.value = 'sync';
+  syncType.value = INITIAL_SYNC_TYPE;
   showSyncTip.value = false;
   clearFakeProgressTimer();
   clearStatusPollingTimer();
@@ -206,8 +220,8 @@ const clearFakeProgressTimer = () => {
   }
 };
 
-const handleOk = () => {
-  if (lastSyncedAt.value) {
+const handleSyncData = () => {
+  if (!showSyncTip.value) {
     formRef.value.validate(async (errors) => {
       if (!errors) {
         showSyncTip.value = true;
@@ -216,6 +230,23 @@ const handleOk = () => {
     return;
   }
 
+  if (syncType.value === INITIAL_SYNC_TYPE) {
+    postPlacementAccountsSync(id.value).then((res) => {
+      if (res.code === 200) {
+        close();
+      }
+    });
+  } else {
+    close();
+  }
+};
+
+const handleOk = () => {
+  if (lastSyncedAt.value && lastSyncedAt.value < dayjs().startOf('day').valueOf()) {
+    handleSyncData();
+    return;
+  }
+
   if (isCompleted.value) {
     if (isSuccess.value) {
       emits('update');

From f8f1301989b0c2edd5e33a3b6e8bb9904909d109 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 10:42:38 +0800
Subject: [PATCH 61/78] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83?=
 =?UTF-8?q?=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/dataEngine/keyWord.vue   | 2 +-
 src/views/components/dataEngine/topHeader.vue | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/views/components/dataEngine/keyWord.vue b/src/views/components/dataEngine/keyWord.vue
index d860e32..65a8959 100644
--- a/src/views/components/dataEngine/keyWord.vue
+++ b/src/views/components/dataEngine/keyWord.vue
@@ -5,7 +5,7 @@
     <!-- 关键词热度榜 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-24px"
+      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid w-100% py-0 px-20px mb-20px"
     >
       <div class="title-row">
         <span class="title mr-4px">关键词热度榜</span>
diff --git a/src/views/components/dataEngine/topHeader.vue b/src/views/components/dataEngine/topHeader.vue
index aca2867..60367cc 100644
--- a/src/views/components/dataEngine/topHeader.vue
+++ b/src/views/components/dataEngine/topHeader.vue
@@ -3,8 +3,8 @@
     <!-- 头部 -->
     <a-space
       direction="vertical"
-      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid"
-      style="background-color: #fff; width: 100%; padding: 24px; margin: 24px 0; color: #737478; font-size: 14px"
+      class="bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid mb-20px"
+      style="background-color: #fff; width: 100%; padding: 24px; color: #737478; font-size: 14px"
     >
       <a-space align="start" style="width: 100%; align-items: flex-start" class="mb-12px">
         <span style="flex-shrink: 0; line-height: 28px" class="mr-32px">行业大类</span>

From 0766c7c1ad77f976120f2be52b29f53ec068015e Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 13:46:24 +0800
Subject: [PATCH 62/78] =?UTF-8?q?feat:=20=E5=A2=9E=E5=8A=A0column-resizabl?=
 =?UTF-8?q?e=E5=B1=9E=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/index.vue                 |  1 +
 .../account-detail/components/note-table/index.vue     | 10 +++++++++-
 .../components/batch-group-modal/index.vue             |  2 +-
 .../components/batch-tag-modal/index.vue               |  2 +-
 .../components/group-manage-modal/index.vue            |  1 +
 .../account-data/components/board-table/index.vue      |  1 +
 .../components/group-manage-modal/index.vue            |  1 +
 .../account-data/components/plan-table/index.vue       |  1 +
 8 files changed, 16 insertions(+), 3 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 582dc23..6c51cd1 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
@@ -32,6 +32,7 @@
     ref="tableRef"
     :data="dataSource"
     row-key="id"
+    column-resizable
     :row-selection="{
       type: 'checkbox',
       showCheckedAll: true,
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 96e673d..85e88f2 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
@@ -49,7 +49,15 @@
         <template #default>重置</template>
       </a-button>
     </div>
-    <a-table :data="dataSource" row-key="id" :pagination="false" :scroll="{ x: '100%' }" class="w-100%" bordered>
+    <a-table
+      :data="dataSource"
+      row-key="id"
+      :pagination="false"
+      :scroll="{ x: '100%' }"
+      class="w-100%"
+      bordered
+      column-resizable
+    >
       <template #empty>
         <NoData />
       </template>
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
index 401c218..36ca462 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-group-modal/index.vue
@@ -37,7 +37,7 @@
 
       <!-- 分别编辑 -->
       <template v-if="editType === 'each'">
-        <a-table :data="accountGroupList" :pagination="false" row-key="id" class="w-100%">
+        <a-table :data="accountGroupList" :pagination="false" row-key="id" class="w-100%" column-resizable>
           <template #columns>
             <a-table-column title="账号名称" data-index="name" width="200">
               <template #cell="{ record }">
diff --git a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
index fdf8c94..bb173bb 100644
--- a/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/batch-tag-modal/index.vue
@@ -47,7 +47,7 @@
 
       <!-- 分别编辑 -->
       <template v-if="editType === 'each'">
-        <a-table :data="accountTagList" :pagination="false" row-key="id" class="w-100%">
+        <a-table :data="accountTagList" :pagination="false" row-key="id" class="w-100%" column-resizable>
           <template #columns>
             <a-table-column title="账号名称" data-index="name" width="200">
               <template #cell="{ record }">
diff --git a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
index 1ce5664..d451d51 100644
--- a/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/group-manage-modal/index.vue
@@ -32,6 +32,7 @@
     </div>
 
     <a-table
+      column-resizable
       :columns="columns"
       :data="list"
       row-key="id"
diff --git a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
index f4a3367..b60414d 100644
--- a/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/board-table/index.vue
@@ -33,6 +33,7 @@
     ref="tableRef"
     :data="dataSource"
     row-key="id"
+    column-resizable
     :row-selection="{
       type: 'checkbox',
       showCheckedAll: true,
diff --git a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
index c9cbab0..4ee4610 100644
--- a/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
+++ b/src/views/property-marketing/put-account/account-data/components/group-manage-modal/index.vue
@@ -31,6 +31,7 @@
       </a-button>
     </div>
     <a-table
+      column-resizable
       :columns="columns"
       :data="list"
       row-key="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 dc3787b..4ae434e 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
@@ -31,6 +31,7 @@
 
   <a-table
     ref="tableRef"
+    column-resizable
     :data="dataSource"
     row-key="id"
     :row-selection="{

From 2882d1cae514b58a43e03a6708f76ddfec7c2b26 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 15:02:04 +0800
Subject: [PATCH 63/78] =?UTF-8?q?perf:=20menu=20svg=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E6=9B=BF=E6=8D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/svg/icon-intelligentSolution.svg   |  3 +++
 src/assets/svg/icon-mediaAccount.svg          |  3 +++
 src/assets/svg/icon-putAccount.svg            |  3 +++
 src/assets/svg/icon-repository.svg            |  3 +++
 src/components/_base/menu/index.vue           | 26 ++++++++++++++++++-
 .../routes/modules/propertyMarketing.ts       | 14 ++++++----
 src/router/typeings.d.ts                      |  2 +-
 7 files changed, 47 insertions(+), 7 deletions(-)
 create mode 100644 src/assets/svg/icon-intelligentSolution.svg
 create mode 100644 src/assets/svg/icon-mediaAccount.svg
 create mode 100644 src/assets/svg/icon-putAccount.svg
 create mode 100644 src/assets/svg/icon-repository.svg

diff --git a/src/assets/svg/icon-intelligentSolution.svg b/src/assets/svg/icon-intelligentSolution.svg
new file mode 100644
index 0000000..d92d7ec
--- /dev/null
+++ b/src/assets/svg/icon-intelligentSolution.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M11.4165 8.97559C12.8259 8.97562 13.969 10.118 13.9693 11.5273L13.9556 11.7891C13.9073 12.2634 13.7275 12.6982 13.4556 13.0596L14.0542 13.6582C14.2495 13.8535 14.2495 14.17 14.0542 14.3652C13.8589 14.5603 13.5424 14.5604 13.3472 14.3652L12.7085 13.7256C12.3292 13.949 11.8886 14.0801 11.4165 14.0801L11.1558 14.0664C9.86908 13.9356 8.86497 12.8485 8.86477 11.5273C8.86501 10.1182 10.0073 8.97583 11.4165 8.97559ZM8.74074 3.80469C8.74092 4.35682 9.18857 4.80469 9.74074 4.80469L11.8862 4.80469V7.85937C11.7712 7.84857 11.6545 7.84278 11.5366 7.84277C9.49559 7.84277 7.84035 9.49802 7.84035 11.5391C7.84042 12.5835 8.27458 13.5262 8.97121 14.1982H2.79934C2.24716 14.1981 1.79934 13.7504 1.79934 13.1982L1.79934 2.48828C1.79934 1.93608 2.24716 1.48841 2.79934 1.48828L8.74074 1.48828V3.80469ZM11.4165 9.97559C10.5596 9.97583 9.86501 10.6704 9.86477 11.5273C9.86498 12.3843 10.5596 13.0798 11.4165 13.0801C12.2736 13.08 12.969 12.3844 12.9693 11.5273C12.969 10.6703 12.2736 9.97562 11.4165 9.97559ZM3.48879 6.35156C3.37847 6.35156 3.28882 6.44051 3.28859 6.55078V7.0498C3.28868 7.16018 3.37839 7.25 3.48879 7.25L7.14211 7.25C7.25238 7.24984 7.34221 7.16009 7.3423 7.0498V6.55078C7.34208 6.44061 7.25229 6.35172 7.14211 6.35156L3.48879 6.35156ZM3.48879 4.04395C3.37837 4.04395 3.28866 4.13374 3.28859 4.24414V4.74316C3.28884 4.85341 3.37848 4.94238 3.48879 4.94238H7.14211C7.25228 4.94222 7.34206 4.85332 7.3423 4.74316V4.24414C7.34223 4.13384 7.25239 4.0441 7.14211 4.04395H3.48879ZM11.978 3.91895L10.0474 3.91895C9.77124 3.91895 9.54738 3.69509 9.54738 3.41895V1.48828L11.978 3.91895Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/svg/icon-mediaAccount.svg b/src/assets/svg/icon-mediaAccount.svg
new file mode 100644
index 0000000..c97d96f
--- /dev/null
+++ b/src/assets/svg/icon-mediaAccount.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M10.0492 9.03058C12.2731 9.03059 14.0867 10.8117 14.1273 13.0352C14.1439 13.9477 13.4092 14.6964 12.4966 14.6966L3.50042 14.6966C2.59261 14.6965 1.86034 13.9541 1.87254 13.0463C1.90255 10.8197 3.71631 9.03058 5.94319 9.03058H10.0492ZM7.87154 1.30322C9.93387 1.30328 11.6061 2.88101 11.6064 4.8269C11.6064 6.773 9.93402 8.35146 7.87154 8.35151C5.809 8.35151 4.1367 6.77303 4.1367 4.8269C4.13695 2.88097 5.80916 1.30322 7.87154 1.30322Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/svg/icon-putAccount.svg b/src/assets/svg/icon-putAccount.svg
new file mode 100644
index 0000000..0228b70
--- /dev/null
+++ b/src/assets/svg/icon-putAccount.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M13.434 6.4018C13.7387 6.4018 13.9863 6.64936 13.9863 6.95409L13.9863 13.4136C13.9863 13.9214 13.5744 14.333 13.0667 14.3332L2.94324 14.3332C2.4355 14.333 2.02367 13.9214 2.02367 13.4136L2.02367 6.95409C2.02367 6.64938 2.27125 6.40182 2.57595 6.4018L13.434 6.4018ZM3.6482 9.82418C3.49585 9.8242 3.3725 9.94752 3.3725 10.0999L3.3725 12.6521C3.37274 12.8042 3.496 12.9277 3.6482 12.9278H5.6948C5.84701 12.9278 5.97025 12.8042 5.97049 12.6521L5.97049 10.0999C5.97049 9.94751 5.84716 9.82418 5.6948 9.82418H3.6482ZM7.55192 5.66362L2.38198 5.66362C2.1291 5.66334 1.95132 5.41309 2.03444 5.1742L3.04113 2.28345C3.16976 1.9142 3.51856 1.66682 3.90952 1.6665L7.55192 1.6665L7.55192 5.66362ZM12.0537 1.6665C12.4421 1.66658 12.7886 1.91054 12.9194 2.27626L13.9549 5.1715C14.0405 5.41104 13.8626 5.66357 13.6082 5.66362L8.44276 5.66362V1.6665L12.0537 1.6665Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/assets/svg/icon-repository.svg b/src/assets/svg/icon-repository.svg
new file mode 100644
index 0000000..bb76562
--- /dev/null
+++ b/src/assets/svg/icon-repository.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none">
+  <path d="M2.97785 10.8532C3.06071 10.71 3.24367 10.6612 3.38703 10.7438L6.48859 12.5348C6.63203 12.6176 6.68168 12.8005 6.59894 12.944L5.44757 14.9371C5.34178 15.1204 5.08511 15.1398 4.95343 14.9743L3.88214 13.6256C3.83419 13.5653 3.76511 13.5259 3.68878 13.5153L2.04816 13.2897C1.83724 13.2606 1.72302 13.0269 1.82941 12.8424L2.97785 10.8532ZM12.6126 10.7438C12.7561 10.661 12.9399 10.7097 13.0228 10.8532L14.1712 12.8424C14.2775 13.0269 14.1625 13.2607 13.9515 13.2897L12.3118 13.5153C12.2353 13.5258 12.1655 13.5651 12.1175 13.6256L11.0472 14.9743C10.9155 15.14 10.6579 15.1205 10.5521 14.9371L9.40167 12.944C9.31889 12.8006 9.36778 12.6177 9.51105 12.5348L12.6126 10.7438ZM7.55304 0.954723C7.82985 0.795119 8.17083 0.794962 8.44757 0.954723L12.7542 3.44105C13.0311 3.60091 13.2015 3.89674 13.2015 4.21644L13.2015 9.1891C13.2015 9.50881 13.0311 9.80462 12.7542 9.96449L8.44757 12.4508C8.17085 12.6105 7.82982 12.6104 7.55304 12.4508L3.2464 9.96449C2.96951 9.80462 2.79816 9.50883 2.79816 9.1891L2.79816 4.21644C2.79817 3.89673 2.96952 3.60091 3.2464 3.44105L7.55304 0.954723ZM10.8304 4.61488C10.5246 4.42717 10.1247 4.52313 9.93683 4.82875L8.0921 7.8307L6.04914 4.80433L5.96417 4.70375C5.74823 4.49246 5.406 4.45398 5.14582 4.62953C4.88559 4.80537 4.79393 5.1373 4.90949 5.41664L4.97101 5.53285L7.58039 9.39418C7.70405 9.57726 7.91224 9.6851 8.13312 9.68031C8.35384 9.67538 8.55762 9.5589 8.67316 9.37074L11.0443 5.50843C11.2316 5.20262 11.136 4.80263 10.8304 4.61488Z" fill="currentColor"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/_base/menu/index.vue b/src/components/_base/menu/index.vue
index 9714392..4a200a1 100644
--- a/src/components/_base/menu/index.vue
+++ b/src/components/_base/menu/index.vue
@@ -87,7 +87,31 @@ export default defineComponent({
           // 跳过没有 name 的菜单项，防止 key 报错
           if (!element?.name) return;
 
-          const icon = element?.meta?.icon ? () => h(element?.meta?.icon as object) : null;
+          console.log({ icon: element?.meta?.icon });
+          // const icon element?.meta?.icon
+          const icon = element?.meta?.icon
+            ? (() => {
+                if (typeof element.meta.icon === 'string') {
+                  return h(
+                    'svg',
+                    {
+                      style: {
+                        width: '16px',
+                        height: '16px',
+                      },
+                    },
+                    [
+                      h('use', {
+                        'xlink:href': element.meta.icon,
+                      }),
+                    ],
+                  );
+                } else {
+                  // 如果是对象，按原来的方式渲染
+                  return h(element.meta.icon as object);
+                }
+              })()
+            : null;
           if (element.children && element.children.length > 0) {
             nodes.push(
               <a-sub-menu
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 4e3d6b4..45451af 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -2,10 +2,14 @@
  * 资产营销平台
  */
 
-import { IconBookmark } from '@arco-design/web-vue/es/icon';
 import type { AppRouteRecordRaw } from '../types';
 import { MENU_GROUP_IDS } from '@/router/constants';
 
+import IconRepository from '@/assets/svg/icon-repository.svg';
+import IconMediaAccount from '@/assets/svg/icon-mediaAccount.svg';
+import IconPutAccount from '@/assets/svg/icon-putAccount.svg';
+import IconIntelligentSolution from '@/assets/svg/icon-intelligentSolution.svg';
+
 const COMPONENTS: AppRouteRecordRaw[] = [
   {
     path: '/repository',
@@ -13,7 +17,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     redirect: 'repository/brandMaterials',
     meta: {
       locale: '品牌资产管理',
-      icon: IconBookmark,
+      icon: IconRepository,
       requiresAuth: true,
       roles: ['*'],
       requiresSidebar: true,
@@ -39,7 +43,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     redirect: 'media-account/accountManagement',
     meta: {
       locale: '账号资源中心',
-      icon: IconBookmark,
+      icon: IconMediaAccount,
       requiresAuth: true,
       roles: ['*'],
       requiresSidebar: true,
@@ -87,7 +91,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     redirect: 'put-account/accountManagement',
     meta: {
       locale: '投放资源中心',
-      icon: IconBookmark,
+      icon: IconPutAccount,
       requiresAuth: true,
       roles: ['*'],
       requiresSidebar: true,
@@ -143,7 +147,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
     redirect: 'intelligent-solution/businessAnalysisReport',
     meta: {
       locale: '智能方案管理',
-      icon: IconBookmark,
+      icon: IconIntelligentSolution,
       requiresAuth: true,
       roles: ['*'],
       requiresSidebar: true,
diff --git a/src/router/typeings.d.ts b/src/router/typeings.d.ts
index 09da67d..ca4e1f6 100644
--- a/src/router/typeings.d.ts
+++ b/src/router/typeings.d.ts
@@ -4,7 +4,7 @@ declare module 'vue-router' {
   interface RouteMeta {
     roles?: string[]; // Controls roles that have access to the page
     requiresAuth?: boolean; // Whether login is required to access the current page (every route must declare)
-    icon?: RouteComponent; // The icon show in the side menu
+    icon?: RouteComponent | string; // The icon show in the side menu
     locale?: string; // The locale name show in side menu and breadcrumb
     needNavigate?: boolean; // if set true, the breadcrumb will support navigate
     hideInMenu?: boolean; // If true, it is not displayed in the side menu

From a910756558c05c0b50c53812a95282f06fe7848a Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 15:04:08 +0800
Subject: [PATCH 64/78] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.gitignore b/.gitignore
index f9f947d..bfe1d44 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,6 +15,7 @@ coverage
 *.local
 *.js.map
 *.js
+.CURSOR_RULES.md
 
 /cypress/videos/
 /cypress/screenshots/

From f52a8c1ac8d8b10571f510fb9fa03e66d2ce50ea Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 15:04:32 +0800
Subject: [PATCH 65/78] =?UTF-8?q?style:=20=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.gitignore b/.gitignore
index bfe1d44..a4f1152 100644
--- a/.gitignore
+++ b/.gitignore
@@ -15,7 +15,7 @@ coverage
 *.local
 *.js.map
 *.js
-.CURSOR_RULES.md
+CURSOR_RULES.md
 
 /cypress/videos/
 /cypress/screenshots/

From 6043c5150ed9c821c447dfa2a1f4bfeed3988c90 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 15:05:24 +0800
Subject: [PATCH 66/78] =?UTF-8?q?style:=20=E5=88=A0=E9=99=A4log?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/_base/menu/index.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/_base/menu/index.vue b/src/components/_base/menu/index.vue
index 4a200a1..66c1d3e 100644
--- a/src/components/_base/menu/index.vue
+++ b/src/components/_base/menu/index.vue
@@ -87,7 +87,6 @@ export default defineComponent({
           // 跳过没有 name 的菜单项，防止 key 报错
           if (!element?.name) return;
 
-          console.log({ icon: element?.meta?.icon });
           // const icon element?.meta?.icon
           const icon = element?.meta?.icon
             ? (() => {

From 9273c3ade5ba793e6f1443ba4d98c5828fd14f67 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 15:36:24 +0800
Subject: [PATCH 67/78] =?UTF-8?q?feat:=20=E9=85=8D=E7=BD=AE=E6=89=93?=
 =?UTF-8?q?=E5=8C=85=E6=8C=87=E4=BB=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json   | 3 +--
 vite.config.ts | 3 +--
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 6335eea..c81da38 100644
--- a/package.json
+++ b/package.json
@@ -6,9 +6,8 @@
     "dev": "vite",
     "build": "run-p build-only",
     "build:test": "vite build --mode test && tar -czvf dist-test.tar.gz dist",
-    "build:production": "vite build --mode production && tar -czvf dist.tar.gz dist",
+    "build:prod": "vite build --mode production && tar -czvf dist.tar.gz dist",
     "build-only": "vite build -- mode development",
-    "test": "vite build --mode test",
     "type-check": "vue-tsc --noEmit",
     "prepare": "husky install"
   },
diff --git a/vite.config.ts b/vite.config.ts
index 94e04ca..70c8cae 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -40,8 +40,7 @@ export default defineConfig(({ mode }: ConfigEnv): UserConfig => {
           changeOrigin: true,
           rewrite: (path) => path.replace(/^\/api/, ''),
           // 目标地址
-          target: 'http://192.168.40.3/api',
-          // target: 'https://lingjiapi.lvfunai.com/api',
+          target: 'https://lingjiapi.lvfunai.com/api',
         },
       },
     },

From 0fe45bb2b325a1457e69dadccd898e8bdba02101 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Mon, 7 Jul 2025 18:01:02 +0800
Subject: [PATCH 68/78] =?UTF-8?q?perf:=20=E6=A0=B7=E5=BC=8F=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/workplace/modules/product.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/components/workplace/modules/product.vue b/src/views/components/workplace/modules/product.vue
index ba97097..c59c429 100644
--- a/src/views/components/workplace/modules/product.vue
+++ b/src/views/components/workplace/modules/product.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="container">
-    <div class="flex arco-row-justify-space-between flex-center">
+    <div class="flex arco-row-justify-space-between">
       <img class="avatar" :src="props.product.image" :alt="props.product.name" />
       <a-tag v-if="props.product.status === Status.Enable" class="status status-enable">已开通</a-tag>
       <a-tag v-if="props.product.status === Status.Disable" class="status status-disable">未开通</a-tag>
@@ -21,7 +21,7 @@
         {{ props.product.desc }}
       </p>
     </div>
-    <div class="footer flex arco-row-justify-start flex-center">
+    <div class="footer flex arco-row-justify-start">
       <a-button
         v-if="props.product.status === Status.Enable || props.product.status === Status.ON_TRIAL"
         class="primary-button"

From de9a5abcd517728a02558bdb6a32806ef294e989 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 7 Jul 2025 20:59:54 +0800
Subject: [PATCH 69/78] =?UTF-8?q?feat(property-marketing):=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E6=8A=95=E6=94=BE=E6=8C=87=E5=8D=97=E8=AF=A6=E6=83=85?=
 =?UTF-8?q?=E9=A1=B5=E5=8A=9F=E8=83=BD=20refactor(property-marketing):=20?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96=E8=AF=84=E5=88=86=E5=9B=BE=E6=A0=87=E6=98=A0?=
 =?UTF-8?q?=E5=B0=84=E9=80=BB=E8=BE=91=20feat(property-marketing):=20?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E6=8A=95=E6=94=BE=E6=8C=87=E5=8D=97=E5=8E=86?=
 =?UTF-8?q?=E5=8F=B2=E8=AE=B0=E5=BD=95=E6=93=8D=E4=BD=9C=E5=8A=9F=E8=83=BD?=
 =?UTF-8?q?=20perf(property-marketing):=20=E4=BC=98=E5=8C=96=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E6=95=B0=E6=8D=AE=E6=9B=B4=E6=96=B0=E9=80=BB=E8=BE=91?=
 =?UTF-8?q?=20feat(property-marketing):=20=E6=B7=BB=E5=8A=A0=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E7=AD=9B=E9=80=89=E5=8A=9F=E8=83=BD=20=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E4=BF=9D=E5=AD=98=E6=8A=95=E6=94=BE=E6=8C=87=E5=8D=97?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=20-=20=E4=BC=98=E5=8C=96=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=92=8C=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |   2 +
 src/api/all/propertyMarketing.ts              |  19 ++
 .../routes/modules/propertyMarketing.ts       |  13 +-
 src/utils/tools.ts                            |  11 +-
 .../components/echarts-item/index.vue         |  14 +-
 .../put-account/account-dashboard/index.vue   |   3 +-
 .../action-guide-distribution/index.vue       | 185 +++++--------
 .../components/month-data/index.vue           |  71 +++--
 .../components/month-data/style.scss          |   4 -
 .../placement-suggestions/index.vue           |   6 +-
 .../table-data/guideListHistory.vue           | 124 +++++----
 .../components/table-data/listSearchForm.vue  | 261 +++++++++---------
 .../table-data/placementGuideList.vue         |  44 ++-
 .../investment-guidelines/constants.ts        |   6 +-
 .../investment-guidelines/detail.vue          | 145 ++++++++++
 .../investment-guidelines/index.vue           | 144 +++++++---
 .../investment-guidelines/style.scss          | 113 +++++++-
 17 files changed, 759 insertions(+), 406 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/detail.vue

diff --git a/package.json b/package.json
index 6335eea..3b7016a 100644
--- a/package.json
+++ b/package.json
@@ -20,12 +20,14 @@
     "axios": "^1.3.0",
     "dayjs": "^1.11.7",
     "echarts": "^5.6.0",
+    "html2canvas": "^1.4.1",
     "lodash-es": "^4.17.21",
     "mitt": "^3.0.0",
     "normalize.css": "^8.0.1",
     "pinia": "^2.0.29",
     "sass": "^1.89.2",
     "swiper": "^11.2.8",
+    "update": "^0.7.4",
     "vue": "^3.2.45",
     "vue-cropper": "^1.1.4",
     "vue-draggable-plus": "^0.6.0",
diff --git a/src/api/all/propertyMarketing.ts b/src/api/all/propertyMarketing.ts
index 4495d02..d4790ef 100644
--- a/src/api/all/propertyMarketing.ts
+++ b/src/api/all/propertyMarketing.ts
@@ -295,13 +295,32 @@ export const getPlacementAccountProjectsTrend = (params = {}) => {
 export const getPlacementGuide = (params: {}) => {
   return Http.get(`/v1/placement-account-projects/getGuideList`,params);
 };
+//查询投放指南历史
+export const getPlacementGuideHistory = (params: {}) => {
+  return Http.get(`/v1/placement-account-projects/getGuideListHistory`, params);
+};
 
 // 前端定时轮询获取ai检测结果
 export const getAiResult = (params: {}) => {
   return Http.get(`/v1/placement-account-projects/getAiResult`, params);
 };
 
+export const savePlacementGuide = (params: {}) => {
+  return Http.post(`/v1/placement-account-projects/saveGuideResult`, params);
+};
+
+export const getPlacementGuideDetail = (id: string) => {
+  return Http.get(`/v1/placement-account-projects/historylog/${id}`);
+};
+
+//删除记录
+export const deleteHistorylog = (id: string) => {
+  return Http.delete(`/v1/placement-account-projects/historylog/${id}`);
+};
+
 // 投放账号-列表
 export const getPlacementAccountsList = (params = {}) => {
   return Http.get('/v1/placement-accounts/list', params);
 };
+
+
diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 4e3d6b4..1d3be89 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -129,12 +129,23 @@ const COMPONENTS: AppRouteRecordRaw[] = [
         path: 'investmentGuidelines',
         name: 'PutAccountInvestmentGuidelines',
         meta: {
-          locale: '平台投放指南',
+          locale: '投放指南',
           requiresAuth: true,
           roles: ['*'],
         },
         component: () => import('@/views/property-marketing/put-account/investment-guidelines'),
       },
+      {
+        path: 'detail/:id',
+        name: 'guideDetail',
+        meta: {
+          locale: '投放指南详情',
+          requiresAuth: true,
+          hideInMenu: true,
+          roles: ['*'],
+        },
+        component: () => import('@/views/property-marketing/put-account/investment-guidelines/detail'),
+      },
     ],
   },
   {
diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index e2093fc..d8c87ca 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -3,7 +3,7 @@
  * @Date: 2025-06-27 17:36:31
  */
 import dayjs from 'dayjs';
-
+import lodash from 'lodash';
 export function toFixed(num: number | string, n: number): number {
   return parseFloat(parseFloat(num.toString()).toFixed(n));
 }
@@ -106,3 +106,12 @@ export function downloadByUrl(url: string, filename?: string) {
   a.click();
   document.body.removeChild(a);
 }
+
+/**
+ * 检查数据是否为空
+ * @param data
+ */
+export function isEmpty(data: any): boolean {
+  // 使用 lodash 的 isEmpty 方法检查数据是否为空
+  return lodash.isEmpty(data);
+}
diff --git a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
index c4f17da..33f5c71 100644
--- a/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/components/echarts-item/index.vue
@@ -43,7 +43,6 @@ let chartInstance: echarts.ECharts | null = null;
 
 const xAxisData = props.xAxisData;
 const seriesData = props.seriesData;
-console.log(seriesData, 'seriesData');
 
 const initChart = () => {
   if (!chart.value) return;
@@ -53,8 +52,6 @@ const initChart = () => {
   }
   chartInstance = echarts.init(chart.value);
 
-  console.log('init');
-
   const option = {
     tooltip: {
       trigger: 'axis',
@@ -98,9 +95,14 @@ const initChart = () => {
 };
 
 watch(
-  () => props.seriesData,
-  () => {
-    initChart(); //重新渲染的方法
+  () => [props.xAxisData, props.seriesData],
+  ([newXAxis, newSeries]) => {
+    if (chartInstance) {
+      chartInstance.setOption({
+        xAxis: newXAxis,
+        series: newSeries,
+      });
+    }
   },
   { deep: true },
 );
diff --git a/src/views/property-marketing/put-account/account-dashboard/index.vue b/src/views/property-marketing/put-account/account-dashboard/index.vue
index bbe06bd..b69ad2c 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -45,7 +45,7 @@
           <div class="filter-row-item flex items-center">
             <span class="label">时间筛选</span>
             <a-space class="w-240px">
-              <a-range-picker size="medium" allow-clear format="YYYY-MM-DD HH:mm" class="w-100%" />
+              <a-range-picker v-model="query.data_time" size="medium" allow-clear format="YYYY-MM-DD" class="w-100%" />
             </a-space>
           </div>
           <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
@@ -156,6 +156,7 @@ const query = reactive({
   names: '',
   platform: '',
   operator_id: '',
+  data_time: [],
 });
 const xhlEcharts = reactive({});
 const getAccountsTrends = async () => {
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index 186dbdc..501d586 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -25,23 +25,12 @@
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群分析</span>
               <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    18-24岁女性，兴趣为“美妆/穿搭”，一线城市，抖音平台 ROI 3.2</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
-                    25-34岁男性，兴趣为“数码产品”，二线城市，巨量引擎 ROI 2.8</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
-                    18-24岁男性，兴趣为“运动/健身”，三线城市，抖音 ROI 2.3</span
-                  >
+                <a-space
+                  v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '人群分析').length > 0"
+                  v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '人群分析')"
+                  :key="index"
+                >
+                  <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
                 </a-space>
               </a-space>
             </div>
@@ -50,23 +39,12 @@
             <div class="overall-strategy">
               <span class="placement-optimization-title">投放素材</span>
               <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    图文风格 + 明确福利点，CTR 3.2%、CVR 8.5%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    场景短视频 + 明确人设定位，CTR 2.7%、CVR 7.1%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    口播讲解类 + 产品对比，CTR 2.1%、CVR 6.0%</span
-                  >
+                <a-space
+                  v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放素材').length > 0"
+                  v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放素材')"
+                  :key="index"
+                >
+                  <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
                 </a-space>
               </a-space>
             </div>
@@ -77,23 +55,12 @@
             <div class="overall-strategy">
               <span class="placement-optimization-title">投放时段</span>
               <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    晚高峰时段（19:00–21:00），ROI 3.1</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    中午时段（11:30–13:00），ROI 2.5</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    下午茶时段（15:00–17:00），ROI 2.3</span
-                  >
+                <a-space
+                  v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放时段').length > 0"
+                  v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '投放时段')"
+                  :key="index"
+                >
+                  <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
                 </a-space>
               </a-space>
             </div>
@@ -103,23 +70,12 @@
             <div class="overall-strategy">
               <span class="placement-optimization-title">平台表现</span>
               <a-space direction="vertical">
-                <a-space class="placement-optimization-str">
-                  <span>
-                    <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                    抖音 - ROI 3.2，CVR 8.5%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
-                    聚光平台 - ROI 2.7，CVR 7.3%</span
-                  >
-                </a-space>
-                <a-space>
-                  <span>
-                    <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
-                    B站 - ROI 2.4，CVR 6.8%</span
-                  >
+                <a-space
+                  v-if="getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '平台表现').length > 0"
+                  v-for="(item, index) in getSubmoduleContent(MODEL_PERFORMANCE_ANALYSIS, '平台表现')"
+                  :key="index"
+                >
+                  <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
                 </a-space>
               </a-space>
             </div>
@@ -140,23 +96,12 @@
           <div class="overall-strategy">
             <span class="placement-optimization-title">人群建议</span>
             <a-space direction="vertical">
-              <a-space class="placement-optimization-str">
-                <span>
-                  <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                  集中在 18–24 岁女性 + 精准兴趣标签（如“护肤”、“口红”）</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
-                  24–30 岁男性 + 实用类内容受众（如“工具控”、“搞机党”）</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
-                  泛娱乐向受众 + 较大地域分布（兴趣“短剧”、“直播带货”）</span
-                >
+              <a-space
+                v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '人群建议').length > 0"
+                v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '人群建议')"
+                :key="index"
+              >
+                <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
               </a-space>
             </a-space>
           </div>
@@ -167,23 +112,12 @@
           <div class="overall-strategy">
             <span class="placement-optimization-title">素材建议</span>
             <a-space direction="vertical">
-              <a-space class="placement-optimization-str">
-                <span>
-                  <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                  福利明确+钩子强的图文短视频，建议加限时优惠提示</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
-                  场景代入型视频，突出客户痛点与产品关联</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
-                  达人口播/测评，搭配标题党封面吸引点击</span
-                >
+              <a-space
+                v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '素材建议').length > 0"
+                v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '素材建议')"
+                :key="index"
+              >
+                <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
               </a-space>
             </a-space>
           </div>
@@ -195,23 +129,12 @@
           <div class="overall-strategy">
             <span class="placement-optimization-title">投放策略建议</span>
             <a-space direction="vertical">
-              <a-space class="placement-optimization-str">
-                <span>
-                  <img :src="getStarIcon(1)" style="width: 25px; height: 17px" />
-                  预算前置在 ROI 最佳时段和平台，优先抢头部流量</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="getStarIcon(2)" style="width: 25px; height: 17px" />
-                  中等预算组合投放 + 高点击素材A/B测试</span
-                >
-              </a-space>
-              <a-space>
-                <span>
-                  <img :src="getStarIcon(3)" style="width: 25px; height: 17px" />
-                  低预算长周期测试，重点看 CVR，优胜劣汰</span
-                >
+              <a-space
+                v-if="getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '投放策略建议').length > 0"
+                v-for="(item, index) in getSubmoduleContent(MODEL_PLACEMENT_SUGGESTION, '投放策略建议')"
+                :key="index"
+              >
+                <span><img :src="getStarIcon(index)" style="width: 25px; height: 17px" />{{ item }}</span>
               </a-space>
             </a-space>
           </div>
@@ -223,13 +146,37 @@
 
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import { isEmpty } from '@/utils/tools';
 
 const props = defineProps({
   action_guide: {
     type: Array,
     default: () => [],
   },
+  tmp: {
+    type: Number,
+    default: 0,
+  },
 });
+
+const MODEL_PERFORMANCE_ANALYSIS = '表现分析';
+const MODEL_PLACEMENT_SUGGESTION = '新投放建议生成';
+
+// 封装通用方法来获取 submodules 的内容
+const getSubmoduleContent = (moduleName: string, submoduleName: string) => {
+  console.log(props.action_guide, 'getSubmoduleContent');
+  const module = props.action_guide
+    .find((item) => item.title === moduleName)
+    ?.submodules.find((mod) => mod.subtitle === submoduleName);
+  const content = [];
+  if (module) {
+    const content = Object.values(module.content);
+    console.log(content, 'content');
+    return content;
+  }
+  return [];
+};
+
 import { getStarIcon } from '../../constants';
 import { defineProps } from 'vue';
 </script>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index c50bd1f..50df0f5 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -1,36 +1,55 @@
 <template>
-  <view>
-    <div class="part-div">
-      <div class="part-div-header">
-        <span class="part-div-header-title">本月摘要</span>
-        <a-popover position="tl">
-          <icon-question-circle />
-          <template #content>
-            <p style="margin: 0">本月摘要。</p>
-          </template>
-        </a-popover>
-      </div>
-      <div class="month-data-div">
-        <div style="align-self: stretch">
-          <span class="month-text-black">总消耗：</span>
-          <span class="month-text-blue">￥52,382.16</span>
-          <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>
-          <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>
-          <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>
-          <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>
-          <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>
-          <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>
-          <span class="month-text-blue">美团酒店爆款横版1号</span>
-          <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>
-        </div>
+  <div class="part-div">
+    <div class="part-div-header">
+      <span class="part-div-header-title">本月摘要</span>
+      <a-popover position="tl">
+        <icon-question-circle />
+        <template #content>
+          <p style="margin: 0">本月摘要。</p>
+        </template>
+      </a-popover>
+    </div>
+    <div class="month-data-div">
+      <div style="align-self: stretch">
+        <a-space direction="vertical" v-for="(item, index) in overview">
+          <span :style="{ color: getColor(item?.highlight) }">{{ item.text }}</span>
+          <br />
+        </a-space>
+        <!--        <span class="month-text-black">总消耗：</span>-->
+        <!--        <span class="month-text-blue">￥52,382.16</span>-->
+        <!--        <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>-->
+        <!--        <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>-->
+        <!--        <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>-->
+        <!--        <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>-->
+        <!--        <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>-->
+        <!--        <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>-->
+        <!--        <span class="month-text-blue">美团酒店爆款横版1号</span>-->
+        <!--        <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>-->
       </div>
     </div>
-  </view>
+  </div>
 </template>
 
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
+import { defineProps } from 'vue';
+
+const colorMap = {
+  purple: 'purple',
+  orange: 'orange',
+};
+const props = defineProps({
+  overview: {
+    type: Array,
+    default: () => [],
+  },
+});
+
+const getColor = (highlight?: string) => {
+  return highlight ? colorMap[highlight] : undefined;
+};
+console.log(props.overview, 'overvie333');
 </script>
-<style  lang="scss">
+<style lang="scss">
 @import './style.scss';
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
index 96644a2..746c3e8 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/style.scss
@@ -1,4 +1,3 @@
-//本月摘要数据-div
 .month-data-div {
   align-self: stretch;
   padding: 16px 30px 16px 16px;
@@ -15,7 +14,6 @@
   display: flex;
 }
 
-//本月摘要-蓝色字体
 .month-text-blue {
   color: var(--Brand-Brand-6, #6D4CFE);
   font-size: 16px;
@@ -25,7 +23,6 @@
   word-wrap: break-word
 }
 
-//红色字体
 .month-text-red {
   color: var(--Functional-Danger-6, #F64B31);
   font-size: 16px;
@@ -35,7 +32,6 @@
   word-wrap: break-word
 }
 
-//黑色字体
 .month-text-black {
   color: var(--Text-1, #211F24);
   font-size: 16px;
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index f2f7fed..cfc5481 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -38,13 +38,13 @@
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群包优化</span>
-              <span class="placement-optimization-str">{{props.optimization?.[3]?.['content']}}</span>
+              <span class="placement-optimization-str">{{props?.optimization?.[3]?.['content']}}</span>
             </div>
           </a-col>
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">素材优化</span>
-              <span class="placement-optimization-str">{{props.optimization?.[4]['content']}}</span>
+              <span class="placement-optimization-str">{{props?.optimization?.[4]?.['content']}}</span>
 
             </div>
           </a-col>
@@ -65,6 +65,8 @@ const props = defineProps({
     default: () => [],
   },
 });
+
+console.log(props.optimization,'optimization')
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 53122d9..9257a34 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -1,12 +1,12 @@
 <template>
   <view>
-    <a-table
-      class="account-table"
-      :columns="columns"
-      :data="listResult.data"
-      :filter-icon-align-left="alignLeft"
-      :pagination="false"
-    >
+    <a-table class="account-table" :columns="columns" :data="listData" :pagination="false">
+      <template #platform="{ record }">
+        <span class="mr-5px" v-if="record.platform.length > 0" v-for="(item, index) in record.platform">
+          <img :src="PLATFORM_LIST[item].icon" width="19" class="mr-4px" />
+          <span>{{ PLATFORM_LIST[item].label }}</span>
+        </span>
+      </template>
       <template #operation="{ record }">
         <a-space size="medium">
           <a-space>
@@ -15,14 +15,14 @@
               type="warning"
               ok-text="确认删除"
               cancel-text="取消"
-              @ok="deleteBrand(record.id)"
+              @ok="deleteData(record.id)"
             >
               <icon-delete></icon-delete>
             </a-popconfirm>
           </a-space>
           <a-space>
-            <a-button type="outline" class="operation-btn">下载</a-button>
-            <a-button type="outline" class="operation-btn">详情</a-button>
+            <a-button type="outline" @click="downloadDetailAsImage(record.id)" class="operation-btn">下载</a-button>
+            <a-button type="outline" @click="goDetail(record.id)" class="operation-btn">详情</a-button>
           </a-space>
         </a-space>
       </template>
@@ -30,23 +30,15 @@
   </view>
 </template>
 <script setup lang="ts">
-import top1 from '@/assets/img/captcha/top1.svg';
-import top2 from '@/assets/img/captcha/top2.svg';
-import top3 from '@/assets/img/captcha/top3.svg';
 import { IconDelete } from '@arco-design/web-vue/es/icon';
+import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import { Message } from '@arco-design/web-vue';
+import html2canvas from 'html2canvas';
 
-const listQuery = reactive({
-  project_id: ref(''),
-  platform: ref(''),
-  page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
-});
 const columns = [
   {
     title: '生成日期',
-    dataIndex: 'date',
-    slotName: 'account_name',
+    dataIndex: 'created_at',
     width: 60,
     minWidth: 60,
   },
@@ -57,18 +49,16 @@ const columns = [
     minWidth: 120,
   },
   {
-    titleSlotName: 'project_name',
     width: 180,
     minWidth: 180,
-    title: '项目',
-    dataIndex: 'project_name',
+    title: '计划',
+    dataIndex: 'plan',
   },
   {
     title: '平台',
-    titleSlotName: 'week_consumption',
-    dataIndex: 'platform',
     width: 120,
     minWidth: 120,
+    slotName: 'platform',
   },
   {
     title: '操作',
@@ -78,40 +68,54 @@ const columns = [
     minWidth: 60,
   },
 ];
-const listResult = reactive({
-  data: [
-    {
-      date: '日期',
-      account: '账号',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: 0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: -0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-    {
-      account_name: '全球旅行',
-      platform_name: '平台',
-      project_name: '项目名称',
-      week_consumption: '本周总消耗',
-      week_consumption_rate: -0.1,
-      roi: '2.6',
-      ctr: '3.1%',
-    },
-  ],
-  total: ref(0),
-});
+// hotTranslation.vue
+import { useRouter } from 'vue-router';
+import { deleteHistorylog } from '@/api/all/propertyMarketing'; // 引入 useRouter
 
-const topImages = [top1, top2, top3];
+const router = useRouter(); // 创建 router 实例
+
+// 详情
+const goDetail = async (id) => {
+  // 使用 router.push 进行编程式导航，并传递话题 ID
+  router.push(`/put-account/detail/${id}`);
+};
+
+const downloadDetailAsImage = (id) => {
+  const url = `/put-account/detail/${id}`;
+  const win = window.open(url, '_blank');
+
+  win.onload = () => {
+    setTimeout(() => {
+      html2canvas(win.document.body, {
+        useCORS: true,
+        scale: 2,
+      }).then((canvas) => {
+        const imgData = canvas.toDataURL('image/png');
+        const link = document.createElement('a');
+        link.href = imgData;
+        link.download = `详情页面_${Date.now()}.png`;
+        link.click();
+        win.close(); // 关闭新窗口
+      });
+    }, 2000); // 等待页面加载
+  };
+};
+const deleteData = async (id) => {
+  const { code, data } = await deleteHistorylog(id);
+
+  if (code === 200) {
+    Message.success('删除成功');
+  }
+};
+
+const props = defineProps({
+  listData: {
+    type: Array,
+    default: () => {
+      data: [];
+    },
+  },
+});
 </script>
 
 <style scoped lang="less">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index 6e47b5e..db06893 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -1,95 +1,77 @@
 <!--表单搜索组件-->
 <template>
-  <view>
-    <a-space size="large" direction="vertical" class="search-form">
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="8">
-          <a-space>
-            <span>账户</span>
-            <a-input
-              class="w-310px"
-              :style="{ width: '320px' }"
-              v-model="query.account_name"
-              placeholder="请搜索..."
-              size="medium"
-              allow-clear
-            >
-              <template #prefix>
-                <icon-search />
-              </template>
-            </a-input>
-          </a-space>
-        </a-col>
-        <a-col :span="8">
-          <a-space>
-            <span>计划</span>
-            <a-input
-              class="w-310px"
-              :style="{ width: '320px' }"
-              v-model="query.plan"
-              placeholder="请搜索..."
-              size="medium"
-              allow-clear
-            >
-              <template #prefix>
-                <icon-search />
-              </template>
-            </a-input>
-          </a-space>
-        </a-col>
-        <a-col :span="8">
-          <a-space>
-            <span>平台</span>
+  <div class="container px-24px">
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">账户名称</span>
+        <a-space size="medium" class="w-240px">
+          <a-input v-model="query.account_name" placeholder="请搜索..." size="medium" allow-clear>
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
 
-            <a-select
-              v-model="query.platform"
-              class="w-320"
-              size="medium"
-              placeholder="全部"
-              allow-clear
-              @change="handleSearch"
-            >
-              <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
-                >{{ item.label }}
-              </a-option>
-            </a-select>
-          </a-space>
-        </a-col>
-      </a-row>
+      <div class="filter-row-item flex items-center">
+        <span class="label">计划</span>
+        <a-space size="medium" class="w-240px">
+          <a-input
+            class="w-310px"
+            :style="{ width: '320px' }"
+            v-model="query.plan"
+            placeholder="请搜索..."
+            size="medium"
+            allow-clear
+          >
+            <template #prefix>
+              <icon-search />
+            </template>
+          </a-input>
+        </a-space>
+      </div>
 
-      <a-row class="grid-demo" :gutter="{ md: 8, lg: 24, xl: 32 }">
-        <a-col :span="10">
-          <a-space>
-            <span>时间筛选</span>
-            <a-range-picker
-              showTime
-              :time-picker-props="{
-                defaultValue: ['00:00:00', '00:00:00'],
-              }"
-              @select="onSelect"
-              style="width: 380px"
-            />
-          </a-space>
-        </a-col>
-        <a-col :span="8">
-          <a-space>
-            <a-button type="outline" class="search-btn" @click="handleSearch">
-              <template #icon>
-                <icon-search />
-              </template>
-              <template #default>搜索</template>
-            </a-button>
-            <a-button type="outline" class="reset-btn" @click="handleSearch">
-              <template #icon>
-                <icon-refresh />
-              </template>
-              <template #default>重置</template>
-            </a-button>
-          </a-space>
-        </a-col>
-      </a-row>
-    </a-space>
-  </view>
+      <div class="filter-row-item flex items-center">
+        <span class="label">平台</span>
+        <a-select
+          v-model="query.platform"
+          class="w-150"
+          size="medium"
+          placeholder="全部"
+          allow-clear
+          @change="handleSearch"
+        >
+          <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
+            >{{ item.label }}
+          </a-option>
+        </a-select>
+      </div>
+    </div>
+
+    <div class="filter-row flex mb-20px">
+      <div class="filter-row-item flex items-center">
+        <span class="label">时间筛选</span>
+        <a-space size="medium" class="w-240px">
+          <a-range-picker v-model="query.data_time" size="medium" allow-clear format="YYYY-MM-DD" class="w-310" />
+        </a-space>
+      </div>
+
+      <div class="filter-row-item flex items-center">
+        <a-button class="w-84px search-btn mr-12px" size="medium" @click="handleSearch">
+          <template #icon>
+            <icon-search />
+          </template>
+          <template #default>搜索</template>
+        </a-button>
+        <a-button class="w-84px reset-btn" size="medium" @click="handleReset">
+          <template #icon>
+            <icon-refresh />
+          </template>
+          <template #default>重置</template>
+        </a-button>
+      </div>
+    </div>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -103,52 +85,77 @@ const props = defineProps({
   },
 });
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
-
+// 获取最近7天的日期
+const getLast7Days = () => {
+  const today = new Date();
+  const last7Days = new Date(today);
+  last7Days.setDate(today.getDate() - 7);
+  return [last7Days.toISOString().split('T')[0], today.toISOString().split('T')[0]];
+};
 const handleSearch = () => {
   emits('onSearch', props.query);
 };
+// 使用 computed 实现 v-model
+const localQuery = computed({
+  get: () => props.query,
+  set: (value) => emits('update:query', value),
+});
+onMounted(() => {
+  localQuery.value.data_time = getLast7Days();
+});
 </script>
 
 <style scoped lang="scss">
-:deep(.arco-select-view-single),
-:deep(.arco-select-view-multiple),
-:deep(.arco-picker),
-:deep(.arco-input-wrapper) {
-  border-radius: 4px;
-  border-color: #d7d7d9;
-  background-color: #fff;
-  width: 224px;
-  height: 32px;
+.container {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple),
+  :deep(.arco-picker) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
 
-  &:focus-within,
-  &.arco-input-focus {
-    background-color: var(--color-bg-2);
-    border-color: rgb(var(--primary-6));
-    box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'PuHuiTi-Regular';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
   }
 }
-
-.search-btn {
-  // 搜索
-  color: var(--Brand-6, #6d4cfe);
-  font-size: 14px;
-  font-family: PuHuiTi-Medium;
-  font-weight: 400;
-  line-height: 22px;
-  height: 32px;
-  border-radius: 3px;
-  word-wrap: break-word;
-}
-
-.reset-btn {
-  // 重置
-  color: var(--Text-2, #3c4043);
-  font-size: 14px;
-  font-family: PuHuiTi-Medium;
-  font-weight: 400;
-  line-height: 22px;
-  height: 32px;
-  border-radius: 3px;
-  word-wrap: break-word;
-}
 </style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index 11aada5..4a21978 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -3,9 +3,9 @@
     <a-table
       class="account-table"
       :columns="columns"
-      :data="listResult.data"
-      :filter-icon-align-left="alignLeft"
+      :data="listData"
       :pagination="false"
+      @sorter-change="handleSorterChange"
     >
       <template #week_consumption>
         <a-space>
@@ -53,8 +53,10 @@
       </template>
 
       <template #platform="{ record }">
-        <img :src="PLATFORM_LIST[record.platform].icon" width="19" class="mr-4px" />
-        <span>{{ PLATFORM_LIST[record.platform].label }}</span>
+        <a-space size="medium" v-if="record.platform">
+          <img :src="PLATFORM_LIST[record.platform]?.icon" width="19" class="mr-4px" />
+          <span>{{ PLATFORM_LIST[record.platform].label }}</span>
+        </a-space>
       </template>
 
       <template #weekConsumptionRate="{ record }">
@@ -73,22 +75,30 @@
           <template #suffix>%</template>
         </a-statistic>
       </template>
-    </a-table>
 
+      <template #clickRate="{ record }">
+        <span>{{ `${record.click_rate}%` }}</span>
+      </template>
+    </a-table>
   </view>
 </template>
 <script setup lang="ts">
 import { PLATFORM_LIST } from '../../../common_constants';
 
-defineProps({
-  listResult: {
-    type: Object,
+const props = defineProps({
+  listData: {
+    type: Array,
     default: () => {
-      total: 0;
       data: [];
     },
-  }
+  },
 });
+
+const emit = defineEmits(['updateQuery']);
+
+const handleSorterChange = (column, order) => {
+  emit('updateQuery', { column, order });
+};
 const listQuery = reactive({
   project_id: ref(''),
   platform: ref(''),
@@ -122,6 +132,9 @@ const columns = [
     dataIndex: 'total_use_amount',
     width: 120,
     minWidth: 120,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
   },
   {
     title: '本周总消耗环比',
@@ -130,25 +143,34 @@ const columns = [
     width: 120,
     minWidth: 120,
     slotName: 'weekConsumptionRate',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
   },
   {
     titleSlotName: 'roi',
     dataIndex: 'roi',
     width: 120,
     minWidth: 120,
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
   },
   {
     titleSlotName: 'ctr',
     dataIndex: 'click_rate',
     width: 120,
     minWidth: 120,
+    slotName: 'clickRate',
+    sortable: {
+      sortDirections: ['ascend', 'descend'],
+    },
   },
 ];
 </script>
 
 <style lang="scss" scoped>
 .table-data {
-  //账户列表-分页
   .account-page {
     padding: 10px 24px 20px 24px;
     background-color: #fff;
diff --git a/src/views/property-marketing/put-account/investment-guidelines/constants.ts b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
index 8d02ad7..a4f7952 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/constants.ts
+++ b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
@@ -9,11 +9,11 @@ import top3 from '@/assets/img/captcha/top3.svg';
  */
 export function getStarIcon(score: number): string {
   switch (score) {
-    case 1:
+    case 0:
       return top1;
-    case 2:
+    case 1:
       return top2;
-    case 3:
+    case 2:
       return top3;
     default:
       return top1; // 默认返回最高分图标
diff --git a/src/views/property-marketing/put-account/investment-guidelines/detail.vue b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
new file mode 100644
index 0000000..e54623d
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
@@ -0,0 +1,145 @@
+<template>
+  <div class="guidelines-data-wrap">
+    <div class="filter-wrap bg-#fff rounded-8px border-1px border-#D7D7D9 border-solid">
+      <div class="top flex h-64px px-24px py-10px justify-between items-center">
+        <p class="text-18px font-400 lh-26px color-#211F24 title">投放信息</p>
+      </div>
+
+      <div class="container px-24px pt-12px pb-24px">
+        <a-row class="grid-demo" :gutter="24">
+          <a-col :span="12">
+            <div class="">
+              <a-space direction="vertical">
+                <span>账户</span>
+                <span>{{ detailData?.account }}</span>
+              </a-space>
+            </div>
+          </a-col>
+
+          <a-col :span="12">
+            <div class="">
+              <a-space direction="vertical">
+                <span>计划</span>
+                <span>3</span>
+              </a-space>
+            </div>
+          </a-col>
+        </a-row>
+        <a-row class="grid-demo" :gutter="24" style="margin-top: 30px">
+          <a-col :span="12">
+            <div class="">
+              <a-space direction="vertical">
+                <span>平台</span>
+                <span class="mr-5px" v-if="detailData.platform.length > 0" v-for="(item, index) in detailData.platform">
+                  <img :src="PLATFORM_LIST[item].icon" width="19" class="mr-4px" />
+                  <span>{{ PLATFORM_LIST[item].label }}</span>
+                </span>
+              </a-space>
+            </div>
+          </a-col>
+
+          <a-col :span="12">
+            <div class="">
+              <a-space direction="vertical">
+                <span>生成时间</span>
+                <span>{{ detailData.created_at }}</span>
+              </a-space>
+            </div>
+          </a-col>
+        </a-row>
+      </div>
+    </div>
+
+    <a-spin :loading="loading" tip="数据分析中">
+      <div>
+        <!--    本月摘要-->
+        <MonthData></MonthData>
+
+        <!--        &lt;!&ndash;    投放建议&ndash;&gt;-->
+        <PlacementSuggestions :optimization="detailData?.ai_result?.optimization?.modules"></PlacementSuggestions>
+        <!--        &lt;!&ndash;      投放行动指南&ndash;&gt;-->
+        <ActionGuideDistribution :action_guide="detailData?.ai_result.action_guide?.modules"></ActionGuideDistribution>
+      </div>
+    </a-spin>
+    <div>
+      <a-space class="down-btn">
+        <a-button type="outline" @click="onSearch">
+          <template #icon>
+            <icon-download />
+          </template>
+          <template #default>下载</template>
+        </a-button>
+        <a-button type="primary" @click="handleSave">
+          <template #icon>
+            <icon-drive-file />
+          </template>
+          <template #default>保存</template>
+        </a-button>
+      </a-space>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue';
+
+import MonthData from './components/month-data/index.vue';
+import PlacementSuggestions from './components/placement-suggestions/index.vue';
+import ActionGuideDistribution from './components/action-guide-distribution';
+import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants.ts';
+import { getPlacementGuideDetail } from '@/api/all/propertyMarketing';
+import { useRoute } from 'vue-router';
+
+const tabData = ref('placement_guide');
+
+const query = reactive({
+  platform: '',
+  date_time: '',
+  sort_column: '',
+  sort_order: '',
+  page_size: 20,
+  page: 1,
+});
+
+const handleUpdateQuery = (payload) => {
+  payload.order = payload.order === 'ascend' ? 'asc' : 'desc';
+  query.sort_column = payload.column;
+  query.sort_order = payload.order;
+};
+
+const loading = ref(false);
+
+const saveForm = reactive({
+  account: [],
+  plan: [],
+  platform: [],
+});
+
+const detailData = reactive({
+  platform: [],
+  ai_result: {},
+});
+
+const route = useRoute();
+const id = route.params.id;
+const getDetail = async () => {
+  const { code, data } = await getPlacementGuideDetail(id);
+  console.log(data, 'data');
+  console.log(code, 'code');
+  if (code === 200) {
+    Object.assign(detailData, data);
+  }
+};
+
+onMounted(() => {
+  getDetail();
+});
+// 定时任务请求接口
+// const timer = setInterval(() => {
+//   getSyncAiResult();
+// }, 5000);
+</script>
+
+<style lang="scss">
+@import './style.scss';
+</style>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index f2b352c..ebe65dd 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -1,8 +1,13 @@
 <template>
-  <view>
+  <div class="guidelines-data-wrap">
     <div class="part-div">
       <div>
-        <a-tabs v-model:activeKey="tabData" class="a-tab-class" default-active-key="placement_guide">
+        <a-tabs
+          v-model:activeKey="tabData"
+          @tab-click="onSearch"
+          class="a-tab-class"
+          default-active-key="placement_guide"
+        >
           <a-tab-pane key="placement_guide" title="投放指南"></a-tab-pane>
           <a-tab-pane key="guide_history">
             <template #title>历史投放指南</template>
@@ -14,30 +19,45 @@
       <!--      投放指南-->
       <PlacementGuideList
         v-if="tabData === 'placement_guide'"
-        :listResult="{ data: guideListData.data, total: pageInfo.total }"
+        :listData="listData.list"
+        @updateQuery="handleUpdateQuery"
       ></PlacementGuideList>
       <!--      历史指南列表-->
-      <GuideListHistory v-if="tabData === 'guide_history'"></GuideListHistory>
+      <GuideListHistory v-if="tabData === 'guide_history'" :listData="listData.list"></GuideListHistory>
+
+      <div v-if="listData.total > 0" class="pagination-box flex justify-end">
+        <a-pagination
+          :total="listData.total"
+          size="mini"
+          show-total
+          show-jumper
+          show-page-size
+          :current="query.page"
+          :page-size="query.pageSize"
+          @change="onPageChange"
+          @page-size-change="onPageSizeChange"
+        />
+      </div>
     </div>
 
-    <a-spin :loading="loading" tip="数据分析中">
+    <div v-if="loading === false">
       <!--    本月摘要-->
-      <MonthData></MonthData>
+      <MonthData :overview="aiResult.overview"></MonthData>
 
       <!--    投放建议-->
       <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
       <!--      投放行动指南-->
-      <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
-    </a-spin>
+      <ActionGuideDistribution :action_guide="aiResult.action_guide" :tmp="tmp"></ActionGuideDistribution>
+    </div>
     <div>
       <a-space class="down-btn">
-        <a-button type="outline" @click="handleSearch">
+        <a-button type="outline" @click="onSearch">
           <template #icon>
             <icon-download />
           </template>
           <template #default>下载</template>
         </a-button>
-        <a-button type="primary" @click="handleSearch">
+        <a-button type="primary" @click="handleSave">
           <template #icon>
             <icon-drive-file />
           </template>
@@ -45,7 +65,7 @@
         </a-button>
       </a-space>
     </div>
-  </view>
+  </div>
 </template>
 
 <script setup lang="ts">
@@ -58,58 +78,112 @@ import PlacementSuggestions from './components/placement-suggestions/index.vue';
 import ActionGuideDistribution from './components/action-guide-distribution';
 import {
   getAiResult,
-  getPlacementAccountData,
-  getPlacementAccountDataList,
   getPlacementGuide,
+  getPlacementGuideHistory,
+  savePlacementGuide,
 } from '@/api/all/propertyMarketing';
 
 const tabData = ref('placement_guide');
 
 const query = reactive({
   platform: '',
-});
-
-const loading = ref(false);
-
-const guideListData = reactive({
-  data: [],
-});
-const pageInfo = reactive({
-  total: 0,
-  page_size: 0,
+  date_time: '',
+  sort_column: '',
+  sort_order: '',
+  page_size: 20,
   page: 1,
 });
 
-const onSearch = async () => {
-  const { code, data } = await getPlacementGuide(query);
-  if (code === 200) {
-    guideListData.data = data.data;
-    getSyncAiResult();
-  }
-  console.log(guideListData, 'guideListData');
+const tmp = ref(0);
+
+const onPageChange = (current) => {
+  query.page = current;
+  onSearch();
+};
+const onPageSizeChange = (pageSize) => {
+  query.page_size = pageSize;
+  onSearch();
 };
 
+const handleUpdateQuery = (payload) => {
+  payload.order = payload.order === 'ascend' ? 'asc' : 'desc';
+  query.sort_column = payload.column;
+  query.sort_order = payload.order;
+  onSearch();
+};
+
+const loading = ref(true);
+
+const listData = reactive({
+  list: [],
+  total: 0,
+});
+
+const onSearch = async () => {
+  let result;
+  if (tabData.value === 'placement_guide') {
+    result = await getPlacementGuide(query);
+  } else {
+    result = await getPlacementGuideHistory(query);
+  }
+  const { code, data } = result;
+  console.log(data, 'data');
+  if (code === 200) {
+    listData.list = data.data;
+    listData.total = data.total;
+    if (tabData.value === 'placement_guide') {
+      getSyncAiResult();
+    }
+  }
+};
 const aiResult = reactive({
   optimization: [], //投放建议优化
   action_guide: [], //新投放建议生成
+  overview: [], //新投放建议生成
 });
 
+const saveForm = reactive({
+  account: [],
+  plan: [],
+  platform: [],
+  aiResult: [],
+});
+const timer = ref(null);
 const getSyncAiResult = async () => {
+  if (listData.list.length == 0) {
+    return;
+  }
   const { code, data } = await getAiResult(query);
   if (code === 200) {
     // 成功或者失败清除定时任务
     if ((data.status && data.status === 3) || data.status === 2) {
       // clearInterval(timer);
-      loading.value = false;
     }
     aiResult.optimization = data.result.optimization.modules;
     aiResult.action_guide = data.result?.action_guide?.modules;
+    aiResult.overview = data.result?.overview?.content_blocks;
+    Object.assign(saveForm, data);
+  }
+  loading.value = false;
+  // 定时任务请求接口
+  timer.value = setInterval(() => {
+    getSyncAiResult();
+  }, 5000);
+  console.log(loading.value, 'loading.value');
+};
+
+const handleSave = async () => {
+  const updatedSaveForm = {
+    ...saveForm,
+    ai_result: aiResult,
+  };
+  const { code, data } = await savePlacementGuide(updatedSaveForm);
+  if (code === 200) {
   }
 };
-// 定时任务请求接口
-// const timer = setInterval(() => {
-//   getSyncAiResult();
-// }, 5000);
+onMounted(() => {
+  onSearch();
+});
 </script>
 
 <style lang="scss">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index aa02942..e5055ce 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -8,6 +8,7 @@
   flex-direction: column;
   justify-content: flex-start;
   display: inline-flex;
+  margin-top: 15px;
   // margin: 10px;
 
   .arco-tabs {
@@ -42,7 +43,6 @@
   padding: 0 8px;
 }
 
-//每块div 标题
 .part-div-header-title {
   justify-content: center;
   display: flex;
@@ -55,13 +55,12 @@
   word-wrap: break-word;
 }
 
-//账户指南-搜索div
+
 .search-form {
   padding: 10px 24px 20px 24px;
 
 }
 
-//账户列表-表格
 .account-table {
   padding: 1px 24px 20px 24px;
   width: 100%;
@@ -85,7 +84,6 @@
   margin: 10px;
 }
 
-//本周摘要div
 .month-body-div {
   align-self: stretch;
   height: 64px;
@@ -96,7 +94,7 @@
   display: inline-flex
 }
 
-//本月摘要标题
+
 .month-data-title {
   justify-content: center;
   display: flex;
@@ -110,7 +108,6 @@
 }
 
 
-//投放建议-总体策略
 .overall-strategy {
   width: 98%;
   padding: 20px 10px 20px 16px;
@@ -126,9 +123,7 @@
 
 }
 
-//投放优化每块div小标题
 .placement-optimization-title {
-  // 总体策略
   color: var(--Text-1, #211F24);
   font-size: 16px;
   font-family: PuHuiTi-Medium;
@@ -147,10 +142,8 @@
   word-wrap: break-word
 }
 
-//表现分析标题
 .player-title {
   margin: 10px 0px 15px 20px;
-  // 表现分析
   color: var(--Text-1, #211F24);
   font-size: 16px;
   font-family: PuHuiTi-Medium;
@@ -174,3 +167,103 @@
   margin-bottom: 20px
 }
 
+
+.guidelines-data-wrap {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+
+  .filter-wrap {
+    border-radius: 8px;
+    border: 1px solid #e6e6e8;
+
+    :deep(.arco-tabs) {
+      .arco-tabs-tab {
+        height: 56px;
+        padding: 0 8px;
+      }
+    }
+
+    :deep(.arco-btn) {
+      .arco-btn-icon {
+        line-height: 14px;
+      }
+    }
+
+    .top {
+      .title {
+        font-family: 'PuHuiTi-Medium';
+        font-style: normal;
+      }
+
+    }
+
+    .overview-row {
+      .overview-item {
+        height: 88px;
+        border-radius: 8px;
+        background: var(--BG-100, #f7f8fa);
+        padding: 16px;
+
+        &:not(:last-child) {
+          margin-right: 12px;
+        }
+      }
+    }
+  }
+
+  .table-wrap {
+    width: 100%;
+
+    .pagination-box {
+      display: flex;
+      width: 100%;
+      padding: 16px 24px;
+      justify-content: flex-end;
+      align-items: center;
+    }
+  }
+
+  .pagination-box {
+    display: flex;
+    width: 100%;
+    padding: 16px 24px;
+    justify-content: flex-end;
+    align-items: center;
+
+    .arco-pagination {
+      .arco-pagination-list {
+        .arco-pagination-item {
+          border-radius: 4px;
+          border: 1px solid var(--BG-300, #e6e6e8);
+
+          &.arco-pagination-item-ellipsis {
+            border: none;
+          }
+
+          &.arco-pagination-item-active {
+            background-color: transparent;
+            border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+          }
+        }
+      }
+
+      .arco-pagination-jumper-prepend {
+        color: var(--Text-2, #3c4043);
+        text-align: right;
+        font-family: 'PuHuiTi-Medium';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        line-height: 22px; /* 157.143% */
+      }
+
+      .arco-select-view-single,
+      .arco-pagination-jumper-input {
+        border-radius: 4px;
+        border: 1px solid var(--BG-300, #e6e6e8);
+        background-color: #fff;
+      }
+    }
+  }
+}

From 1100d1a891250b1f1e4f4423e9cd9d24ae9c3bef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Mon, 7 Jul 2025 21:37:27 +0800
Subject: [PATCH 70/78] =?UTF-8?q?feat(property-marketing):=20=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E6=8A=95=E6=94=BE=E6=8C=87=E5=8D=97=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E5=8A=9F=E8=83=BD=E5=B9=B6=E6=B7=BB=E5=8A=A0=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BD=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../action-guide-distribution/index.vue       |  1 -
 .../placement-suggestions/index.vue           | 13 +++---
 .../table-data/guideListHistory.vue           | 11 +++--
 .../investment-guidelines/index.vue           | 41 +++++++++++++------
 4 files changed, 42 insertions(+), 24 deletions(-)

diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index 501d586..e2b3830 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -164,7 +164,6 @@ const MODEL_PLACEMENT_SUGGESTION = '新投放建议生成';
 
 // 封装通用方法来获取 submodules 的内容
 const getSubmoduleContent = (moduleName: string, submoduleName: string) => {
-  console.log(props.action_guide, 'getSubmoduleContent');
   const module = props.action_guide
     .find((item) => item.title === moduleName)
     ?.submodules.find((mod) => mod.subtitle === submoduleName);
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
index cfc5481..4798c52 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/placement-suggestions/index.vue
@@ -16,7 +16,7 @@
           <a-col :span="24">
             <div class="overall-strategy">
               <span class="placement-optimization-title">总体策略</span>
-              <span class="placement-optimization-str">{{props.optimization?.[0]?.['content']}}</span>
+              <span class="placement-optimization-str">{{ props.optimization?.[0]?.['content'] }}</span>
             </div>
           </a-col>
         </a-row>
@@ -24,13 +24,13 @@
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">预算分配</span>
-              <span class="placement-optimization-str">{{props.optimization?.[1]?.['content']}}</span>
+              <span class="placement-optimization-str">{{ props.optimization?.[1]?.['content'] }}</span>
             </div>
           </a-col>
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">时段优化</span>
-              <span class="placement-optimization-str">{{props.optimization?.[2]?.['content']}}</span>
+              <span class="placement-optimization-str">{{ props.optimization?.[2]?.['content'] }}</span>
             </div>
           </a-col>
         </a-row>
@@ -38,14 +38,13 @@
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">人群包优化</span>
-              <span class="placement-optimization-str">{{props?.optimization?.[3]?.['content']}}</span>
+              <span class="placement-optimization-str">{{ props?.optimization?.[3]?.['content'] }}</span>
             </div>
           </a-col>
           <a-col :span="12">
             <div class="overall-strategy">
               <span class="placement-optimization-title">素材优化</span>
-              <span class="placement-optimization-str">{{props?.optimization?.[4]?.['content']}}</span>
-
+              <span class="placement-optimization-str">{{ props?.optimization?.[4]?.['content'] }}</span>
             </div>
           </a-col>
         </a-row>
@@ -66,7 +65,7 @@ const props = defineProps({
   },
 });
 
-console.log(props.optimization,'optimization')
+console.log(props.optimization, 'optimization');
 </script>
 
 <style scoped lang="scss">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 9257a34..3b907d3 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -70,7 +70,9 @@ const columns = [
 ];
 // hotTranslation.vue
 import { useRouter } from 'vue-router';
-import { deleteHistorylog } from '@/api/all/propertyMarketing'; // 引入 useRouter
+import { deleteHistorylog } from '@/api/all/propertyMarketing';
+import { defineEmits } from 'vue'; // 引入 useRouter
+const emits = defineEmits(['onSearch']);
 
 const router = useRouter(); // 创建 router 实例
 
@@ -101,10 +103,11 @@ const downloadDetailAsImage = (id) => {
   };
 };
 const deleteData = async (id) => {
-  const { code, data } = await deleteHistorylog(id);
-
+  const { code, message } = await deleteHistorylog(id);
   if (code === 200) {
-    Message.success('删除成功');
+    Message.success(message);
+    emits('onSearch');
+    console.log('onsearch')
   }
 };
 
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index ebe65dd..375b3b3 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -40,7 +40,7 @@
       </div>
     </div>
 
-    <div v-if="loading === false">
+    <div v-if="loading === false && tabData === 'placement_guide'">
       <!--    本月摘要-->
       <MonthData :overview="aiResult.overview"></MonthData>
 
@@ -49,9 +49,9 @@
       <!--      投放行动指南-->
       <ActionGuideDistribution :action_guide="aiResult.action_guide" :tmp="tmp"></ActionGuideDistribution>
     </div>
-    <div>
+    <div v-if="tabData == 'placement_guide'">
       <a-space class="down-btn">
-        <a-button type="outline" @click="onSearch">
+        <a-button type="outline" @click="downPage">
           <template #icon>
             <icon-download />
           </template>
@@ -82,6 +82,8 @@ import {
   getPlacementGuideHistory,
   savePlacementGuide,
 } from '@/api/all/propertyMarketing';
+import { Message } from '@arco-design/web-vue';
+import html2canvas from 'html2canvas';
 
 const tabData = ref('placement_guide');
 
@@ -133,6 +135,12 @@ const onSearch = async () => {
     listData.total = data.total;
     if (tabData.value === 'placement_guide') {
       getSyncAiResult();
+      if (listData.list.length != 0) {
+        // 设置定时器每5秒执行一次
+        timer.value = setInterval(() => {
+          getSyncAiResult();
+        }, 5000);
+      }
     }
   }
 };
@@ -142,13 +150,26 @@ const aiResult = reactive({
   overview: [], //新投放建议生成
 });
 
+// 下载当前页面
+
+const downPage = async () => {
+  await nextTick(); // 确保 DOM 更新完成
+  html2canvas(document.querySelector('.guidelines-data-wrap')).then(canvas => {
+    const imgData = canvas.toDataURL('image/png');
+    const link = document.createElement('a');
+    link.href = imgData;
+    const timestamp = new Date().getTime();
+    link.download = `投放指南-${timestamp}.png`;
+    link.click();
+  });
+};
 const saveForm = reactive({
   account: [],
   plan: [],
   platform: [],
   aiResult: [],
 });
-const timer = ref(null);
+const timer = ref<number | null>(null); // 定时器引用
 const getSyncAiResult = async () => {
   if (listData.list.length == 0) {
     return;
@@ -156,8 +177,8 @@ const getSyncAiResult = async () => {
   const { code, data } = await getAiResult(query);
   if (code === 200) {
     // 成功或者失败清除定时任务
-    if ((data.status && data.status === 3) || data.status === 2) {
-      // clearInterval(timer);
+    if ((data.ai_result_status && data.ai_result_status === 3) || data.ai_result_status === 2) {
+      clearInterval(timer.value);
     }
     aiResult.optimization = data.result.optimization.modules;
     aiResult.action_guide = data.result?.action_guide?.modules;
@@ -165,11 +186,6 @@ const getSyncAiResult = async () => {
     Object.assign(saveForm, data);
   }
   loading.value = false;
-  // 定时任务请求接口
-  timer.value = setInterval(() => {
-    getSyncAiResult();
-  }, 5000);
-  console.log(loading.value, 'loading.value');
 };
 
 const handleSave = async () => {
@@ -177,8 +193,9 @@ const handleSave = async () => {
     ...saveForm,
     ai_result: aiResult,
   };
-  const { code, data } = await savePlacementGuide(updatedSaveForm);
+  const { code, message, data } = await savePlacementGuide(updatedSaveForm);
   if (code === 200) {
+    Message.success(message);
   }
 };
 onMounted(() => {

From 67e105113882d7bf05a1a389c1e2d8e13ea5f1e7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 8 Jul 2025 16:55:03 +0800
Subject: [PATCH 71/78] =?UTF-8?q?feat(property-marketing):=20=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84AI=E5=88=86=E6=9E=90=E7=BB=93=E6=9E=9C=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E9=80=BB=E8=BE=91=E5=B9=B6=E4=BC=98=E5=8C=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refactor(property-marketing): 拆分投放指南和历史指南组件逻辑

feat(property-marketing): 添加AI检测结果状态枚举

perf(property-marketing): 优化定时任务处理逻辑和错误处理

style(property-marketing): 调整页面样式和布局结构
---
 .../routes/modules/propertyMarketing.ts       |   1 +
 .../action-guide-distribution/index.vue       |   1 -
 .../components/month-data/index.vue           |   2 +-
 .../table-data/guideListHistory.vue           |   2 +-
 .../components/table-data/style.scss          |  51 ++++++++
 .../investment-guidelines/constants.ts        |   8 ++
 .../investment-guidelines/detail.vue          |  71 ++--------
 .../investment-guidelines/index.vue           | 123 ++++++++++--------
 .../investment-guidelines/style.scss          |  12 ++
 9 files changed, 157 insertions(+), 114 deletions(-)
 create mode 100644 src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss

diff --git a/src/router/routes/modules/propertyMarketing.ts b/src/router/routes/modules/propertyMarketing.ts
index 0a230ba..621ff25 100644
--- a/src/router/routes/modules/propertyMarketing.ts
+++ b/src/router/routes/modules/propertyMarketing.ts
@@ -147,6 +147,7 @@ const COMPONENTS: AppRouteRecordRaw[] = [
           requiresAuth: true,
           hideInMenu: true,
           roles: ['*'],
+          activeMenu: 'PutAccountInvestmentGuidelines',
         },
         component: () => import('@/views/property-marketing/put-account/investment-guidelines/detail'),
       },
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index e2b3830..7f195c6 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -170,7 +170,6 @@ const getSubmoduleContent = (moduleName: string, submoduleName: string) => {
   const content = [];
   if (module) {
     const content = Object.values(module.content);
-    console.log(content, 'content');
     return content;
   }
   return [];
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index 50df0f5..87135fb 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -5,7 +5,7 @@
       <a-popover position="tl">
         <icon-question-circle />
         <template #content>
-          <p style="margin: 0">本月摘要。</p>
+          <p style="margin: 0">本月摘要2。</p>
         </template>
       </a-popover>
     </div>
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
index 3b907d3..eac738f 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/guideListHistory.vue
@@ -104,7 +104,7 @@ const downloadDetailAsImage = (id) => {
 };
 const deleteData = async (id) => {
   const { code, message } = await deleteHistorylog(id);
-  if (code === 200) {
+  if (code == 200) {
     Message.success(message);
     emits('onSearch');
     console.log('onsearch')
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss
new file mode 100644
index 0000000..927f071
--- /dev/null
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/style.scss
@@ -0,0 +1,51 @@
+.container {
+  :deep(.arco-input-wrapper),
+  :deep(.arco-select-view-single),
+  :deep(.arco-select-view-multiple),
+  :deep(.arco-picker) {
+    border-radius: 4px;
+    border-color: #d7d7d9;
+    background-color: #fff;
+    &:focus-within,
+    &.arco-input-focus {
+      background-color: var(--color-bg-2);
+      border-color: rgb(var(--primary-6));
+      box-shadow: 0 0 0 0 var(--color-primary-light-2);
+    }
+  }
+
+  :deep(.search-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--Brand-Brand-6, #6d4cfe);
+    color: #6d4cfe;
+  }
+
+  :deep(.reset-btn) {
+    border-radius: 4px;
+    border: 1px solid var(--BG-500, #b1b2b5);
+    background: var(--BG-white, #fff);
+  }
+
+  .filter-row {
+    .filter-row-item {
+      &:not(:last-child) {
+        margin-right: 24px;
+      }
+
+      .label {
+        margin-right: 8px;
+        color: #211f24;
+        font-family: 'PuHuiTi-Regular';
+        font-size: 14px;
+        font-style: normal;
+        font-weight: 400;
+        flex-shrink: 0;
+        line-height: 22px; /* 157.143% */
+      }
+
+      :deep(.arco-space-item) {
+        width: 100%;
+      }
+    }
+  }
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/constants.ts b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
index a4f7952..2a33f99 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/constants.ts
+++ b/src/views/property-marketing/put-account/investment-guidelines/constants.ts
@@ -19,3 +19,11 @@ export function getStarIcon(score: number): string {
       return top1; // 默认返回最高分图标
   }
 }
+
+// ai检测结果状态
+export enum AiResultStatus {
+  WAIT = 0, // 待执行
+  PENDING = 1, // 处理中
+  FAILED = 2, // 失败
+  SUCCESS = 3, // 成功
+}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/detail.vue b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
index e54623d..010355f 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/detail.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/detail.vue
@@ -49,33 +49,13 @@
         </a-row>
       </div>
     </div>
-
-    <a-spin :loading="loading" tip="数据分析中">
-      <div>
-        <!--    本月摘要-->
-        <MonthData></MonthData>
-
-        <!--        &lt;!&ndash;    投放建议&ndash;&gt;-->
-        <PlacementSuggestions :optimization="detailData?.ai_result?.optimization?.modules"></PlacementSuggestions>
-        <!--        &lt;!&ndash;      投放行动指南&ndash;&gt;-->
-        <ActionGuideDistribution :action_guide="detailData?.ai_result.action_guide?.modules"></ActionGuideDistribution>
-      </div>
-    </a-spin>
     <div>
-      <a-space class="down-btn">
-        <a-button type="outline" @click="onSearch">
-          <template #icon>
-            <icon-download />
-          </template>
-          <template #default>下载</template>
-        </a-button>
-        <a-button type="primary" @click="handleSave">
-          <template #icon>
-            <icon-drive-file />
-          </template>
-          <template #default>保存</template>
-        </a-button>
-      </a-space>
+      <MonthData :overview="aiResult.overview"></MonthData>
+
+      <!--    投放建议-->
+      <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
+      <!--      投放行动指南-->
+      <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
     </div>
   </div>
 </template>
@@ -90,54 +70,31 @@ import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_con
 import { getPlacementGuideDetail } from '@/api/all/propertyMarketing';
 import { useRoute } from 'vue-router';
 
-const tabData = ref('placement_guide');
-
-const query = reactive({
-  platform: '',
-  date_time: '',
-  sort_column: '',
-  sort_order: '',
-  page_size: 20,
-  page: 1,
-});
-
-const handleUpdateQuery = (payload) => {
-  payload.order = payload.order === 'ascend' ? 'asc' : 'desc';
-  query.sort_column = payload.column;
-  query.sort_order = payload.order;
-};
-
-const loading = ref(false);
-
-const saveForm = reactive({
-  account: [],
-  plan: [],
-  platform: [],
+const aiResult = reactive({
+  optimization: [], // 投放建议优化
+  action_guide: [], // 新投放建议生成
+  overview: [], // 新投放建议生成
 });
 
 const detailData = reactive({
+  created_at: '',
+  account: '',
   platform: [],
-  ai_result: {},
 });
-
 const route = useRoute();
 const id = route.params.id;
 const getDetail = async () => {
   const { code, data } = await getPlacementGuideDetail(id);
-  console.log(data, 'data');
-  console.log(code, 'code');
   if (code === 200) {
+    Object.assign(aiResult, data.ai_result);
     Object.assign(detailData, data);
+    console.log(aiResult, 'aiResult');
   }
 };
 
 onMounted(() => {
   getDetail();
 });
-// 定时任务请求接口
-// const timer = setInterval(() => {
-//   getSyncAiResult();
-// }, 5000);
 </script>
 
 <style lang="scss">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index 375b3b3..f20ba03 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -16,14 +16,13 @@
       </div>
       <!--表单组件搜索-->
       <listSearchForm v-model:query="query" @onSearch="onSearch"></listSearchForm>
-      <!--      投放指南-->
-      <PlacementGuideList
-        v-if="tabData === 'placement_guide'"
-        :listData="listData.list"
+
+      <component
+        :is="currentComponent"
+        :listData="tabData === 'placement_guide' ? placementGuideList : guideHistoryList"
+        @onSearch="onSearch"
         @updateQuery="handleUpdateQuery"
-      ></PlacementGuideList>
-      <!--      历史指南列表-->
-      <GuideListHistory v-if="tabData === 'guide_history'" :listData="listData.list"></GuideListHistory>
+      />
 
       <div v-if="listData.total > 0" class="pagination-box flex justify-end">
         <a-pagination
@@ -40,14 +39,16 @@
       </div>
     </div>
 
-    <div v-if="loading === false && tabData === 'placement_guide'">
-      <!--    本月摘要-->
-      <MonthData :overview="aiResult.overview"></MonthData>
+    <div v-if="tabData === 'placement_guide'">
+      <a-spin :loading="loading" tip="AI分析中">
+        <!--    本月摘要-->
+        <MonthData :overview="aiResult.overview"></MonthData>
 
-      <!--    投放建议-->
-      <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
-      <!--      投放行动指南-->
-      <ActionGuideDistribution :action_guide="aiResult.action_guide" :tmp="tmp"></ActionGuideDistribution>
+        <!--    投放建议-->
+        <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
+        <!--      投放行动指南-->
+        <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
+      </a-spin>
     </div>
     <div v-if="tabData == 'placement_guide'">
       <a-space class="down-btn">
@@ -84,6 +85,7 @@ import {
 } from '@/api/all/propertyMarketing';
 import { Message } from '@arco-design/web-vue';
 import html2canvas from 'html2canvas';
+import { AiResultStatus } from '@/views/property-marketing/put-account/investment-guidelines/constants';
 
 const tabData = ref('placement_guide');
 
@@ -96,8 +98,9 @@ const query = reactive({
   page: 1,
 });
 
-const tmp = ref(0);
-
+const currentComponent = computed(() => {
+  return tabData.value === 'placement_guide' ? PlacementGuideList : GuideListHistory;
+});
 const onPageChange = (current) => {
   query.page = current;
   onSearch();
@@ -114,47 +117,41 @@ const handleUpdateQuery = (payload) => {
   onSearch();
 };
 
-const loading = ref(true);
+const loading = ref(false);
 
 const listData = reactive({
-  list: [],
   total: 0,
+  list: [],
 });
+const placementGuideList = ref([]); // 投放指南数据
+const guideHistoryList = ref([]); // 历史投放指南数据
 
 const onSearch = async () => {
   let result;
   if (tabData.value === 'placement_guide') {
     result = await getPlacementGuide(query);
+    placementGuideList.value = result?.data?.data || [];
   } else {
     result = await getPlacementGuideHistory(query);
+    guideHistoryList.value = result?.data?.data || [];
   }
-  const { code, data } = result;
-  console.log(data, 'data');
-  if (code === 200) {
-    listData.list = data.data;
-    listData.total = data.total;
-    if (tabData.value === 'placement_guide') {
-      getSyncAiResult();
-      if (listData.list.length != 0) {
-        // 设置定时器每5秒执行一次
-        timer.value = setInterval(() => {
-          getSyncAiResult();
-        }, 5000);
-      }
-    }
+  listData.total = result.data.total;
+  if (placementGuideList.value.length > 0) {
+    loading.value = true;
+    startTask();
   }
 };
 const aiResult = reactive({
-  optimization: [], //投放建议优化
-  action_guide: [], //新投放建议生成
-  overview: [], //新投放建议生成
+  optimization: [], // 投放建议优化
+  action_guide: [], // 新投放建议生成
+  overview: [], // 新投放建议生成
 });
 
 // 下载当前页面
 
 const downPage = async () => {
   await nextTick(); // 确保 DOM 更新完成
-  html2canvas(document.querySelector('.guidelines-data-wrap')).then(canvas => {
+  html2canvas(document.querySelector('.guidelines-data-wrap')).then((canvas) => {
     const imgData = canvas.toDataURL('image/png');
     const link = document.createElement('a');
     link.href = imgData;
@@ -168,26 +165,44 @@ const saveForm = reactive({
   plan: [],
   platform: [],
   aiResult: [],
+  code: '',
 });
-const timer = ref<number | null>(null); // 定时器引用
-const getSyncAiResult = async () => {
-  if (listData.list.length == 0) {
-    return;
-  }
-  const { code, data } = await getAiResult(query);
-  if (code === 200) {
-    // 成功或者失败清除定时任务
-    if ((data.ai_result_status && data.ai_result_status === 3) || data.ai_result_status === 2) {
-      clearInterval(timer.value);
-    }
-    aiResult.optimization = data.result.optimization.modules;
-    aiResult.action_guide = data.result?.action_guide?.modules;
-    aiResult.overview = data.result?.overview?.content_blocks;
-    Object.assign(saveForm, data);
-  }
-  loading.value = false;
-};
+const timerRef = ref<number | null>(null);
 
+const startTask = () => {
+  if (timerRef.value !== null) return;
+  timerRef.value = setInterval(async () => {
+    try {
+      const { code, data } = await getAiResult(query);
+      console.log('定时任务执行结果:', data);
+      if (data.ai_result_status === AiResultStatus.SUCCESS || data.ai_result_status === AiResultStatus.FAILED) {
+        stopTask();
+        console.log('任务已完成，定时器已关闭');
+      }
+      if (data.ai_result_status === AiResultStatus.SUCCESS) {
+        loading.value = false;
+        aiResult.optimization = data.result?.optimization?.modules || [];
+        aiResult.action_guide = data.result?.action_guide?.modules || [];
+        aiResult.overview = data.result?.overview || [];
+      }
+      saveForm.code = data?.code;
+      console.log(aiResult, 'aiResult');
+    } catch (error) {
+      console.error('定时任务执行出错:', error);
+      stopTask();
+    }
+  }, 5000);
+};
+const stopTask = () => {
+  if (timerRef.value !== null) {
+    clearInterval(timerRef.value); // 清除定时器
+    timerRef.value = null; // 重置引用
+    console.log('定时器已停止');
+  }
+};
+onUnmounted(() => {
+  stopTask();
+});
 const handleSave = async () => {
   const updatedSaveForm = {
     ...saveForm,
diff --git a/src/views/property-marketing/put-account/investment-guidelines/style.scss b/src/views/property-marketing/put-account/investment-guidelines/style.scss
index e5055ce..3867962 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/style.scss
+++ b/src/views/property-marketing/put-account/investment-guidelines/style.scss
@@ -1,3 +1,15 @@
+
+.table-wrap {
+  width: 100%;
+  .pagination-box {
+    display: flex;
+    width: 100%;
+    padding: 16px 24px;
+    justify-content: flex-end;
+    align-items: center;
+  }
+}
+
 .part-div {
   width: 100%;
   background: var(--BG-white, white);

From 6f78b90c4519cf55ad3eb6ecc0ecb1e441fe276d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 8 Jul 2025 17:00:29 +0800
Subject: [PATCH 72/78] =?UTF-8?q?feat(property-marketing):=20=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84AI=E5=88=86=E6=9E=90=E7=BB=93=E6=9E=9C=E5=A4=84?=
 =?UTF-8?q?=E7=90=86=E9=80=BB=E8=BE=91=E5=B9=B6=E4=BC=98=E5=8C=96=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

refactor(property-marketing): 拆分投放指南和历史指南组件逻辑

feat(property-marketing): 添加AI检测结果状态枚举

perf(property-marketing): 优化定时任务处理逻辑和错误处理

style(property-marketing): 调整页面样式和布局结构
---
 src/utils/tools.ts                                     | 10 ----------
 .../components/action-guide-distribution/index.vue     |  1 -
 2 files changed, 11 deletions(-)

diff --git a/src/utils/tools.ts b/src/utils/tools.ts
index d8c87ca..105d541 100644
--- a/src/utils/tools.ts
+++ b/src/utils/tools.ts
@@ -3,7 +3,6 @@
  * @Date: 2025-06-27 17:36:31
  */
 import dayjs from 'dayjs';
-import lodash from 'lodash';
 export function toFixed(num: number | string, n: number): number {
   return parseFloat(parseFloat(num.toString()).toFixed(n));
 }
@@ -106,12 +105,3 @@ export function downloadByUrl(url: string, filename?: string) {
   a.click();
   document.body.removeChild(a);
 }
-
-/**
- * 检查数据是否为空
- * @param data
- */
-export function isEmpty(data: any): boolean {
-  // 使用 lodash 的 isEmpty 方法检查数据是否为空
-  return lodash.isEmpty(data);
-}
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
index 7f195c6..907bd62 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/action-guide-distribution/index.vue
@@ -146,7 +146,6 @@
 
 <script setup lang="ts">
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
-import { isEmpty } from '@/utils/tools';
 
 const props = defineProps({
   action_guide: {

From 342b2324e089ee7272a487f08946814dc2f7468f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 8 Jul 2025 17:01:26 +0800
Subject: [PATCH 73/78] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=B8=B4=E6=97=B6?=
 =?UTF-8?q?=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../put-account/investment-guidelines/index.vue                 | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index f20ba03..b72fec8 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -170,6 +170,8 @@ const saveForm = reactive({
 const timerRef = ref<number | null>(null);
 
 const startTask = () => {
+  //todo 暂时注释
+  return
   if (timerRef.value !== null) return;
   timerRef.value = setInterval(async () => {
     try {

From f6289c0cae204771252c6f96a09efc6a22b79fbb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 8 Jul 2025 17:27:27 +0800
Subject: [PATCH 74/78] =?UTF-8?q?=E4=BB=A3=E7=A0=81=E4=B8=B4=E6=97=B6?=
 =?UTF-8?q?=E6=B3=A8=E9=87=8A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../put-account/investment-guidelines/index.vue  | 16 ++++++----------
 1 file changed, 6 insertions(+), 10 deletions(-)

diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index b72fec8..d35dc09 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -40,15 +40,11 @@
     </div>
 
     <div v-if="tabData === 'placement_guide'">
-      <a-spin :loading="loading" tip="AI分析中">
-        <!--    本月摘要-->
-        <MonthData :overview="aiResult.overview"></MonthData>
-
-        <!--    投放建议-->
-        <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
-        <!--      投放行动指南-->
-        <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
-      </a-spin>
+      <MonthData :overview="aiResult.overview"></MonthData>
+      <!--    投放建议-->
+      <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
+      <!--      投放行动指南-->
+      <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
     </div>
     <div v-if="tabData == 'placement_guide'">
       <a-space class="down-btn">
@@ -171,7 +167,7 @@ const timerRef = ref<number | null>(null);
 
 const startTask = () => {
   //todo 暂时注释
-  return
+  return;
   if (timerRef.value !== null) return;
   timerRef.value = setInterval(async () => {
     try {

From 0c7d9086c829351fd909ba4d0e8b4dc7de18d4c3 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 8 Jul 2025 17:51:02 +0800
Subject: [PATCH 75/78] =?UTF-8?q?perf:=20=E5=8E=BB=E6=8E=89=E7=99=BE?=
 =?UTF-8?q?=E5=88=86=E6=AF=94=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../account-detail/components/account-info/index.vue            | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

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 851ce48..5b3d2a6 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
@@ -80,7 +80,7 @@
                 >
                   <icon-arrow-up v-if="detailData[field.dataIndex] > 0" size="16" />
                   <icon-arrow-down v-else size="16" />
-                  {{ `${(detailData[field.dataIndex] * 100).toFixed(2)}%` }}
+                  {{ `${detailData[field.dataIndex]}%` }}
                 </div>
               </template>
               <template v-else>

From 9bd1bee0c80142b8f99e31cc9f974d9fcba76602 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 8 Jul 2025 18:11:41 +0800
Subject: [PATCH 76/78] =?UTF-8?q?perf:=20=E6=89=AB=E7=A0=81=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/account-table/index.vue             | 12 +++++++-----
 .../components/add-account-modal/index.vue         |  8 ++++----
 .../components/authorized-account-modal/index.vue  | 11 +++++++----
 .../components/reauthorize-account-modal/index.vue | 14 +++++++++-----
 4 files changed, 27 insertions(+), 18 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
index 6494858..9e0f558 100644
--- a/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/account-table/index.vue
@@ -107,8 +107,8 @@
       </div>
     </div>
     <PauseAccountPatchModal ref="pauseAccountPatchModalRef" @success="emits('update')" />
-    <ReauthorizeAccountModal ref="reauthorizeAccountModalRef" @success="emits('update')" />
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" @success="emits('update')" />
+    <ReauthorizeAccountModal ref="reauthorizeAccountModalRef" @update="emits('update')" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
   </div>
 </template>
 
@@ -166,11 +166,13 @@ const openDelete = (item) => {
 };
 
 const handleReauthorize = (item) => {
-  const isUnauthorized = isUnauthorizedStatus(item.status);
+  console.log({ item });
+  const { id, platform, status } = item;
+  const isUnauthorized = isUnauthorizedStatus(status);
   if (isUnauthorized) {
-    authorizedAccountModalRef.value?.open(item.id);
+    authorizedAccountModalRef.value?.open(id, platform);
   } else {
-    reauthorizeAccountModalRef.value?.open(item.id);
+    reauthorizeAccountModalRef.value?.open(id, platform);
   }
 };
 
diff --git a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
index 1e96ffb..567df68 100644
--- a/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
+++ b/src/views/property-marketing/media-account/account-manage/components/add-account-modal/index.vue
@@ -124,7 +124,7 @@
       </a-button>
     </template>
 
-    <AuthorizedAccountModal ref="authorizedAccountModalRef" />
+    <AuthorizedAccountModal ref="authorizedAccountModalRef" @update="emits('update')" />
     <ImportPromptModal ref="importPromptModalRef" />
   </a-modal>
 </template>
@@ -322,15 +322,15 @@ async function onSubmit() {
         if (isEdit.value) {
           onClose();
         } else {
-          startAuthorized(data?.id);
+          startAuthorized(data?.id, data?.platform);
         }
       }
     }
   });
 }
 
-const startAuthorized = (id) => {
-  authorizedAccountModalRef.value.open(id);
+const startAuthorized = (id, platform) => {
+  authorizedAccountModalRef.value.open(id, platform);
 };
 
 const handleDownloadTemplate = async () => {
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 33de039..b0ece06 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
@@ -34,7 +34,7 @@
           <div class="img-box">
             <template v-if="qrCodeLoading || isFailLoadQrCode">
               <div class="relative w-160px h-160px">
-                <a-image :src="icon1" width="160" height="160" />
+                <a-image v-if="qrCodeLoading" :src="icon1" width="160" height="160" />
                 <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
                   <img v-if="isFailLoadQrCode" :src="icon4" width="24" height="24" class="mb-13px" />
                   <icon-loading v-else size="24" class="color-#6D4CFE mb-13px" />
@@ -55,7 +55,7 @@
               <p class="s1">请点击刷新</p>
             </div>
           </div>
-          <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+          <span class="mt-16px"> 请使用{{ platform }}扫码，将公司账号绑定至灵机平台。 </span>
         </template>
       </template>
     </div>
@@ -88,7 +88,7 @@ const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
-
+const platform = ref('');
 const isFailLoadQrCode = ref(false);
 const qrCodeUrl = ref('');
 const qrCodeLoading = ref(false);
@@ -103,8 +103,9 @@ const confirmBtnText = computed(() => {
   return isSuccess.value ? '继续添加' : '重新扫码';
 });
 
-const open = (accountId) => {
+const open = (accountId, platformCode) => {
   id.value = accountId;
+  platform.value = platformCode === 0 ? '抖音' : '小红书';
   getAuthorizedQrCode();
   visible.value = true;
 };
@@ -114,6 +115,7 @@ const resetTaskFields = () => {
   isCompleted.value = false;
   isSuccess.value = false;
   failReason.value = '';
+  platform.value = '';
   progress.value = 0;
   qrCodeUrl.value = '';
   qrCodeLoading.value = false;
@@ -168,6 +170,7 @@ const startStatusPolling = () => {
         clearFakeProgressTimer();
         clearStatusPollingTimer();
         isLoading.value = false;
+        emits('update');
       }
     }
   }, 2000);
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 b3372d2..2013748 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
@@ -34,7 +34,7 @@
         <div class="img-box">
           <template v-if="qrCodeLoading || isFailLoadQrCode">
             <div class="relative w-160px h-160px">
-              <a-image :src="icon1" width="160" height="160" />
+              <a-image v-if="qrCodeLoading" :src="icon1" width="160" height="160" />
               <div class="absolute top-0 left-0 z-2 w-full h-full flex flex-col items-center justify-center">
                 <img v-if="isFailLoadQrCode" :src="icon4" width="24" height="24" class="mb-13px" />
                 <icon-loading v-else size="24" class="color-#6D4CFE mb-13px" />
@@ -55,7 +55,7 @@
             <p class="s1">请点击刷新</p>
           </div>
         </div>
-        <span class="mt-16px"> 请使用抖音扫码，将公司账号绑定至灵机平台。 </span>
+        <span class="mt-16px"> 请使用{{ platform }}扫码，将公司账号绑定至灵机平台。 </span>
       </template>
       <!-- </template> -->
       <template v-else-if="taskStep === TASK_STEP.loading">
@@ -106,24 +106,25 @@
 import { defineExpose, ref, onUnmounted } from 'vue';
 import { getMediaAccountsAuthorizedStatus, getAuthorizedImage } from '@/api/all/propertyMarketing';
 
-import icon1 from '@/assets/img/media-account/icon-warn.png';
+import icon1 from '@/assets/img/media-account/icon-default-qrcode.png';
 import icon2 from '@/assets/img/media-account/icon-feedback-success.png';
 import icon3 from '@/assets/img/media-account/icon-feedback-fail.png';
 import icon4 from '@/assets/img/media-account/icon-warn-1.png';
 
+const emits = defineEmits(['update']);
 const OVERDUE_TIME = 30000; // 失效时间
 const TASK_STEP = {
   default: 1,
   loading: 2,
   end: 3,
 };
-
 const visible = ref(false);
 const isOverdue = ref(false); // 二维码失效
 const isSuccess = ref(false);
 const failReason = ref('');
 const progress = ref(0);
 const id = ref('');
+const platform = ref('');
 
 const isFailLoadQrCode = ref(false);
 const qrCodeUrl = ref('');
@@ -153,8 +154,9 @@ const confirmBtnText = computed(() => {
   return '';
 });
 
-const open = (accountId) => {
+const open = (accountId, platformCode) => {
   id.value = accountId;
+  platform.value = platformCode === 0 ? '抖音' : '小红书';
   getAuthorizedQrCode();
   visible.value = true;
 };
@@ -162,6 +164,7 @@ const resetTaskFields = () => {
   isOverdue.value = false;
   isSuccess.value = false;
   failReason.value = '';
+  platform.value = '';
   progress.value = 0;
   qrCodeUrl.value = '';
   qrCodeLoading.value = false;
@@ -200,6 +203,7 @@ const startStatusPolling = () => {
         progress.value = 1;
         clearFakeProgressTimer();
         clearStatusPollingTimer();
+        emits('update');
       }
     }
   }, 2000);

From 7d2d4e31f71847225d82b902e30290f7e8f2d696 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Tue, 8 Jul 2025 18:16:45 +0800
Subject: [PATCH 77/78] =?UTF-8?q?style:=20=E6=96=87=E6=A1=88=E9=87=8A?=
 =?UTF-8?q?=E4=B9=89=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../media-account/account-detail/constants.ts             | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/views/property-marketing/media-account/account-detail/constants.ts b/src/views/property-marketing/media-account/account-detail/constants.ts
index 206dead..076a8b1 100644
--- a/src/views/property-marketing/media-account/account-detail/constants.ts
+++ b/src/views/property-marketing/media-account/account-detail/constants.ts
@@ -40,8 +40,12 @@ export const getAccountInfoFields = (dateType: string, showMore: boolean) => {
     ],
     [
       { title: 'AI评价', dataIndex: 'ai_evaluation' },
-      { title: '粉丝量', dataIndex: 'fans_number', tooltip: '粉丝量' },
-      { title: '总赞藏数', dataIndex: 'like_collect_number', tooltip: '总赞藏数' },
+      { title: '粉丝量', dataIndex: 'fans_number', tooltip: '账号的当前粉丝总数。' },
+      {
+        title: '总赞藏数',
+        dataIndex: 'like_collect_number',
+        tooltip: '账号所有内容获得的点赞数与收藏数总和，用于衡量历史内容的整体吸引力与认可度。',
+      },
     ],
   ];
   const customFields = groupArrayBySize(CUSTOM_FIELDS, 4, dateType);

From d7704bd63199d52ff53ccc550b7cf2865c50266e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E5=BF=97=E5=86=9B?= <543024265@qq.com>
Date: Tue, 8 Jul 2025 20:05:26 +0800
Subject: [PATCH 78/78] =?UTF-8?q?feat(property-marketing):=20=E9=87=8D?=
 =?UTF-8?q?=E6=9E=84=E6=9C=88=E5=BA=A6=E6=95=B0=E6=8D=AE=E5=B1=95=E7=A4=BA?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E5=B9=B6=E4=BC=98=E5=8C=96AI=E5=88=86?=
 =?UTF-8?q?=E6=9E=90=E4=BA=A4=E4=BA=92=E6=B5=81=E7=A8=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/month-data/index.vue           | 63 ++++++++++++-------
 .../components/table-data/listSearchForm.vue  | 17 ++---
 .../table-data/placementGuideList.vue         | 18 ++----
 .../investment-guidelines/index.vue           | 60 +++++++++++++-----
 4 files changed, 100 insertions(+), 58 deletions(-)

diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
index 87135fb..b99e439 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/month-data/index.vue
@@ -11,20 +11,11 @@
     </div>
     <div class="month-data-div">
       <div style="align-self: stretch">
-        <a-space direction="vertical" v-for="(item, index) in overview">
-          <span :style="{ color: getColor(item?.highlight) }">{{ item.text }}</span>
-          <br />
+        <a-space direction="vertical">
+          <span v-for="(line, index) in formattedText" :key="index" :class="getCss(line.highlight)" >
+            {{ line.text }}
+          </span>
         </a-space>
-        <!--        <span class="month-text-black">总消耗：</span>-->
-        <!--        <span class="month-text-blue">￥52,382.16</span>-->
-        <!--        <span class="month-normal-span">，较上周期</span><span class="month-text-red">↑12.6%</span>-->
-        <!--        <span class="month-normal-span">；<br />整体ROI：</span><span class="month-text-blue">2.84</span>-->
-        <!--        <span class="month-normal-span">，属于</span><span class="month-text-red">中等偏高水平</span>-->
-        <!--        <span class="month-text-black">，较上周期 </span><span class="month-text-red">+0.45</span>-->
-        <!--        <span class="month-normal-span">；<br />主要转化来源：</span><span class="month-text-blue">抖音 46.3%</span>-->
-        <!--        <span class="month-normal-span">，CTR 2.91%；<br />优质素材表现：</span>-->
-        <!--        <span class="month-text-blue">美团酒店爆款横版1号</span>-->
-        <!--        <span class="month-normal-spanw">。CTR 3.47%，CVR 5.92%。</span>-->
       </div>
     </div>
   </div>
@@ -34,20 +25,48 @@
 import { IconQuestionCircle } from '@arco-design/web-vue/es/icon';
 import { defineProps } from 'vue';
 
-const colorMap = {
-  purple: 'purple',
-  orange: 'orange',
-};
 const props = defineProps({
   overview: {
-    type: Array,
-    default: () => [],
+    type: Object,
+    default: () => ({
+      text: '',
+      parts: [],
+    }),
   },
 });
-
-const getColor = (highlight?: string) => {
-  return highlight ? colorMap[highlight] : undefined;
+const classMap = {
+  purple: 'month-text-blue',
+  black: 'month-text-black',
+  orange: 'orange',
+  red: 'month-text-red',
 };
+
+const formattedText = computed(() => {
+  console.log(props.overview, 'props.overview');
+  const { text, parts } = props.overview;
+  if (!text || !parts) return [];
+
+  // 替换占位符
+  let resultText = text;
+  parts.forEach((part) => {
+    const key = Object.keys(part)[0];
+    resultText = resultText.replace(`{${key}}`, part[key]);
+  });
+
+  // 按分号拆分并保留颜色信息
+  return resultText.split('；').map((line) => {
+    const matchedPart = parts.find((part) => line.includes(part[Object.keys(part)[0]]));
+    return {
+      text: line.trim(),
+      highlight: matchedPart?.highlight || 'black',
+    };
+  });
+});
+
+const getCss = (highlight?: string) => {
+  return highlight ? classMap[highlight] : undefined;
+};
+
 console.log(props.overview, 'overvie333');
 </script>
 <style lang="scss">
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
index db06893..a28c68f 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/listSearchForm.vue
@@ -33,14 +33,7 @@
 
       <div class="filter-row-item flex items-center">
         <span class="label">平台</span>
-        <a-select
-          v-model="query.platform"
-          class="w-150"
-          size="medium"
-          placeholder="全部"
-          allow-clear
-          @change="handleSearch"
-        >
+        <a-select v-model="query.platform" class="w-150" size="medium" placeholder="全部" allow-clear>
           <a-option v-for="(item, index) in PLATFORM_LIST" :key="index" :value="item.value" :label="item.label"
             >{{ item.label }}
           </a-option>
@@ -83,6 +76,10 @@ const props = defineProps({
     type: Object,
     required: true,
   },
+  disabled: {
+    type: Boolean,
+    default: false,
+  },
 });
 const emits = defineEmits('onSearch', 'onReset', 'update:query');
 // 获取最近7天的日期
@@ -100,6 +97,10 @@ const localQuery = computed({
   get: () => props.query,
   set: (value) => emits('update:query', value),
 });
+
+const handleReset = () => {
+  emits('onReset');
+};
 onMounted(() => {
   localQuery.value.data_time = getLast7Days();
 });
diff --git a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
index 4a21978..456372c 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/components/table-data/placementGuideList.vue
@@ -61,15 +61,15 @@
 
       <template #weekConsumptionRate="{ record }">
         <a-statistic
-          :value="record.week_consumption_rate * 100"
+          :value="record.pre_total_use_amount_chain * 100"
           :value-style="{
-            color: record.week_consumption_rate > 0 ? '#F64B31' : '#25C883',
+            color: record.pre_total_use_amount_chain > 0 ? '#F64B31' : '#25C883',
             fontStyle: 'normal',
             fontSize: '14px',
           }"
         >
           <template #prefix>
-            <icon-arrow-rise v-if="record.week_consumption_rate > 0" />
+            <icon-arrow-rise v-if="record.pre_total_use_amount_chain > 0" />
             <icon-arrow-down v-else />
           </template>
           <template #suffix>%</template>
@@ -91,7 +91,7 @@ const props = defineProps({
     default: () => {
       data: [];
     },
-  },
+  }
 });
 
 const emit = defineEmits(['updateQuery']);
@@ -99,13 +99,7 @@ const emit = defineEmits(['updateQuery']);
 const handleSorterChange = (column, order) => {
   emit('updateQuery', { column, order });
 };
-const listQuery = reactive({
-  project_id: ref(''),
-  platform: ref(''),
-  page: ref(1),
-  name: ref(''),
-  page_size: ref('10'),
-});
+
 const columns = [
   {
     title: '账户名称',
@@ -139,7 +133,7 @@ const columns = [
   {
     title: '本周总消耗环比',
     titleSlotName: 'weekConsumptionRateTitle',
-    dataIndex: 'week_consumption_rate',
+    dataIndex: 'pre_total_use_amount_chain',
     width: 120,
     minWidth: 120,
     slotName: 'weekConsumptionRate',
diff --git a/src/views/property-marketing/put-account/investment-guidelines/index.vue b/src/views/property-marketing/put-account/investment-guidelines/index.vue
index d35dc09..20298ce 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -15,7 +15,12 @@
         </a-tabs>
       </div>
       <!--表单组件搜索-->
-      <listSearchForm v-model:query="query" @onSearch="onSearch"></listSearchForm>
+      <listSearchForm
+        @onReset="handleReset"
+        v-model:query="query"
+        @onSearch="onSearch"
+        :disabled="loading"
+      ></listSearchForm>
 
       <component
         :is="currentComponent"
@@ -38,14 +43,17 @@
         />
       </div>
     </div>
+    <a-spin v-if="tabData === 'placement_guide'" :loading="loading" tip="AI分析中...."  wrapperClassName="custom-spin-wrapper">
+      <div  >
 
-    <div v-if="tabData === 'placement_guide'">
-      <MonthData :overview="aiResult.overview"></MonthData>
-      <!--    投放建议-->
-      <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
-      <!--      投放行动指南-->
-      <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
-    </div>
+        <MonthData :overview="aiResult.overview"></MonthData>
+        <!--    投放建议-->
+        <PlacementSuggestions :optimization="aiResult.optimization"></PlacementSuggestions>
+        <!--      投放行动指南-->
+        <ActionGuideDistribution :action_guide="aiResult.action_guide"></ActionGuideDistribution>
+      </div>
+
+    </a-spin>
     <div v-if="tabData == 'placement_guide'">
       <a-space class="down-btn">
         <a-button type="outline" @click="downPage">
@@ -87,7 +95,9 @@ const tabData = ref('placement_guide');
 
 const query = reactive({
   platform: '',
-  date_time: '',
+  account_name: '',
+  plan: '',
+  date_time: [],
   sort_column: '',
   sort_order: '',
   page_size: 20,
@@ -105,11 +115,12 @@ const onPageSizeChange = (pageSize) => {
   query.page_size = pageSize;
   onSearch();
 };
-
+const isGetAi = ref(true); // 是否获取AI数据
 const handleUpdateQuery = (payload) => {
   payload.order = payload.order === 'ascend' ? 'asc' : 'desc';
   query.sort_column = payload.column;
   query.sort_order = payload.order;
+  isGetAi.value = false;
   onSearch();
 };
 
@@ -134,8 +145,11 @@ const onSearch = async () => {
   listData.total = result.data.total;
   if (placementGuideList.value.length > 0) {
     loading.value = true;
-    startTask();
+    if (isGetAi.value) {
+      startTask();
+    }
   }
+  isGetAi.value = true;
 };
 const aiResult = reactive({
   optimization: [], // 投放建议优化
@@ -144,7 +158,6 @@ const aiResult = reactive({
 });
 
 // 下载当前页面
-
 const downPage = async () => {
   await nextTick(); // 确保 DOM 更新完成
   html2canvas(document.querySelector('.guidelines-data-wrap')).then((canvas) => {
@@ -164,10 +177,7 @@ const saveForm = reactive({
   code: '',
 });
 const timerRef = ref<number | null>(null);
-
 const startTask = () => {
-  //todo 暂时注释
-  return;
   if (timerRef.value !== null) return;
   timerRef.value = setInterval(async () => {
     try {
@@ -181,7 +191,7 @@ const startTask = () => {
         loading.value = false;
         aiResult.optimization = data.result?.optimization?.modules || [];
         aiResult.action_guide = data.result?.action_guide?.modules || [];
-        aiResult.overview = data.result?.overview || [];
+        aiResult.overview = data.result?.overview?.content_blocks[0] || [];
       }
       saveForm.code = data?.code;
       console.log(aiResult, 'aiResult');
@@ -191,7 +201,21 @@ const startTask = () => {
     }
   }, 5000);
 };
+
+const handleReset = () => {
+  console.log('handleReset');
+  query.page = 1;
+  query.page_size = 20;
+  query.account_name = '';
+  query.platform = '';
+  query.sort_column = '';
+  query.sort_order = '';
+  query.platform = '';
+  query.date_time = [];
+  onSearch();
+};
 const stopTask = () => {
+  loading.value = false;
   if (timerRef.value !== null) {
     clearInterval(timerRef.value); // 清除定时器
     timerRef.value = null; // 重置引用
@@ -218,4 +242,8 @@ onMounted(() => {
 
 <style lang="scss">
 @import './style.scss';
+.custom-spin-wrapper {
+  display: block;
+  width: 100%;
+}
 </style>