fix(加班申请、工作报告、我的绩效): 重构页面样式、修复一系列bug、对不合理的地方进行调整。

src/views/personal-center/my-performance/modules/performance-summary.vue

@@ -25,8 +25,16 @@ const remindingKey = ref('');
 
 const deptOrgAverageCount = computed(() => props.summary?.deptOrgAverages?.length ?? 0);
 
+const periodLabel = computed(() => {
+  const start = props.periodMonthStart;
+  const end = props.periodMonthEnd;
+  if (!start) return '';
+  if (!end || start === end) return start;
+  return `${start} 至 ${end}`;
+});
+
 const cards = computed(() => [
-  { label: '本月绩效表总数', value: props.summary?.totalSheetCount ?? 0 },
+  { label: '绩效表总数', value: props.summary?.totalSheetCount ?? 0 },
   { label: '待发送数', value: props.summary?.pendingSendCount ?? 0, key: 'pending_send' as const },
   { label: '待确认数', value: props.summary?.pendingConfirmCount ?? 0, key: 'pending_confirm' as const },
   { label: '已确认率', value: `${props.summary?.confirmedRate ?? '0.00'}%` },
@@ -55,6 +63,7 @@ async function handleRemind(type: Api.Performance.Common.RemindType, userIds?: s
 
 <template>
   <div v-loading="props.loading" class="performance-summary">
+    <div v-if="periodLabel" class="performance-summary__period">{{ periodLabel }}</div>
     <div class="performance-summary__grid">
       <div v-for="card in cards" :key="card.label" class="performance-summary__item">
         <div class="performance-summary__label">{{ card.label }}</div>
@@ -194,6 +203,11 @@ async function handleRemind(type: Api.Performance.Common.RemindType, userIds?: s
   gap: 12px;
 }
 
+.performance-summary__period {
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+}
+
 .performance-summary__grid {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));