添加合计、考核产值预算表、专业间年度季度记取表、工程负责人记取表预览

src/api/tjt/report/index.ts

@@ -133,13 +133,90 @@ export interface ProjectBudgetPreviewQuarterRow {
 }
 
 export interface ProjectQuarterOutputExportReqVO {
-  planningId: number
+  projectId: number
   year?: number
 }
 
-export interface ProjectLeadQuarterOutputExportReqVO {
+export interface ProjectQuarterOutputPreviewRespVO {
-  planningId: number
+  projectCode?: string
+  projectName?: string
   year?: number
+  rows?: ProjectQuarterOutputPreviewRow[]
+}
+
+export interface ProjectQuarterOutputPreviewRow {
+  serialNo?: number
+  totalRow?: boolean
+  placeholderRow?: boolean
+  outputType?: string
+  designContent?: string
+  quarterOneAmountWan?: number
+  quarterTwoAmountWan?: number
+  quarterThreeAmountWan?: number
+  quarterFourAmountWan?: number
+  yearTotalAmountWan?: number
+  projectLeadRatio?: number
+  projectLeadAssessmentOutputWan?: number
+  projectLeadQuarterOneAmountWan?: number
+  projectLeadQuarterTwoAmountWan?: number
+  projectLeadQuarterThreeAmountWan?: number
+  projectLeadQuarterFourAmountWan?: number
+  projectLeadYearTotalAmountWan?: number
+  officeRatio?: number
+  officeAssessmentOutputWan?: number
+  officeQuarterOneAmountWan?: number
+  officeQuarterTwoAmountWan?: number
+  officeQuarterThreeAmountWan?: number
+  officeQuarterFourAmountWan?: number
+  officeYearTotalAmountWan?: number
+  archRatio?: number
+  decorRatio?: number
+  structRatio?: number
+  waterRatio?: number
+  hvacRatio?: number
+  elecRatio?: number
+  digitalRatio?: number
+  archAssessmentOutputWan?: number
+  decorAssessmentOutputWan?: number
+  structAssessmentOutputWan?: number
+  waterAssessmentOutputWan?: number
+  hvacAssessmentOutputWan?: number
+  elecAssessmentOutputWan?: number
+  digitalAssessmentOutputWan?: number
+}
+
+export interface ProjectLeadQuarterOutputExportReqVO {
+  projectId: number
+  year?: number
+}
+
+export interface ProjectLeadQuarterOutputPreviewRespVO {
+  projectName?: string
+  year?: number
+  projectManagerNames?: string
+  engineeringPrincipalNames?: string
+  rows?: ProjectLeadQuarterOutputPreviewRow[]
+}
+
+export interface ProjectLeadQuarterOutputPreviewRow {
+  serialNo?: number
+  outputType?: string
+  designContent?: string
+  subtotalRow?: boolean
+  projectManagerNames?: string
+  projectManagerRatio?: number
+  engineeringPrincipalNames?: string
+  engineeringPrincipalRatio?: number
+  projectManagerQuarterOneAmountWan?: number
+  projectManagerQuarterTwoAmountWan?: number
+  projectManagerQuarterThreeAmountWan?: number
+  projectManagerQuarterFourAmountWan?: number
+  projectManagerYearTotalAmountWan?: number
+  engineeringPrincipalQuarterOneAmountWan?: number
+  engineeringPrincipalQuarterTwoAmountWan?: number
+  engineeringPrincipalQuarterThreeAmountWan?: number
+  engineeringPrincipalQuarterFourAmountWan?: number
+  engineeringPrincipalYearTotalAmountWan?: number
 }
 
 export interface SpecialtyPersonOutputExportReqVO {
@@ -225,6 +302,13 @@ export const exportProjectQuarterOutput = (params: ProjectQuarterOutputExportReq
   })
 }
 
