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 @@ 女性 - {{ genderData[0].rate * 100 }}% + {{ (girlData.rate * 100).toFixed(2) }}% TGI - {{ genderData[0].tgi }} + {{ girlData.tgi }} 男性 - {{ genderData[1].rate * 100 }}% + {{ (boyData.rate * 100).toFixed(2) }}% TGI - {{ genderData[1].tgi }} + {{ boyData.tgi }} @@ -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 ? '女性' : '男性', }));