From 46ced21844bda8157b9268984c2b3bf4bf7c2646 Mon Sep 17 00:00:00 2001
From: rd <1344903914@qq.com>
Date: Thu, 17 Jul 2025 14:42:01 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E6=80=A7=E5=88=AB=E5=88=86?=
 =?UTF-8?q?=E5=B8=83=E6=95=B0=E6=8D=AE=E5=8F=96=E5=80=BC=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/components/dataEngine/userPersona.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/views/components/dataEngine/userPersona.vue b/src/views/components/dataEngine/userPersona.vue
index ee736a0..53a053a 100644
--- a/src/views/components/dataEngine/userPersona.vue
+++ b/src/views/components/dataEngine/userPersona.vue
@@ -18,16 +18,16 @@
             <a-space>
               <span style="width: 8px; height: 8px; background-color: #f64b31; border-radius: 50%"></span>
               <span>女性</span>
-              <span v-if="genderData.length > 0" style="width: 40px">{{ genderData[0].rate * 100 }}%</span>
+              <span>{{ (girlData.rate * 100).toFixed(2) }}%</span>
               <span>TGI</span>
-              <span v-if="genderData.length > 0">{{ genderData[0].tgi }}</span>
+              <span>{{ girlData.tgi }}</span>
             </a-space>
             <a-space>
               <span style="width: 8px; height: 8px; background-color: #2a59f3; border-radius: 50%"></span>
               <span>男性</span>
-              <span v-if="genderData.length > 1" style="width: 40px">{{ genderData[1].rate * 100 }}%</span>
+              <span>{{ (boyData.rate * 100).toFixed(2) }}%</span>
               <span>TGI</span>
-              <span v-if="genderData.length > 1">{{ genderData[1].tgi }}</span>
+              <span>{{ boyData.tgi }}</span>
             </a-space>
           </a-space>
         </a-space>
@@ -145,10 +145,13 @@ const topHeaderRef = ref();
 const selectedIndustry = computed(() => topHeaderRef.value?.selectedIndustry);
 const selectedSubCategory = computed(() => topHeaderRef.value?.selectedSubCategory);
 const selectedTimePeriod = computed(() => topHeaderRef.value?.selectedTimePeriod);
+
 const genderData = ref([]);
 const genderValueData = ref([]);
 const ageValueData = ref([]);
 const geoList = ref([]);
+const boyData = computed(() => genderData.value.find( v => v.gender === 1) ?? {})
+const girlData = computed(() => genderData.value.find( v => v.gender === 2) ?? {})
 // 监听筛选条件变化
 watch([selectedIndustry, selectedTimePeriod, selectedSubCategory], () => {
   getAgeDistributionsList();
@@ -233,7 +236,7 @@ const getGenderDistributionsList = async () => {
     await nextTick();
 
     genderValueData.value = data.map((item) => ({
-      value: item.rate * 100,
+      value: (item.rate * 100).toFixed(2),
       tgi: item.tgi,
       name: item.gender === 1 ? '女性' : '男性',
     }));