+export const getProjectQuarterOutputPreview = (params: ProjectQuarterOutputExportReqVO) => {
+  return request.get<ProjectQuarterOutputPreviewRespVO>({
+    url: '/tjt/report/project-quarter-output/preview',
+    params: { ...params, _t: Date.now() }
+  })
+}
+
 export const exportProjectLeadQuarterOutput = (params: ProjectLeadQuarterOutputExportReqVO) => {
   return request.download({
     url: '/tjt/report/project-lead-quarter-output/export-excel',
@@ -232,6 +316,13 @@ export const exportProjectLeadQuarterOutput = (params: ProjectLeadQuarterOutputE
   })
 }
 
+export const getProjectLeadQuarterOutputPreview = (params: ProjectLeadQuarterOutputExportReqVO) => {
+  return request.get<ProjectLeadQuarterOutputPreviewRespVO>({
+    url: '/tjt/report/project-lead-quarter-output/preview',
+    params: { ...params, _t: Date.now() }
+  })
+}
+
 export const exportSpecialtyPersonOutput = (params: SpecialtyPersonOutputExportReqVO) => {
   return request.download({ url: '/tjt/report/specialty-person-output/export-excel', params })
 }

src/views/tjt/output-split/index.vue

@@ -98,6 +98,12 @@
           </el-table-column>
           <el-table-column align="center" label="排序" prop="sortNo" width="80" />
         </el-table>
+        <PlanningOwnershipSummary
+          :planning-list="planningList"
+          amount-field="assessmentOutputValue"
+          amount-label="考核产值(元)"
+          title="归属类型考核产值合计"
+        />
       </ContentWrap>
     </template>
 
@@ -287,6 +293,7 @@ import * as ProjectApi from '@/api/tjt/project'
 import * as PlanningApi from '@/api/tjt/planning'
 import * as PlanningQuarterApi from '@/api/tjt/planningQuarter'
 import * as OutputSplitApi from '@/api/tjt/outputSplit'
+import PlanningOwnershipSummary from '@/views/tjt/shared/PlanningOwnershipSummary.vue'
 import SplitPane from '@/views/tjt/shared/SplitPane.vue'
 import {
   formatAmountText,

src/views/tjt/output/index.vue

@@ -161,6 +161,12 @@
           </el-table-column>
           <el-table-column align="center" label="排序" prop="sortNo" width="80" />
         </el-table>
+        <PlanningOwnershipSummary
+          :planning-list="planningList"
+          amount-field="assessmentOutputValue"
+          amount-label="考核产值(元)"
+          title="归属类型考核产值合计"
+        />
       </ContentWrap>
     </template>
 
@@ -464,6 +470,7 @@ import * as PlanningApi from '@/api/tjt/planning'
 import * as PlanningQuarterApi from '@/api/tjt/planningQuarter'
 import PlanningOutputForm from './PlanningOutputForm.vue'
 import QuarterDistributionForm from './QuarterDistributionForm.vue'
+import PlanningOwnershipSummary from '@/views/tjt/shared/PlanningOwnershipSummary.vue'
 import SplitPane from '@/views/tjt/shared/SplitPane.vue'
 import {
   CONTRACT_SIGN_OPTIONS,

src/views/tjt/report-project-lead-quarter/index.vue

@@ -0,0 +1,495 @@
+<template>
+  <ContentWrap>
+    <el-form
+      ref="queryFormRef"
+      :inline="true"
+      :model="queryParams"
+      class="-mb-15px"
+      label-width="88px"
+    >
+      <el-form-item label="项目名称" prop="projectName">
+        <el-input
+          v-model="queryParams.projectName"
+          class="!w-240px"
+          clearable
+          placeholder="请输入项目名称"
+          @keyup.enter="handleQuery"
+        />
+      </el-form-item>
+      <el-form-item label="开始年度" prop="projectStartYear">
+        <el-date-picker
+          v-model="queryProjectStartYearValue"
+          class="!w-180px"
+          clearable
+          placeholder="请选择年度"
+          type="year"
+          value-format="YYYY"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button @click="handleQuery">
+          <Icon class="mr-5px" icon="ep:search" />
+          搜索
+        </el-button>
+        <el-button @click="resetQuery">
+          <Icon class="mr-5px" icon="ep:refresh" />
+          重置
+        </el-button>
+      </el-form-item>
+    </el-form>
+  </ContentWrap>
+
+  <ContentWrap>
+    <el-table
+      ref="projectTableRef"
+      v-loading="loading"
+      :data="projectList"
+      highlight-current-row
+      @current-change="handleCurrentProjectChange"
+    >
+      <el-table-column
+        :index="getProjectRowIndex"
+        align="center"
+        label="序号"
+        type="index"
+        width="80"
+      />
+      <el-table-column align="center" label="项目名称" min-width="220" prop="projectName" />
+      <el-table-column align="center" label="工程负责人" min-width="180">
+        <template #default="scope">
+          {{ getProjectLeadText(scope.row.projectManagerName, scope.row.engineeringPrincipalName) }}
+        </template>
+      </el-table-column>
+      <el-table-column align="center" label="开始年度" prop="projectStartYear" width="120" />
+      <el-table-column align="center" label="排序" prop="sortNo" width="80" />
+    </el-table>
+    <Pagination
+      v-model:limit="queryParams.pageSize"
+      v-model:page="queryParams.pageNo"
+      :total="total"
+      @pagination="getProjectList"
+    />
+  </ContentWrap>
+
+  <ContentWrap>
+    <div v-loading="previewLoading" class="min-h-320px">
+      <template v-if="currentProject">
+            <div class="mb-16px flex flex-wrap items-center justify-between gap-12px">
+              <div>
+                <div class="text-16px font-600">工程负责人年度表预览</div>
+                <div class="mt-6px text-12px text-[var(--el-text-color-secondary)]">
+                  {{ currentProject?.projectName || '-' }}
+                </div>
+              </div>
+              <div class="flex items-center gap-10px">
+                <el-date-picker
+                  v-model="selectedYearValue"
+                  class="!w-150px"
+                  clearable
+                  placeholder="计取年度"
+                  type="year"
+                  value-format="YYYY"
+                />
+                <el-button :loading="previewLoading" @click="loadProjectLeadQuarterPreview">
+                  刷新
+                </el-button>
+                <el-button
+                  v-hasPermi="['tjt:report-project-lead-quarter:export']"
+                  :disabled="!selectedYear"
+                  :loading="exportLoading"
+                  plain
+                  type="success"
+                  @click="handleExportProjectLeadQuarter"
+                >
+                  <Icon class="mr-5px" icon="ep:download" />
+                  导出工程负责人年度表
+                </el-button>
+              </div>
+            </div>
+
+            <el-descriptions :column="2" border class="mb-16px">
+              <el-descriptions-item label="项目名称">
+                {{ previewData?.projectName || currentProject?.projectName || '-' }}
+              </el-descriptions-item>
+              <el-descriptions-item label="预览年度">
+                {{ previewData?.year || selectedYear || '-' }}
+              </el-descriptions-item>
+              <el-descriptions-item label="项目经理人员">
+                {{ previewData?.projectManagerNames || '-' }}
+              </el-descriptions-item>
+              <el-descriptions-item label="工程负责人人员">
+                {{ previewData?.engineeringPrincipalNames || '-' }}
+              </el-descriptions-item>
+              <el-descriptions-item label="金额单位">万元</el-descriptions-item>
+            </el-descriptions>
+
+            <div class="mb-12px text-14px font-600">工作量分配预览</div>
+            <el-table
+              :data="previewRows"
+              :empty-text="selectedYear ? '暂无工作量分配预览数据' : '请先选择年度'"
+              border
+              class="mb-20px"
+              max-height="360"
+            >
+              <el-table-column align="center" label="序号" width="70" prop="serialNo" />
+              <el-table-column align="center" label="项目名称" min-width="180">
+                <template #default>
+                  {{ previewData?.projectName || currentProject?.projectName || '-' }}
+                </template>
+              </el-table-column>
+              <el-table-column align="center" label="产值类型" min-width="150" prop="outputType" />
+              <el-table-column
+                align="center"
+                label="设计内容"
+                min-width="180"
+                prop="designContent"
+                show-overflow-tooltip
+              />
+              <el-table-column
+                align="center"
+                :label="previewData?.projectManagerNames || '项目经理人员'"
+                min-width="150"
+              >
+                <template #default="scope">
+                  {{ formatNullablePercent(scope.row.projectManagerRatio) }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                :label="previewData?.engineeringPrincipalNames || '工程负责人人员'"
+                min-width="150"
+              >
+                <template #default="scope">
+                  {{ formatNullablePercent(scope.row.engineeringPrincipalRatio) }}
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <div class="mb-12px text-14px font-600">季度考核产值预览</div>
+            <el-table
+              :data="quarterPreviewRows"
+              :empty-text="selectedYear ? '暂无季度考核产值预览数据' : '请先选择年度'"
+              :row-class-name="getPreviewRowClassName"
+              border
+              class="project-lead-quarter-preview-table"
+              max-height="520"
+            >
+              <el-table-column align="center" fixed="left" label="序号" width="70">
+                <template #default="scope">
+                  {{ scope.row.subtotalRow ? '' : scope.row.serialNo }}
+                </template>
+              </el-table-column>
+              <el-table-column align="center" fixed="left" label="项目名称" min-width="180">
+                <template #default="scope">
+                  {{ scope.row.subtotalRow ? '' : previewData?.projectName || currentProject?.projectName }}
+                </template>
+              </el-table-column>
+              <el-table-column align="center" label="产值类型" min-width="150" prop="outputType" />
+              <el-table-column
+                align="center"
+                label="设计内容"
+                min-width="180"
+                prop="designContent"
+                show-overflow-tooltip
+              />
+              <el-table-column
+                align="center"
+                :label="previewData?.projectManagerNames || '项目经理人员'"
+              >
+                <el-table-column align="center" label="一季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectManagerQuarterOneAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="二季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectManagerQuarterTwoAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="三季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectManagerQuarterThreeAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="四季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectManagerQuarterFourAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="本年度小计" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectManagerYearTotalAmountWan) }}</template>
+                </el-table-column>
+              </el-table-column>
+              <el-table-column
+                align="center"
+                :label="previewData?.engineeringPrincipalNames || '工程负责人人员'"
+              >
+                <el-table-column align="center" label="一季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.engineeringPrincipalQuarterOneAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="二季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.engineeringPrincipalQuarterTwoAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="三季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.engineeringPrincipalQuarterThreeAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="四季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.engineeringPrincipalQuarterFourAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="本年度小计" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.engineeringPrincipalYearTotalAmountWan) }}</template>
+                </el-table-column>
+              </el-table-column>
+            </el-table>
+      </template>
+
+      <el-empty v-else-if="!previewLoading" description="请选择项目后查看工程负责人年度表预览" />
+    </div>
+  </ContentWrap>
+</template>
+
+<script lang="ts" setup>
+import * as ProjectApi from '@/api/tjt/project'
+import * as ReportApi from '@/api/tjt/report'
+import download from '@/utils/download'
+import { formatAmountText, formatPercentText } from '@/views/tjt/shared/planning'
+
+defineOptions({ name: 'TjtReportProjectLeadQuarter' })
+
+const message = useMessage()
+const currentYear = new Date().getFullYear()
+
+const loading = ref(false)
+const previewLoading = ref(false)
+const exportLoading = ref(false)
+const selectedYear = ref<number | undefined>(currentYear)
+const total = ref(0)
+const projectList = ref<ProjectApi.ProjectVO[]>([])
+const currentProject = ref<ProjectApi.ProjectVO>()
+const previewData = ref<ReportApi.ProjectLeadQuarterOutputPreviewRespVO>()
+const queryFormRef = ref()
+const projectTableRef = ref()
+let previewRequestSeq = 0
+
+const queryParams = reactive<ProjectApi.ProjectPageReqVO>({
+  pageNo: 1,
+  pageSize: 10,
+  projectName: undefined,
+  projectStartYear: undefined
+})
+
+const previewRows = computed(() => previewData.value?.rows || [])
+
+const getProjectRowIndex = (index: number) =>
+  ((queryParams.pageNo || 1) - 1) * (queryParams.pageSize || 10) + index + 1
+
+const queryProjectStartYearValue = computed({
+  get: () => (queryParams.projectStartYear ? String(queryParams.projectStartYear) : undefined),
+  set: (value?: string) => {
+    queryParams.projectStartYear = value ? Number(value) : undefined
+  }
+})
+
+const selectedYearValue = computed({
+  get: () => (selectedYear.value ? String(selectedYear.value) : undefined),
+  set: (value?: string) => {
+    selectedYear.value = value ? Number(value) : undefined
+  }
+})
+
+const getProjectLeadText = (projectManagerName?: string, engineeringLeaderName?: string) =>
+  [projectManagerName, engineeringLeaderName].filter(Boolean).join(' / ') || '-'
+
+const formatNullableAmount = (value?: number | string | null) => {
+  if (value === undefined || value === null || value === '') {
+    return ''
+  }
+  return formatAmountText(value)
+}
+
+const formatNullablePercent = (value?: number | string | null) => {
+  if (value === undefined || value === null || value === '') {
+    return ''
+  }
+  return formatPercentText(value)
+}
+
+const addAmount = (left?: number | string | null, right?: number | string | null) =>
+  Number((Number(left || 0) + Number(right || 0)).toFixed(2))
+
+const buildSubtotalRow = (
+  rows: ReportApi.ProjectLeadQuarterOutputPreviewRow[]
+): ReportApi.ProjectLeadQuarterOutputPreviewRow => {
+  const subtotal: ReportApi.ProjectLeadQuarterOutputPreviewRow = {
+    subtotalRow: true,
+    designContent: '总计'
+  }
+  rows.forEach((row) => {
+    subtotal.projectManagerQuarterOneAmountWan = addAmount(
+      subtotal.projectManagerQuarterOneAmountWan,
+      row.projectManagerQuarterOneAmountWan
+    )
+    subtotal.projectManagerQuarterTwoAmountWan = addAmount(
+      subtotal.projectManagerQuarterTwoAmountWan,
+      row.projectManagerQuarterTwoAmountWan
+    )
+    subtotal.projectManagerQuarterThreeAmountWan = addAmount(
+      subtotal.projectManagerQuarterThreeAmountWan,
+      row.projectManagerQuarterThreeAmountWan
+    )
+    subtotal.projectManagerQuarterFourAmountWan = addAmount(
+      subtotal.projectManagerQuarterFourAmountWan,
+      row.projectManagerQuarterFourAmountWan
+    )
+    subtotal.projectManagerYearTotalAmountWan = addAmount(
+      subtotal.projectManagerYearTotalAmountWan,
+      row.projectManagerYearTotalAmountWan
+    )
+    subtotal.engineeringPrincipalQuarterOneAmountWan = addAmount(
+      subtotal.engineeringPrincipalQuarterOneAmountWan,
+      row.engineeringPrincipalQuarterOneAmountWan
+    )
+    subtotal.engineeringPrincipalQuarterTwoAmountWan = addAmount(
+      subtotal.engineeringPrincipalQuarterTwoAmountWan,
+      row.engineeringPrincipalQuarterTwoAmountWan
+    )
+    subtotal.engineeringPrincipalQuarterThreeAmountWan = addAmount(
+      subtotal.engineeringPrincipalQuarterThreeAmountWan,
+      row.engineeringPrincipalQuarterThreeAmountWan
+    )
+    subtotal.engineeringPrincipalQuarterFourAmountWan = addAmount(
+      subtotal.engineeringPrincipalQuarterFourAmountWan,
+      row.engineeringPrincipalQuarterFourAmountWan
+    )
+    subtotal.engineeringPrincipalYearTotalAmountWan = addAmount(
+      subtotal.engineeringPrincipalYearTotalAmountWan,
+      row.engineeringPrincipalYearTotalAmountWan
+    )
+  })
+  return subtotal
+}
+
+const quarterPreviewRows = computed(() => {
+  const rows = previewRows.value
+  if (!rows.length) {
+    return []
+  }
+  return [...rows, buildSubtotalRow(rows)]
+})
+
+const getPreviewRowClassName = ({ row }: { row: ReportApi.ProjectLeadQuarterOutputPreviewRow }) =>
+  row?.subtotalRow ? 'report-total-row' : ''
+
+const getProjectList = async () => {
+  loading.value = true
+  try {
+    const data = await ProjectApi.getProjectPage(queryParams)
+    projectList.value = data.list
+    total.value = data.total
+    if (!projectList.value.length) {
+      currentProject.value = undefined
+      previewData.value = undefined
+      return
+    }
+    const targetProjectId = currentProject.value?.id || projectList.value[0].id
+    const targetProject =
+      projectList.value.find((item) => item.id === targetProjectId) || projectList.value[0]
+    await nextTick()
+    projectTableRef.value?.setCurrentRow(targetProject)
+  } finally {
+    loading.value = false
+  }
+}
+
+const loadProjectLeadQuarterPreview = async () => {
+  const projectId = currentProject.value?.id
+  const year = selectedYear.value
+  const requestSeq = ++previewRequestSeq
+  if (!projectId || !year) {
+    previewData.value = undefined
+    previewLoading.value = false
+    return
+  }
+  previewLoading.value = true
+  try {
+    const data = await ReportApi.getProjectLeadQuarterOutputPreview({
+      projectId,
+      year
+    })
+    if (requestSeq === previewRequestSeq) {
+      previewData.value = data
+    }
+  } catch {
+    if (requestSeq === previewRequestSeq) {
+      previewData.value = undefined
+    }
+  } finally {
+    if (requestSeq === previewRequestSeq) {
+      previewLoading.value = false
+    }
+  }
+}
+
+const handleQuery = () => {
+  queryParams.pageNo = 1
+  getProjectList()
+}
+
+const resetQuery = () => {
+  queryFormRef.value?.resetFields()
+  handleQuery()
+}
+
+const handleCurrentProjectChange = (row?: ProjectApi.ProjectVO) => {
+  currentProject.value = row || undefined
+  if (!row?.id) {
+    previewData.value = undefined
+    return
+  }
+  selectedYear.value = row.projectStartYear || currentYear
+  previewData.value = undefined
+}
+
+const handleExportProjectLeadQuarter = async () => {
+  if (!currentProject.value?.id) {
+    message.warning('请先选择项目')
+    return
+  }
+  if (!selectedYear.value) {
+    message.warning('请选择年度')
+    return
+  }
+  try {
+    await message.exportConfirm()
+    exportLoading.value = true
+    const data = await ReportApi.exportProjectLeadQuarterOutput({
+      projectId: currentProject.value.id,
+      year: selectedYear.value
+    })
+    download.excel(data, `${currentProject.value?.projectName || '项目'}_${selectedYear.value}_工程负责人年度表.xlsx`)
+  } finally {
+    exportLoading.value = false
+  }
+}
+
+watch(
+  [() => currentProject.value?.id, selectedYear],
+  () => {
+    loadProjectLeadQuarterPreview()
+  }
+)
+
+let activatedOnce = false
+
+onMounted(() => {
+  getProjectList()
+})
+
+onActivated(() => {
+  // KeepAlive 首次挂载也会触发 onActivated，跳过首轮避免重复请求项目列表。
+  if (!activatedOnce) {
+    activatedOnce = true
+    return
+  }
+  getProjectList()
+})
+</script>
+
+<style scoped>
+.project-lead-quarter-preview-table :deep(.report-total-row) {
+  background: var(--el-fill-color-light);
+  font-weight: 700;
+}
+</style>

