From a0516cf3780c86dbc4cfa4485ac9b9fc13b125d6 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, 10 Jul 2025 15:24:11 +0800
Subject: [PATCH] =?UTF-8?q?feat(property-marketing):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E8=B4=A6=E5=8F=B7=E5=92=8C=E8=AE=A1=E5=88=92=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=EF=BC=8C=E9=87=8D=E6=9E=84=E6=8A=95=E6=94=BE?=
 =?UTF-8?q?=E6=8C=87=E5=8D=97=E8=A1=A8=E6=A0=BC=E5=B1=95=E7=A4=BA=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91=20perf:=20=E7=A7=BB=E9=99=A4=E5=86=97=E4=BD=99?=
 =?UTF-8?q?=E4=BB=A3=E7=A0=81=EF=BC=8C=E4=BC=98=E5=8C=96=E7=A9=BA=E6=95=B0?=
 =?UTF-8?q?=E6=8D=AE=E5=B1=95=E7=A4=BA=E5=A4=84=E7=90=86=20style:=20?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E7=BB=84=E4=BB=B6=E6=A0=B7=E5=BC=8F=E5=BC=95?=
 =?UTF-8?q?=E7=94=A8=E6=96=B9=E5=BC=8F=EF=BC=8C=E8=B0=83=E6=95=B4=E8=A1=A8?=
 =?UTF-8?q?=E6=A0=BC=E6=A0=87=E9=A2=98=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/common/AccountSelect.vue | 20 ++++++------
 src/views/components/common/PlanSelect.vue    | 13 +++++---
 .../components/echarts-item/index.vue         |  6 ++--
 .../put-account/account-dashboard/index.vue   | 25 +++++----------
 .../components/month-data/index.vue           |  3 +-
 .../components/table-data/listSearchForm.vue  | 23 +++-----------
 .../table-data/placementGuideList.vue         | 31 +++++++++++++------
 .../investment-guidelines/index.vue           |  7 ++---
 8 files changed, 55 insertions(+), 73 deletions(-)

diff --git a/src/views/components/common/AccountSelect.vue b/src/views/components/common/AccountSelect.vue
index 494cac4..07b0a83 100644
--- a/src/views/components/common/AccountSelect.vue
+++ b/src/views/components/common/AccountSelect.vue
@@ -1,11 +1,5 @@
 <template>
-  <a-select
-    v-model="selectedValue"
-    placeholder="请选择账号"
-    allow-clear
-    filterable
-    @change="handleChange"
-  >
+  <a-select allow-search v-model="selectedValue" placeholder="请选择账号" allow-clear filterable @change="handleChange">
     <a-option v-for="account in filteredAccounts" :key="account.id" :value="account.id" :label="account.name">
       {{ account.name }}
     </a-option>
@@ -54,13 +48,17 @@ const fetchAccounts = async () => {
 };
 
 // 搜索处理
-const handleSearch = (value: string) => {
-
-};
+const handleSearch = (value: string) => {};
 
 // 值变化处理
 const handleChange = (value: number | string) => {
-  emit('update:modelValue', [value]);
+  let data = [];
+  if (value === '') {
+    data = [];
+  } else {
+    data = [value];
+  }
+  emit('update:modelValue', data);
 };
 
 // 初始化获取数据
diff --git a/src/views/components/common/PlanSelect.vue b/src/views/components/common/PlanSelect.vue
index 426c9c5..e6c840c 100644
--- a/src/views/components/common/PlanSelect.vue
+++ b/src/views/components/common/PlanSelect.vue
@@ -1,5 +1,5 @@
 <template>
-  <a-select v-model="selectedValue" placeholder="请选择计划" allow-clear filterable @change="handleChange">
+  <a-select allow-search v-model="selectedValue" placeholder="请选择计划" allow-clear filterable @change="handleChange">
     <a-option v-for="item in listData" :key="item.id" :value="item.id" :label="item.name">
       {{ item.name }}
     </a-option>
