src/api/score/index.js

@@ -87,6 +87,14 @@ export function syncLedgerByType(type) {
   return request({ url: `/ledger/sync/${type}`, method: 'post' })
 }
 
+// ===== 员工画像 =====
+export function searchPortraitUsers(keyword) {
+  return request({ url: '/score/portrait/searchUsers', method: 'get', params: { keyword } })
+}
+export function getEmployeePortrait(params) {
+  return request({ url: '/score/portrait/employee', method: 'get', params })
+}
+
 // ===== 推送配置 =====
 export function listPushConfig(params) {
   return request({ url: '/score/pushConfig/list', method: 'get', params })

src/assets/styles/index.scss

@@ -5,13 +5,21 @@
 @use './btn.scss';
 @use './ruoyi.scss';
 
+@font-face {
+  font-family: 'AlibabaPuHuiTi';
+  src: url('/fonts/AlibabaPuHuiTi-Regular.ttf') format('truetype');
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
 body {
   height: 100%;
   margin: 0;
   -moz-osx-font-smoothing: grayscale;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
-  font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
+  font-family: 'AlibabaPuHuiTi', Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
 }
 
 label {

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,22 @@
 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) {
+  const target = router.getRoutes().find(r => /[/]employeeProfile$/.test(r.path))
+  if (target) {
+    router.push({ path: target.path, query: { personName } })
+  } else {
+    ElMessage.warning('未找到员工画像页面，请确认菜单中已配置该页面')
+  }
+}
+
 // ── 状态 ──────────────────────────────────────────────
 const loading = ref(false)
 const syncing = ref(false)
@@ -430,4 +443,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>