src/views/tjt/report-project-quarter/index.vue

@@ -71,240 +71,201 @@
     />
   </ContentWrap>
 
-  <SplitPane>
-    <template #left>
   <ContentWrap>
-        <div class="mb-12px text-14px font-600">
+    <div v-loading="previewLoading" class="min-h-320px">
-          {{ currentProject?.projectName || '合约规划列表' }}
+      <template v-if="currentProject">
-        </div>
+            <div class="mb-16px flex flex-wrap items-center justify-between gap-12px">
-        <el-table
-          ref="planningTableRef"
-          v-loading="planningLoading"
-          :data="planningList"
-          highlight-current-row
-          @current-change="handleCurrentPlanningChange"
-        >
-          <el-table-column align="center" label="项目任务包" min-width="180" prop="planningContent" />
-          <el-table-column align="center" label="归属类型" min-width="110">
-            <template #default="scope">
-              {{ getOwnershipTypeLabel(scope.row.ownershipType) }}
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="开始年度" prop="planningStartYear" width="100" />
-          <el-table-column align="center" label="考核产值(元)" width="120">
-            <template #default="scope">
-              {{ formatAmountText(scope.row.assessmentOutputValue) }}
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="排序" prop="sortNo" width="80" />
-        </el-table>
-      </ContentWrap>
-    </template>
-
-    <template #right>
-      <ContentWrap>
-        <div v-loading="quarterLoading" class="min-h-320px">
-          <template v-if="currentPlanning && formData">
-        <div class="mb-16px flex items-center justify-between gap-16px">
               <div>