@@ -47,11 +47,14 @@ const fetchData = async () => {
     loading.value = false;
   }
 };
-// 搜索处理
-const handleSearch = (value: string) => {};
-
 const handleChange = (value: any) => {
-  emit('update:modelValue', [value]);
+  let data = [];
+  if (value === '') {
+    data = [];
+  } else {
+    data = [value];
+  }
+  emit('update:modelValue', data);
 };
 
 onMounted(fetchData);
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 e6355a8..b9c9eba 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,10 +10,8 @@
       </a-popover>
     </template>
 
-    <div v-if="isChartEmpty" class="no-data">
-      <a-empty />
-    </div>
-    <div v-else class="chart" ref="chartEl" :style="{ height: height + 'px' }"></div>
+
+    <div  class="chart" ref="chartEl" :style="{ height: height + 'px' }"></div>
   </a-card>
 </template>
 
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 3356ba9..b395248 100644
--- a/src/views/property-marketing/put-account/account-dashboard/index.vue
+++ b/src/views/property-marketing/put-account/account-dashboard/index.vue
@@ -76,7 +76,6 @@
 import EchartsItem from './components/echarts-item/index';
 import { PLATFORM_LIST } from '../common_constants';
 import {
-  getPlacementAccountsList,
   getPlacementAccountsTrend,
   getPlacementAccountProjectsTrend,
   fetchAccountOperators,
@@ -96,7 +95,6 @@ const getOperators = async () => {
   }
 };
 const query = reactive({
-  names: '',
   platform: '',
   operator_id: '',
   data_time: [],
@@ -137,7 +135,6 @@ const handleSearch = async () => {
     getAccountProjectsTrend();
   }
 };
-// 定义图表配置
 const chartConfigs = ref([
   {
     dataKey: 'total_use_amount',
@@ -224,25 +221,17 @@ const chartConfigs = ref([
     series_data: [],
   },
 ]);
-const handleReset = async () => {};
+const handleReset = async () => {
+  query.platform = '';
+  query.operator_id = '';
+  query.ids = [];
+  query.placement_account_id = [];
+  handleSearch();
+};
 
 const operators = ref([]);
-const accountList = ref([]);
-const handleTabClick = (key) => {
-  handleSearch();
-};
-
-// 获取账户名称
-const getAccountList = async () => {
-  const { code, data } = await getPlacementAccountsList(query);
-  if (code === 200) {
-    accountList.value = data;
-  }
-};
-
 onMounted(() => {
   handleSearch();
-  getAccountList();
   getOperators();
 });
 </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 7f9fab3..59b77aa 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,7 +1,7 @@
 <template>
   <div class="part-div">
     <div class="part-div-header">
-      <span class="">总体摘要</span>
+      <span class="part-div-header-title">总体摘要</span>
       <a-popover position="tl">
         <icon-question-circle />
         <template #content>
@@ -69,5 +69,4 @@ const getCss = (highlight?: string) => {
 </script>
 <style lang="scss">
 @import './style.scss';
-
 </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 816b0cb..4d99ad0 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
@@ -5,29 +5,14 @@
       <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>
+          <AccountSelect v-model="query.placement_account_id"></AccountSelect>
         </a-space>
       </div>
 
       <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>
+          <PlanSelect v-model="query.placement_account_project_id"></PlanSelect>
         </a-space>
       </div>
 
@@ -50,7 +35,7 @@
       </div>
 
       <div class="filter-row-item flex items-center">
-        <a-button class="w-84px search-btn mr-12px" :disabled="disabled"  size="medium" @click="handleSearch">
+        <a-button class="w-84px search-btn mr-12px" :disabled="disabled" size="medium" @click="handleSearch">
           <template #icon>
             <icon-search />
           </template>
@@ -70,6 +55,8 @@
 <script setup lang="ts">
 import { defineEmits, defineProps } from 'vue';
 import { PLATFORM_LIST } from '@/views/property-marketing/put-account/common_constants';
+import AccountSelect from '@/views/components/common/AccountSelect.vue';
+import PlanSelect from '@/views/components/common/PlanSelect.vue';
 
 const props = defineProps({
   query: {
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 12db503..f2ab71b 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
@@ -7,7 +7,7 @@
       :pagination="false"
       @sorter-change="handleSorterChange"
     >
-      <template #week_consumption>
+      <template #total_use_amount_label>
         <a-space>
           <span>本周总消耗</span>
           <a-popover position="tl">
@@ -18,7 +18,7 @@
           </a-popover>
         </a-space>
       </template>
-      <template #weekConsumptionRateTitle>
+      <template #pre_total_use_amount_chain_title>
         <a-space>
           <span>本周总消耗环比</span>
           <a-popover position="tl">
@@ -53,12 +53,22 @@
       </template>
 
       <template #platform="{ record }">
-        <a-space size="medium" v-if="record.platform">
-
-        </a-space>
+        <div class="field-row">
+          <img :src="PLATFORM_LIST.find((v) => v.value === record.platform)?.icon" width="15" height="15" />
+          <span class="label ml-5px">{{ PLATFORM_LIST.find((v) => v.value === record.platform)?.label }}</span>
+        </div>
+      </template>
+      <template #total_use_amount="{ record }">
+        <a-space>￥{{ record.total_use_amount }}</a-space>
       </template>
 
-      <template #weekConsumptionRate="{ record }">
+      <template #total_use_amoun2="{ record }">
+        <div class="field-row">
+          <img :src="PLATFORM_LIST.find((v) => v.value === record.platform)?.icon" width="15" height="15" />
+          <span class="label ml-5px">{{ PLATFORM_LIST.find((v) => v.value === record.platform)?.label }}</span>
+        </div>
+      </template>
+      <template #pre_total_use_amount_chain="{ record }">
         <a-statistic
           :value="record.pre_total_use_amount_chain * 100"
           :value-style="{
@@ -90,7 +100,7 @@ const props = defineProps({
     default: () => {
       data: [];
     },
-  }
+  },
 });
 
 const emit = defineEmits(['updateQuery']);
@@ -121,8 +131,9 @@ const columns = [
   },
   {
     title: '本周总消耗',
-    titleSlotName: 'week_consumption',
+    titleSlotName: 'total_use_amount_label',
     dataIndex: 'total_use_amount',
+    slotName: 'total_use_amount',
     width: 120,
     minWidth: 120,
     sortable: {
@@ -131,11 +142,11 @@ const columns = [
   },
   {
     title: '本周总消耗环比',
-    titleSlotName: 'weekConsumptionRateTitle',
+    titleSlotName: 'pre_total_use_amount_chain_title',
     dataIndex: 'pre_total_use_amount_chain',
     width: 120,
     minWidth: 120,
-    slotName: 'weekConsumptionRate',
+    slotName: 'pre_total_use_amount_chain',
     sortable: {
       sortDirections: ['ascend', 'descend'],
     },
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 b0aba6a..e587890 100644
--- a/src/views/property-marketing/put-account/investment-guidelines/index.vue
+++ b/src/views/property-marketing/put-account/investment-guidelines/index.vue
@@ -14,7 +14,6 @@
           </a-tab-pane>
         </a-tabs>
       </div>
-      <!--表单组件搜索-->
       <listSearchForm
         class="ignore-export"
         @onReset="handleReset"
@@ -54,8 +53,6 @@
         <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'" class="ignore-export">
@@ -98,9 +95,9 @@ const tabData = ref('placement_guide');
 
 const query = reactive({
   platform: '',
-  account_name: '',
-  plan: '',
   date_time: [],
+  placement_account_id: [],
+  placement_account_project_id: [],
   sort_column: '',
   sort_order: '',
   page_size: 20,