feat(工作报告、加班申请团队视角): 工作报告、加班申请现在可以查看团队视角了（查看下属）。

fix(工作报告): 修复周报在新增/编辑时，不能展示工作日志。

src/views/personal-center/work-report/project/index.vue

@@ -1,18 +1,19 @@
 <script setup lang="tsx">
 /* eslint-disable no-void */
-import { markRaw, reactive, ref } from 'vue';
+import { computed, markRaw, reactive, ref } from 'vue';
 import { ElMessageBox, ElTag } from 'element-plus';
 import {
   fetchDeleteProjectReport,
   fetchExportProjectReportContent,
   fetchGetProjectReportPage,
+  fetchGetTeamReportSummary,
   fetchSubmitProjectReport
 } from '@/service/api';
 import { useAuth } from '@/hooks/business/auth';
 import { useUIPaginatedTable } from '@/hooks/common/table';
 import BusinessTableActionCell, { type BusinessTableAction } from '@/components/custom/business-table-action-cell';
+import { type TeamViewContext, resolveTeamQueryUserIds } from '@/views/personal-center/shared/team-dashboard';
 import {
-  WORK_REPORT_TYPE_LABEL,
   type WorkReportRow,
   createProjectSearchParams,
   createWorkReportContentExportFallbackName,
@@ -20,22 +21,26 @@ import {
   formatDateTime,
   formatEmptyText,
   formatPeriod,
-  getProjectReportFlagLabel,
   getWorkReportStatusLabel,
+  getWorkReportTypeDisplayLabel,
   resolveExportFilename,
   resolveWorkReportStatusTagType,
   transformWorkReportPage
 } from '../shared/types';
+import { resolveWorkReportSummaryPeriod } from '../shared/utils';
+import TeamReportSummary from '../shared/components/team-report-summary.vue';
 import ProjectReportSearch from './modules/search-panel.vue';
 import IconMdiDeleteOutline from '~icons/mdi/delete-outline';
 import IconMdiEyeOutline from '~icons/mdi/eye-outline';
 import IconMdiFileDocumentCheckOutline from '~icons/mdi/file-document-check-outline';
 import IconMdiPencilOutline from '~icons/mdi/pencil-outline';
 import IconMdiSendOutline from '~icons/mdi/send-outline';
+import IconMdiDownloadOutline from '~icons/mdi/download-outline';
 
 defineOptions({ name: 'ProjectWorkReportIndex' });
 
 const props = defineProps<{
+  teamContext?: TeamViewContext | null;
   projectOptions: Api.WorkReport.Project.ProjectReportOwnerProjectOption[];
   projectOptionsLoaded: boolean;
 }>();
@@ -51,21 +56,33 @@ const { hasAuth } = useAuth();
 const exporting = ref(false);
 const selectedRows = ref<Api.WorkReport.Project.ProjectReport[]>([]);
 const searchParams = reactive(createProjectSearchParams());
+const teamSummaryLoading = ref(false);
+const teamSummary = ref<Api.WorkReport.Common.TeamReportSummary | null>(null);
 
 const ACTION_ICON_MAP = {
   detail: markRaw(IconMdiEyeOutline),
   edit: markRaw(IconMdiPencilOutline),
   submit: markRaw(IconMdiSendOutline),
   delete: markRaw(IconMdiDeleteOutline),
-  approvalRecord: markRaw(IconMdiFileDocumentCheckOutline)
+  approvalRecord: markRaw(IconMdiFileDocumentCheckOutline),
+  export: markRaw(IconMdiDownloadOutline)
 };
 
+const isTeamMode = computed(() => props.teamContext?.mode === 'team');
+const isTeamRootSelected = computed(() => Boolean(isTeamMode.value && props.teamContext?.isRootSelected));
+const currentProjectOwnerIds = computed(() => resolveTeamQueryUserIds(props.teamContext));
+const reportTitle = computed(() => getWorkReportTypeDisplayLabel('project', isTeamMode.value));
+
 const table = useUIPaginatedTable<
   Awaited<ReturnType<typeof fetchGetProjectReportPage>>,
   Api.WorkReport.Project.ProjectReport
 >({
   paginationProps: { currentPage: searchParams.pageNo, pageSize: searchParams.pageSize },
-  api: () => fetchGetProjectReportPage(searchParams),
+  api: () =>
+    fetchGetProjectReportPage({
+      ...searchParams,
+      projectOwnerIds: currentProjectOwnerIds.value
+    }),
   transform: response => transformWorkReportPage(response, searchParams.pageNo ?? 1, searchParams.pageSize ?? 10),
   onPaginationParamsChange: params => {
     searchParams.pageNo = params.currentPage ?? 1;
@@ -73,9 +90,11 @@ const table = useUIPaginatedTable<
   },
   columns: () => [
     { prop: 'index', type: 'index', label: '序号', width: 64 },
+    ...(isTeamMode.value
+      ? [{ prop: 'projectOwnerName', label: '提交人', minWidth: 100, showOverflowTooltip: true }]
+      : []),
     { prop: 'projectName', label: '项目名称', minWidth: 200, showOverflowTooltip: true },
     { prop: 'periodLabel', label: '半月周期', minWidth: 120, formatter: row => formatPeriod(row) },
-    // { prop: 'flag', label: '半月', width: 90, formatter: row => getProjectReportFlagLabel(row.flag) },
     { prop: 'projectOwnerName', label: '项目负责人', minWidth: 80 },
     {
       prop: 'technicalOwnerName',
@@ -101,7 +120,7 @@ const table = useUIPaginatedTable<
     {
       prop: 'operate',
       label: '操作',
-      width: 180,
+      width: isTeamMode.value ? 140 : 180,
       align: 'center',
       fixed: 'right',
       formatter: row => <BusinessTableActionCell actions={getRowActions(row)} variant="icon" />
@@ -109,17 +128,54 @@ const table = useUIPaginatedTable<
   ]
 });
 
+const summaryPeriod = computed(() =>
+  resolveWorkReportSummaryPeriod('project', {
+    currentRow: table.data.value[0],
+    periodRange: searchParams.periodStartDate,
+    flag: searchParams.flag
+  })
+);
+
 function getRowActions(row: Api.WorkReport.Project.ProjectReport): BusinessTableAction[] {
   const actions: BusinessTableAction[] = [
     {
       key: 'detail',
-      label: '详情',
+      label: '查看',
       buttonType: 'primary',
       icon: ACTION_ICON_MAP.detail,
       onClick: () => emit('detail', row)
     }
   ];
 
+  if (isTeamMode.value) {
+    actions.push({
+      key: 'export',
+      label: '导出',
+      buttonType: 'success',
+      icon: ACTION_ICON_MAP.export,
+      onClick: () =>
+        exportReportContent(
+          {
+            exportAll: false,
+            ids: [row.id]
+          },
+          1
+        )
+    });
+
+    if (['approved', 'rejected'].includes(row.statusCode)) {
+      actions.push({
+        key: 'approval-record',
+        label: '审批记录',
+        buttonType: 'info',
+        icon: ACTION_ICON_MAP.approvalRecord,
+        onClick: () => emit('approvalRecord', row)
+      });
+    }
+
+    return actions;
+  }
+
   if (['draft', 'rejected'].includes(row.statusCode) && row.allowEdit && hasAuth('project:work-report:update')) {
     actions.push({
       key: 'edit',
@@ -162,6 +218,7 @@ function getRowActions(row: Api.WorkReport.Project.ProjectReport): BusinessTable
 
 async function reload(page?: number) {
   await table.getDataByPage(page ?? searchParams.pageNo ?? 1);
+  await loadTeamSummary();
 }
 
 function resetSearchParams() {
@@ -217,7 +274,10 @@ function handleSelectionChange(rows: Api.WorkReport.Project.ProjectReport[]) {
 
 function createExportSearchParams() {
   const { pageNo: _pageNo, pageSize: _pageSize, ...params } = searchParams;
-  return params;
+  return {
+    ...params,
+    projectOwnerIds: currentProjectOwnerIds.value
+  };
 }
 
 async function exportReportContent(
@@ -275,6 +335,23 @@ async function handleExportCommand(command: 'selected' | 'all') {
   await handleExportAll();
 }
 
+async function loadTeamSummary() {
+  if (!isTeamRootSelected.value) {
+    teamSummaryLoading.value = false;
+    teamSummary.value = null;
+    return;
+  }
+
+  teamSummaryLoading.value = true;
+  const { error, data } = await fetchGetTeamReportSummary({
+    reportType: 'project',
+    periodKey: summaryPeriod.value.periodKey
+  });
+  teamSummaryLoading.value = false;
+
+  teamSummary.value = error || !data ? null : data;
+}
+
 defineExpose({ reload });
 </script>
 
@@ -292,11 +369,21 @@ defineExpose({ reload });
       @search="handleSearch"
     />
 
+    <TeamReportSummary
+      v-if="isTeamRootSelected"
+      report-type="project"
+      :period-key="summaryPeriod.periodKey"
+      :period-label="formatPeriod(summaryPeriod)"
+      :loading="teamSummaryLoading"
+      :summary="teamSummary"
+      @reminded="loadTeamSummary"
+    />
+
     <ElCard class="flex-1-hidden card-wrapper" body-class="business-table-card-body">
       <template #header>
         <div class="flex flex-wrap items-center justify-between gap-12px">
           <div class="flex items-center gap-10px">
-            <p class="text-16px font-600">{{ WORK_REPORT_TYPE_LABEL.project }}</p>
+            <p class="text-16px font-600">{{ reportTitle }}</p>
             <ElTag effect="plain">{{ table.mobilePagination.value.total || 0 }}</ElTag>
           </div>
 
@@ -322,7 +409,13 @@ defineExpose({ reload });
                   </ElDropdownMenu>
                 </template>
               </ElDropdown>
-              <ElButton v-auth="'project:work-report:create'" plain type="primary" @click="emit('create')">
+              <ElButton
+                v-if="!isTeamMode"
+                v-auth="'project:work-report:create'"
+                plain
+                type="primary"
+                @click="emit('create')"
+              >
                 <template #icon>
                   <icon-ic-round-plus class="text-icon" />
                 </template>