-            <div class="text-16px font-600">{{ currentPlanning.planningContent }}</div>
+                <div class="text-16px font-600">专业间年度表预览</div>
+                <div class="mt-6px text-12px text-[var(--el-text-color-secondary)]">
+                  {{ currentProject?.projectName || '-' }}
                 </div>
-          <div class="flex items-center gap-12px">
+              </div>
+              <div class="flex items-center gap-10px">
+                <el-date-picker
+                  v-model="selectedYearValue"
+                  class="!w-150px"
+                  clearable
+                  placeholder="计取年度"
+                  type="year"
+                  value-format="YYYY"
+                />
+                <el-button :loading="previewLoading" @click="loadProjectQuarterPreview">
+                  刷新
+                </el-button>
                 <el-button
                   v-hasPermi="['tjt:report-project-quarter:export']"
-              :loading="exportQuarterLoading"
+                  :disabled="!selectedYear"
+                  :loading="exportLoading"
                   plain
                   type="success"
                   @click="handleExportProjectQuarter"
                 >
                   <Icon class="mr-5px" icon="ep:download" />
-              导出专业间年度季度计取表
+                  导出专业间年度表
-            </el-button>
-            <el-button
-              v-hasPermi="['tjt:report-project-quarter:export']"
-              :loading="exportLeadLoading"
-              plain
-              type="success"
-              @click="handleExportProjectLeadQuarter"
-            >
-              <Icon class="mr-5px" icon="ep:download" />
-              导出工程负责人计取表
                 </el-button>
               </div>
             </div>
 
-        <el-descriptions :column="2" border title="基础信息">
+            <el-descriptions :column="2" border class="mb-16px">
-          <el-descriptions-item label="项目名称">{{ formData.projectName || '-' }}</el-descriptions-item>
+              <el-descriptions-item label="项目名称">
-          <el-descriptions-item label="项目任务包">{{ formData.planningContent || '-' }}</el-descriptions-item>
+                {{ previewData?.projectName || currentProject?.projectName || '-' }}
-          <el-descriptions-item label="工程负责人">
-            {{ getProjectLeadText(formData.projectManagerName, formData.engineeringLeaderName) }}
               </el-descriptions-item>
-          <el-descriptions-item label="考核产值(元)">
+              <el-descriptions-item label="预览年度">
-            {{ formatAmountText(formData.assessmentOutputValue) }}
+                {{ previewData?.year || selectedYear || '-' }}
               </el-descriptions-item>
+              <el-descriptions-item label="金额单位">万元</el-descriptions-item>
             </el-descriptions>
 
-        <el-divider content-position="left">项目层结果</el-divider>
+            <el-table
-        <el-table :data="projectResultRows" border>
+              :data="previewRows"
-          <el-table-column align="center" label="类别" min-width="160" prop="label" />
+              :empty-text="selectedYear ? '暂无专业间年度表预览数据' : '请先选择年度'"
-          <el-table-column align="center" label="比例" min-width="120">
+              :row-class-name="getPreviewRowClassName"
-            <template #default="scope">
+              border
-              {{ scope.row.percentText }}
+              class="project-quarter-preview-table"
-            </template>
+              max-height="620"
-          </el-table-column>
-          <el-table-column align="center" label="金额(元)" min-width="140">
-            <template #default="scope">
-              {{ formatAmountText(scope.row.amount) }}
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <el-divider content-position="left">专业层结果</el-divider>
-        <el-table :data="specialtyResultRows" border>
-          <el-table-column align="center" label="专业" min-width="140" prop="label" />
-          <el-table-column align="center" label="比例" min-width="120">
-            <template #default="scope">
-              {{ scope.row.percentText }}
-            </template>
-          </el-table-column>
-          <el-table-column align="center" label="金额(元)" min-width="140">
-            <template #default="scope">
-              {{ formatAmountText(scope.row.amount) }}
-            </template>
-          </el-table-column>
-        </el-table>
-
-        <el-divider content-position="left">年度分配信息</el-divider>
-        <div class="mb-12px">
-          <el-radio-group v-model="selectedAnnualCategory" size="small">
-            <el-radio-button
-              v-for="item in annualCategoryOptions"
-              :key="item.value"
-              :label="item.value"
             >
