fix(工作报告): 修复工作报告存在的若干问题。

feat(加班申请): 支持批量审批。

src/views/personal-center/work-report/shared/components/detail-dialog.vue

@@ -10,6 +10,8 @@ import {
   formatDate,
   formatEmptyText,
   formatPeriod,
+  formatPeriodDateRange,
+  formatWeeklyPeriodLabel,
   getProjectReportFlagLabel,
   getWorkReportStatusLabel
 } from '../types';
@@ -29,6 +31,14 @@ const title = computed(() => `${WORK_REPORT_TYPE_LABEL[props.reportType]}详情`
 const weeklyDetail = computed(() =>
   props.reportType === 'weekly' ? (detail.value as Api.WorkReport.Weekly.WeeklyReport | null) : null
 );
+const periodText = computed(() => {
+  if (!detail.value) return '--';
+  return props.reportType === 'weekly' ? formatWeeklyPeriodLabel(detail.value) : formatPeriod(detail.value);
+});
+const periodTooltip = computed(() => {
+  if (!detail.value || props.reportType !== 'weekly') return '';
+  return formatPeriodDateRange(detail.value);
+});
 
 watch(visible, isVisible => {
   if (isVisible) loadDetail();
@@ -68,7 +78,11 @@ function getPersonalDetail() {
     <div v-if="detail" class="work-report-detail">
       <BusinessFormSection title="基础信息">
         <ElDescriptions :column="3" border size="small">
-          <ElDescriptionsItem label="报告周期">{{ formatPeriod(detail) }}</ElDescriptionsItem>
+          <ElDescriptionsItem label="报告周期">
+            <ElTooltip :disabled="!periodTooltip || periodTooltip === '--'" :content="periodTooltip" placement="top">
+              <span>{{ periodText }}</span>
+            </ElTooltip>
+          </ElDescriptionsItem>
           <ElDescriptionsItem label="状态">
             {{ getWorkReportStatusLabel(detail.statusCode, detail.statusName) }}
           </ElDescriptionsItem>