feat: 雷达大屏成员卡片点击跳转员工画像

点击成员卡片导航到 EmployeeProfile 页（带 personName 参数），
画像页 onMounted 读取 route.query.personName 自动加载数据；
卡片 hover 添加蓝色光晕和上移动效。

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/views/portraitManagement/employeeProfile/index.vue

@@ -216,10 +216,12 @@
 import { ref, computed, watch, onMounted, onBeforeUnmount, nextTick } from 'vue'
 import * as echarts from 'echarts'
 import { Search } from '@element-plus/icons-vue'
+import { useRoute } from 'vue-router'
 import { searchPortraitUsers, getEmployeePortrait } from '@/api/score/index'
 
 defineOptions({ name: 'EmployeeProfile' })
 
+const route = useRoute()
 const currentTime = ref('year')
 const dateRange = ref([])
 const personName = ref('')
@@ -348,7 +350,14 @@ watch(portrait, (val) => {
 
 const handleResize = () => { if (chart) chart.resize() }
 
-onMounted(() => { window.addEventListener('resize', handleResize) })
+onMounted(() => {
+  window.addEventListener('resize', handleResize)
+  const nameFromRoute = route.query.personName
+  if (nameFromRoute) {
+    personName.value = nameFromRoute
+    loadPortrait()
+  }
+})
 
 onBeforeUnmount(() => {
   window.removeEventListener('resize', handleResize)

src/views/score/radar/index.vue

@@ -64,8 +64,9 @@
         <!-- 成员卡片 -->
         <div
           v-for="member in memberList" :key="member.personName"
-          class="member-card"
-          :class="getMemberBorderClass(member.totalScore)">
+          class="member-card clickable-card"
+          :class="getMemberBorderClass(member.totalScore)"
+          @click="goToPortrait(member.personName)">
           <div class="card-name" :class="getNameClass(member.totalScore)">
             {{ member.personName }}（{{ member.totalScore }}分）
           </div>
@@ -81,10 +82,17 @@
 import { ref, reactive, onMounted, onBeforeUnmount, nextTick, computed, watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import * as echarts from 'echarts'
+import { useRouter } from 'vue-router'
 import { radarTeamList, radarMemberScores, syncLedgerAll } from '@/api/score/index'
 
 defineOptions({ name: 'ScoreRadar' })
 
+const router = useRouter()
+
+function goToPortrait(personName) {
+  router.push({ name: 'EmployeeProfile', query: { personName } })
+}
+
 // ── 状态 ──────────────────────────────────────────────
 const loading = ref(false)
 const syncing = ref(false)
@@ -430,4 +438,13 @@ watch(compareNames, () => nextTick(renderCompareChart), { deep: true })
 .compare-table .col-person { min-width: 48px; }
 .score-green { color: #67C23A; font-weight: bold; }
 .score-red   { color: #F56C6C; font-weight: bold; }
+
+.clickable-card {
+  cursor: pointer;
+  transition: box-shadow 0.2s, transform 0.2s;
+}
+.clickable-card:hover {
+  box-shadow: 0 0 12px rgba(26, 106, 255, 0.6);
+  transform: translateY(-2px);
+}
 </style>