-              {{ item.label }}
+              <el-table-column align="center" fixed="left" label="序号" width="70">
-            </el-radio-button>
+                <template #default="scope">
-          </el-radio-group>
+                  {{ scope.row.totalRow ? '' : scope.row.serialNo }}
-        </div>
+                </template>
-        <el-row :gutter="16" class="mb-16px">
+              </el-table-column>
-          <el-col v-for="item in annualSummaryCards" :key="item.label" :span="8">
+              <el-table-column align="center" fixed="left" label="项目名称" min-width="180">
-            <div class="rounded-8px bg-[var(--el-fill-color-light)] px-16px py-12px">
+                <template #default="scope">
-              <div class="text-12px text-[var(--el-text-color-secondary)]">{{ item.label }}</div>
+                  {{ scope.row.totalRow ? '合计' : previewData?.projectName || currentProject?.projectName }}
-              <div class="mt-6px text-18px font-600">{{ formatAmountText(item.amount) }}</div>
+                </template>
-            </div>
+              </el-table-column>
-          </el-col>
+              <el-table-column align="center" label="产值类型" min-width="150" prop="outputType" />
-        </el-row>
-        <el-table :data="annualDistributionRows" border>
-          <el-table-column align="center" label="分配年度" min-width="120" prop="distributionYear" />
               <el-table-column
-            v-for="quarter in QUARTER_OPTIONS"
-            :key="String(quarter.value)"
                 align="center"
-            :label="quarter.label"
+                label="设计内容"
-            min-width="150"
+                min-width="180"
-          >
+                prop="designContent"
+                show-overflow-tooltip
+              />
+              <el-table-column align="center" label="本年度项目考核产值(万元)">
+                <el-table-column align="center" label="一季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.quarterOneAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="二季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.quarterTwoAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="三季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.quarterThreeAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="四季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.quarterFourAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="本年度小计" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.yearTotalAmountWan) }}</template>
+                </el-table-column>
+              </el-table-column>
+              <el-table-column align="center" label="项目经理/工程负责人年度/季度项目考核产值">
+                <el-table-column align="center" label="占比" min-width="100">
                   <template #default="scope">
-              {{ formatAmountText(scope.row.quarterAmounts[Number(quarter.value)]) }}
+                    {{ scope.row.totalRow ? '' : formatNullablePercent(scope.row.projectLeadRatio) }}
                   </template>
                 </el-table-column>
-          <el-table-column align="center" label="年度合计(元)" min-width="160">
+                <el-table-column align="center" label="总考核产值" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectLeadAssessmentOutputWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="一季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectLeadQuarterOneAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="二季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectLeadQuarterTwoAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="三季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectLeadQuarterThreeAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="四季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectLeadQuarterFourAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="本年度总计" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.projectLeadYearTotalAmountWan) }}</template>
+                </el-table-column>
+              </el-table-column>
+              <el-table-column align="center" label="六大专业年度/季度项目考核产值合计">
+                <el-table-column align="center" label="占比" min-width="100">
                   <template #default="scope">
-              {{ formatAmountText(scope.row.yearTotal) }}
+                    {{ scope.row.totalRow ? '' : formatNullablePercent(scope.row.officeRatio) }}
                   </template>
                 </el-table-column>
+                <el-table-column align="center" label="总考核产值" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.officeAssessmentOutputWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="一季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.officeQuarterOneAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="二季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.officeQuarterTwoAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="三季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.officeQuarterThreeAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="四季度" min-width="110">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.officeQuarterFourAmountWan) }}</template>
+                </el-table-column>
+                <el-table-column align="center" label="本年度总计" min-width="120">
+                  <template #default="scope">{{ formatNullableAmount(scope.row.officeYearTotalAmountWan) }}</template>
+                </el-table-column>
+              </el-table-column>
+              <el-table-column align="center" label="各专业考核产值占比">
+                <el-table-column
+                  v-for="item in specialtyColumns"
+                  :key="`${item.key}-ratio`"
+                  align="center"
+                  :label="item.label"
+                  min-width="110"
+                >
+                  <template #default="scope">
+                    {{ scope.row.totalRow ? '' : formatNullablePercent(scope.row[item.ratioKey]) }}
+                  </template>
+                </el-table-column>
+              </el-table-column>
+              <el-table-column align="center" label="各专业考核产值(万元)">
+                <el-table-column
+                  v-for="item in specialtyColumns"
+                  :key="`${item.key}-amount`"
+                  align="center"
+                  :label="item.label"
+                  min-width="120"
+                >
+                  <template #default="scope">
+                    {{ formatNullableAmount(scope.row[item.amountKey]) }}
+                  </template>
+                </el-table-column>
+              </el-table-column>
             </el-table>
       </template>
 
-          <el-empty v-else-if="!quarterLoading" description="请选择合约规划后查看导出预览" />
+      <el-empty v-else-if="!previewLoading" description="请选择项目后查看专业间年度表预览" />
     </div>
   </ContentWrap>
 </template>
-  </SplitPane>
-
-  <Dialog v-model="exportDialogVisible" :title="exportDialogTitle" width="420">
-    <el-form label-width="88px">
-      <el-form-item label="年度">
-        <el-date-picker
-          v-model="exportYearValue"
-          class="!w-220px"
-          clearable
-          placeholder="请选择年度"
-          type="year"
-          value-format="YYYY"
-        />
-      </el-form-item>
-    </el-form>
-
-    <template #footer>
-      <el-button @click="exportDialogVisible = false">取消</el-button>
-      <el-button :loading="currentExportLoading" type="primary" @click="submitExport">
-        确定导出
-      </el-button>
-    </template>
-  </Dialog>
-</template>
 
 <script lang="ts" setup>
-import * as OutputSplitApi from '@/api/tjt/outputSplit'
-import * as PlanningApi from '@/api/tjt/planning'
-import * as PlanningQuarterApi from '@/api/tjt/planningQuarter'
 import * as ProjectApi from '@/api/tjt/project'
 import * as ReportApi from '@/api/tjt/report'
 import download from '@/utils/download'
-import SplitPane from '@/views/tjt/shared/SplitPane.vue'
+import { formatAmountText, formatPercentText } from '@/views/tjt/shared/planning'
-import {
-  formatAmountText,
-  getOwnershipTypeLabel,
-  OUTPUT_SPLIT_SPECIALTY,
-  OUTPUT_SPLIT_SPECIALTY_OPTIONS,
-  QUARTER_OPTIONS,
-  toPercentValue
-} from '@/views/tjt/shared/planning'
 
 defineOptions({ name: 'TjtReportProjectQuarter' })
 
-type AnnualCategoryKey = (typeof OUTPUT_SPLIT_SPECIALTY)[keyof typeof OUTPUT_SPLIT_SPECIALTY]
-
-interface QuarterYearRow {
-  distributionYear: number
-  quarters: PlanningQuarterApi.ProjectPlanningQuarterVO[]
-}
-
-type ExportDialogType = 'projectQuarter' | 'projectLeadQuarter'
-
-const annualCategoryOptions: { label: string; value: AnnualCategoryKey }[] = [
-  { label: '项目经理/工程负责人', value: OUTPUT_SPLIT_SPECIALTY.projectLead },
-  { label: '建筑专业', value: OUTPUT_SPLIT_SPECIALTY.arch },
-  { label: '装修专业', value: OUTPUT_SPLIT_SPECIALTY.decor },
-  { label: '结构专业', value: OUTPUT_SPLIT_SPECIALTY.struct },
-  { label: '水专业', value: OUTPUT_SPLIT_SPECIALTY.water },
-  { label: '电气专业', value: OUTPUT_SPLIT_SPECIALTY.elec },
-  { label: '暖通专业', value: OUTPUT_SPLIT_SPECIALTY.hvac },
-  { label: '数字化设计专业', value: OUTPUT_SPLIT_SPECIALTY.digital }
-]
-
 const message = useMessage()
 const currentYear = new Date().getFullYear()
 
 const loading = ref(false)
