refactor(profile): 重构雷达图表组件与数据逻辑

合并冗余的雷达图参数为单个chartData属性，重构数据处理流程，移除废弃的多组数据变量，同时适配新的数据结构接口

src/views/portraitManagement/components/ProfileRadar.vue

@@ -7,11 +7,11 @@
           <span class="item-label">{{ item.name }}</span>
           <div class="progress-row">
             <div class="progress-bar">
-              <div class="progress-fill" :style="{ width: item.value + '%', background: `linear-gradient(to right, transparent, ${item.color})` }">
+              <div class="progress-fill" :style="{ width: (item.finalScore || 0) + '%', background: `linear-gradient(to right, transparent, ${item.color})` }">
                 <span class="progress-end"></span>
               </div>
             </div>
-            <span class="item-value">{{ item.value }}</span>
+            <span class="item-value">{{ item.finalScore || 0 }}</span>
           </div>
         </div>
       </div>
@@ -20,71 +20,57 @@
 </template>
 
 <script setup>
-import { ref, computed, onMounted, onUnmounted, nextTick } from 'vue'
+import { ref, computed, watch, onMounted, onUnmounted, nextTick } from 'vue'
 import * as echarts from 'echarts'
 import InfoCard from './card.vue'
 
 const props = defineProps({
-  chartData1: {
-    type: Array,
-    default: () => []
-  },
-  chartData2: {
-    type: Array,
-    default: () => []
-  },
-  chartData3: {
-    type: Array,
-    default: () => []
-  },
-  chartData4: {
+  chartData: {
     type: Array,
     default: () => []
   }
 })
 
 const defaultRadarData = [
-  { name: '通道安全防控力', value: 86, color: '#00e5ff' },
-  { name: '通道安全防控力', value: 90, color: '#00e5ff' },
-  { name: '通道安全防控力', value: 72, color: '#ff4757' },
-  { name: '通道安全防控力', value: 68, color: '#ff4757' },
-  { name: '通道安全防控力', value: 78, color: '#3742fa' },
-  { name: '通道安全防控力', value: 80, color: '#3742fa' },
-  { name: '通道协同作战能力', value: 72, color: '#ff4757' }
+  { name: '通道安全防控力', finalScore: 86, color: '#00e5ff' },
+  { name: '通道安全防控力', finalScore: 90, color: '#00e5ff' },
+  { name: '通道安全防控力', finalScore: 72, color: '#ff4757' },
+  { name: '通道安全防控力', finalScore: 68, color: '#ff4757' },
+  { name: '通道安全防控力', finalScore: 78, color: '#3742fa' },
+  { name: '通道安全防控力', finalScore: 80, color: '#3742fa' },
+  { name: '通道协同作战能力', finalScore: 72, color: '#ff4757' }
 ]
 
-const defaultIndicators = [
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道协同作战能力', max: 100 }
-]
+const computedRadarData = computed(() => {
+  return props.chartData.length > 0 ? props.chartData : defaultRadarData
+})
 
-const defaultSeries1 = [86, 90, 72, 68, 78, 80, 72]
-const defaultSeries2 = [80, 85, 65, 60, 72, 75, 68]
+const computedIndicators = computed(() => {
+  const data = computedRadarData.value
+  const maxValue = Math.max(...data.map(item => item.finalScore || 0), 100)
+  return data.map(item => ({
+    name: item.name,
+    max: maxValue
+  }))
+})
 
-const computedRadarData = computed(() => {
-  return props.chartData1.length > 0 ? props.chartData1 : defaultRadarData
+const computedSeries = computed(() => {
+  return computedRadarData.value.map(item => item.finalScore || 0)
 })
 
 const radarChartRef = ref(null)
 let radarChart = null
 
-const initRadarChart = () => {
+const updateRadarChart = () => {
   if (!radarChartRef.value) return
 
-  radarChart = echarts.init(radarChartRef.value)
-
-  const indicators = props.chartData2.length > 0 ? props.chartData2 : defaultIndicators
-  const series1 = props.chartData3.length > 0 ? props.chartData3 : defaultSeries1
-  const series2 = props.chartData4.length > 0 ? props.chartData4 : defaultSeries2
+  if (!radarChart) {
+    radarChart = echarts.init(radarChartRef.value)
+  }
 
   const option = {
     radar: {
-      indicator: indicators,
+      indicator: computedIndicators.value,
       center: ['50%', '50%'],
       radius: '70%',
       splitNumber: 4,
@@ -115,7 +101,7 @@ const initRadarChart = () => {
         type: 'radar',
         data: [
           {
-            value: series1,
+            value: computedSeries.value,
             name: '综合得分',
             areaStyle: {
               color: 'rgba(189, 3, 251, 0.3)'
@@ -127,20 +113,6 @@ const initRadarChart = () => {
             itemStyle: {
               color: '#bd03fb'
             }
-          },
-          {
-            value: series2,
-            name: '基准值',
-            areaStyle: {
-              color: 'rgba(15, 70, 250, 0.2)'
-            },
-            lineStyle: {
-              color: '#0f46fa',
-              width: 2
-            },
-            itemStyle: {
-              color: '#0f46fa'
-            }
           }
         ],
         symbol: 'circle',
@@ -164,10 +136,14 @@ const handleResize = () => {
   if (radarChart) radarChart.resize()
 }
 
+watch(() => props.chartData, () => {
+  updateRadarChart()
+}, { deep: true })
+
 onMounted(() => {
   nextTick(() => {
     setTimeout(() => {
-      initRadarChart()
+      updateRadarChart()
       window.addEventListener('resize', handleResize)
     }, 100)
   })

src/views/portraitManagement/groupProfile/component/profile.vue

@@ -2,12 +2,7 @@
   <div class="main-content-wrapper">
     <div class="main-content">
       <div class="content-row">
-        <ProfileRadar
-          :chartData1="radarData"
-          :chartData2="radarIndicators"
-          :chartData3="radarSeries1"
-          :chartData4="radarSeries2"
-        />
+        <ProfileRadar :chartData="radarData" />
         <ProfileMembers
           :columns="memberColumns"
           :data="teamMembers"
@@ -45,50 +40,14 @@ const props = defineProps({
   }
 })
 
-const radarData = ref([
-  { name: '通道安全防控力', value: 86, color: '#00e5ff' },
-  { name: '通道安全防控力', value: 90, color: '#00e5ff' },
-  { name: '通道安全防控力', value: 72, color: '#ff4757' },
-  { name: '通道安全防控力', value: 68, color: '#ff4757' },
-  { name: '通道安全防控力', value: 78, color: '#3742fa' },
-  { name: '通道安全防控力', value: 80, color: '#3742fa' },
-  { name: '通道协同作战能力', value: 72, color: '#ff4757' }
-])
-
-const radarIndicators = ref([
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道安全防控力', max: 100 },
-  { name: '通道协同作战能力', max: 100 }
-])
-
-const radarSeries1 = ref([86, 90, 72, 68, 78, 80, 72])
-const radarSeries2 = ref([80, 85, 65, 60, 72, 75, 68])
+const radarData = ref([])
 
 const teamMembers = ref([
-  { name: '孙晓波', age: 25, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 6, totalScore: 88 },
-  { name: '孙晓波', age: 28, seniority: 6, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 5, avgYears: 5, totalScore: 85 },
-  { name: '孙晓波', age: 31, seniority: 2, gender: '女', nation: '汉', political: '党员', position: '组长', qualification: '前传、特检、人身', skillLevel: '四级', operateYears: 5, avgYears: 76, totalScore: 76 },
-  { name: '马力', age: 26, seniority: 3, gender: '男', nation: '汉', political: '群众', position: '组长', qualification: '前传、特检、人身', skillLevel: '五级', operateYears: 5, avgYears: 81, totalScore: 81 },
-  { name: '马建国', age: 24, seniority: 5, gender: '男', nation: '汉', political: '党员', position: '安检员', qualification: '前传、特检、人身', skillLevel: '三级', operateYears: 6, avgYears: 78, totalScore: 78 }
+ 
 ])
 
 const memberColumns = ref([
-  { label: '姓名', prop: 'personName' },
-  { label: '年龄', prop: 'age' },
-  { label: '司龄', prop: 'workYears' },
-  { label: '性别', prop: 'sex' },
-  { label: '民族', prop: 'nation' },
-  { label: '政治面貌', prop: 'politicalStatus' },
-  { label: '职务', prop: 'roleNames' },
-  { label: '岗位资质', prop: 'qualification' },
-  { label: '职业技能等级', prop: 'qualificationLevel' },
-  { label: '开机年限', prop: 'xrayOperatorYears' },
-  { label: '平均年限', prop: 'avgYears' },
-  { label: '综合得分', prop: 'totalScore' }
+ 
 ])
 
 const genderData = ref([
@@ -157,10 +116,8 @@ const fetchRadarData = async (params) => {
   try {
     const res = await getDimensionScoreOverview(params)
     if (res.code === 200 && res.data) {
-      radarData.value = res.data.radarData || []
-      radarIndicators.value = res.data.radarIndicators || []
-      radarSeries1.value = res.data.radarSeries1 || []
-      radarSeries2.value = res.data.radarSeries2 || []
+      radarData.value = res.data.dimensions || [{ name: '', finalScore: 0, color: '#00e5ff' }]
+     
     }
   } catch (error) {
     console.error('获取维度得分一览失败', error)