feat：完善舆情监测功能

src/views/home/components/box-1.vue

@@ -150,12 +150,12 @@
             <span class="text">男性</span>
             <div class="progress">
               <el-progress
-                :percentage="50"
+                :percentage="genderRate['男']"
                 :show-text="false"
                 color="linear-gradient( to right, #074D90 0%, #55E0FF 100%)"
               />
             </div>
-            <span class="man">50%</span>
+            <span class="man">{{ genderRate['男'] }}%</span>
           </div>
         </div>
         <div class="cell pt-20">
@@ -164,13 +164,13 @@
             <span class="text">女性</span>
             <div class="progress">
               <el-progress
-                :percentage="50"
+                :percentage="genderRate['女']"
                 :show-text="false"
                 color="linear-gradient( to right,
               #0A4482 0%, #FF7021 100%)"
               />
             </div>
-            <span class="woman">50%</span>
+            <span class="woman">{{ genderRate['女'] }}%</span>
           </div>
         </div>
       </div>
@@ -189,10 +189,23 @@
 
 <script setup>
   import countup from 'vue-countup-v3'
-  import AgeRatio from './age-ratio.vue'
   import top from './top.vue'
   import gauge from './gauge.vue'
   import ticket from './ticket.vue'
+  import ageRatio from './age-ratio.vue'
+  let props = defineProps({
+    data: {
+      type: Object,
+      default: () => ({})
+    }
+  })
+  let genderRate = computed(() => {
+    if (props.data?.userPortrait) return props.data?.userPortrait.genderRate
+    return {
+      男: 0,
+      女: 0
+    }
+  })
   let xAxisData = ref([
     '12-16 10:00',
     '12-16 14:00',