-const planningLoading = ref(false)
+const previewLoading = ref(false)
-const quarterLoading = ref(false)
+const exportLoading = ref(false)
-const exportQuarterLoading = ref(false)
+const selectedYear = ref<number | undefined>(currentYear)
-const exportLeadLoading = ref(false)
-const exportDialogVisible = ref(false)
-const exportDialogType = ref<ExportDialogType>('projectQuarter')
-const exportYear = ref<number>()
 const total = ref(0)
 const projectList = ref<ProjectApi.ProjectVO[]>([])
-const planningList = ref<PlanningApi.ProjectPlanningVO[]>([])
 const currentProject = ref<ProjectApi.ProjectVO>()
-const currentPlanning = ref<PlanningApi.ProjectPlanningVO>()
+const previewData = ref<ReportApi.ProjectQuarterOutputPreviewRespVO>()
-const formData = ref<OutputSplitApi.ProjectOutputSplitVO>()
-const quarterRows = ref<QuarterYearRow[]>([])
-const selectedAnnualCategory = ref<AnnualCategoryKey>(OUTPUT_SPLIT_SPECIALTY.projectLead)
 const queryFormRef = ref()
 const projectTableRef = ref()
-const planningTableRef = ref()
+let previewRequestSeq = 0
 
 const queryParams = reactive<ProjectApi.ProjectPageReqVO>({
   pageNo: 1,
@@ -313,8 +274,25 @@ const queryParams = reactive<ProjectApi.ProjectPageReqVO>({
   projectStartYear: undefined
 })
 
+const specialtyColumns = [
+  { key: 'arch', label: '建筑', ratioKey: 'archRatio', amountKey: 'archAssessmentOutputWan' },
+  { key: 'decor', label: '精装', ratioKey: 'decorRatio', amountKey: 'decorAssessmentOutputWan' },
+  { key: 'struct', label: '结构', ratioKey: 'structRatio', amountKey: 'structAssessmentOutputWan' },
+  { key: 'water', label: '给排水', ratioKey: 'waterRatio', amountKey: 'waterAssessmentOutputWan' },
+  { key: 'hvac', label: '暖通', ratioKey: 'hvacRatio', amountKey: 'hvacAssessmentOutputWan' },
+  { key: 'elec', label: '电气', ratioKey: 'elecRatio', amountKey: 'elecAssessmentOutputWan' },
+  {
+    key: 'digital',
+    label: '数字化设计',
+    ratioKey: 'digitalRatio',
+    amountKey: 'digitalAssessmentOutputWan'
+  }
+] as const
+
+const previewRows = computed(() => previewData.value?.rows || [])
+
 const getProjectRowIndex = (index: number) =>
-  (queryParams.pageNo - 1) * queryParams.pageSize + index + 1
+  ((queryParams.pageNo || 1) - 1) * (queryParams.pageSize || 10) + index + 1
 
 const queryProjectStartYearValue = computed({
   get: () => (queryParams.projectStartYear ? String(queryParams.projectStartYear) : undefined),
@@ -323,185 +301,32 @@ const queryProjectStartYearValue = computed({
   }
 })
 
-const exportDialogTitle = computed(() =>
+const selectedYearValue = computed({
-  exportDialogType.value === 'projectQuarter' ? '导出专业间年度季度计取表' : '导出工程负责人计取表'
+  get: () => (selectedYear.value ? String(selectedYear.value) : undefined),
-)
-
-const currentExportLoading = computed(() =>
-  exportDialogType.value === 'projectQuarter'
-    ? exportQuarterLoading.value
-    : exportLeadLoading.value
-)
-
-const exportYearValue = computed({
-  get: () => (exportYear.value ? String(exportYear.value) : undefined),
   set: (value?: string) => {
-    exportYear.value = value ? Number(value) : undefined
+    selectedYear.value = value ? Number(value) : undefined
   }
 })
 
-const toNumeric = (value?: number | string | null) => {
-  const numericValue = Number(value ?? 0)
-  return Number.isNaN(numericValue) ? 0 : numericValue
-}
-
-const multiplyAmount = (...values: Array<number | string | null | undefined>) => {
-  let result = 1
-  values.forEach((value) => {
-    result *= toNumeric(value)
-  })
-  return Number(result.toFixed(2))
-}
-
-const formatRatioText = (value?: number | string | null) =>
-  `${(toPercentValue(value) ?? 0).toFixed(2)}%`
-
-const getRatioValue = (model: OutputSplitApi.ProjectOutputSplitVO, key: string) =>
-  (model as unknown as Record<string, number | undefined>)[key]
-
 const getProjectLeadText = (projectManagerName?: string, engineeringLeaderName?: string) =>
   [projectManagerName, engineeringLeaderName].filter(Boolean).join(' / ') || '-'
 
-const buildProjectRows = (model?: OutputSplitApi.ProjectOutputSplitVO) => {
+const formatNullableAmount = (value?: number | string | null) => {
-  if (!model) {
+  if (value === undefined || value === null || value === '') {
-    return []
+    return ''
   }
-  return [
+  return formatAmountText(value)
-    {
-      label: '项目经理/工程负责人',
-      percentText: formatRatioText(model.projectLeadRatio),
-      amount: model.projectLeadAmount
-    },
-    {
-      label: '专业所',
-      percentText: formatRatioText(model.officeRatio),
-      amount: model.officeAmount
-    }
-  ]
 }
 
-const buildSpecialtyRows = (model?: OutputSplitApi.ProjectOutputSplitVO) => {
+const formatNullablePercent = (value?: number | string | null) => {
-  if (!model) {
+  if (value === undefined || value === null || value === '') {
-    return []
+    return ''
   }
-  const amountMap: Record<string, number | undefined> = {
+  return formatPercentText(value)
-    arch: model.archAmount,
-    decor: model.decorAmount,
-    struct: model.structAmount,
-    water: model.waterAmount,
-    elec: model.elecAmount,
-    hvac: model.hvacAmount,
-    digital: model.digitalAmount
-  }
-  return OUTPUT_SPLIT_SPECIALTY_OPTIONS.map((item) => ({
-    label: item.label,
-    percentText: formatRatioText(getRatioValue(model, `${item.value}Ratio`)),
-    amount: amountMap[item.value]
-  }))
 }
 
-const projectResultRows = computed(() => buildProjectRows(formData.value))
+const getPreviewRowClassName = ({ row }: { row: ReportApi.ProjectQuarterOutputPreviewRow }) =>
-const specialtyResultRows = computed(() => buildSpecialtyRows(formData.value))
+  row?.totalRow ? 'report-total-row' : row?.placeholderRow ? 'report-placeholder-row' : ''
-
-const annualCategoryMeta = computed(() => {
-  const model = formData.value
-  const option = annualCategoryOptions.find((item) => item.value === selectedAnnualCategory.value)
-  if (!model || !option) {
-    return { ratio: 0 }
-  }
-  if (selectedAnnualCategory.value === OUTPUT_SPLIT_SPECIALTY.projectLead) {
-    return {
-      ratio: Number(toNumeric(model.projectLeadRatio).toFixed(4))
-    }
-  }
-  const specialtyRatio = toNumeric(getRatioValue(model, `${selectedAnnualCategory.value}Ratio`))
-  return {
-    ratio: Number((toNumeric(model.officeRatio) * specialtyRatio).toFixed(4))
-  }
-})
-
-const annualDistributionRows = computed(() =>
-  quarterRows.value.map((row) => {
-    const quarterAmounts: Record<number, number> = {}
-    let yearTotal = 0
-    QUARTER_OPTIONS.forEach((quarter) => {
-      const quarterNo = Number(quarter.value)
-      const quarterAmount = multiplyAmount(
-        row.quarters.find((item) => item.quarterNo === quarterNo)?.distributionAmount,
-        annualCategoryMeta.value.ratio
-      )
-      quarterAmounts[quarterNo] = quarterAmount
-      yearTotal += quarterAmount
-    })
-    return {
-      distributionYear: row.distributionYear,
-      quarterAmounts,
-      yearTotal: Number(yearTotal.toFixed(2))
-    }
-  })
-)
-
-const annualSummaryCards = computed(() => [
-  {
-    label: '总分配',
-    amount: multiplyAmount(
-      currentPlanning.value?.assessmentOutputValue,
-      currentPlanning.value?.totalDistributionAmount,
-      annualCategoryMeta.value.ratio
-    )
-  },
-  {
-    label: '已分配',
-    amount: multiplyAmount(
-      currentPlanning.value?.assessmentOutputValue,
-      currentPlanning.value?.allocatedAmount,
-      annualCategoryMeta.value.ratio
-    )
-  },
-  {
-    label: '待分配',
-    amount: multiplyAmount(
-      currentPlanning.value?.assessmentOutputValue,
-      currentPlanning.value?.pendingAmount,
-      annualCategoryMeta.value.ratio
-    )
-  }
-])
-
-const buildQuarterRows = (
-  planning: PlanningApi.ProjectPlanningVO,
-  quarters: PlanningQuarterApi.ProjectPlanningQuarterVO[]
-) => {
-  const yearSet = new Set<number>()
-  if (planning.planningStartYear) {
-    yearSet.add(planning.planningStartYear)
-  }
-  quarters.forEach((item) => yearSet.add(item.distributionYear))
-  if (yearSet.size === 0) {
-    yearSet.add(new Date().getFullYear())
-  }
-  return Array.from(yearSet)
-    .sort((a, b) => a - b)
-    .map((distributionYear) => ({
-      distributionYear,
-      quarters: QUARTER_OPTIONS.map((option) => {
-        const quarterNo = Number(option.value)
-        const match = quarters.find(
-          (item) =>
-            item.distributionYear === distributionYear && Number(item.quarterNo) === quarterNo
-        )
-        return (
-          match || {
-            planningId: planning.id!,
-            distributionYear,
-            quarterNo,
-            distributionRatio: undefined,
-            distributionAmount: 0
-          }
-        )
-      })
-    }))
-}
 
 const getProjectList = async () => {
   loading.value = true
@@ -511,10 +336,7 @@ const getProjectList = async () => {
     total.value = data.total
     if (!projectList.value.length) {
       currentProject.value = undefined
-      planningList.value = []
+      previewData.value = undefined
-      currentPlanning.value = undefined
-      formData.value = undefined
-      quarterRows.value = []
       return
     }
     const targetProjectId = currentProject.value?.id || projectList.value[0].id
@@ -527,49 +349,33 @@ const getProjectList = async () => {
   }
 }
 
-const getPlanningList = async () => {
+const loadProjectQuarterPreview = async () => {
-  if (!currentProject.value?.id) {
+  const projectId = currentProject.value?.id
-    planningList.value = []
+  const year = selectedYear.value
-    currentPlanning.value = undefined
+  const requestSeq = ++previewRequestSeq
-    formData.value = undefined
+  if (!projectId || !year) {
-    quarterRows.value = []
+    previewData.value = undefined
+    previewLoading.value = false
     return
   }
-  planningLoading.value = true
+  previewLoading.value = true
   try {
-    const list = await PlanningApi.getProjectPlanningListByProjectId(currentProject.value.id)
+    const data = await ReportApi.getProjectQuarterOutputPreview({
-    planningList.value = list
+      projectId,
-    if (!planningList.value.length) {
+      year
-      currentPlanning.value = undefined
+    })
-      formData.value = undefined
+    if (requestSeq === previewRequestSeq) {
-      quarterRows.value = []
+      previewData.value = data
-      return
+    }
+  } catch {
+    if (requestSeq === previewRequestSeq) {
+      previewData.value = undefined
     }
-    const targetPlanningId = currentPlanning.value?.id || planningList.value[0].id
-    const targetPlanning =
-      planningList.value.find((item) => item.id === targetPlanningId) || planningList.value[0]
-    await nextTick()
-    planningTableRef.value?.setCurrentRow(targetPlanning)
   } finally {
-    planningLoading.value = false
+    if (requestSeq === previewRequestSeq) {
+      previewLoading.value = false
     }
   }
-
-const loadPlanningRelatedData = async (planning: PlanningApi.ProjectPlanningVO) => {
-  if (!planning.id) {
-    return
-  }
-  quarterLoading.value = true
-  try {
-    const detail = await OutputSplitApi.getProjectOutputSplitPlanningDetail(planning.id)
-    currentPlanning.value = detail?.planning
-    formData.value = detail?.outputSplit
-    quarterRows.value = detail?.planning
-      ? buildQuarterRows(detail.planning, detail.quarters || [])
-      : []
-  } finally {
-    quarterLoading.value = false
-  }
 }
 
 const handleQuery = () => {
@@ -582,100 +388,44 @@ const resetQuery = () => {
   handleQuery()
 }
 
-const handleCurrentProjectChange = async (row?: ProjectApi.ProjectVO) => {
+const handleCurrentProjectChange = (row?: ProjectApi.ProjectVO) => {
   currentProject.value = row || undefined
-  await getPlanningList()
-}
-
-const handleCurrentPlanningChange = async (row?: PlanningApi.ProjectPlanningVO) => {
-  currentPlanning.value = row || undefined
   if (!row?.id) {
-    formData.value = undefined
+    previewData.value = undefined
-    quarterRows.value = []
     return
   }
-  await loadPlanningRelatedData(row)
+  selectedYear.value = row.projectStartYear || currentYear
+  previewData.value = undefined
 }
 
 const handleExportProjectQuarter = async () => {
-  if (!currentPlanning.value?.id) {
+  if (!currentProject.value?.id) {
-    message.warning('请先选择合约规划')
+    message.warning('请先选择项目')
     return
   }
-  exportDialogType.value = 'projectQuarter'
+  if (!selectedYear.value) {
-  exportYear.value = currentPlanning.value.planningStartYear || currentYear
-  exportDialogVisible.value = true
-}
-
-const handleExportProjectLeadQuarter = async () => {
-  if (!currentPlanning.value?.id) {
-    message.warning('请先选择合约规划')
-    return
-  }
-  exportDialogType.value = 'projectLeadQuarter'
-  exportYear.value = currentPlanning.value.planningStartYear || currentYear
-  exportDialogVisible.value = true
-}
-
-const submitExport = async () => {
-  if (exportDialogType.value === 'projectQuarter') {
-    await submitProjectQuarterExport()
-    return
-  }
-  await submitProjectLeadQuarterExport()
-}
-
-const submitProjectQuarterExport = async () => {
-  if (!currentPlanning.value?.id) {
-    message.warning('请先选择合约规划')
-    return
-  }
-  if (!exportYear.value) {
     message.warning('请选择年度')
     return
   }
   try {
     await message.exportConfirm()
-    exportQuarterLoading.value = true
+    exportLoading.value = true
     const data = await ReportApi.exportProjectQuarterOutput({
-      planningId: currentPlanning.value.id,
+      projectId: currentProject.value.id,
-      year: exportYear.value
+      year: selectedYear.value
     })
-    download.excel(
+    download.excel(data, `${currentProject.value?.projectName || '项目'}_${selectedYear.value}_专业间年度表.xlsx`)
-      data,
-      `${currentProject.value?.projectName || '项目'}_${exportYear.value}_专业间年度季度计取表.xlsx`
-    )
-    exportDialogVisible.value = false
   } finally {
-    exportQuarterLoading.value = false
+    exportLoading.value = false
   }
 }
 
-const submitProjectLeadQuarterExport = async () => {
+watch(
-  if (!currentPlanning.value?.id) {
+  [() => currentProject.value?.id, selectedYear],
-    message.warning('请先选择合约规划')
+  () => {
-    return
+    loadProjectQuarterPreview()
   }
-  if (!exportYear.value) {
-    message.warning('请选择年度')
-    return
-  }
-  try {
-    await message.exportConfirm()
-    exportLeadLoading.value = true
-    const data = await ReportApi.exportProjectLeadQuarterOutput({
-      planningId: currentPlanning.value.id,
-      year: exportYear.value
-    })
-    download.excel(
-      data,
-      `${currentProject.value?.projectName || '项目'}_${exportYear.value}_工程负责人年度季度计取表.xlsx`
 )
-    exportDialogVisible.value = false
-  } finally {
-    exportLeadLoading.value = false
-  }
-}
 
 let activatedOnce = false
 
@@ -684,7 +434,7 @@ onMounted(() => {
 })
 
 onActivated(() => {
-  // KeepAlive 首次挂载也会触发 onActivated，跳过首轮避免重复请求项目与合约规划列表。
+  // KeepAlive 首次挂载也会触发 onActivated，跳过首轮避免重复请求项目列表。
   if (!activatedOnce) {
     activatedOnce = true
     return
@@ -692,3 +442,14 @@ onActivated(() => {
   getProjectList()
 })
 </script>
+
+<style scoped>
+.project-quarter-preview-table :deep(.report-total-row) {
+  background: var(--el-fill-color-light);
+  font-weight: 700;
+}
+
+.project-quarter-preview-table :deep(.report-placeholder-row) {
+  color: var(--el-text-color-secondary);
+}
+</style>

src/views/tjt/shared/PlanningOwnershipSummary.vue

@@ -0,0 +1,156 @@
+<template>
+  <div class="planning-ownership-summary">
+    <div class="summary-header">
+      <span class="summary-title">{{ title }}</span>
+      <span class="summary-subtitle">{{ amountLabel }}</span>
+    </div>
+
+    <div class="summary-grid">
+      <div v-for="item in summaryRows" :key="item.key" class="summary-item">
+        <span class="summary-label">{{ item.label }}合计</span>
+        <span class="summary-value">{{ formatAmountText(item.amount) }}</span>
+      </div>
+      <div class="summary-item summary-total">
+        <span class="summary-label">总合计</span>
+        <span class="summary-value">{{ formatAmountText(totalAmount) }}</span>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import type { ProjectPlanningVO } from '@/api/tjt/planning'
+import {
+  getOwnershipTypeLabel,
+  OWNERSHIP_TYPE_OPTIONS,
+  formatAmountText
+} from '@/views/tjt/shared/planning'
+
+type AmountField = keyof Pick<
+  ProjectPlanningVO,
+  'planningAmount' | 'assessmentOutputValue' | 'projectBudgetOutputValue'
+>
+
+const props = withDefaults(
+  defineProps<{
+    planningList?: ProjectPlanningVO[]
+    amountField: AmountField
+    title?: string
+    amountLabel?: string
+  }>(),
+  {
+    planningList: () => [],
+    title: '归属类型产值合计',
+    amountLabel: '金额(元)'
+  }
+)
+
+const toAmountNumber = (value?: number | string | null) => {
+  const numericValue = Number(value ?? 0)
+  return Number.isNaN(numericValue) ? 0 : numericValue
+}
+
+const roundAmount = (value: number) => Math.round((Number(value) || 0) * 100) / 100
+
+const groupedAmountMap = computed(() => {
+  const map = new Map<string, number>()
+  props.planningList.forEach((planning) => {
+    const ownershipType = planning.ownershipType || ''
+    const amount = toAmountNumber(planning[props.amountField] as number | string | null | undefined)
+    map.set(ownershipType, roundAmount((map.get(ownershipType) || 0) + amount))
+  })
+  return map
+})
+
+const summaryRows = computed(() => {
+  const knownRows = OWNERSHIP_TYPE_OPTIONS.map((option) => ({
+    key: String(option.value),
+    label: option.label,
+    amount: groupedAmountMap.value.get(String(option.value)) || 0
+  }))
+
+  const knownKeys = new Set(knownRows.map((item) => item.key))
+  const unknownRows = Array.from(groupedAmountMap.value.entries())
+    .filter(([key]) => key && !knownKeys.has(key))
+    .map(([key, amount]) => ({
+      key,
+      label: getOwnershipTypeLabel(key),
+      amount
+    }))
+
+  return [...knownRows, ...unknownRows]
+})
+
+const totalAmount = computed(() =>
+  roundAmount(summaryRows.value.reduce((sum, item) => sum + item.amount, 0))
+)
+</script>
+
+<style scoped>
+.planning-ownership-summary {
+  margin-top: 12px;
+  border: 1px solid var(--el-border-color-lighter);
+  border-radius: 10px;
+  background:
+    linear-gradient(135deg, rgba(64, 158, 255, 0.08), transparent 42%),
+    var(--el-fill-color-blank);
+  padding: 12px;
+}
+
+.summary-header {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 10px;
+}
+
+.summary-title {
+  color: var(--el-text-color-primary);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.summary-subtitle {
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+}
+
+.summary-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
+  gap: 8px;
+}
+
+.summary-item {
+  min-width: 0;
+  border-radius: 8px;
+  background: rgba(255, 255, 255, 0.72);
+  padding: 9px 10px;
+}
+
+.summary-label {
+  display: block;
+  overflow: hidden;
+  color: var(--el-text-color-secondary);
+  font-size: 12px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.summary-value {
+  display: block;
+  margin-top: 4px;
+  color: var(--el-text-color-primary);
+  font-size: 14px;
+  font-weight: 600;
+}
+
+.summary-total {
+  background: var(--el-color-primary-light-9);
+}
+
+.summary-total .summary-value {
+  color: var(--el-color-primary);
+}
+</style>

src/views/tjt/staff-assignment/index.vue

@@ -100,6 +100,12 @@
           </el-table-column>
           <el-table-column align="center" label="排序" prop="sortNo" width="80" />
         </el-table>
+        <PlanningOwnershipSummary
+          :planning-list="planningList"
+          amount-field="assessmentOutputValue"
+          amount-label="考核产值(元)"
+          title="归属类型考核产值合计"
+        />
       </ContentWrap>
     </template>
 
@@ -354,6 +360,7 @@ import * as EmployeeApi from '@/api/tjt/employee'
 import * as ProjectApi from '@/api/tjt/project'
 import * as PlanningApi from '@/api/tjt/planning'
 import * as SpecialtyRoleSplitApi from '@/api/tjt/specialtyRoleSplit'
+import PlanningOwnershipSummary from '@/views/tjt/shared/PlanningOwnershipSummary.vue'
 import SplitPane from '@/views/tjt/shared/SplitPane.vue'
 import {
   formatAmountText,