refactor(portraitManagement): 优化组织画像及预警页面UI和组件结构

- 修正搜索栏中人员ID字段名称为userId
- 调整员工画像页面对X射线岗位字段的访问安全性（增加可选链）
- 组织画像页面中指标卡片颜色和背景色统一调整
- 替换右侧排行榜为复用RankList组件，提升代码复用和样式一致性
- 新增RankList组件，统一排行榜样式与结构
- 白卡组件标题点样式调整，移除冗余span
- 预警管理相关表格字段名称和数据源名修正，修正维度及指标字段名称
- 预警工作台页面UI细节优化，按钮行内样式调整，表格列项及排序修正
- 优化员工综合预警表格显示，添加综合评估得分和预警等级颜色区分
- 统一部分样式格式，清理多余空行及缩进不一致问题
- 组织画像页面背景颜色设为#F2F3F7
- 预警工作台页面卡片背景色及字体颜色微调，提升界面视觉效果

src/views/portraitManagement/components/SearchBar.vue

@@ -143,7 +143,8 @@ const handleSelect = (item) => {
     const name = item.nickName
 
     personName.value = path.length > 0 ? `${path.join(' / ')} / ${name}` : name
-    curQuery.value = { personName: item.nickName,id:item.id }
+    
+    curQuery.value = { personName: item.nickName,id:item.userId }
     searchHandler(curQuery.value)
   } else {
     const path = item.path && item.path.length > 0 ? item.path : ((item.id || item.deptId) ? buildPathForNode(departments.value, item.deptId || item.id) || [] : [])
@@ -215,6 +216,7 @@ const selectTime = (t) => {
 
 const searchHandler = (query = {}) => {
   const queryParams = { ...getTimeRange(), ...query }
+  
   if (props.deptType === 'user') {
     if (queryParams.personName) {
       emit('search', queryParams)

src/views/portraitManagement/components/whiteCard.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="white-card" :style="{ background: bgColor }">
     <div class="card-title" v-if="title">
-      <span class="title-dot"></span>
       <span class="title-text">{{ title }}</span>
     </div>
     <div class="card-body">

src/views/portraitManagement/employeeProfile/index.vue

@@ -68,7 +68,7 @@
                   <div class="info-item-value">
                     {{ portrait.qualificationLevelText || '-' }}
                     <span class="info-item-tag" style="margin-left: 10px;margin-top: 2px;"
-                      v-if="!!portrait.xrayOperatorStarttime || portrait.postNames.includes('X射线安检仪操作岗位')">X射线安检仪操作岗位</span>
+                      v-if="!!portrait.xrayOperatorStarttime || portrait?.postNames?.includes('X射线安检仪操作岗位')">X射线安检仪操作岗位</span>
                   </div>
                 </div>
               </div>

src/views/portraitManagement/organProfile/components/RankList.vue

@@ -0,0 +1,150 @@
+<template>
+  <div class="rank-list">
+    <div class="rank-avatar-row">
+      <div class="rank-avatar-item" v-for="item in podiumOrder" :key="item.rank">
+        <div class="rank-avatar-wrapper" :class="'rank-pos-' + item.rank">
+          <div class="rank-avatar" :style="{ background: item.color }">{{ item.name.slice(-2) }}</div>
+          <span class="rank-badge">{{ item.rank }}</span>
+        </div>
+        <div class="rank-name">{{ item.name }}</div>
+        <div class="rank-num">{{ item.num }}</div>
+      </div>
+    </div>
+    <div class="rank-table">
+      <div class="rank-tr rank-th">
+        <span>排名</span><span>姓名</span><span>{{ numLabel }}</span>
+      </div>
+      <div class="rank-tr" v-for="(item, i) in list" :key="i">
+        <span>{{ i + 1 }}</span>
+        <span>{{ item.name }}</span>
+        <span>{{ item.num }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+  top3: { type: Array, default: () => [] },
+  list: { type: Array, default: () => [] },
+  numLabel: { type: String, default: '问题数' }
+})
+
+// 领奖台顺序：第2名(左)、第1名(中)、第3名(右)
+const podiumOrder = computed(() => {
+  if (props.top3.length < 3) return props.top3
+  return [
+    { ...props.top3[1], rank: 2 },
+    { ...props.top3[0], rank: 1 },
+    { ...props.top3[2], rank: 3 }
+  ]
+})
+</script>
+
+<style lang="scss" scoped>
+.rank-list {
+  .rank-avatar-row {
+    display: flex;
+    justify-content: center;
+    gap: 20px;
+    margin-top: 15px;
+    margin-bottom: 12px;
+
+    .rank-avatar-item {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 6px;
+
+      &:nth-child(2) {
+        transform: translateY(-10px);
+      }
+
+      .rank-avatar-wrapper {
+        position: relative;
+        display: inline-flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 50%;
+
+        &.rank-pos-1 {
+          border: 3px solid #fbbf24;
+          .rank-badge { background: #fbbf24; }
+        }
+
+        &.rank-pos-2 {
+          border: 3px solid #94a3b8;
+          .rank-badge { background: #94a3b8; }
+        }
+
+        &.rank-pos-3 {
+          border: 3px solid #fb923c;
+          .rank-badge { background: #fb923c; }
+        }
+
+        .rank-avatar {
+          width: 44px;
+          height: 44px;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          color: #fff;
+          font-size: 16px;
+          font-weight: bold;
+        }
+
+        .rank-badge {
+          position: absolute;
+          bottom: -8px;
+          left: 50%;
+          transform: translateX(-50%);
+          width: 12px;
+          height: 12px;
+          border-radius: 50%;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          font-size: 11px;
+          font-weight: bold;
+          color: #fff;
+        }
+      }
+
+      .rank-name {
+        font-size: 12px;
+        color: #475569;
+      }
+
+      .rank-num {
+        font-size: 18px;
+        color: #1e293b;
+        font-weight: bold;
+      }
+    }
+  }
+
+  .rank-table {
+    .rank-tr {
+      display: flex;
+      padding: 5px 0;
+      font-size: 12px;
+      color: #64748b;
+      border-bottom: 1px solid #e2e8f0;
+
+      span {
+        flex: 1;
+        text-align: center;
+      }
+    }
+
+    .rank-th {
+      color: #1e293b;
+      font-weight: bold;
+      border-bottom: 2px solid #cbd5e1;
+    }
+  }
+}
+</style>

src/views/portraitManagement/organProfile/index.vue

@@ -4,7 +4,7 @@
     <!-- 顶部指标卡片 -->
     <div class="metric-row">
       <div class="metric-card" v-for="(m, i) in metricCards" :key="i" :style="{ background: m.bg }">
-        <div class="metric-title">{{ m.title }}</div>
+        <div class="metric-title" :style="{ color: m.color }">{{ m.title }}</div>
         <div class="metric-value" :style="{ color: m.color }">{{ m.value }}</div>
         <div class="metric-change-row">
           <div class="metric-change-info">
@@ -18,12 +18,12 @@
       </div>
       <div class="metric-side-cards">
         <div class="metric-card metric-warning-top">
-          <div class="metric-title">锐甲安语—自愿报告系统</div>
-          <div class="metric-value" style="color:#fff">3</div>
+          <div class="metric-title" style="color:#507AFC">锐甲安语—自愿报告系统</div>
+          <div class="metric-value" style="color:#507AFC">3</div>
         </div>
         <div class="metric-card metric-warning-bottom">
-          <div class="metric-title">部门亚健康人员</div>
-          <div class="metric-value" style="color:#fff">147</div>
+          <div class="metric-title" style="color:#E41754">部门亚健康人员</div>
+          <div class="metric-value" style="color:#E41754">147</div>
         </div>
       </div>
     </div>
@@ -33,80 +33,80 @@
       <div class="charts-col charts-col-main">
         <!-- 第一行 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="监察问题统计" bgColor="#dbeafe">
+          <WhiteCard title="监察问题统计" bgColor="#FFF4E4">
             <div ref="supervisionLineRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="问题类型分布" bgColor="#dbeafe">
+          <WhiteCard title="问题类型分布" bgColor="#FFF4E4">
             <div ref="problemTypeRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第二行 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="班组问题统计（监察）" bgColor="#dcfce7">
+          <WhiteCard title="班组问题统计（监察）" bgColor="#FFF4E4">
             <div ref="teamSupervisionRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="区域问题占比（监察）" bgColor="#fef3c7">
+          <WhiteCard title="区域问题占比（监察）" bgColor="#FFF4E4">
             <div ref="areaPieRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第三行 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="班组问题统计（实时）" bgColor="#dcfce7">
+          <WhiteCard title="班组问题统计（实时）" bgColor="#E4F0E5">
             <div ref="teamRealtimeRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="实时质控拦截情况" bgColor="#dcfce7">
+          <WhiteCard title="实时质控拦截情况" bgColor="#E4F0E5">
             <div ref="realtimeLineRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第四行 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="实时质控开机年龄分布" bgColor="#dbeafe">
+          <WhiteCard title="实时质控开机年龄分布" bgColor="#E4F0E5">
             <div ref="yearRingRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="实时质控围难易度" bgColor="#dbeafe">
+          <WhiteCard title="实时质控图像难易度" bgColor="#E4F0E5">
             <div ref="difficultyRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 实时质控开机年限分布 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="实时质控开机年限分布" bgColor="#dcfce7">
+          <WhiteCard title="实时质控开机年限分布" bgColor="#E4F0E5">
             <div ref="yearLimitRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="实时拦截物品汇总" bgColor="#dbeafe">
+          <WhiteCard title="实时拦截物品汇总" bgColor="#E4F0E5">
             <div ref="interceptItemsRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第五行 -->
         <div class="charts-grid charts-grid-2">
 
-          <WhiteCard title="服务巡查" bgColor="#dbeafe">
+          <WhiteCard title="服务巡查" bgColor="#E4EBFF">
             <div ref="servicePatrolRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="服务巡查" bgColor="#e8eaf6">
+          <WhiteCard title="服务巡查" bgColor="#E4EBFF">
             <div ref="servicePatrolLineRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第六行 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="投诉涉及班组情况" bgColor="#fce4ec">
+          <WhiteCard title="投诉涉及班组情况" bgColor="#F0ACA1">
             <div ref="complaintTeamRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="不安全事件发生对比" bgColor="#dbeafe">
+          <WhiteCard title="不安全事件发生对比" bgColor="#DCDCDF">
             <div ref="unsafeCompareRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第七行 -->
         <div class="charts-grid charts-grid-2">
-          <WhiteCard title="亚健康人数占比" bgColor="#fef3c7">
+          <WhiteCard title="亚健康人数占比" bgColor="#FFDBA1">
             <div ref="subhealthPieRef" class="chart-box" />
           </WhiteCard>
-          <WhiteCard title="各班组健康与亚健康比例" bgColor="#fef3c7">
+          <WhiteCard title="各班组健康与亚健康比例" bgColor="#FFDBA1">
             <div ref="healthRatioRef" class="chart-box" />
           </WhiteCard>
         </div>
         <!-- 第八行 -->
         <div class="charts-grid charts-grid-1">
-          <WhiteCard title="旅检三部人员年龄分布表" bgColor="#dbeafe">
+          <WhiteCard title="旅检三部人员年龄分布表" bgColor="#FFFFFF">
             <div ref="ageDistRef" class="chart-box-wide" />
           </WhiteCard>
         </div>
@@ -114,101 +114,17 @@
 
       <!-- 右侧排行榜 -->
       <div class="charts-col-side">
-        <WhiteCard title="监察问题（总）" bgColor="#f0f4ff">
-          <div class="rank-list">
-            <div class="rank-avatar-row">
-              <div class="rank-avatar-item" v-for="(item, i) in superVisionTop3" :key="i">
-                <div class="rank-avatar-wrapper" :class="'rank-pos-' + (i + 1)">
-                  <div class="rank-avatar" :style="{ background: item.color }">{{ item.name.slice(-2) }}</div>
-                  <span class="rank-badge">{{ i + 1 }}</span>
-                </div>
-                <div class="rank-name">{{ item.name }}</div>
-                <div class="rank-num">{{ item.num }}</div>
-              </div>
-            </div>
-            <div class="rank-table">
-              <div class="rank-tr rank-th">
-                <span>排名</span><span>姓名</span><span>问题数</span>
-              </div>
-              <div class="rank-tr" v-for="(item, i) in superVisionList" :key="i">
-                <span>{{ i + 1 }}</span>
-                <span>{{ item.name }}</span>
-                <span>{{ item.num }}</span>
-              </div>
-            </div>
-          </div>
+        <WhiteCard title="监察问题（总）" bgColor="#FFF4E4">
+          <RankList :top3="superVisionTop3" :list="superVisionList" num-label="问题数" />
         </WhiteCard>
-        <WhiteCard title="实时漏洞检情况（总）" bgColor="#f0fdf4">
-          <div class="rank-list">
-            <div class="rank-avatar-row">
-              <div class="rank-avatar-item" v-for="(item, i) in vulnTop3" :key="i">
-                <div class="rank-avatar-wrapper" :class="'rank-pos-' + (i + 1)">
-                  <div class="rank-avatar" :style="{ background: item.color }">{{ item.name.slice(-2) }}</div>
-                  <span class="rank-badge">{{ i + 1 }}</span>
-                </div>
-                <div class="rank-name">{{ item.name }}</div>
-                <div class="rank-num">{{ item.num }}</div>
-              </div>
-            </div>
-            <div class="rank-table">
-              <div class="rank-tr rank-th">
-                <span>排名</span><span>姓名</span><span>问题数</span>
-              </div>
-              <div class="rank-tr" v-for="(item, i) in vulnList" :key="i">
-                <span>{{ i + 1 }}</span>
-                <span>{{ item.name }}</span>
-                <span>{{ item.num }}</span>
-              </div>
-            </div>
-          </div>
+        <WhiteCard title="实时漏检情况（总）" bgColor="#E4F0E5">
+          <RankList :top3="vulnTop3" :list="vulnList" num-label="问题数" />
         </WhiteCard>
-        <WhiteCard title="航站楼加分" bgColor="#eff6ff">
-          <div class="rank-list">
-            <div class="rank-avatar-row">
-              <div class="rank-avatar-item" v-for="(item, i) in bonusTop3" :key="i">
-                <div class="rank-avatar-wrapper" :class="'rank-pos-' + (i + 1)">
-                  <div class="rank-avatar" :style="{ background: item.color }">{{ item.name.slice(-2) }}</div>
-                  <span class="rank-badge">{{ i + 1 }}</span>
-                </div>
-                <div class="rank-name">{{ item.name }}</div>
-                <div class="rank-num">{{ item.num }}</div>
-              </div>
-            </div>
-            <div class="rank-table">
-              <div class="rank-tr rank-th">
-                <span>排名</span><span>姓名</span><span>加分</span>
-              </div>
-              <div class="rank-tr" v-for="(item, i) in bonusList" :key="i">
-                <span>{{ i + 1 }}</span>
-                <span>{{ item.name }}</span>
-                <span>{{ item.num }}</span>
-              </div>
-            </div>
-          </div>
+        <WhiteCard title="航站楼加分" bgColor="#E4EBFF">
+          <RankList :top3="bonusTop3" :list="bonusList" num-label="加分" />
         </WhiteCard>
-        <WhiteCard title="查获数量" bgColor="#f0f4ff">
-          <div class="rank-list">
-            <div class="rank-avatar-row">
-              <div class="rank-avatar-item" v-for="(item, i) in seizureTop3" :key="i">
-                <div class="rank-avatar-wrapper" :class="'rank-pos-' + (i + 1)">
-                  <div class="rank-avatar" :style="{ background: item.color }">{{ item.name.slice(-2) }}</div>
-                  <span class="rank-badge">{{ i + 1 }}</span>
-                </div>
-                <div class="rank-name">{{ item.name }}</div>
-                <div class="rank-num">{{ item.num }}</div>
-              </div>
-            </div>
-            <div class="rank-table">
-              <div class="rank-tr rank-th">
-                <span>排名</span><span>姓名</span><span>查获数</span>
-              </div>
-              <div class="rank-tr" v-for="(item, i) in seizureList" :key="i">
-                <span>{{ i + 1 }}</span>
-                <span>{{ item.name }}</span>
-                <span>{{ item.num }}</span>
-              </div>
-            </div>
-          </div>
+        <WhiteCard title="查获数量" bgColor="#FFFFFF">
+          <RankList :top3="seizureTop3" :list="seizureList" num-label="查获数" />
         </WhiteCard>
       </div>
     </div>
@@ -221,15 +137,16 @@ import { ref, computed, onMounted } from 'vue'
 import { useECharts } from '@/hooks/useEcharts'
 import WhiteCard from '../components/whiteCard.vue'
 import Page from '../components/page.vue'
+import RankList from './components/RankList.vue'
 import * as echarts from 'echarts'
 
 // ─── 顶部指标卡片 ───────────────────────────────
 const metricCards = ref([
-  { title: '监察问题数（本月）', value: '11', change: '57.69%', changeType: 'down', changeColor: '#ef4444', color: '#f59e0b', bg: '#dbeafe', sparkColor: '#3b82f6' },
-  { title: '实时质控数（本月）', value: '21', change: '56.25%', changeType: 'down', changeColor: '#ef4444', color: '#22c55e', bg: '#dcfce7', sparkColor: '#22c55e' },
-  { title: '服务巡查（本月）', value: '4', change: '0%', changeType: 'flat', changeColor: '#6b7280', color: '#3b82f6', bg: '#dbeafe', sparkColor: '#3b82f6' },
-  { title: '投诉情况（本月）', value: '1', change: '88.89%', changeType: 'down', changeColor: '#ef4444', color: '#ef4444', bg: '#fce4ec', sparkColor: '#ef4444' },
-  { title: '不安全事件发生次数（今年）', value: '3', change: '57.14%', changeType: 'down', changeColor: '#ef4444', color: '#ffffff', bg: '#6b7280', sparkColor: '#9ca3af' },
+  { title: '监察问题数（本月）', value: '11', change: '57.69%', changeType: 'down', changeColor: '#ef4444', color: '#f59e0b', bg: '#FFF4E4', sparkColor: '#3b82f6' },
+  { title: '实时质控数（本月）', value: '21', change: '56.25%', changeType: 'down', changeColor: '#ef4444', color: '#22c55e', bg: '#E4F0E5', sparkColor: '#22c55e' },
+  { title: '服务巡查（本月）', value: '4', change: '0%', changeType: 'flat', changeColor: '#6b7280', color: '#3b82f6', bg: '#E6E8FF', sparkColor: '#3b82f6' },
+  { title: '投诉情况（本月）', value: '1', change: '88.89%', changeType: 'down', changeColor: '#ef4444', color: '#ef4444', bg: '#F0ACA1', sparkColor: '#ef4444' },
+  { title: '不安全事件发生次数（今年）', value: '3', change: '57.14%', changeType: 'down', changeColor: '#ef4444', color: '#ffffff', bg: '#A5A5A5', sparkColor: '#9ca3af' },
 ])
 
 // ─── 图表 ref ────────────────────────────────────
@@ -519,6 +436,7 @@ onMounted(() => {
 
 <style lang="scss" scoped>
 .org-profile {
+  background-color: #F2F3F7;
   padding: 15px;
   box-sizing: border-box;
   min-height: calc(100vh - 90px);
@@ -635,11 +553,11 @@ onMounted(() => {
     }
 
     .metric-warning-top {
-      background: linear-gradient(135deg, #f59e0b, #d97706) !important;
+      background: #F2E5FF !important;
     }
 
     .metric-warning-bottom {
-      background: linear-gradient(135deg, #fbbf24, #f59e0b) !important;
+      background: #FFDBA1 !important;
     }
   }
 
@@ -688,120 +606,6 @@ onMounted(() => {
     }
   }
 
-  // ── 排行榜 ──
-  .rank-list {
-    .rank-avatar-row {
-      display: flex;
-      justify-content: center;
-      gap: 20px;
-      margin-top: 15px;
-      margin-bottom: 12px;
-
-      .rank-avatar-item {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        gap: 6px;
-
-        &:nth-child(2) {
-          transform: translateY(-10px);
-        }
-
-        .rank-avatar-wrapper {
-          position: relative;
-          display: inline-flex;
-          align-items: center;
-          justify-content: center;
-          border-radius: 50%;
-
-
-          &.rank-pos-1 {
-            border: 3px solid #94a3b8;
-
-            .rank-badge {
-              background: #94a3b8;
-            }
-
-          }
-
-          &.rank-pos-2 {
-            border: 3px solid #fbbf24;
-
-            .rank-badge {
-              background: #fbbf24;
-            }
-          }
-
-          &.rank-pos-3 {
-            border: 3px solid #fb923c;
-
-            .rank-badge {
-              background: #fb923c;
-            }
-          }
-
-          .rank-avatar {
-            width: 44px;
-            height: 44px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            color: #fff;
-            font-size: 16px;
-            font-weight: bold;
-          }
-
-          .rank-badge {
-            position: absolute;
-            bottom: -8px;
-            left: 50%;
-            transform: translateX(-50%);
-            width: 12px;
-            height: 12px;
-            border-radius: 50%;
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            font-size: 11px;
-            font-weight: bold;
-            color: #fff;
-          }
-        }
-
-        .rank-name {
-          font-size: 12px;
-          color: #475569;
-        }
 
-        .rank-num {
-          font-size: 18px;
-          color: '#1e293b';
-          font-weight: bold;
-        }
-      }
-    }
-
-    .rank-table {
-      .rank-tr {
-        display: flex;
-        padding: 5px 0;
-        font-size: 12px;
-        color: #64748b;
-        border-bottom: 1px solid #e2e8f0;
-
-        span {
-          flex: 1;
-          text-align: center;
-        }
-      }
-
-      .rank-th {
-        color: '#1e293b';
-        font-weight: bold;
-        border-bottom: 2px solid #cbd5e1;
-      }
-    }
-  }
 }
 </style>

src/views/warningManage/redLineWarning/index.vue

@@ -62,9 +62,9 @@
                         </el-table-column>
                         <el-table-column prop="deptName" label="所属部门" />
                         <el-table-column prop="eventTime" label="事件时间" sortable width="180" />
-                        <el-table-column prop="dimName" label="维度名称" />
-                        <el-table-column prop="secondIndicator" label="二级指标名称" />
-                        <el-table-column prop="deductionTotal" label="扣分分值合计" sortable />
+                        <el-table-column prop="dimensionName" label="维度名称" />
+                        <el-table-column prop="level2Name" label="二级指标名称" />
+                        <el-table-column prop="totalScore" label="扣分分值合计" sortable />
                         <el-table-column prop="occurrenceCount" label="发生次数" sortable />
                         <el-table-column prop="overallScore" label="预警等级">
                             <template #default="{ row }">
@@ -77,7 +77,7 @@
                                 <span v-else class="status-warning">正常范围</span>
                             </template>
                         </el-table-column>
-                        <el-table-column prop="coreRisk" label="核心风险" />
+                        <el-table-column prop="coreRisks" label="核心风险" />
                         <el-table-column prop="statusLabel" label="状态标签">
                             <template #default="{ row }">
                                 <span v-if="row.overallScore < 75" style="color:#b91c1c;"><i class="fas fa-bell"></i>
@@ -151,7 +151,7 @@ const coreRisksOrOutstandingAchievementsList = [
     "临近预警线，服务巡查扣分1次"
 ]
 
-const dimNames = ["安全管理", "服务质量", "运行效率", "队伍建设"]
+
 const indicatorNames = ["安全违规次数", "旅客投诉率", "安检差错率", "培训合格率", "操作规范度"]
 const deductionScores = [2, 5, 3, 1, 4]
 const occurrenceCounts = [1, 2, 3, 1, 2]
@@ -162,21 +162,6 @@ const queryParams = reactive({
     pageSize: 10
 })
 
-for (let i = 0; i < newNames.length; i++) {
-    employeesData.value.push({
-        userId: String(10021 + i),
-        nickName: newNames[i],
-        deptName: deptList[i % deptList.length],
-        eventTime: `2026-0${(i % 9) + 1}-${String((i * 3 + 10) % 28 + 1).padStart(2, '0')}`,
-        overallScore: scores[i % scores.length],
-        dimName: dimNames[i % dimNames.length],
-        secondIndicator: indicatorNames[i % indicatorNames.length],
-        deductionTotal: deductionScores[i % deductionScores.length],
-        occurrenceCount: occurrenceCounts[i % occurrenceCounts.length],
-        coreRisk: coreRisksOrOutstandingAchievementsList[i % coreRisksOrOutstandingAchievementsList.length],
-        statusLabel: scores[i % scores.length] < 75 ? '1' : scores[i % scores.length] >= 90 ? '2' : '3'
-    })
-}
 
 // 将组织架构数据转换为树形数据
 const transformCascadeData = (nodes) => {
@@ -226,7 +211,7 @@ const getSelectedInfo = (selectedValue) => {
 }
 
 const allFilteredEmployees = computed(() => {
-    let result = employeesData.value.ledgerWarningDetailItemList || []
+    let result = employeesData.value || []
 
     // 预警等级筛选
     if (selectedAlertLevel.value) {

src/views/warningManage/warningPage/index.vue

@@ -3,8 +3,7 @@
     <div class="header">
       <div class="title-section">
         <h1>
-          <i class="fas fa-shield-alt" style="color: #2c5282; margin-right: 8px"></i
-          >综合预警工作台
+          <i class="fas fa-shield-alt" style="color: #2c5282; margin-right: 8px"></i>综合预警工作台
         </h1>
         <p>员工综合评估（＜75分红色预警 | ≥90分优秀）</p>
       </div>
@@ -20,75 +19,31 @@
 
     <div class="filter-bar">
       <div class="time-range">
-        <button
-          class="time-btn"
-          :class="{ active: activeRange === 'week' }"
-          @click="setActiveRange('week')"
-        >
+        <button class="time-btn" :class="{ active: activeRange === 'week' }" @click="setActiveRange('week')">
           近一周
         </button>
-        <button
-          class="time-btn"
-          :class="{ active: activeRange === 'month' }"
-          @click="setActiveRange('month')"
-        >
+        <button class="time-btn" :class="{ active: activeRange === 'month' }" @click="setActiveRange('month')">
           近一月
         </button>
-        <button
-          class="time-btn"
-          :class="{ active: activeRange === 'quarter' }"
-          @click="setActiveRange('quarter')"
-        >
+        <button class="time-btn" :class="{ active: activeRange === 'quarter' }" @click="setActiveRange('quarter')">
           近三月
         </button>
-        <button
-          class="time-btn"
-          :class="{ active: activeRange === 'year' }"
-          @click="setActiveRange('year')"
-        >
+        <button class="time-btn" :class="{ active: activeRange === 'year' }" @click="setActiveRange('year')">
           近一年
         </button>
         <div class="custom-date">
-          <el-date-picker
-            v-model="startDate"
-            type="date"
-            placeholder="开始日期"
-            style="width: 150px"
-          />
+          <el-date-picker v-model="startDate" type="date" placeholder="开始日期" style="width: 150px" />
           <span style="margin: 0 8px">至</span>
-          <el-date-picker
-            v-model="endDate"
-            type="date"
-            placeholder="结束日期"
-            style="width: 150px"
-          />
+          <el-date-picker v-model="endDate" type="date" placeholder="结束日期" style="width: 150px" />
         </div>
-        <el-tree-select
-          v-model="selectedOrg"
-          :data="cascadeOptions"
-          :props="{ label: 'label', value: 'value', children: 'children' }"
-          node-key="value"
-          placeholder="组织架构/员工"
-          clearable
-          filterable
-          check-strictly
-          style="width: 480px"
-        />
+        <el-tree-select v-model="selectedOrg" :data="cascadeOptions"
+          :props="{ label: 'label', value: 'value', children: 'children' }" node-key="value" placeholder="组织架构/员工"
+          clearable filterable check-strictly style="width: 480px" />
       </div>
       <div class="filter-group">
-        <el-select
-          v-model="selectedAlertLevel"
-          placeholder="预警等级"
-          clearable
-          style="width: 250px"
-        >
+        <el-select v-model="selectedAlertLevel" placeholder="预警等级" clearable style="width: 250px">
           <el-option label="全部" value=""></el-option>
-          <el-option
-            v-for="item in alert_level"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-          />
+          <el-option v-for="item in alert_level" :key="item.value" :label="item.label" :value="item.value" />
         </el-select>
         <el-button type="primary" @click="handleSearch">搜索</el-button>
         <el-button @click="handleReset">重置</el-button>
@@ -97,12 +52,8 @@
 
     <div class="cards-container">
       <div class="cards-grid" style="overflow-x: auto; white-space: nowrap">
-        <div
-          class="card"
-          v-for="(item, index) in summaryCards"
-          :key="index"
-          style="display: inline-block; width: 200px; flex-shrink: 0"
-        >
+        <div class="card" v-for="(item, index) in summaryCards" :key="index"
+          style="display: inline-block; width: 200px; flex-shrink: 0">
           <div class="card-header">
             <i :class="item.icon"></i>
             <h3>{{ item.title }}</h3>
@@ -116,28 +67,20 @@
     <div class="employee-section">
       <div class="section-title">
         <i class="fas fa-users" style="color: #dc2626"></i> 员工综合预警
-        <span
-          style="
+        <span style="
             font-size: 0.7rem;
             background: #eef2ff;
             padding: 4px 12px;
             border-radius: 30px;
             margin-left: 12px;
-          "
-        >
+          ">
           评分依据：员工配分表
         </span>
       </div>
       <div class="employee-card">
         <div style="overflow-x: auto">
-          <el-table
-            :data="filteredEmployees"
-            :row-class-name="getRowClass"
-            style="width: 100%"
-            border
-            stripe
-            @sort-change="handleSortChange"
-          >
+          <el-table :data="filteredEmployees" :row-class-name="getRowClass" style="width: 100%" border stripe
+            @sort-change="handleSortChange">
             <el-table-column prop="userId" label="员工ID" />
             <el-table-column prop="nickName" label="姓名">
               <template #default="{ row }">
@@ -145,46 +88,32 @@
               </template>
             </el-table-column>
             <el-table-column prop="deptName" label="所属部门" />
-            <el-table-column
-              prop="eventTime"
-              label="事件时间"
-              sortable="custom"
-              width="180"
-            />
-            <el-table-column prop="dimName" label="维度名称" />
-            <el-table-column prop="secondIndicator" label="二级指标名称" />
-            <el-table-column
-              prop="deductionTotal"
-              label="扣分分值合计"
-              sortable="custom"
-            />
-            <el-table-column prop="occurrenceCount" label="发生次数" sortable="custom" />
+            <el-table-column prop="eventTime" label="事件时间" sortable width="180" />
+            <el-table-column prop="overallScore" label="综合评估得分" sortable>
+              <template #default="{ row }">
+                <span v-if="row.overallScore < 75" class="score-danger">{{ row.overallScore }} 分</span>
+                <span v-else-if="row.overallScore >= 90" class="score-excellent">{{ row.overallScore }}
+                  分</span>
+                <span v-else style="font-weight:600;">{{ row.overallScore }} 分</span>
+              </template>
+            </el-table-column>
             <el-table-column prop="overallScore" label="预警等级">
               <template #default="{ row }">
-                <span
-                  v-if="row.overallScore < 75"
-                  class="status-badge"
-                  style="animation: subtlePulse 1s infinite"
-                  ><i class="fas fa-exclamation-triangle"></i> 红色预警</span
-                >
-                <span
-                  v-else-if="row.overallScore >= 90"
-                  class="status-excellent"
-                  style="background: #d1fae5; color: #065f46"
-                  ><i class="fas fa-star"></i> 优秀标杆</span
-                >
+                <span v-if="row.overallScore < 75" class="status-badge" style="animation: subtlePulse 1s infinite;"><i
+                    class="fas fa-exclamation-triangle"></i> 红色预警</span>
+                <span v-else-if="row.overallScore >= 90" class="status-excellent"
+                  style="background:#d1fae5; color:#065f46;"><i class="fas fa-star"></i>
+                  优秀标杆</span>
                 <span v-else class="status-warning">正常范围</span>
               </template>
             </el-table-column>
-            <el-table-column prop="coreRisk" label="核心风险" />
+            <el-table-column prop="coreRisksOrOutstandingAchievements" label="核心风险/优秀事迹" />
             <el-table-column prop="statusLabel" label="状态标签">
               <template #default="{ row }">
-                <span v-if="row.overallScore < 75" style="color: #b91c1c"
-                  ><i class="fas fa-bell"></i> {{ getAlertLabel(row.statusLabel) }}</span
-                >
-                <span v-else-if="row.overallScore >= 90" style="color: #15803d"
-                  ><i class="fas fa-crown"></i> {{ getAlertLabel(row.statusLabel) }}</span
-                >
+                <span v-if="row.overallScore < 75" style="color:#b91c1c;"><i class="fas fa-bell"></i>
+                  {{ getAlertLabel(row.statusLabel) }}</span>
+                <span v-else-if="row.overallScore >= 90" style="color:#15803d;"><i class="fas fa-crown"></i> {{
+                  getAlertLabel(row.statusLabel) }}</span>
                 <span v-else>{{ getAlertLabel(row.statusLabel) }}</span>
               </template>
             </el-table-column>
@@ -194,17 +123,10 @@
               </template>
             </el-table-column>
           </el-table>
-          <el-pagination
-            v-show="total > 0"
-            :total="total"
-            v-model:current-page="queryParams.pageNum"
-            v-model:page-size="queryParams.pageSize"
-            :page-sizes="[10, 20, 50, 100]"
-            layout="total, sizes, prev, pager, next, jumper"
-            @size-change="handleSizeChange"
-            @current-change="handlePageChange"
-            style="margin-top: 16px; justify-content: flex-end"
-          />
+          <el-pagination v-show="total > 0" :total="total" v-model:current-page="queryParams.pageNum"
+            v-model:page-size="queryParams.pageSize" :page-sizes="[10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper" @size-change="handleSizeChange"
+            @current-change="handlePageChange" style="margin-top: 16px; justify-content: flex-end" />
         </div>
         <div class="warning-summary">
           <div>
@@ -381,7 +303,7 @@ for (let i = 0; i < newNames.length; i++) {
     occurrenceCount: occurrenceCounts[i % occurrenceCounts.length],
     coreRisk:
       coreRisksOrOutstandingAchievementsList[
-        i % coreRisksOrOutstandingAchievementsList.length
+      i % coreRisksOrOutstandingAchievementsList.length
       ],
     statusLabel:
       scores[i % scores.length] < 75 ? "1" : scores[i % scores.length] >= 90 ? "2" : "3",
@@ -838,76 +760,77 @@ watch(
 .search-btn:hover {
   background: #1d4ed8;
 }
+
 .cards-container {
-    width: 100%;
-    margin-bottom: 36px;
-    overflow-x: auto;
+  width: 100%;
+  margin-bottom: 36px;
+  overflow-x: auto;
 }
 
 .cards-grid {
-    display: flex;
+  display: flex;
 
-    gap: 16px;
-    flex-wrap: nowrap;
-    min-width: max-content;
+  gap: 16px;
+  flex-wrap: nowrap;
+  min-width: max-content;
 }
 
 .card {
-    background: #ffffff;
-    border-radius: 20px;
-    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05);
-    transition: all 0.2s;
-    border: 1px solid #eef2f6;
-    padding: 1rem 0.5rem;
-    display: flex;
-    flex-direction: column;
-    text-align: center;
-    min-width: 280px;
-    flex-shrink: 0;
+  background: #ffffff;
+  border-radius: 20px;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03), 0 1px 2px rgba(0, 0, 0, 0.05);
+  transition: all 0.2s;
+  border: 1px solid #eef2f6;
+  padding: 1rem 0.5rem;
+  display: flex;
+  flex-direction: column;
+  text-align: center;
+  min-width: 280px;
+  flex-shrink: 0;
 }
 
 .card:hover {
-    transform: translateY(-3px);
-    box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.1);
-    border-color: #cbd5e1;
+  transform: translateY(-3px);
+  box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.1);
+  border-color: #cbd5e1;
 }
 
 .card-header {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    gap: 6px;
-    border-bottom: none;
-    padding-bottom: 0;
-    margin-bottom: 12px;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 6px;
+  border-bottom: none;
+  padding-bottom: 0;
+  margin-bottom: 12px;
 }
 
 .card-header i {
-    font-size: 1.5rem;
-    color: #2563eb;
+  font-size: 1.5rem;
+  color: #2563eb;
 }
 
 .card-header h3 {
-    font-size: 0.85rem;
-    font-weight: 700;
-    margin: 0;
-    white-space: nowrap;
+  font-size: 0.85rem;
+  font-weight: 700;
+  margin: 0;
+  white-space: nowrap;
 }
 
 .card-badge {
-    font-size: 0.6rem;
-    background: #f1f5f9;
-    padding: 2px 8px;
-    border-radius: 30px;
-    margin-top: 4px;
-    display: inline-block;
+  font-size: 0.6rem;
+  background: #f1f5f9;
+  padding: 2px 8px;
+  border-radius: 30px;
+  margin-top: 4px;
+  display: inline-block;
 }
 
 .value-large {
-    font-size: 1.8rem;
-    font-weight: 800;
-    line-height: 1.2;
-    margin: 8px 0 4px 0;
+  font-size: 1.8rem;
+  font-weight: 800;
+  line-height: 1.2;
+  margin: 8px 0 4px 0;
 }
 
 .employee-section {