feat: 优化查获数量组件与员工档案页面展示

1.  重构SeizedNum组件，支持自定义标题传入
2.  为部门、班组档案的查获数量组件配置对应标题
3.  完善员工档案页面的技能等级展示与评分模块
4.  新增个人能力卡片的评分图例说明与样式优化

src/views/portraitManagement/components/SeizedNum.vue

@@ -1,5 +1,5 @@
 <template>
-  <Card title="每日查获数量(个人对比)">
+  <Card :title="title">
     <div ref="bar" style="width: 100%; height: 100%;"></div>
   </Card>
 </template>
@@ -10,6 +10,10 @@
   import { useECharts } from '@/hooks/useEcharts.js';
   const bar = ref(null)
   const props = defineProps({
+    title: {
+      type: String,
+      default: '每日查获数量(个人对比)'
+    },
     chartsData: {
       type: Array,
       default: () => []

src/views/portraitManagement/deptProfile/component/runData.vue

@@ -16,7 +16,7 @@
         <SeizedNumAll :chartsData="countSeizureTotalQuantityData"/>
       </div>
       <div class="col">
-        <SeizedNum :chartsData="countSeizureSingleQuantityData" />
+        <SeizedNum :chartsData="countSeizureSingleQuantityData" :title="'每日查获数量(班组对比)'"/>
       </div>
     </div>
     <div class="row">

src/views/portraitManagement/employeeProfile/index.vue

@@ -65,7 +65,10 @@
                   </div>
                   <div class="info-item-content">
                     <div class="info-item-label">技能等级：</div>
-                    <div class="info-item-value">{{ portrait.qualificationLevelText || '-' }}</div>
+                    <div class="info-item-value">
+                      {{ portrait.qualificationLevelText || '-' }}
+                      <span class="info-item-tag" style="margin-left: 10px;margin-top: 2px;" v-if="!!portrait.xrayOperatorStarttime">X射线安检仪操作岗位</span>
+                    </div>
                   </div>
                 </div>
                 <div class="info-item">
@@ -84,19 +87,20 @@
                 <div class="score-progress">
                   <el-progress type="circle" :width="160" :stroke-width="18" color="#5BE39E" :percentage="(portrait.totalScore || -2) + 2">
                     <div class="percentage-content">
-                      <span class="percentage-value">{{ (portrait.totalScore || -2) + 2 }}</span>
+                      <span class="percentage-value">{{ (portrait.totalScore || 0)  }}</span>
                       <span class="percentage-text">综合得分</span>
                     </div>
                   </el-progress>
                 </div>
                 <div class="score-box">
-                  <div class="score-row">
+                  <!-- <div class="score-row">
                     <span class="score-col">评分：</span>
                     <span class="score-col-2">{{ portrait.totalScore || 0 }}</span>
-                  </div>
+                  </div> -->
                   <div class="score-row">
-                    <span class="score-col">标签得分：</span>
-                    <span class="score-col-2">{{ tagScoreData != null ? (typeof tagScoreData === 'object' ? (tagScoreData.totalScore ?? tagScoreData.score ?? tagScoreData) : tagScoreData) : 0 }}</span>
+                    <span class="score-col">附加分：</span>
+                    <span class="score-col-2">{{ portrait?.userTags?.split(',').length || 0 }}分</span>
+                    <!-- <span class="score-col-2">{{ tagScoreData != null ? (typeof tagScoreData === 'object' ? (tagScoreData.totalScore ?? tagScoreData.score ?? tagScoreData) : tagScoreData) : 0 }}</span> -->
                   </div>
                 </div>
               </div>
@@ -129,6 +133,12 @@
           </div>
           <div class="content-bottom-center">
             <Card title="个人能力">
+              <div class="chart-legend">
+                <div class="legend-item legend-warning"><span></span>预警线（低于75分）</div>
+                <div class="legend-item legend-normal"><span></span>正常线（75~90分)</div>
+                <div class="legend-item legend-excellent"><span></span>优秀线（高于90分）</div>
+                <div class="legend-item legend-current"><span></span>当前员工分值</div>
+              </div>
               <div ref="abilityChart" class="chart-box" @click="goToWarningPage" />
             </Card>
           </div>
@@ -764,9 +774,54 @@ onUnmounted(() => {
       & > * {
         height: 100%;
       }
+      .chart-legend {
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        flex-wrap: wrap;
+        gap: 10px 18px;
+        padding-top: 8px;
+        color: #fff;
+        font-size: 14px;
+      }
+      .legend-item {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        span {
+          width: 24px;
+          height: 10px;
+          border: 2px solid currentColor;
+          border-radius: 2px;
+        }
+      }
+      .legend-warning {
+        color: #fe4322;
+        span { 
+          background-color: #fe4322;
+        }
+      }
+      .legend-normal {
+        color: #fff;
+        span { 
+          background-color: #fff;
+        }
+      }
+      .legend-excellent {
+        color: #8EC742;
+        span { 
+          background-color: #8EC742;
+        }
+      }
+      .legend-current {
+        color: #1890ff;
+        span { 
+          background-color: #1890ff;
+        }
+      }
       .chart-box {
         width: 100%;
-        height: 100%;
+        height: calc(100% - 34px);
         overflow: hidden;
       }
     }

src/views/portraitManagement/teamProfile/component/runData.vue

@@ -16,7 +16,7 @@
         <SeizedNumAll :chartsData="countSeizureTotalQuantityData" />
       </div>
       <div class="col">
-        <SeizedNum :chartsData="countSeizureSingleQuantityData" />
+        <SeizedNum :chartsData="countSeizureSingleQuantityData" :title="'每日查获数量(小组对比)'"/>
       </div>
     </div>
     <div class="row">