style(profileRadar): 优化雷达图样式与配色

1. 调整坐标轴、分割线颜色为浅白色半透明
2. 开启雷达图分割区域显示并设置为透明
3. 修改折线、节点样式，调整符号大小
4. 注释调原有渐变配色配置

src/views/portraitManagement/components/ProfileRadar.vue

@@ -103,17 +103,18 @@ const updateRadarChart = () => {
       splitNumber: 4,
       axisLine: {
         lineStyle: {
-          color: 'rgba(15, 70, 250, 0.3)'
+          color: 'rgba(255, 255, 255, 0.1)'
         }
       },
       splitArea: {
+        show: true,
         areaStyle: {
-          color: ['rgba(15, 70, 250, 0)', 'rgba(15, 70, 250, 0)', 'rgba(15, 70, 250, 0)', 'rgba(15, 70, 250, 0)']
+          color: ['transparent', 'transparent', 'transparent', 'transparent', 'transparent']
         }
       },
       splitLine: {
         lineStyle: {
-          color: 'rgba(15, 70, 250, 0.2)'
+          color: 'rgba(255, 255, 255, 0.1)'
         }
       },
       name: {
@@ -132,13 +133,16 @@ const updateRadarChart = () => {
           {
             value: pointValues,
             name: '综合得分',
-            areaStyle: {
-              color: 'rgba(189, 3, 251, 0)'
-            },
+            // areaStyle: {
+            //   color: 'rgba(189, 3, 251, 0)'
+            // },
+            opacity: 0,
             lineStyle: {
-              // color: '#bd03fb',
+              color: '#4DC8FE',
               width: 2
+
             },
+            itemStyle: { color: '#fff', borderWidth: 1, borderColor: '#00C8DA', borderJoin: 'round' }
             // itemStyle: {
             //   color: 'transparent'
             // }

src/views/portraitManagement/employeeProfile/index.vue

@@ -347,36 +347,41 @@ const permutationRadarDataHandler = (result = []) => {
     areaStyle: {
       show: false,
       opacity: 0,
-      color: {
-        type: 'linear',
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [{
-          offset: 0, color: '#4DC8FE'
-        }, {
-          offset: 1, color: '#6C26F3'
-        }],
-        global: false
-      },
+     
+      // color: {
+      //   type: 'linear',
+      //   x: 0,
+      //   y: 0,
+      //   x2: 0,
+      //   y2: 1,
+      //   colorStops: [{
+      //     offset: 0, color: '#4DC8FE'
+      //   }, {
+      //     offset: 1, color: '#6C26F3'
+      //   }],
+      //   global: false
+      // },
     },
     lineStyle: {
-      color: {
-        type: 'linear',
-        x: 0,
-        y: 0,
-        x2: 0,
-        y2: 1,
-        colorStops: [{
-          offset: 0, color: '#4DC8FE'
-        }, {
-          offset: 1, color: '#6C26F3'
-        }],
-        global: false
-      },
-      width: 5
+      color: '#4DC8FE',
+      width: 2
     },
+    // lineStyle: {
+    //   color: {
+    //     type: 'linear',
+    //     x: 0,
+    //     y: 0,
+    //     x2: 0,
+    //     y2: 1,
+    //     colorStops: [{
+    //       offset: 0, color: '#4DC8FE'
+    //     }, {
+    //       offset: 1, color: '#6C26F3'
+    //     }],
+    //     global: false
+    //   },
+    //   width: 5
+    // },
     itemStyle: { color: '#fff', borderWidth: 1,  borderColor: '#00C8DA', borderJoin: 'round' }
   }]
 }
@@ -400,7 +405,7 @@ const setRadarOptions = computed(() => {
         type: 'radar',
         data: radarData.data,
         symbol: 'circle',
-        symbolSize: 6,
+        symbolSize: 13,
         label: {
           show: false,
           formatter: (p) => p.value,