diff --git a/src/api/budget/budgetCollectionPackage.js b/src/api/budget/budgetCollectionPackage.js
index e087f68..115dfe9 100644
--- a/src/api/budget/budgetCollectionPackage.js
+++ b/src/api/budget/budgetCollectionPackage.js
@@ -156,4 +156,5 @@ export function getEconomicClassifications(params) {
     method: 'get',
     params
   })
-}
\ No newline at end of file
+}
+
diff --git a/src/api/budget/departmentSubmission.js b/src/api/budget/departmentSubmission.js
index de284f5..241cefd 100644
--- a/src/api/budget/departmentSubmission.js
+++ b/src/api/budget/departmentSubmission.js
@@ -100,3 +100,20 @@ export function getChildrenPerformanceIndicators(parentId) {
     params: { parent_id: parentId }
   })
 }
+
+// 获取多包汇总提交数据
+export function getMultiPackageDecomposition(packageId) {
+  return request({
+    url: `/api/ht/budget-decompositions/${packageId}`,
+    method: 'get'
+  })
+}
+
+// 提交多包汇总分解表（原多包汇总提交）
+export function submitMultiPackageDecomposition(data) {
+  return request({
+    url: '/api/ht/budget-decompositions/multi-package',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/views/budget/collection/components/BigPackageDetailView.vue b/src/views/budget/collection/components/BigPackageDetailView.vue
new file mode 100644
index 0000000..7ef0339
--- /dev/null
+++ b/src/views/budget/collection/components/BigPackageDetailView.vue
@@ -0,0 +1,388 @@
+<template>
+  <div class="big-package-detail-container">
+    <!-- 大包基本信息 -->
+    <div class="detail-section">
+      <div class="section-title">
+        <i class="el-icon-info"></i>
+        大包基本信息
+      </div>
+      
+      <div class="info-grid">
+        <div class="info-item">
+          <label>预算包名称：</label>
+          <span>{{ packageData.name || '-' }}</span>
+        </div>
+        <div class="info-item">
+          <label>预算年度：</label>
+          <span>{{ packageData.budget_year ? packageData.budget_year.year + '年' : '-' }}</span>
+        </div>
+        <div class="info-item">
+          <label>负责科室：</label>
+          <span>{{ getDepartmentName(packageData.department_id) }}</span>
+        </div>
+        <div class="info-item">
+          <label>分配金额：</label>
+          <span class="amount">{{ formatCurrency(packageData.allocated_amount) }} 万元</span>
+        </div>
+        <div class="info-item">
+          <label>层级：</label>
+          <el-tag :type="getLevelTagType(packageData.level)" size="small">
+            {{ getLevelText(packageData.level) }}
+          </el-tag>
+        </div>
+        <div class="info-item">
+          <label>创建时间：</label>
+          <span>{{ formatDate(packageData.created_at) }}</span>
+        </div>
+      </div>
+    </div>
+
+    <!-- 下级预算包汇总 -->
+    <div class="detail-section" v-if="childPackages.length > 0">
+      <div class="section-title">
+        <i class="el-icon-s-data"></i>
+        下级预算包情况
+      </div>
+      
+      <el-table 
+        :data="childPackages" 
+        border
+        size="small"
+        show-summary
+        :summary-method="getChildPackageSummaries"
+      >
+        <el-table-column type="index" label="序号" width="60" align="center" />
+        <el-table-column label="预算包名称" min-width="200">
+          <template slot-scope="scope">
+            <span>{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="层级" width="80" align="center">
+          <template slot-scope="scope">
+            <el-tag :type="getLevelTagType(scope.row.level)" size="mini">
+              {{ getLevelText(scope.row.level) }}
+            </el-tag>
+          </template>
+        </el-table-column>
+        <el-table-column label="负责科室" width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ getDepartmentName(scope.row.department_id) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="分配金额（万元）" width="120" align="right">
+          <template slot-scope="scope">
+            <span style="color: #409EFF; font-weight: bold;">{{ formatCurrency(scope.row.allocated_amount) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="分解金额（万元）" width="120" align="right">
+          <template slot-scope="scope">
+            <span v-if="scope.row.decomposed_amount" style="color: #67C23A; font-weight: bold;">
+              {{ formatCurrency(scope.row.decomposed_amount) }}
+            </span>
+            <span v-else>-</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="创建时间" width="160" align="center">
+          <template slot-scope="scope">
+            <span>{{ formatDate(scope.row.created_at) }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 经济分类汇总 -->
+    <div class="detail-section" v-if="economicSummary.length > 0">
+      <div class="section-title">
+        <i class="el-icon-s-grid"></i>
+        经济分类汇总
+      </div>
+      
+      <el-table 
+        :data="economicSummary" 
+        border
+        size="small"
+        show-summary
+        :summary-method="getEconomicSummaries"
+      >
+        <el-table-column type="index" label="序号" width="60" align="center" />
+        <el-table-column label="经济分类" min-width="200">
+          <template slot-scope="scope">
+            <span>{{ scope.row.name }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="金额（万元）" width="150" align="right">
+          <template slot-scope="scope">
+            <span style="color: #67C23A; font-weight: bold;">{{ formatCurrency(scope.row.amount) }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="占比" width="100" align="center">
+          <template slot-scope="scope">
+            <span>{{ getPercentage(scope.row.amount, packageData.allocated_amount) }}%</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </div>
+
+    <!-- 统计信息 -->
+    <div class="detail-section">
+      <div class="section-title">
+        <i class="el-icon-data-analysis"></i>
+        统计信息
+      </div>
+      
+      <div class="stats-grid">
+        <div class="stat-item">
+          <div class="stat-label">下级预算包数量</div>
+          <div class="stat-value">{{ childPackages.length }} 个</div>
+        </div>
+        <div class="stat-item">
+          <div class="stat-label">经济分类数量</div>
+          <div class="stat-value">{{ economicSummary.length }} 个</div>
+        </div>
+        <div class="stat-item">
+          <div class="stat-label">总分配金额</div>
+          <div class="stat-value amount">{{ formatCurrency(packageData.allocated_amount) }} 万元</div>
+        </div>
+        <div class="stat-item">
+          <div class="stat-label">总分解金额</div>
+          <div class="stat-value amount">{{ formatCurrency(getTotalDecomposedAmount()) }} 万元</div>
+        </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'BigPackageDetailView',
+  props: {
+    packageData: {
+      type: Object,
+      required: true
+    },
+    childPackages: {
+      type: Array,
+      default: () => []
+    },
+    economicSummary: {
+      type: Array,
+      default: () => []
+    },
+    departmentOptions: {
+      type: Object,
+      default: () => ({ data: [] })
+    }
+  },
+  methods: {
+    getDepartmentName(departmentId) {
+      if (!departmentId || !this.departmentOptions.data) return '-'
+      const dept = this.departmentOptions.data.find(d => d.id === departmentId)
+      return dept ? dept.name : '-'
+    },
+
+    getLevelTagType(level) {
+      const typeMap = {
+        1: 'primary',
+        2: 'success', 
+        3: 'warning'
+      }
+      return typeMap[level] || 'info'
+    },
+
+    getLevelText(level) {
+      const textMap = {
+        1: '大包',
+        2: '中包',
+        3: '经济分类'
+      }
+      return textMap[level] || '未知'
+    },
+
+    getChildPackageSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '合计'
+          return
+        }
+        
+        if (index === 4) { // 分配金额列
+          const total = data.reduce((prev, curr) => {
+            return prev + (Number(curr.allocated_amount) || 0)
+          }, 0)
+          sums[index] = this.formatCurrency(total)
+        } else if (index === 5) { // 分解金额列
+          const total = data.reduce((prev, curr) => {
+            return prev + (Number(curr.decomposed_amount) || 0)
+          }, 0)
+          sums[index] = this.formatCurrency(total)
+        } else {
+          sums[index] = ''
+        }
+      })
+      return sums
+    },
+
+    getEconomicSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '合计'
+          return
+        }
+        
+        if (index === 2) { // 金额列
+          const total = data.reduce((prev, curr) => {
+            return prev + (Number(curr.amount) || 0)
+          }, 0)
+          sums[index] = this.formatCurrency(total)
+        } else {
+          sums[index] = ''
+        }
+      })
+      return sums
+    },
+
+    getTotalDecomposedAmount() {
+      return this.childPackages.reduce((total, pkg) => {
+        return total + (Number(pkg.decomposed_amount) || 0)
+      }, 0)
+    },
+
+    getPercentage(amount, total) {
+      if (!total || total === 0) return '0.0'
+      const percentage = (amount / total) * 100
+      return percentage.toFixed(1)
+    },
+
+    formatCurrency(amount) {
+      if (amount === null || amount === undefined || amount === '') return '0.0'
+      const num = Number(amount)
+      return isFinite(num) ? num.toFixed(1) : '0.0'
+    },
+
+    formatDate(dateStr) {
+      if (!dateStr) return '-'
+      const date = new Date(dateStr)
+      return date.toLocaleDateString('zh-CN') + ' ' + date.toLocaleTimeString('zh-CN', {
+        hour12: false,
+        hour: '2-digit',
+        minute: '2-digit'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.big-package-detail-container {
+  padding: 20px;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.detail-section {
+  margin-bottom: 30px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  padding: 15px 20px;
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  border-bottom: 1px solid #ebeef5;
+}
+
+.section-title i {
+  margin-right: 8px;
+  color: #409EFF;
+}
+
+.info-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15px;
+  padding: 20px;
+}
+
+.info-item {
+  display: flex;
+  align-items: center;
+}
+
+.info-item label {
+  font-weight: bold;
+  color: #606266;
+  width: 100px;
+  flex-shrink: 0;
+}
+
+.info-item span {
+  color: #303133;
+}
+
+.info-item .amount {
+  color: #409EFF;
+  font-weight: bold;
+}
+
+.stats-grid {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 20px;
+  padding: 20px;
+}
+
+.stat-item {
+  text-align: center;
+  padding: 15px;
+  background-color: #f8f9fa;
+  border-radius: 6px;
+  border: 1px solid #e9ecef;
+}
+
+.stat-label {
+  font-size: 14px;
+  color: #606266;
+  margin-bottom: 8px;
+}
+
+.stat-value {
+  font-size: 18px;
+  font-weight: bold;
+  color: #303133;
+}
+
+.stat-value.amount {
+  color: #409EFF;
+}
+
+/* 表格内容样式 */
+.detail-section >>> .el-table {
+  margin: 0;
+}
+
+.detail-section >>> .el-table th {
+  background-color: #f8f9fa !important;
+  color: #606266;
+  font-weight: 600;
+}
+
+.detail-section >>> .el-table__footer-wrapper .el-table__footer {
+  font-weight: bold;
+  background-color: #f0f9ff;
+}
+
+.detail-section >>> .el-table td {
+  border-color: #ebeef5;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/budget/collection/components/BudgetSubmissionForm.vue b/src/views/budget/collection/components/BudgetSubmissionForm.vue
index ea2fcbe..a4b8a3b 100644
--- a/src/views/budget/collection/components/BudgetSubmissionForm.vue
+++ b/src/views/budget/collection/components/BudgetSubmissionForm.vue
@@ -800,8 +800,8 @@ export default {
         console.warn('获取项目名称失败:', error.message)
       }
 
-      // 加载父级package的submission信息
-      if (this.packageData.level == 2) {
+      // 加载package的submission信息
+      if (this.packageData.level == 1 || this.packageData.level == 2) {
         this.parentSubmissionInfo = {
           application_basis: (this.packageData.application_basis) || '',
           application_purpose: (this.packageData.application_purpose) || '',
diff --git a/src/views/budget/collection/components/LeadDepartmentSummaryForm.vue b/src/views/budget/collection/components/LeadDepartmentSummaryForm.vue
index 6076a8b..6a6d89a 100644
--- a/src/views/budget/collection/components/LeadDepartmentSummaryForm.vue
+++ b/src/views/budget/collection/components/LeadDepartmentSummaryForm.vue
@@ -879,6 +879,7 @@ export default {
     },
 
     async initFormData() {
+      console.log('initFormData', this.packageData)
       this.formData.packageId = this.packageData.id
       this.formData.leadDepartmentName = this.packageData.lead_department ? this.packageData.lead_department.name : ''
       this.formData.budgetYear = this.packageData.budget_year ? this.packageData.budget_year.year + '年' : ''
@@ -1198,7 +1199,7 @@ export default {
             otherNotes: data.otherNotes || data.other_notes || ''
           }
 
-          console.log('从API获取的汇总数据:', this.formData)
+          console.log('从API获取的数据:', this.formData)
 
           // 填充经济分类汇总数据
           if (data.economicSummary && data.economicSummary.length > 0) {
diff --git a/src/views/budget/collection/components/MultiPackageSubmitForm.vue b/src/views/budget/collection/components/MultiPackageSubmitForm.vue
new file mode 100644
index 0000000..8efa2bb
--- /dev/null
+++ b/src/views/budget/collection/components/MultiPackageSubmitForm.vue
@@ -0,0 +1,1929 @@
+<template>
+  <div class="multi-package-submit-form">
+    <el-form ref="formRef" :model="formData" :rules="formRules" label-width="120px">
+
+      <!-- 多包选择区域 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-s-unfold"></i>
+          多包汇总选择
+          <el-tag type="primary" size="mini" style="margin-left: 10px;">
+            主包：{{ mainPackage.name }}
+          </el-tag>
+        </div>
+
+        <div class="package-selection">
+          <div class="selection-header">
+            <span>请选择要一并汇总的其他大包（可多选）：</span>
+            <el-button 
+              type="text" 
+              size="mini" 
+              @click="selectAllPackages"
+              style="margin-left: 10px;"
+            >
+              {{ allSelected ? '取消全选' : '全选' }}
+            </el-button>
+          </div>
+          
+          <div class="package-list">
+            <div 
+              v-for="pkg in availablePackages" 
+              :key="pkg.id"
+              class="package-item"
+              :class="{ 'main-package': pkg.id === mainPackage.id }"
+            >
+              <el-checkbox 
+                v-model="pkg.selected"
+                :disabled="pkg.id === mainPackage.id"
+                @change="onPackageSelectionChange"
+              >
+                <div class="package-info">
+                  <div class="package-name">
+                    {{ pkg.name }}
+                    <el-tag v-if="pkg.id === mainPackage.id" type="primary" size="mini">主包</el-tag>
+                  </div>
+                  <div class="package-details">
+                    分配金额：{{ formatCurrency(pkg.allocated_amount) }}万元 | 
+                    中包数量：{{ pkg.children ? pkg.children.length : 0 }}个
+                  </div>
+                </div>
+              </el-checkbox>
+            </div>
+          </div>
+
+          <!-- 选择汇总信息 -->
+          <div class="selection-summary" v-if="selectedPackages.length > 0">
+            <el-alert
+              :title="`已选择 ${selectedPackages.length} 个大包进行汇总提交`"
+              type="info"
+              :closable="false"
+              show-icon
+            >
+              <template slot="default">
+                <div class="summary-details">
+                  <div class="summary-item">
+                    <strong>总分配金额：</strong>{{ formatCurrency(totalAllocatedAmount) }}万元
+                  </div>
+                  <div class="summary-item">
+                    <strong>包含中包总数：</strong>{{ totalMediumPackages }}个
+                  </div>
+                </div>
+              </template>
+            </el-alert>
+          </div>
+
+          <!-- 包含中包明细 -->
+          <div v-if="allMediumPackages.length > 0" class="medium-packages-section">
+            <div class="sub-section-title">
+              <i class="el-icon-menu"></i>
+              包含中包明细
+            </div>
+
+            <div class="medium-packages-container">
+              <el-table
+                :data="allMediumPackages"
+                border
+                size="small"
+                style="width: 100%;"
+                max-height="400"
+              >
+                <el-table-column type="index" label="序号" width="60" align="center" />
+                
+                <el-table-column label="所属大包" width="200">
+                  <template slot-scope="scope">
+                    <el-tag type="primary" size="mini">{{ scope.row.parentPackageName }}</el-tag>
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="中包名称" min-width="250">
+                  <template slot-scope="scope">
+                    <span style="font-weight: 500;">{{ scope.row.name }}</span>
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="负责科室" width="120" align="center">
+                  <template slot-scope="scope">
+                    <el-tag type="success" size="mini">
+                      {{ scope.row.department ? scope.row.department.name : '-' }}
+                    </el-tag>
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="分配金额" width="120" align="right">
+                  <template slot-scope="scope">
+                    <span style="color: #409EFF; font-weight: bold;">
+                      {{ formatCurrency(scope.row.allocated_amount) }}万元
+                    </span>
+                  </template>
+                </el-table-column>
+
+                <el-table-column label="提交状态" width="100" align="center">
+                  <template slot-scope="scope">
+                    <el-tag 
+                      :type="getSubmissionStatusType(scope.row.submission)"
+                      size="mini"
+                    >
+                      {{ getSubmissionStatusText(scope.row.submission) }}
+                    </el-tag>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 汇总基本信息 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-info"></i>
+          汇总基本信息
+        </div>
+
+        <el-row :gutter="20">
+          <el-col :span="8">
+            <div class="info-display-item">
+              <label class="info-label">预算年度：</label>
+              <div class="info-content">{{ formData.budgetYear || '暂无' }}</div>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="info-display-item">
+              <label class="info-label">汇总大包数：</label>
+              <div class="info-content">{{ selectedPackages.length }}个</div>
+            </div>
+          </el-col>
+          <el-col :span="8">
+            <div class="info-display-item">
+              <label class="info-label">汇总金额：</label>
+              <div class="info-content amount">{{ formatCurrency(totalAllocatedAmount) }}万元</div>
+            </div>
+          </el-col>
+        </el-row>
+      </div>
+
+      <!-- 申请信息 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-document"></i>
+          申请信息
+        </div>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请依据" prop="applicationBasis">
+              <el-input
+                v-model="formData.applicationBasis"
+                type="textarea"
+                :rows="3"
+                placeholder="请输入申请依据..."
+                :readonly="isViewMode"
+                maxlength="500"
+                show-word-limit
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="申请目的" prop="applicationPurpose">
+              <el-input
+                v-model="formData.applicationPurpose"
+                type="textarea"
+                :rows="3"
+                placeholder="请输入申请目的..."
+                :readonly="isViewMode"
+                maxlength="500"
+                show-word-limit
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="申请理由" prop="applicationReason">
+              <el-input
+                v-model="formData.applicationReason"
+                type="textarea"
+                :rows="3"
+                placeholder="请输入申请理由..."
+                :readonly="isViewMode"
+                maxlength="500"
+                show-word-limit
+              />
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="项目内容" prop="projectContent">
+              <el-input
+                v-model="formData.projectContent"
+                type="textarea"
+                :rows="4"
+                placeholder="请输入项目内容..."
+                :readonly="isViewMode"
+                maxlength="1000"
+                show-word-limit
+              />
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <!-- 中包填报信息展示 -->
+        <div v-if="getMediumPackageApplicationInfo().length > 0" class="sub-packages-section">
+          <div class="sub-section-title">
+            <i class="el-icon-menu"></i>
+            中包申请信息
+          </div>
+          
+          <el-table
+            :data="getMediumPackageApplicationInfo()"
+            border
+            size="small"
+            style="width: 100%;"
+            class="sub-packages-table"
+          >
+            <el-table-column label="所属大包" width="150" align="center">
+              <template slot-scope="scope">
+                <el-tag type="primary" size="mini">{{ scope.row.parentPackageName }}</el-tag>
+              </template>
+            </el-table-column>
+            
+            <el-table-column label="中包名称" width="200">
+              <template slot-scope="scope">
+                <span style="font-weight: 500;">{{ scope.row.packageName }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="负责科室" width="120" align="center">
+              <template slot-scope="scope">
+                <el-tag type="success" size="mini">{{ scope.row.departmentName }}</el-tag>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="申请信息" min-width="600">
+              <template slot-scope="scope">
+                <div class="application-info-content">
+                  <div v-if="scope.row.applicationBasis" class="info-row">
+                    <strong>申请依据：</strong>{{ scope.row.applicationBasis }}
+                  </div>
+                  <div v-if="scope.row.applicationPurpose" class="info-row">
+                    <strong>申请目的：</strong>{{ scope.row.applicationPurpose }}
+                  </div>
+                  <div v-if="scope.row.applicationReason" class="info-row">
+                    <strong>申请理由：</strong>{{ scope.row.applicationReason }}
+                  </div>
+                  <div v-if="scope.row.projectContent" class="info-row">
+                    <strong>项目内容：</strong>{{ scope.row.projectContent }}
+                  </div>
+                  <div v-if="!scope.row.applicationBasis && !scope.row.applicationPurpose && !scope.row.applicationReason && !scope.row.projectContent" class="no-info">
+                    <span style="color: #999;">暂无申请信息</span>
+                  </div>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <!-- 经济分类汇总 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-s-grid"></i>
+          经济分类汇总
+          <div v-if="!isViewMode" style="margin-left: 20px; display: flex; align-items: center;">
+            <el-checkbox
+              v-model="selectAllEconomic"
+              @change="onSelectAllEconomicChange"
+              style="margin-right: 10px;"
+            >
+              全选
+            </el-checkbox>
+            <span style="color: #666; font-size: 12px;">勾选需要填写的经济分类</span>
+          </div>
+        </div>
+
+        <div class="economic-table-container">
+          <el-table
+            :data="economicCategoriesWithData"
+            border
+            class="economic-table"
+            :summary-method="getSummaries"
+            show-summary
+            style="width: 100%;"
+          >
+            <el-table-column v-if="!isViewMode" label="选择" width="60" align="center">
+              <template slot-scope="scope">
+                <el-checkbox
+                  v-model="scope.row.selected"
+                  @change="onEconomicItemToggle(scope.row, scope.$index)"
+                />
+              </template>
+            </el-table-column>
+
+            <el-table-column type="index" label="序号" width="60" align="center" />
+
+            <el-table-column label="经济分类" min-width="150">
+              <template slot-scope="scope">
+                <span>{{ scope.row.categoryName }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="汇总金额（万元）" width="150">
+              <template slot-scope="scope">
+                <el-input
+                  v-if="!isViewMode && scope.row.selected"
+                  v-model.number="scope.row.amount"
+                  type="number"
+                  :min="0"
+                  :step="0.1"
+                  placeholder="请输入金额"
+                  @input="validateTotal"
+                />
+                <span v-else-if="scope.row.selected">{{ formatCurrency(scope.row.amount) }}</span>
+                <span v-else class="disabled-text">-</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="中包分布详情" min-width="400">
+              <template slot-scope="scope">
+                <div v-if="getMediumPackageEconomicDetails(scope.row.categoryId).length > 0" class="medium-package-details">
+                  <el-collapse accordion>
+                    <el-collapse-item
+                      v-for="(detail, index) in getMediumPackageEconomicDetails(scope.row.categoryId)"
+                      :key="`${detail.packageId}-${index}`"
+                      :title="`${detail.packageName} - ${detail.departmentName} (${formatCurrency(detail.amount)} 万元)`"
+                      :name="index"
+                    >
+                      <div class="detail-content">
+                        <div class="detail-item">
+                          <strong>金额：</strong>{{ formatCurrency(detail.amount) }} 万元
+                        </div>
+                        <div class="detail-item">
+                          <strong>测算依据：</strong>
+                          <div class="calculation-basis">{{ detail.calculationBasis || '暂无' }}</div>
+                        </div>
+                      </div>
+                    </el-collapse-item>
+                  </el-collapse>
+                </div>
+                <div v-else class="no-details">
+                  <span style="color: #999; font-style: italic;">暂无中包提交此经济分类</span>
+                </div>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="汇总测算依据" min-width="300">
+              <template slot-scope="scope">
+                <el-input
+                  v-if="!isViewMode && scope.row.selected"
+                  v-model="scope.row.calculationBasis"
+                  type="textarea"
+                  :rows="2"
+                  placeholder="请输入汇总测算依据..."
+                  maxlength="500"
+                />
+                <div v-else-if="scope.row.selected" style="word-break: break-all;">{{ scope.row.calculationBasis || '-' }}</div>
+                <span v-else class="disabled-text">-</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 金额验证提示 -->
+        <div v-if="!isAmountValid" class="amount-warning">
+          <i class="el-icon-warning"></i>
+          <span>经济分类汇总金额总计：{{ formatCurrency(totalEconomicAmount) }} 万元，</span>
+          <span :class="{ 'error': totalEconomicAmount !== totalAllocatedAmount }">
+            {{ totalEconomicAmount > totalAllocatedAmount ? '超出' : '不足' }}分配金额
+            {{ formatCurrency(Math.abs(totalEconomicAmount - totalAllocatedAmount)) }} 万元
+          </span>
+        </div>
+      </div>
+
+      <!-- 项目实施进度安排 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-time"></i>
+          项目实施进度安排
+        </div>
+
+        <el-form-item prop="implementationSchedule" class="no-label-margin">
+          <el-input
+            v-model="formData.implementationSchedule"
+            type="textarea"
+            :rows="4"
+            placeholder="请详细说明整体项目实施进度安排..."
+            :readonly="isViewMode"
+            maxlength="1000"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <!-- 中包项目实施进度安排展示 -->
+        <div v-if="getMediumPackageImplementationSchedules().length > 0" class="sub-packages-section">
+          <div class="sub-section-title">
+            <i class="el-icon-menu"></i>
+            中包项目实施进度安排
+          </div>
+          
+          <el-table
+            :data="getMediumPackageImplementationSchedules()"
+            border
+            size="small"
+            style="width: 100%;"
+            class="sub-packages-table"
+          >
+            <el-table-column label="所属大包" width="150" align="center">
+              <template slot-scope="scope">
+                <el-tag type="primary" size="mini">{{ scope.row.parentPackageName }}</el-tag>
+              </template>
+            </el-table-column>
+            
+            <el-table-column label="中包名称" width="200">
+              <template slot-scope="scope">
+                <span style="font-weight: 500;">{{ scope.row.packageName }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="负责科室" width="120" align="center">
+              <template slot-scope="scope">
+                <el-tag type="success" size="mini">{{ scope.row.departmentName }}</el-tag>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="项目实施进度安排" min-width="400">
+              <template slot-scope="scope">
+                <div class="implementation-content">
+                  {{ scope.row.implementationSchedule || '暂无实施进度安排' }}
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <!-- 项目预计取得绩效 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-s-data"></i>
+          项目预计取得绩效
+          <el-button
+            v-if="!isViewMode"
+            type="primary"
+            size="mini"
+            @click="addPerformanceIndicator"
+            style="margin-left: 10px;"
+          >
+            添加指标
+          </el-button>
+        </div>
+
+        <div class="performance-table-container">
+          <el-table
+            :data="formData.performanceIndicators"
+            border
+            class="performance-table"
+            size="mini"
+            style="width: 100%;"
+            :row-class-name="getRowClassName"
+          >
+            <el-table-column type="index" label="序号" width="60" align="center" />
+
+            <el-table-column label="一级指标" width="100" min-width="100">
+              <template slot-scope="scope">
+                <el-select
+                  v-if="!isViewMode && !scope.row.isRequired"
+                  v-model="scope.row.level1"
+                  placeholder="选择"
+                  size="mini"
+                  style="width: 100%;"
+                  @change="onLevel1Change(scope.$index)"
+                >
+                  <el-option
+                    v-for="option in getFilteredLevel1Options()"
+                    :key="option.id"
+                    :label="option.name"
+                    :value="option.name"
+                  />
+                </el-select>
+                <span v-else>{{ scope.row.level1 || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="二级指标" width="120" min-width="120">
+              <template slot-scope="scope">
+                <el-select
+                  v-if="!isViewMode && !scope.row.isRequired"
+                  v-model="scope.row.level2"
+                  placeholder="选择"
+                  size="mini"
+                  style="width: 100%;"
+                  @change="onLevel2Change(scope.$index)"
+                >
+                  <el-option
+                    v-for="option in getFilteredLevel2Options(scope.row.level1)"
+                    :key="option.id"
+                    :label="option.name"
+                    :value="option.name"
+                  />
+                </el-select>
+                <span v-else>{{ scope.row.level2 || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="三级指标" min-width="200">
+              <template slot-scope="scope">
+                <div v-if="!isViewMode && !scope.row.isRequired">
+                  <el-select
+                    v-if="getFilteredLevel3Options(scope.row.level1, scope.row.level2).length > 0"
+                    v-model="scope.row.level3"
+                    placeholder="选择三级指标"
+                    size="mini"
+                    style="width: 100%;"
+                    filterable
+                  >
+                    <el-option
+                      v-for="option in getFilteredLevel3Options(scope.row.level1, scope.row.level2)"
+                      :key="option.id"
+                      :label="option.name"
+                      :value="option.name"
+                    />
+                  </el-select>
+                  <el-input
+                    v-else
+                    v-model="scope.row.level3"
+                    placeholder="请输入三级指标名称"
+                    size="mini"
+                    style="width: 100%;"
+                    maxlength="100"
+                  />
+                </div>
+                <span v-else>{{ scope.row.level3 || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="计算符号" width="80" min-width="80">
+              <template slot-scope="scope">
+                <el-select
+                  v-if="!isViewMode"
+                  v-model="scope.row.symbol"
+                  placeholder="符号"
+                  size="mini"
+                  style="width: 100%;"
+                >
+                  <el-option label=">" value=">" />
+                  <el-option label="=" value="=" />
+                  <el-option label="≥" value="≥" />
+                  <el-option label="<" value="<" />
+                  <el-option label="≤" value="≤" />
+                  <el-option label="定性" value="定性" />
+                </el-select>
+                <span v-else>{{ scope.row.symbol || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="半年指标值" width="130" min-width="130">
+              <template slot-scope="scope">
+                <el-input
+                  v-if="!isViewMode"
+                  v-model="scope.row.halfYearValue"
+                  placeholder="半年指标值"
+                  size="mini"
+                  style="width: 100%;"
+                  maxlength="50"
+                />
+                <span v-else>{{ scope.row.halfYearValue || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="全年指标值" width="130" min-width="130">
+              <template slot-scope="scope">
+                <el-input
+                  v-if="!isViewMode"
+                  v-model="scope.row.fullYearValue"
+                  placeholder="全年指标值"
+                  size="mini"
+                  style="width: 100%;"
+                  maxlength="50"
+                />
+                <span v-else>{{ scope.row.fullYearValue || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="计量单位" width="100" min-width="100">
+              <template slot-scope="scope">
+                <el-input
+                  v-if="!isViewMode"
+                  v-model="scope.row.unit"
+                  placeholder="计量单位"
+                  size="mini"
+                  style="width: 100%;"
+                />
+                <span v-else>{{ scope.row.unit || '-' }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column v-if="!isViewMode" label="操作" width="60" align="center">
+              <template slot-scope="scope">
+                <el-button
+                  v-if="!scope.row.isRequired"
+                  type="danger"
+                  size="mini"
+                  @click="removePerformanceIndicator(scope.$index)"
+                  icon="el-icon-delete"
+                />
+                <el-tooltip v-else content="必填指标不可删除" placement="top">
+                  <el-button
+                    type="info"
+                    size="mini"
+                    icon="el-icon-lock"
+                    disabled
+                  />
+                </el-tooltip>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 中包项目预计取得绩效展示 -->
+        <div v-if="getMediumPackagePerformanceIndicators().length > 0" class="sub-packages-section">
+          <div class="sub-section-title">
+            <i class="el-icon-menu"></i>
+            中包项目预计取得绩效
+          </div>
+          
+          <el-table
+            :data="getMediumPackagePerformanceIndicators()"
+            border
+            size="small"
+            style="width: 100%;"
+            class="sub-packages-table"
+          >
+            <el-table-column label="所属大包" width="150" align="center">
+              <template slot-scope="scope">
+                <el-tag type="primary" size="mini">{{ scope.row.parentPackageName }}</el-tag>
+              </template>
+            </el-table-column>
+            
+            <el-table-column label="中包名称" width="200">
+              <template slot-scope="scope">
+                <span style="font-weight: 500;">{{ scope.row.packageName }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="负责科室" width="120" align="center">
+              <template slot-scope="scope">
+                <el-tag type="success" size="mini">{{ scope.row.departmentName }}</el-tag>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="绩效指标" min-width="500">
+              <template slot-scope="scope">
+                <div v-if="scope.row.performanceIndicators && scope.row.performanceIndicators.length > 0" class="performance-indicators-list">
+                  <el-table
+                    :data="scope.row.performanceIndicators"
+                    border
+                    size="mini"
+                    style="width: 100%;"
+                    class="nested-performance-table"
+                  >
+                    <el-table-column label="一级指标" prop="level1" width="80" />
+                    <el-table-column label="二级指标" prop="level2" width="100" />
+                    <el-table-column label="三级指标" prop="level3" min-width="120" />
+                    <el-table-column label="符号" prop="symbol" width="60" align="center" />
+                    <el-table-column label="半年值" prop="halfYearValue" width="80" />
+                    <el-table-column label="全年值" prop="fullYearValue" width="80" />
+                    <el-table-column label="单位" prop="unit" width="60" />
+                  </el-table>
+                </div>
+                <div v-else class="no-performance-indicators">
+                  <span style="color: #999;">暂无绩效指标</span>
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <!-- 其他需要说明事项 -->
+      <div class="form-section">
+        <div class="section-title">
+          <i class="el-icon-edit-outline"></i>
+          其他需要说明事项
+        </div>
+
+        <el-form-item class="no-label-margin">
+          <el-input
+            v-model="formData.otherNotes"
+            type="textarea"
+            :rows="3"
+            placeholder="请说明其他需要说明的事项..."
+            :readonly="isViewMode"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+
+        <!-- 中包其他需要说明事项展示 -->
+        <div v-if="getMediumPackageOtherNotes().length > 0" class="sub-packages-section">
+          <div class="sub-section-title">
+            <i class="el-icon-menu"></i>
+            中包其他需要说明事项
+          </div>
+          
+          <el-table
+            :data="getMediumPackageOtherNotes()"
+            border
+            size="small"
+            style="width: 100%;"
+            class="sub-packages-table"
+          >
+            <el-table-column label="所属大包" width="150" align="center">
+              <template slot-scope="scope">
+                <el-tag type="primary" size="mini">{{ scope.row.parentPackageName }}</el-tag>
+              </template>
+            </el-table-column>
+            
+            <el-table-column label="中包名称" width="200">
+              <template slot-scope="scope">
+                <span style="font-weight: 500;">{{ scope.row.packageName }}</span>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="负责科室" width="120" align="center">
+              <template slot-scope="scope">
+                <el-tag type="success" size="mini">{{ scope.row.departmentName }}</el-tag>
+              </template>
+            </el-table-column>
+
+            <el-table-column label="其他需要说明事项" min-width="400">
+              <template slot-scope="scope">
+                <div class="other-notes-content">
+                  {{ scope.row.otherNotes || '暂无其他需要说明事项' }}
+                </div>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+    </el-form>
+
+    <!-- 操作按钮 -->
+    <div class="form-actions">
+      <el-button @click="cancel">{{ isViewMode ? '关闭' : '取消' }}</el-button>
+      <el-button
+        v-if="!isViewMode"
+        type="primary"
+        @click="submit"
+        :disabled="!canSubmit"
+      >
+        提交多包汇总
+      </el-button>
+    </div>
+
+  </div>
+</template>
+
+<script>
+import { 
+  getEconomicCategories, 
+  getPackageDecomposition,
+  getPerformanceIndicatorTree,
+  getRequiredPerformanceIndicators,
+  submitMultiPackageDecomposition
+} from '@/api/budget/departmentSubmission.js'
+
+export default {
+  name: 'MultiPackageSubmitForm',
+  props: {
+    mainPackage: {
+      type: Object,
+      required: true
+    },
+    availablePackages: {
+      type: Array,
+      required: true
+    },
+    mode: {
+      type: String,
+      default: 'create' // create, edit, view
+    },
+    existingData: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      formData: {
+        mainPackageId: '',
+        relatedPackageIds: [],
+        budgetYear: '',
+        applicationBasis: '',
+        applicationPurpose: '',
+        applicationReason: '',
+        projectContent: '',
+        economicItems: [],
+        implementationSchedule: '',
+        performanceIndicators: [],
+        otherNotes: ''
+      },
+      economicCategories: [],
+      economicCategoriesWithData: [],
+      selectAllEconomic: false,
+      allMediumPackages: [], // 所有选中大包的中包列表
+      mediumPackageEconomicData: [], // 中包的经济分类数据
+      // 绩效指标相关数据
+      performanceIndicatorTree: [],
+      level1Options: [],
+      level2OptionsMap: {},
+      level3OptionsMap: {},
+      requiredIndicators: [],
+      formRules: {
+        implementationSchedule: [
+          { required: true, message: '请输入项目实施进度安排', trigger: 'blur' }
+        ]
+      }
+    }
+  },
+  computed: {
+    isViewMode() {
+      return this.mode === 'view'
+    },
+
+    selectedPackages() {
+      return this.availablePackages.filter(pkg => pkg.selected)
+    },
+
+    allSelected() {
+      const selectablePackages = this.availablePackages.filter(pkg => pkg.id !== this.mainPackage.id)
+      return selectablePackages.length > 0 && selectablePackages.every(pkg => pkg.selected)
+    },
+
+    totalAllocatedAmount() {
+      return this.selectedPackages.reduce((total, pkg) => {
+        return total + parseFloat(pkg.allocated_amount || 0)
+      }, 0)
+    },
+
+    totalMediumPackages() {
+      return this.selectedPackages.reduce((total, pkg) => {
+        return total + (pkg.children ? pkg.children.length : 0)
+      }, 0)
+    },
+
+    totalEconomicAmount() {
+      return this.economicCategoriesWithData.reduce((total, item) => {
+        if (item.selected) {
+          return total + (parseFloat(item.amount) || 0)
+        }
+        return total
+      }, 0)
+    },
+
+    isAmountValid() {
+      // 暂时不强制要求金额完全匹配
+      return true
+    },
+
+    canSubmit() {
+      // 检查是否选择了大包
+      if (this.selectedPackages.length === 0) return false
+
+      // 检查是否有选中的经济分类项目
+      const selectedItems = this.economicCategoriesWithData.filter(item => item.selected)
+      if (selectedItems.length === 0) return false
+
+      // 检查项目实施进度安排是否填写
+      if (!this.formData.implementationSchedule || this.formData.implementationSchedule.trim() === '') return false
+
+      // 检查选中的经济分类项目是否都有有效的金额和测算依据
+      const hasValidEconomicItems = selectedItems.every(item => {
+        const amount = parseFloat(item.amount)
+        return !isNaN(amount) &&
+               amount >= 0 &&
+               item.calculationBasis &&
+               item.calculationBasis.trim() !== ''
+      })
+
+      return hasValidEconomicItems
+    }
+  },
+  async created() {
+    await this.initFormData()
+    await this.loadEconomicCategories()
+    await this.loadPerformanceIndicators()
+    await this.initPackageSelection()
+  },
+  methods: {
+    async initFormData() {
+      this.formData.mainPackageId = this.mainPackage.id
+      this.formData.budgetYear = this.mainPackage.budget_year ? this.mainPackage.budget_year.year + '年' : ''
+      
+      // 如果有已存在的数据，进行表单回填
+      console.log('existingData', this.existingData)
+      if (this.existingData) {
+        // 从后端返回的数据结构中提取申请信息
+        this.formData.applicationBasis = this.existingData.application_basis || ''
+        this.formData.applicationPurpose = this.existingData.application_purpose || ''
+        this.formData.applicationReason = this.existingData.application_reason || ''
+        this.formData.projectContent = this.existingData.project_content || ''
+        this.formData.implementationSchedule = this.existingData.implementation_schedule || ''
+        this.formData.otherNotes = this.existingData.other_notes || ''
+        
+        // 目前后端返回的是单个大包数据，暂时将关联包ID设为空数组
+        // 如果后续后端支持多包汇总数据，可以从 submission_related_package_ids 字段获取
+        this.formData.relatedPackageIds = this.existingData.submission_related_package_ids ? this.existingData.submission_related_package_ids.split(',') : []
+        // 把relatedPackageIds数组中的字符串转换为数字
+        this.formData.relatedPackageIds = this.formData.relatedPackageIds.map(id => parseInt(id))
+        
+        // 设置绩效指标
+        if (this.existingData.performance_indicators && Array.isArray(this.existingData.performance_indicators)) {
+          this.formData.performanceIndicators = this.existingData.performance_indicators.map(indicator => ({
+            level1: indicator.level1 || '',
+            level2: indicator.level2 || '',
+            level3: indicator.level3 || '',
+            symbol: indicator.symbol || '',
+            halfYearValue: indicator.halfYearValue || '',
+            fullYearValue: indicator.fullYearValue || '',
+            unit: indicator.unit || '',
+            isRequired: false, // 从后端加载的都设为非必填
+            indicatorId: indicator.id || null
+          }))
+        }
+      }
+    },
+
+    async initPackageSelection() {
+      // 主包默认选中且不可取消，同时根据已存在数据恢复其他包的选择状态
+      this.availablePackages.forEach(pkg => {
+        let isSelected = pkg.id === this.mainPackage.id
+        
+        // 如果有已存在的数据，恢复其他包的选择状态
+        if (this.formData.relatedPackageIds && this.formData.relatedPackageIds.length > 0) {
+          isSelected = isSelected || this.formData.relatedPackageIds.includes(pkg.id)
+        }
+        
+        this.$set(pkg, 'selected', isSelected)
+      })
+      // 等待下一个tick，确保响应式更新完成
+      await this.$nextTick()
+      this.onPackageSelectionChange()
+    },
+
+    selectAllPackages() {
+      const selectablePackages = this.availablePackages.filter(pkg => pkg.id !== this.mainPackage.id)
+      const shouldSelect = !this.allSelected
+      
+      selectablePackages.forEach(pkg => {
+        pkg.selected = shouldSelect
+      })
+      
+      this.onPackageSelectionChange()
+    },
+
+    async onPackageSelectionChange() {
+      // 更新相关包ID列表
+      this.formData.relatedPackageIds = this.selectedPackages
+        .filter(pkg => pkg.id !== this.mainPackage.id)
+        .map(pkg => pkg.id)
+
+      // 重新加载中包数据
+      await this.loadMediumPackages()
+    },
+
+    async loadMediumPackages() {
+      this.allMediumPackages = []
+      this.mediumPackageEconomicData = []
+
+      for (const pkg of this.selectedPackages) {
+        if (pkg.children && pkg.children.length > 0) {
+          for (const mediumPkg of pkg.children) {
+            // 添加到中包列表
+            this.allMediumPackages.push({
+              ...mediumPkg,
+              parentPackageName: pkg.name
+            })
+
+            // 加载中包的完整数据（经济分类、实施进度、绩效指标、其他说明等）
+            try {
+              const response = await getPackageDecomposition(mediumPkg.id)
+              if (response) {
+                this.mediumPackageEconomicData.push({
+                  packageId: mediumPkg.id,
+                  packageName: mediumPkg.name,
+                  parentPackageName: pkg.name,
+                  departmentName: mediumPkg.department ? mediumPkg.department.name : '未知科室',
+                  economicItems: response.economic_items || [],
+                  implementationSchedule: response.implementation_schedule || '',
+                  performanceIndicators: response.performance_indicators || [],
+                  otherNotes: response.other_notes || '',
+                  applicationBasis: response.application_basis || '',
+                  applicationPurpose: response.application_purpose || '',
+                  applicationReason: response.application_reason || '',
+                  projectContent: response.project_content || ''
+                })
+              }
+            } catch (error) {
+              console.error(`加载中包${mediumPkg.id}数据失败:`, error)
+            }
+          }
+        }
+      }
+    },
+
+    async loadEconomicCategories() {
+      try {
+        const response = await getEconomicCategories()
+        if (response && !response.errcode) {
+          this.economicCategories = response || []
+          this.initEconomicCategoriesWithData()
+        }
+      } catch (error) {
+        console.error('加载经济分类失败:', error)
+        this.$message.warning('加载经济分类数据失败')
+      }
+    },
+
+    initEconomicCategoriesWithData() {
+      this.economicCategoriesWithData = this.economicCategories.map(category => {
+        const categoryData = {
+          categoryId: category.id,
+          categoryName: category.name,
+          selected: false,
+          amount: '',
+          calculationBasis: ''
+        }
+        
+        // 如果有已存在的经济分类数据，进行回填
+        if (this.existingData && this.existingData.economic_items && Array.isArray(this.existingData.economic_items)) {
+          const existingItem = this.existingData.economic_items.find(item => 
+            item.categoryId === category.id
+          )
+          if (existingItem) {
+            categoryData.selected = true
+            categoryData.amount = existingItem.amount || ''
+            categoryData.calculationBasis = existingItem.calculationBasis || ''
+          }
+        }
+        
+        return categoryData
+      })
+      
+      // 更新全选状态
+      this.updateSelectAllEconomicState()
+    },
+
+    onSelectAllEconomicChange(value) {
+      this.economicCategoriesWithData.forEach(category => {
+        category.selected = value
+      })
+    },
+
+    onEconomicItemToggle(item, index) {
+      if (!item.selected) {
+        item.amount = ''
+        item.calculationBasis = ''
+      }
+      this.updateSelectAllEconomicState()
+    },
+
+    updateSelectAllEconomicState() {
+      const selectedCount = this.economicCategoriesWithData.filter(item => item.selected).length
+      this.selectAllEconomic = selectedCount === this.economicCategoriesWithData.length && selectedCount > 0
+    },
+
+    getMediumPackageEconomicDetails(categoryId) {
+      const details = []
+      
+      this.mediumPackageEconomicData.forEach(mediumPkg => {
+        if (mediumPkg.economicItems) {
+          const economicItem = mediumPkg.economicItems.find(item => 
+            item.categoryId === categoryId || item.economic_classification_id === categoryId
+          )
+          
+          if (economicItem && economicItem.amount > 0) {
+            details.push({
+              packageId: mediumPkg.packageId,
+              packageName: mediumPkg.packageName,
+              parentPackageName: mediumPkg.parentPackageName,
+              departmentName: mediumPkg.departmentName,
+              amount: economicItem.amount,
+              calculationBasis: economicItem.calculationBasis || economicItem.calculation_basis || ''
+            })
+          }
+        }
+      })
+      
+      return details
+    },
+
+    getSubmissionStatusType(submission) {
+      if (!submission) return 'info'
+      const statusMap = {
+        draft: 'info',
+        submitted: 'warning',
+        approved: 'success',
+        rejected: 'danger'
+      }
+      return statusMap[submission.status] || 'info'
+    },
+
+    getSubmissionStatusText(submission) {
+      if (!submission) return '未提交'
+      const textMap = {
+        draft: '草稿',
+        submitted: '已提交',
+        approved: '已通过',
+        rejected: '已拒绝'
+      }
+      return textMap[submission.status] || '未知'
+    },
+
+    addPerformanceIndicator() {
+      this.formData.performanceIndicators.push({
+        level1: '',
+        level2: '',
+        level3: '',
+        symbol: '',
+        halfYearValue: '',
+        fullYearValue: '',
+        unit: '',
+        isRequired: false
+      })
+    },
+
+    removePerformanceIndicator(index) {
+      const indicator = this.formData.performanceIndicators[index]
+      if (!indicator.isRequired) {
+        this.formData.performanceIndicators.splice(index, 1)
+      }
+    },
+
+    // 加载绩效指标数据
+    async loadPerformanceIndicators() {
+      try {
+        console.log('开始加载绩效指标数据...')
+
+        // 获取完整的指标树
+        const treeResponse = await getPerformanceIndicatorTree()
+        console.log('指标树响应:', treeResponse)
+
+        if (treeResponse) {
+          this.performanceIndicatorTree = treeResponse || []
+          this.processIndicatorTree(treeResponse || [])
+          console.log('指标树处理完成:', this.level1Options.length, '个一级指标')
+        } else {
+          console.error('获取指标树失败:', treeResponse)
+          this.performanceIndicatorTree = []
+        }
+
+        // 获取必须填报的指标
+        const requiredResponse = await getRequiredPerformanceIndicators()
+        console.log('必填指标响应:', requiredResponse)
+
+        if (requiredResponse) {
+          this.requiredIndicators = requiredResponse || []
+          this.initRequiredIndicators()
+          console.log('必填指标处理完成:', this.requiredIndicators.length, '个必填指标')
+        } else {
+          console.error('获取必填指标失败:', requiredResponse)
+          this.requiredIndicators = []
+        }
+      } catch (error) {
+        console.error('加载绩效指标数据失败:', error)
+        if (!Array.isArray(this.requiredIndicators)) {
+          this.requiredIndicators = []
+        }
+        if (!Array.isArray(this.performanceIndicatorTree)) {
+          this.performanceIndicatorTree = []
+        }
+      }
+    },
+
+    // 处理指标树数据，构建选项映射
+    processIndicatorTree(tree) {
+      if (!Array.isArray(tree)) {
+        console.error('指标树数据格式错误:', tree)
+        return
+      }
+
+      this.level1Options = tree.map(item => ({
+        id: item.id,
+        name: item.name,
+        required: item.required || false
+      }))
+
+      console.log('一级指标选项:', this.level1Options)
+
+      // 构建二级和三级选项映射
+      tree.forEach(level1 => {
+        if (level1.children && Array.isArray(level1.children)) {
+          this.level2OptionsMap[level1.id] = level1.children.map(item => ({
+            id: item.id,
+            name: item.name,
+            required: item.required || false
+          }))
+
+          level1.children.forEach(level2 => {
+            if (level2.children && Array.isArray(level2.children)) {
+              this.level3OptionsMap[level2.id] = level2.children.map(item => ({
+                id: item.id,
+                name: item.name,
+                required: item.required || false
+              }))
+            }
+          })
+        }
+      })
+
+      console.log('二级选项映射:', this.level2OptionsMap)
+      console.log('三级选项映射:', this.level3OptionsMap)
+    },
+
+    // 初始化必须填报的指标
+    initRequiredIndicators() {
+      this.addRequiredIndicators()
+    },
+
+    // 添加必须填报的指标
+    addRequiredIndicators() {
+      console.log('开始处理必填指标，总数:', this.requiredIndicators.length)
+
+      if (!Array.isArray(this.requiredIndicators) || this.requiredIndicators.length === 0) {
+        console.log('没有必填指标需要处理')
+        return
+      }
+
+      // 获取三级必填指标
+      const requiredLevel3Indicators = this.requiredIndicators.filter(indicator => {
+        return indicator.required && this.isLevel3Indicator(indicator)
+      })
+
+      console.log('找到的三级必填指标:', requiredLevel3Indicators)
+
+      requiredLevel3Indicators.forEach(indicator => {
+        const level1 = this.findLevel1ByIndicatorId(indicator.id)
+        const level2 = this.findLevel2ByIndicatorId(indicator.id)
+
+        console.log(`指标 ${indicator.name} 的层级信息:`, { level1: level1?.name, level2: level2?.name })
+
+        if (level1 && level2) {
+          // 检查是否已存在相同的指标（通过指标ID或者三个层级名称匹配）
+          const existingIndex = this.formData.performanceIndicators.findIndex(item =>
+            item.indicatorId === indicator.id ||
+            (item.level1 === level1.name && item.level2 === level2.name && item.level3 === indicator.name)
+          )
+
+          if (existingIndex === -1) {
+            // 不存在，添加到最前面
+            const newIndicator = {
+              level1: level1.name,
+              level2: level2.name,
+              level3: indicator.name,
+              symbol: '',
+              halfYearValue: '',
+              fullYearValue: '',
+              unit: indicator.unit || '',
+              isRequired: true,
+              indicatorId: indicator.id
+            }
+            this.formData.performanceIndicators.unshift(newIndicator)
+            console.log('添加新的必填指标:', newIndicator)
+          } else {
+            // 已存在，标记为必填并移到前面
+            const existingItem = this.formData.performanceIndicators[existingIndex]
+            existingItem.isRequired = true
+            existingItem.indicatorId = indicator.id
+
+            // 移动到最前面
+            if (existingIndex > 0) {
+              this.formData.performanceIndicators.splice(existingIndex, 1)
+              this.formData.performanceIndicators.unshift(existingItem)
+            }
+          }
+        }
+      })
+
+      console.log('必填指标处理完成，当前指标总数:', this.formData.performanceIndicators.length)
+    },
+
+    // 判断是否是三级指标
+    isLevel3Indicator(indicator) {
+      // 如果指标有子节点，说明不是三级指标
+      return !indicator.children || indicator.children.length === 0
+    },
+
+    // 根据指标ID查找所属的一级指标
+    findLevel1ByIndicatorId(indicatorId) {
+      for (const level1 of this.performanceIndicatorTree) {
+        if (level1.id === indicatorId) return level1
+        
+        if (level1.children) {
+          for (const level2 of level1.children) {
+            if (level2.id === indicatorId) return level1
+            
+            if (level2.children) {
+              for (const level3 of level2.children) {
+                if (level3.id === indicatorId) return level1
+              }
+            }
+          }
+        }
+      }
+      return null
+    },
+
+    // 根据指标ID查找所属的二级指标
+    findLevel2ByIndicatorId(indicatorId) {
+      for (const level1 of this.performanceIndicatorTree) {
+        if (level1.children) {
+          for (const level2 of level1.children) {
+            if (level2.id === indicatorId) return level2
+            
+            if (level2.children) {
+              for (const level3 of level2.children) {
+                if (level3.id === indicatorId) return level2
+              }
+            }
+          }
+        }
+      }
+      return null
+    },
+
+    // 获取过滤的一级指标选项
+    getFilteredLevel1Options() {
+      return this.level1Options
+    },
+
+    // 获取过滤的二级指标选项
+    getFilteredLevel2Options(level1Name) {
+      if (!level1Name) return []
+      
+      const level1 = this.level1Options.find(item => item.name === level1Name)
+      if (!level1) return []
+      
+      return this.level2OptionsMap[level1.id] || []
+    },
+
+    // 获取过滤的三级指标选项
+    getFilteredLevel3Options(level1Name, level2Name) {
+      if (!level1Name || !level2Name) return []
+      
+      const level1 = this.level1Options.find(item => item.name === level1Name)
+      if (!level1) return []
+      
+      const level2Options = this.level2OptionsMap[level1.id] || []
+      const level2 = level2Options.find(item => item.name === level2Name)
+      if (!level2) return []
+      
+      return this.level3OptionsMap[level2.id] || []
+    },
+
+    // 一级指标变化时的处理
+    onLevel1Change(index) {
+      const indicator = this.formData.performanceIndicators[index]
+      indicator.level2 = ''
+      indicator.level3 = ''
+    },
+
+    // 二级指标变化时的处理
+    onLevel2Change(index) {
+      const indicator = this.formData.performanceIndicators[index]
+      indicator.level3 = ''
+    },
+
+    // 获取行的样式类名
+    getRowClassName({ row }) {
+      return row.isRequired ? 'required-row' : ''
+    },
+
+    validateTotal() {
+      this.$forceUpdate()
+    },
+
+    getSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0 || (index === 1 && !this.isViewMode)) {
+          sums[index] = '合计'
+          return
+        }
+
+        // 金额列的索引（考虑是否有选择列）
+        const amountColumnIndex = this.isViewMode ? 2 : 3
+        if (index === amountColumnIndex) {
+          const values = data.filter(item => item.selected).map(item => Number(item.amount) || 0)
+          const total = values.reduce((prev, curr) => {
+            const value = Number(curr)
+            if (!isNaN(value)) {
+              return prev + curr
+            } else {
+              return prev
+            }
+          }, 0)
+          sums[index] = this.formatCurrency(total)
+        } else {
+          sums[index] = ''
+        }
+      })
+      return sums
+    },
+
+    formatCurrency(amount) {
+      if (amount === null || amount === undefined || amount === '') return '0.0'
+      const num = Number(amount)
+      return isFinite(num) ? num.toFixed(1) : '0.0'
+    },
+
+    submit() {
+      this.$refs.formRef.validate((valid) => {
+        if (valid) {
+          // 获取选中的经济分类项目
+          const selectedItems = this.economicCategoriesWithData.filter(item => item.selected)
+
+          // 验证
+          if (selectedItems.length === 0) {
+            this.$message.error('请至少选择一个经济分类项目')
+            return
+          }
+
+          if (this.selectedPackages.length === 0) {
+            this.$message.error('请选择要汇总的大包')
+            return
+          }
+
+          // 构造提交数据
+          const submitData = {
+            packageId: this.formData.mainPackageId,
+            relatedPackageIds: this.formData.relatedPackageIds,
+            applicationBasis: this.formData.applicationBasis ? this.formData.applicationBasis.trim() : '',
+            applicationPurpose: this.formData.applicationPurpose ? this.formData.applicationPurpose.trim() : '',
+            applicationReason: this.formData.applicationReason ? this.formData.applicationReason.trim() : '',
+            projectContent: this.formData.projectContent ? this.formData.projectContent.trim() : '',
+            implementationSchedule: this.formData.implementationSchedule.trim(),
+            otherNotes: this.formData.otherNotes ? this.formData.otherNotes.trim() : '',
+            economicItems: selectedItems.map(item => ({
+              categoryId: item.categoryId,
+              amount: parseFloat(item.amount),
+              calculationBasis: item.calculationBasis.trim()
+            })),
+            performanceIndicators: this.formData.performanceIndicators.map(item => ({
+              level1: item.level1.trim(),
+              level2: item.level2.trim(),
+              level3: item.level3.trim(),
+              symbol: item.symbol || '',
+              halfYearValue: item.halfYearValue ? item.halfYearValue.trim() : '',
+              fullYearValue: item.fullYearValue ? item.fullYearValue.trim() : '',
+              unit: item.unit ? item.unit.trim() : ''
+            }))
+          }
+
+          this.$emit('submit', submitData)
+        } else {
+          this.$message.error('请完善必填的表单信息')
+        }
+      })
+    },
+
+    cancel() {
+      this.$emit('cancel')
+    },
+
+    // 获取中包实施进度安排数据
+    getMediumPackageImplementationSchedules() {
+      return this.mediumPackageEconomicData
+        .filter(item => item.implementationSchedule && item.implementationSchedule.trim() !== '')
+        .map(item => ({
+          packageId: item.packageId,
+          packageName: item.packageName,
+          parentPackageName: item.parentPackageName,
+          departmentName: item.departmentName,
+          implementationSchedule: item.implementationSchedule
+        }))
+    },
+
+    // 获取中包绩效指标数据
+    getMediumPackagePerformanceIndicators() {
+      return this.mediumPackageEconomicData
+        .filter(item => item.performanceIndicators && item.performanceIndicators.length > 0)
+        .map(item => ({
+          packageId: item.packageId,
+          packageName: item.packageName,
+          parentPackageName: item.parentPackageName,
+          departmentName: item.departmentName,
+          performanceIndicators: item.performanceIndicators
+        }))
+    },
+
+    // 获取中包其他说明事项数据
+    getMediumPackageOtherNotes() {
+      return this.mediumPackageEconomicData
+        .filter(item => item.otherNotes && item.otherNotes.trim() !== '')
+        .map(item => ({
+          packageId: item.packageId,
+          packageName: item.packageName,
+          parentPackageName: item.parentPackageName,
+          departmentName: item.departmentName,
+          otherNotes: item.otherNotes
+        }))
+    },
+
+    // 获取中包申请信息数据
+    getMediumPackageApplicationInfo() {
+      return this.mediumPackageEconomicData
+        .filter(item => 
+          (item.applicationBasis && item.applicationBasis.trim() !== '') ||
+          (item.applicationPurpose && item.applicationPurpose.trim() !== '') ||
+          (item.applicationReason && item.applicationReason.trim() !== '') ||
+          (item.projectContent && item.projectContent.trim() !== '')
+        )
+        .map(item => ({
+          packageId: item.packageId,
+          packageName: item.packageName,
+          parentPackageName: item.parentPackageName,
+          departmentName: item.departmentName,
+          applicationBasis: item.applicationBasis,
+          applicationPurpose: item.applicationPurpose,
+          applicationReason: item.applicationReason,
+          projectContent: item.projectContent
+        }))
+    }
+  }
+}
+</script>
+
+<style scoped>
+.multi-package-submit-form {
+  padding: 20px;
+  max-height: 85vh;
+  overflow-y: auto;
+}
+
+.form-section {
+  margin-bottom: 30px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  padding: 20px;
+}
+
+.section-title {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  margin-bottom: 20px;
+  padding-bottom: 8px;
+  border-bottom: 2px solid #409EFF;
+}
+
+.section-title i {
+  margin-right: 8px;
+  color: #409EFF;
+}
+
+/* 多包选择区域样式 */
+.package-selection {
+  margin-top: 15px;
+}
+
+.selection-header {
+  display: flex;
+  align-items: center;
+  margin-bottom: 15px;
+  font-weight: 500;
+  color: #606266;
+}
+
+.package-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+  gap: 15px;
+  margin-bottom: 20px;
+}
+
+.package-item {
+  border: 1px solid #dcdfe6;
+  border-radius: 6px;
+  padding: 15px;
+  transition: all 0.3s ease;
+}
+
+.package-item:hover {
+  border-color: #409EFF;
+  background-color: #f0f9ff;
+}
+
+.package-item.main-package {
+  border-color: #409EFF;
+  background-color: #f0f9ff;
+}
+
+.package-info {
+  margin-left: 20px;
+}
+
+.package-name {
+  font-size: 14px;
+  font-weight: bold;
+  color: #303133;
+  margin-bottom: 5px;
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+
+.package-details {
+  font-size: 12px;
+  color: #909399;
+}
+
+.selection-summary {
+  margin-top: 20px;
+}
+
+.summary-details {
+  display: flex;
+  gap: 20px;
+  margin-top: 8px;
+}
+
+.summary-item {
+  font-size: 14px;
+}
+
+/* 基本信息样式 */
+.info-display-item {
+  margin-bottom: 16px;
+}
+
+.info-label {
+  font-weight: bold;
+  color: #606266;
+  margin-bottom: 8px;
+  display: inline-block;
+}
+
+.info-content {
+  color: #303133;
+  line-height: 1.6;
+  padding: 8px 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  min-height: 20px;
+}
+
+.info-content.amount {
+  color: #409EFF;
+  font-weight: bold;
+}
+
+/* 中包明细表格样式 */
+.medium-packages-container {
+  margin: 15px 0;
+}
+
+.medium-packages-section {
+  margin-top: 25px;
+  padding-top: 20px;
+  border-top: 1px solid #ebeef5;
+}
+
+/* 经济分类表格样式 */
+.economic-table-container,
+.performance-table-container {
+  margin: 15px 0;
+}
+
+.economic-table,
+.performance-table {
+  font-size: 14px;
+}
+
+.economic-table .el-input,
+.performance-table .el-input {
+  font-size: 12px;
+}
+
+/* 中包分布详情样式 */
+.medium-package-details {
+  margin: 5px 0;
+}
+
+.medium-package-details .el-collapse {
+  border: none;
+}
+
+.medium-package-details .el-collapse-item__header {
+  background-color: #f8f9fa;
+  border: 1px solid #e9ecef;
+  border-radius: 4px;
+  padding: 8px 12px;
+  font-size: 13px;
+  font-weight: 500;
+  color: #495057;
+  margin-bottom: 5px;
+}
+
+.medium-package-details .el-collapse-item__content {
+  background-color: #ffffff;
+  border: 1px solid #e9ecef;
+  border-radius: 4px;
+  margin-bottom: 5px;
+}
+
+.detail-content {
+  padding: 12px;
+}
+
+.detail-item {
+  margin-bottom: 8px;
+  font-size: 12px;
+}
+
+.detail-item strong {
+  color: #495057;
+  font-weight: 600;
+}
+
+.calculation-basis {
+  margin-top: 4px;
+  padding: 6px 8px;
+  background-color: #f8f9fa;
+  border-radius: 3px;
+  font-size: 11px;
+  line-height: 1.4;
+  color: #6c757d;
+  word-break: break-word;
+}
+
+.no-details {
+  padding: 8px;
+  text-align: center;
+  font-size: 12px;
+}
+
+/* 金额验证提示样式 */
+.amount-warning {
+  margin-top: 10px;
+  padding: 10px;
+  background-color: #fdf6ec;
+  border: 1px solid #f5dab1;
+  border-radius: 4px;
+  color: #e6a23c;
+}
+
+.amount-warning .error {
+  color: #f56c6c;
+}
+
+/* 禁用状态的文本样式 */
+.disabled-text {
+  color: #c0c4cc;
+  font-style: italic;
+}
+
+/* 表单项样式 */
+.no-label-margin >>> .el-form-item__label {
+  width: 0 !important;
+  margin-left: 0 !important;
+}
+
+.no-label-margin >>> .el-form-item__content {
+  margin-left: 0 !important;
+}
+
+/* 操作按钮样式 */
+.form-actions {
+  margin-top: 30px;
+  text-align: right;
+  padding-top: 20px;
+  border-top: 1px solid #ebeef5;
+}
+
+/* 表格样式优化 */
+.economic-table >>> .el-table__footer-wrapper .el-table__footer {
+  font-weight: bold;
+}
+
+.performance-table >>> .el-table__cell {
+  padding: 4px 0;
+}
+
+.performance-table >>> .el-input__inner {
+  height: 28px;
+  line-height: 28px;
+}
+
+.performance-table >>> .el-select .el-input__inner {
+  height: 28px;
+  line-height: 28px;
+}
+
+/* 必填行样式 */
+.performance-table >>> .required-row {
+  background-color: #fdf6ec;
+}
+
+.performance-table >>> .required-row .el-table__cell {
+  background-color: #fdf6ec !important;
+}
+
+/* 子包数据展示区域样式 */
+.sub-packages-section {
+  margin-top: 20px;
+  border-top: 1px solid #ebeef5;
+  padding-top: 20px;
+}
+
+.sub-section-title {
+  display: flex;
+  align-items: center;
+  font-size: 14px;
+  font-weight: bold;
+  color: #606266;
+  margin-bottom: 15px;
+  padding-bottom: 8px;
+  border-bottom: 1px solid #e4e7ed;
+}
+
+.sub-section-title i {
+  margin-right: 8px;
+  color: #909399;
+}
+
+.sub-packages-table {
+  font-size: 13px;
+}
+
+.implementation-content,
+.other-notes-content {
+  line-height: 1.6;
+  word-break: break-word;
+  white-space: pre-wrap;
+  padding: 8px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  min-height: 30px;
+}
+
+.performance-indicators-list {
+  margin: 5px 0;
+}
+
+.nested-performance-table {
+  border: 1px solid #e4e7ed;
+  border-radius: 4px;
+  font-size: 12px;
+}
+
+.nested-performance-table >>> .el-table__header {
+  background-color: #f5f7fa;
+}
+
+.nested-performance-table >>> .el-table__cell {
+  padding: 6px 0;
+  font-size: 12px;
+}
+
+.no-performance-indicators {
+  padding: 20px;
+  text-align: center;
+  color: #999;
+  font-style: italic;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+}
+
+/* 申请信息展示样式 */
+.application-info-content {
+  line-height: 1.6;
+}
+
+.application-info-content .info-row {
+  margin-bottom: 8px;
+  padding: 6px 8px;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+  font-size: 12px;
+  word-break: break-word;
+}
+
+.application-info-content .info-row strong {
+  color: #495057;
+  font-weight: 600;
+  margin-right: 8px;
+}
+
+.application-info-content .no-info {
+  padding: 20px;
+  text-align: center;
+  color: #999;
+  font-style: italic;
+  background-color: #f8f9fa;
+  border-radius: 4px;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/budget/collection/package.vue b/src/views/budget/collection/package.vue
index eb43298..18c2eea 100644
--- a/src/views/budget/collection/package.vue
+++ b/src/views/budget/collection/package.vue
@@ -117,7 +117,7 @@
         </el-table-column>
 
 
-        <el-table-column fixed="right" label="操作" width="200">
+        <el-table-column fixed="right" label="操作" width="400">
           <template slot-scope="scope">
             <Button 
               v-if="scope.row.level <= 2" 
@@ -144,11 +144,30 @@
               type="error" 
               @click="del(scope.row)" 
               size="small" 
+              style="margin-right: 5px;" 
               ghost
             >
               删除
             </Button>
-            <span v-if="scope.row.level > 2" style="color: #999; font-size: 12px;">仅查看</span>
+            <Button 
+              v-if="scope.row.level === 1"
+              type="warning" 
+              @click="multiPackageSubmit(scope.row)" 
+              size="small" 
+              style="margin-right: 5px;" 
+              ghost
+            >
+              多包汇总提交
+            </Button>
+            <Button 
+              type="primary" 
+              @click="viewDetails(scope.row)" 
+              size="small" 
+              style="margin-right: 5px;" 
+              ghost
+            >
+              查看详情
+            </Button>
           </template>
         </el-table-column>
       </el-table>
@@ -238,7 +257,7 @@
           </template>
         </el-table-column>
 
-        <el-table-column fixed="right" label="操作" width="200">
+        <el-table-column fixed="right" label="操作" width="400">
           <template slot-scope="scope">
             <Button 
               v-if="scope.row.level <= 2" 
@@ -265,11 +284,30 @@
               type="error" 
               @click="del(scope.row)" 
               size="small" 
+              style="margin-right: 5px;" 
               ghost
             >
               删除
             </Button>
-            <span v-if="scope.row.level > 2" style="color: #999; font-size: 12px;">仅查看</span>
+            <Button 
+              v-if="scope.row.level === 1"
+              type="warning" 
+              @click="multiPackageSubmit(scope.row)" 
+              size="small" 
+              style="margin-right: 5px;" 
+              ghost
+            >
+              多包汇总提交
+            </Button>
+            <Button 
+              type="primary" 
+              @click="viewDetails(scope.row)" 
+              size="small" 
+              style="margin-right: 5px;" 
+              ghost
+            >
+              查看详情
+            </Button>
           </template>
         </el-table-column>
       </el-table>
@@ -430,7 +468,16 @@
             </el-table-column>
             <el-table-column prop="mediumPackageName" label="项目(中包)" width="180" align="left" header-align="center" class-name="table-cell-project">
               <template slot-scope="scope">
-                <span class="project-name-text">{{ scope.row.mediumPackageName }}</span>
+                <el-tooltip
+                  v-if="scope.row.projectContent"
+                  :content="scope.row.projectContent"
+                  placement="top"
+                  :popper-options="{ boundariesElement: 'viewport' }"
+                  popper-class="economic-tooltip"
+                >
+                  <span class="project-name-text">{{ scope.row.mediumPackageName }}</span>
+                </el-tooltip>
+                <span v-else class="project-name-text">{{ scope.row.mediumPackageName }}</span>
               </template>
             </el-table-column>
             <el-table-column prop="allocated_amount" label="分配金额" width="120" align="right" header-align="center" class-name="table-cell-amount">
@@ -508,7 +555,16 @@
             </el-table-column>
             <el-table-column prop="projectFullName" label="项目" width="250" align="left" header-align="center" class-name="table-cell-project">
               <template slot-scope="scope">
-                <span class="project-name-text">{{ scope.row.projectFullName }}</span>
+                <el-tooltip
+                  v-if="scope.row.projectContent"
+                  :content="scope.row.projectContent"
+                  placement="top"
+                  :popper-options="{ boundariesElement: 'viewport' }"
+                  popper-class="economic-tooltip"
+                >
+                  <span class="project-name-text">{{ scope.row.projectFullName }}</span>
+                </el-tooltip>
+                <span v-else class="project-name-text">{{ scope.row.projectFullName }}</span>
               </template>
             </el-table-column>
             <el-table-column prop="allocated_amount" label="分配金额" width="120" align="right" header-align="center" class-name="table-cell-amount">
@@ -591,7 +647,16 @@
             </el-table-column>
             <el-table-column prop="projectName" label="项目 (中包)" width="220" align="left" header-align="center" class-name="table-cell-project">
               <template slot-scope="scope">
-                <span class="project-name-text">{{ scope.row.projectFullName ? scope.row.projectFullName : scope.row.projectName }}</span>
+                <el-tooltip
+                  v-if="scope.row.projectContent"
+                  :content="scope.row.projectContent"
+                  placement="top"
+                  :popper-options="{ boundariesElement: 'viewport' }"
+                  popper-class="economic-tooltip"
+                >
+                  <span class="project-name-text">{{ scope.row.projectFullName ? scope.row.projectFullName : scope.row.projectName }}</span>
+                </el-tooltip>
+                <span v-else class="project-name-text">{{ scope.row.projectFullName ? scope.row.projectFullName : scope.row.projectName }}</span>
               </template>
             </el-table-column>
             <el-table-column prop="projectAmount" label="金额" width="120" align="right" header-align="center" class-name="table-cell-amount">
@@ -755,11 +820,258 @@
       </div>
     </el-dialog>
 
+    <!-- 大包详情弹窗 -->
+    <el-dialog
+      title="大包详情"
+      :visible.sync="bigPackageDetailVisible"
+      width="90%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="true"
+      append-to-body
+    >
+      <BigPackageDetailView
+        v-if="bigPackageDetailVisible"
+        :package-data="currentPackageDetail"
+        :child-packages="currentChildPackages"
+        :economic-summary="currentEconomicSummary"
+        :department-options="departmentOptions"
+      />
+      
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="bigPackageDetailVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 中包详情弹窗（参照budget/review实现） -->
+    <el-dialog
+      title="中包详情"
+      :visible.sync="mediumPackageDetailVisible"
+      width="95%"
+      :close-on-click-modal="false"
+      top="5vh"
+      custom-class="submission-dialog"
+    >
+      <budget-submission-form
+        v-if="mediumPackageDetailVisible"
+        :package-data="currentMediumPackageData"
+        :mode="submissionMode"
+        @cancel="mediumPackageDetailVisible = false"
+      />
+    </el-dialog>
+
+    <!-- 经济分类详情弹窗（参照budget/lead-department实现） -->
+    <el-dialog
+      title="经济分类详情"
+      :visible.sync="economicDetailVisible"
+      width="85%"
+      :close-on-click-modal="false"
+      :close-on-press-escape="true"
+      append-to-body
+    >
+      <div class="economic-detail-form" v-if="economicDetailVisible">
+        <!-- 参照LeadDepartmentSummaryForm的结构实现经济分类详情 -->
+        
+        <!-- 基本信息 -->
+        <div class="form-section">
+          <div class="section-title">
+            <i class="el-icon-info"></i>
+            经济分类基本信息
+          </div>
+
+          <div class="info-row">
+            <div class="info-col">
+              <div class="info-display-item">
+                <label class="info-label">经济分类名称：</label>
+                <div class="info-content">{{ currentEconomicData.name || '暂无' }}</div>
+              </div>
+            </div>
+            <div class="info-col">
+              <div class="info-display-item">
+                <label class="info-label">分类代码：</label>
+                <div class="info-content">{{ currentEconomicData.code || '暂无' }}</div>
+              </div>
+            </div>
+            <div class="info-col">
+              <div class="info-display-item">
+                <label class="info-label">预算年度：</label>
+                <div class="info-content">{{ getEconomicBudgetYear() }}</div>
+              </div>
+            </div>
+          </div>
+
+          <div class="info-row">
+            <div class="info-col">
+              <div class="info-display-item">
+                <label class="info-label">所属预算包：</label>
+                <div class="info-content">{{ getEconomicPackageName() }}</div>
+              </div>
+            </div>
+            <div class="info-col">
+              <div class="info-display-item">
+                <label class="info-label">负责科室：</label>
+                <div class="info-content">{{ getDepartmentName(currentEconomicData.department_id) }}</div>
+              </div>
+            </div>
+            <div class="info-col">
+              <div class="info-display-item">
+                <label class="info-label">金额：</label>
+                <div class="info-content amount">{{ formatCurrency(currentEconomicData.allocated_amount) }} 万元</div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 计算依据详情 -->
+        <div class="form-section">
+          <div class="section-title">
+            <i class="el-icon-document"></i>
+            计算依据详情
+          </div>
+          
+          <div class="basis-content">
+            <div class="basis-item">
+              <label class="basis-label">测算依据：</label>
+              <div class="basis-text">{{ currentEconomicData.calculation_basis || '暂无计算依据' }}</div>
+            </div>
+            
+            <div class="basis-item" v-if="currentEconomicData.calculation_formula">
+              <label class="basis-label">计算公式：</label>
+              <div class="basis-text formula">{{ currentEconomicData.calculation_formula }}</div>
+            </div>
+            
+            <div class="basis-item" v-if="currentEconomicData.unit_price">
+              <label class="basis-label">单价：</label>
+              <div class="basis-text">{{ currentEconomicData.unit_price }} 元</div>
+            </div>
+            
+            <div class="basis-item" v-if="currentEconomicData.quantity">
+              <label class="basis-label">数量：</label>
+              <div class="basis-text">{{ currentEconomicData.quantity }} {{ currentEconomicData.unit || '个' }}</div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 分解情况汇总 -->
+        <div class="form-section" v-if="getEconomicBreakdownData().length > 0">
+          <div class="section-title">
+            <i class="el-icon-s-data"></i>
+            分解情况汇总
+          </div>
+          
+          <el-table 
+            :data="getEconomicBreakdownData()" 
+            border
+            size="small"
+            show-summary
+            :summary-method="getEconomicBreakdownSummaries"
+          >
+            <el-table-column type="index" label="序号" width="60" align="center" />
+            <el-table-column label="分解项目" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.itemName }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="分解金额（万元）" width="150" align="right">
+              <template slot-scope="scope">
+                <span style="color: #67C23A; font-weight: bold;">{{ formatCurrency(scope.row.amount) }}</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="占比" width="100" align="center">
+              <template slot-scope="scope">
+                <span>{{ getPercentage(scope.row.amount, currentEconomicData.allocated_amount) }}%</span>
+              </template>
+            </el-table-column>
+            <el-table-column label="说明" min-width="200">
+              <template slot-scope="scope">
+                <span>{{ scope.row.description || '-' }}</span>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 统计信息 -->
+        <div class="form-section">
+          <div class="section-title">
+            <i class="el-icon-data-analysis"></i>
+            统计信息
+          </div>
+          
+          <div class="stats-row">
+            <div class="stat-card">
+              <div class="stat-title">预算金额</div>
+              <div class="stat-value amount">{{ formatCurrency(currentEconomicData.allocated_amount) }}</div>
+              <div class="stat-unit">万元</div>
+            </div>
+            <div class="stat-card">
+              <div class="stat-title">已分解金额</div>
+              <div class="stat-value success">{{ formatCurrency(getTotalBreakdownAmount()) }}</div>
+              <div class="stat-unit">万元</div>
+            </div>
+            <div class="stat-card">
+              <div class="stat-title">分解项目数</div>
+              <div class="stat-value info">{{ getEconomicBreakdownData().length }}</div>
+              <div class="stat-unit">个</div>
+            </div>
+            <div class="stat-card">
+              <div class="stat-title">分解比例</div>
+              <div class="stat-value warning">{{ getBreakdownPercentage() }}</div>
+              <div class="stat-unit">%</div>
+            </div>
+          </div>
+        </div>
+
+      </div>
+      
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="economicDetailVisible = false">关闭</el-button>
+      </div>
+    </el-dialog>
+
+    <!-- 第三层分解表查看对话框 -->
+    <el-dialog
+      :title="submissionDialogTitle"
+      :visible.sync="submissionDialogVisible"
+      width="95%"
+      :close-on-click-modal="false"
+      top="5vh"
+      custom-class="submission-dialog"
+    >
+      <budget-submission-form
+        v-if="submissionDialogVisible"
+        :package-data="currentSubmissionPackage"
+        :mode="submissionMode"
+        @cancel="submissionDialogVisible = false"
+      />
+    </el-dialog>
+
+    <!-- 多包汇总提交对话框 -->
+    <el-dialog
+      title="多包汇总提交"
+      :visible.sync="multiPackageSubmitVisible"
+      width="95%"
+      :close-on-click-modal="false"
+      top="3vh"
+      custom-class="multi-package-dialog"
+    >
+      <multi-package-submit-form
+        v-if="multiPackageSubmitVisible && currentMainPackage"
+        :main-package="currentMainPackage"
+        :available-packages="getAvailablePackages()"
+        :existing-data="currentMultiPackageData"
+        :mode="currentMultiPackageData ? 'edit' : 'create'"
+        @submit="handleMultiPackageSubmit"
+        @cancel="multiPackageSubmitVisible = false"
+      />
+    </el-dialog>
+
   </div>
 </template>
 
 <script>
 import LxHeader from '@/components/LxHeader/index.vue'
+import BigPackageDetailView from './components/BigPackageDetailView.vue'
+import BudgetSubmissionForm from './components/BudgetSubmissionForm.vue'
+import MultiPackageSubmitForm from './components/MultiPackageSubmitForm.vue'
 import {
   getBudgetCollectionPackageList,
   getBudgetCollectionPackageDetail,
@@ -773,15 +1085,28 @@ import {
 } from '@/api/budget/budgetCollectionPackage.js'
 import { getBudgetCollectionYearOptions } from '@/api/budget/budgetCollectionYear.js'
 import { listdeptNoAuth } from '@/api/system/department.js'
+import { getPackageDecomposition, submitMultiPackageDecomposition } from '@/api/budget/departmentSubmission.js'
 
 export default {
   name: 'BudgetCollectionPackage',
   components: {
-    LxHeader
+    LxHeader,
+    BigPackageDetailView,
+    BudgetSubmissionForm,
+    MultiPackageSubmitForm
   },
   data() {
     return {
       dialogFormVisible: false,
+      bigPackageDetailVisible: false,
+      mediumPackageDetailVisible: false,
+      economicDetailVisible: false,
+      submissionDialogVisible: false,
+      currentSubmissionPackage: null,
+      submissionMode: 'view',
+      multiPackageSubmitVisible: false,
+      currentMainPackage: null,
+      currentMultiPackageData: null,
       formLabelWidth: '120px',
       loading: false,
       submitting: false,
@@ -845,6 +1170,14 @@ export default {
       yearOptions: [],
       departmentOptions: [],
       parentPackageOptions: [],
+      // 大包详情相关数据
+      currentPackageDetail: {},
+      currentChildPackages: [],
+      currentEconomicSummary: [],
+      // 中包详情相关数据
+      currentMediumPackageData: {},
+      // 经济分类详情相关数据
+      currentEconomicData: {},
       // 汇总视图相关数据
       summaryDialogVisible: false,
       summaryLoading: false,
@@ -875,6 +1208,15 @@ export default {
       return this.form.id ? '编辑预算包' : '新增预算包'
     },
 
+    submissionDialogTitle() {
+      const titles = {
+        create: '填写预算分解表',
+        edit: '修改预算分解表',
+        view: '查看预算分解表'
+      }
+      return titles[this.submissionMode] || '预算分解表'
+    },
+
     // 合并明细和合计数据
     crossTableDataWithSummary() {
       if (!this.crossTableData.length || !this.crossTableSummary) {
@@ -1425,6 +1767,7 @@ export default {
           }
           
           if (bigPackage.children && bigPackage.children.length > 0) {
+            console.log('大包的子包数据:', bigPackage.children)
             bigPackage.children.forEach(mediumPackage => {
               if (mediumPackage.level === 2) {
                 const allocatedAmount = parseFloat(mediumPackage.allocated_amount || 0)
@@ -1449,6 +1792,7 @@ export default {
                 const processedMedium = {
                   id: mediumPackage.id,
                   name: mediumPackage.name,
+                  project_content: mediumPackage.submission ? mediumPackage.submission.project_content : '',
                   allocated_amount: allocatedAmount,
                   reported_amount: reportedAmount,
                   decomposed_amount: parseFloat(mediumPackage.decomposed_amount || 0),
@@ -1488,6 +1832,7 @@ export default {
               mediumPackageIndex: mediumIndex,
               bigPackageName: bigPackage.name,
               mediumPackageName: mediumPackage.name,
+              projectContent: mediumPackage.project_content,
               allocated_amount: mediumPackage.allocated_amount,
               reported_amount: mediumPackage.reported_amount,
               decomposed_amount: mediumPackage.decomposed_amount,
@@ -1571,6 +1916,7 @@ export default {
                 bigPackageName: bigPackage.name,
                 mediumPackageName: mediumPackage.name,
                 projectFullName: `${bigPackage.name} - ${mediumPackage.name}`,
+                projectContent: mediumPackage.submission ? mediumPackage.submission.project_content : '',
                 allocated_amount: allocatedAmount,
                 reported_amount: reportedAmount,
                 submission_status: mediumPackage.submission ? mediumPackage.submission.status : 'no_submission',
@@ -1601,6 +1947,7 @@ export default {
             deptTotalReported: dept.totalReported,
             economicAmounts: project.economicAmounts,
             economicBasis: project.economicBasis,
+            projectContent: project.projectContent,
             isFirstOfDept: projectIndex === 0,
             deptProjectCount: dept.projects.length,
             deptIndex: deptIndex,
@@ -1666,6 +2013,7 @@ export default {
                     bigPackageName: bigPackage.name || '未知大包',
                     mediumPackageName: mediumPackage.name || '未知项目',
                     projectFullName: `${bigPackage.name}` + '-' + (mediumPackage.name || '未知项目'), // 只显示中包名称
+                    projectContent: mediumPackage.submission ? mediumPackage.submission.project_content : '',
                     economicAmount: amount,
                     calculationBasis: economicItem.calculation_basis || '',
                     submission_status: mediumPackage.submission ? mediumPackage.submission.status : 'draft'
@@ -1733,6 +2081,7 @@ export default {
               economicClassName: economicGroup.economicName,
               departmentName: dept.departmentName,
               projectName: project.projectFullName, // 项目名称（中包）
+              projectContent: project.projectContent, // 项目内容
               projectAmount: project.economicAmount, // 金额
               calculationBasis: project.calculationBasis, // 测算依据
               deptTotal: dept.deptTotal, // 按科室汇总
@@ -2313,6 +2662,324 @@ export default {
       return (index + 1).toString()
     },
 
+    viewDetails(row) {
+      if (row.level === 1) {
+        // 第一层（大包）：使用新建的组件
+        this.showFirstLayerDetail(row)
+      } else if (row.level === 2) {
+        // 第二层（中包）：参照budget/review页面
+        this.showSecondLayerDetail(row)
+      } else if (row.level === 3) {
+        // 第三层（经济分类）：参照budget/lead-department页面  
+        this.showThirdLayerDetail(row)
+      }
+    },
+
+    // 多包汇总提交
+    async multiPackageSubmit(row) {
+      if (row.level !== 1) {
+        this.$message.warning('只有大包才能进行多包汇总提交')
+        return
+      }
+
+      // 设置主包信息
+      this.currentMainPackage = row
+      this.currentMultiPackageData = null
+      
+      try {
+        this.loading = true
+        // 请求已存在的多包汇总提交数据
+        const response = await this.getExistingMultiPackageData(row.id)
+        if (response) {
+          this.currentMultiPackageData = response
+        } else {
+          this.currentMultiPackageData = null
+        }
+      } catch (error) {
+        console.log('没有找到已存在的多包汇总数据，将创建新的提交:', error)
+        this.currentMultiPackageData = null
+      } finally {
+        this.loading = false
+      }
+      
+      // 显示多包汇总提交对话框
+      this.multiPackageSubmitVisible = true
+    },
+
+    // 处理多包汇总提交
+    async handleMultiPackageSubmit(submitData) {
+      try {
+        this.loading = true
+        
+        console.log('多包汇总提交数据:', submitData)
+        
+        // 调用多包汇总分解表提交API
+        const response = await submitMultiPackageDecomposition(submitData)
+        
+        if (response) {
+          this.$message.success('多包汇总提交成功')
+          this.multiPackageSubmitVisible = false
+          
+          // 刷新数据
+          this.load()
+        } else {
+          this.$message.error('多包汇总提交失败')
+        }
+      } catch (error) {
+        console.error('多包汇总提交失败:', error)
+        this.$message.error('多包汇总提交失败，请检查网络连接')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    // 获取同级大包列表（用于多包选择）
+    getAvailablePackages() {
+      // 获取第一层的所有大包
+      const level1Packages = this.treeData.filter(item => item.level === 1)
+      return level1Packages || []
+    },
+
+    // 获取已存在的多包汇总数据
+    async getExistingMultiPackageData(packageId) {
+      const { getMultiPackageDecomposition } = await import('@/api/budget/departmentSubmission')
+      return getMultiPackageDecomposition(packageId)
+    },
+
+    async showFirstLayerDetail(row) {
+      try {
+        this.loading = true
+        
+        // 获取package_id，优先使用row.id
+        const packageId = row.id
+        
+        if (!packageId) {
+          this.$message.error('无法获取预算包ID')
+          return
+        }
+        
+        console.log('调用getPackageDecomposition API，package_id:', packageId)
+        
+        // 调用与budget/review相同的API接口
+        const response = await getPackageDecomposition(packageId)
+        
+        console.log('API响应数据:', response)
+        
+        // 处理API响应数据
+        if (response) {
+          this.currentMediumPackageData = response
+          this.submissionMode = 'view'
+          this.mediumPackageDetailVisible = true
+        } else {
+          this.$message.error('获取详情失败')
+        }
+      } catch (error) {
+        console.error('加载大包详情失败:', error)
+        this.$message.error('加载详情失败，请检查网络连接')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    async loadChildPackages(packageId) {
+      console.log('---开始加载子包:', packageId)
+      try {
+        // 从现有的表格数据中筛选出子包
+        if (this.showTree) {
+          // 树形视图：找到该包的直接子包
+          this.currentChildPackages = this.tableData.filter(item => 
+            item.parent_id === packageId
+          )
+        } else {
+          // 列表视图：从扁平数据中找子包
+          this.currentChildPackages = this.flatTreeData.filter(item => 
+            item.parent_id === packageId
+          )
+        }
+      } catch (error) {
+        console.error('加载子包失败:', error)
+        this.currentChildPackages = []
+      }
+    },
+
+    generateEconomicSummary() {
+      // 这里可以根据子包的经济分类进行汇总
+      this.currentEconomicSummary = []
+    },
+
+    async showSecondLayerDetail(row) {
+      try {
+        this.loading = true
+        
+        // 获取package_id，优先使用row.id
+        const packageId = row.id
+        
+        if (!packageId) {
+          this.$message.error('无法获取预算包ID')
+          return
+        }
+        
+        console.log('调用getPackageDecomposition API，package_id:', packageId)
+        
+        // 调用与budget/review相同的API接口
+        const response = await getPackageDecomposition(packageId)
+        
+        console.log('API响应数据:', response)
+        
+        // 处理API响应数据
+        if (response) {
+          this.currentMediumPackageData = response
+          this.submissionMode = 'view'
+          this.mediumPackageDetailVisible = true
+        } else {
+          this.$message.error('获取详情失败')
+        }
+      } catch (error) {
+        console.error('加载中包详情失败:', error)
+        this.$message.error('加载详情失败，请检查网络连接')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    getMediumPackageBudgetYear() {
+      return this.currentMediumPackageData.budget_year ? 
+        this.currentMediumPackageData.budget_year.year + '年' : '-'
+    },
+
+    getMediumPackageParentName() {
+      if (!this.currentMediumPackageData.parent_id) return '-'
+      
+      // 从表格数据中找到父包
+      const allData = this.showTree ? this.tableData : this.flatTreeData
+      const parentPackage = allData.find(item => item.id === this.currentMediumPackageData.parent_id)
+      return parentPackage ? parentPackage.name : '-'
+    },
+
+    getMediumPackageEconomicItems() {
+      // 这里返回模拟的经济分类数据
+      // 实际使用中可以从API获取或从现有数据中提取
+      return []
+    },
+
+    getEconomicClassificationName(code) {
+      // 这里可以从经济分类选项中获取名称
+      const economicMap = {
+      }
+      return economicMap[code] || '未知分类'
+    },
+
+    getMediumEconomicSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '合计'
+          return
+        }
+        
+        if (index === 2) { // 金额列
+          const total = data.reduce((prev, curr) => {
+            return prev + (Number(curr.amount) || 0)
+          }, 0)
+          sums[index] = this.formatCurrency(total)
+        } else {
+          sums[index] = ''
+        }
+      })
+      return sums
+    },
+
+    async showThirdLayerDetail(row) {
+      try {
+        this.loading = true
+        
+        // 获取package_id，优先使用row.id
+        const packageId = row.id
+        
+        if (!packageId) {
+          this.$message.error('无法获取预算包ID')
+          return
+        }
+        
+        console.log('调用getPackageDecomposition API，package_id:', packageId)
+        
+        // 调用与budget/lead-department相同的API接口
+        const response = await getPackageDecomposition(packageId)
+        
+        console.log('API响应数据:', response)
+        
+        // 处理API响应数据
+        if (response) {
+          this.currentSubmissionPackage = response
+          this.submissionMode = 'view'
+          this.submissionDialogVisible = true
+        } else {
+          this.$message.error('获取详情失败')
+        }
+      } catch (error) {
+        console.error('加载经济分类详情失败:', error)
+        this.$message.error('加载详情失败，请检查网络连接')
+      } finally {
+        this.loading = false
+      }
+    },
+
+    getEconomicBudgetYear() {
+      return this.currentEconomicData.budget_year ? 
+        this.currentEconomicData.budget_year.year + '年' : '-'
+    },
+
+    getEconomicPackageName() {
+      if (!this.currentEconomicData.parent_id) return '-'
+      
+      // 从表格数据中找到所属预算包
+      const allData = this.showTree ? this.tableData : this.flatTreeData
+      const parentPackage = allData.find(item => item.id === this.currentEconomicData.parent_id)
+      return parentPackage ? parentPackage.name : '-'
+    },
+
+    getEconomicBreakdownData() {
+      // 返回模拟的分解数据
+      // 实际使用中可以从API获取
+      return []
+    },
+
+    getEconomicBreakdownSummaries(param) {
+      const { columns, data } = param
+      const sums = []
+      columns.forEach((column, index) => {
+        if (index === 0) {
+          sums[index] = '合计'
+          return
+        }
+        
+        if (index === 2) { // 分解金额列
+          const total = data.reduce((prev, curr) => {
+            return prev + (Number(curr.amount) || 0)
+          }, 0)
+          sums[index] = this.formatCurrency(total)
+        } else {
+          sums[index] = ''
+        }
+      })
+      return sums
+    },
+
+    getTotalBreakdownAmount() {
+      return this.getEconomicBreakdownData().reduce((total, item) => {
+        return total + (Number(item.amount) || 0)
+      }, 0)
+    },
+
+    getBreakdownPercentage() {
+      const totalBreakdown = this.getTotalBreakdownAmount()
+      const totalAmount = Number(this.currentEconomicData.allocated_amount) || 0
+      if (!totalAmount) return '0.0'
+      const percentage = (totalBreakdown / totalAmount) * 100
+      return percentage.toFixed(1)
+    },
+
   },
   
   watch: {
@@ -2784,6 +3451,277 @@ export default {
   text-overflow: ellipsis !important;
 }
 
+/* 中包详情样式 */
+.medium-package-detail .review-detail-container {
+  padding: 20px;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+.medium-package-detail .detail-section {
+  margin-bottom: 30px;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  overflow: hidden;
+}
+
+.medium-package-detail .section-title {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  padding: 15px 20px;
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  border-bottom: 1px solid #ebeef5;
+}
+
+.medium-package-detail .section-title i {
+  margin-right: 8px;
+  color: #409EFF;
+}
+
+.medium-package-detail .info-grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 15px;
+  padding: 20px;
+}
+
+.medium-package-detail .info-item {
+  display: flex;
+  align-items: center;
+}
+
+.medium-package-detail .info-item label {
+  font-weight: bold;
+  color: #606266;
+  width: 100px;
+  flex-shrink: 0;
+}
+
+.medium-package-detail .info-item span {
+  color: #303133;
+}
+
+.medium-package-detail .info-item .amount {
+  color: #409EFF;
+  font-weight: bold;
+}
+
+.medium-package-detail .content-text {
+  color: #303133;
+  line-height: 1.6;
+  padding: 20px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+}
+
+.medium-package-detail .calculation-basis {
+  word-break: break-all;
+  line-height: 1.4;
+}
+
+.medium-package-detail >>> .el-table {
+  margin: 0;
+}
+
+.medium-package-detail >>> .el-table th {
+  background-color: #f8f9fa !important;
+  color: #606266;
+  font-weight: 600;
+}
+
+.medium-package-detail >>> .el-table__footer-wrapper .el-table__footer {
+  font-weight: bold;
+  background-color: #f0f9ff;
+}
+
+.medium-package-detail >>> .el-table td {
+  border-color: #ebeef5;
+}
+
+/* 经济分类详情样式 */
+.economic-detail-form .form-section {
+  margin-bottom: 30px;
+  border: 1px solid #ebeef5;
+  border-radius: 6px;
+  overflow: hidden;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.economic-detail-form .section-title {
+  display: flex;
+  align-items: center;
+  font-size: 16px;
+  font-weight: bold;
+  color: #303133;
+  padding: 15px 20px;
+  background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
+  border-bottom: 1px solid #ebeef5;
+}
+
+.economic-detail-form .section-title i {
+  margin-right: 8px;
+  color: #409EFF;
+}
+
+.economic-detail-form .info-row {
+  display: flex;
+  padding: 20px;
+  gap: 20px;
+}
+
+.economic-detail-form .info-col {
+  flex: 1;
+}
+
+.economic-detail-form .info-display-item {
+  margin-bottom: 15px;
+}
+
+.economic-detail-form .info-label {
+  font-weight: bold;
+  color: #606266;
+  margin-bottom: 8px;
+  display: block;
+}
+
+.economic-detail-form .info-content {
+  color: #303133;
+  padding: 8px 12px;
+  background-color: #f5f7fa;
+  border-radius: 4px;
+  border: 1px solid #dcdfe6;
+}
+
+.economic-detail-form .info-content.amount {
+  color: #409EFF;
+  font-weight: bold;
+}
+
+.economic-detail-form .basis-content {
+  padding: 20px;
+}
+
+.economic-detail-form .basis-item {
+  margin-bottom: 20px;
+}
+
+.economic-detail-form .basis-label {
+  font-weight: bold;
+  color: #606266;
+  margin-bottom: 8px;
+  display: block;
+}
+
+.economic-detail-form .basis-text {
+  color: #303133;
+  line-height: 1.6;
+  padding: 12px;
+  background-color: #f9f9f9;
+  border-radius: 4px;
+  border-left: 4px solid #409EFF;
+  word-wrap: break-word;
+}
+
+.economic-detail-form .basis-text.formula {
+  font-family: 'Courier New', monospace;
+  background-color: #f0f9ff;
+  border-left-color: #67C23A;
+}
+
+.economic-detail-form .stats-row {
+  display: flex;
+  padding: 20px;
+  gap: 20px;
+}
+
+.economic-detail-form .stat-card {
+  flex: 1;
+  text-align: center;
+  padding: 20px;
+  background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
+  border-radius: 8px;
+  border: 1px solid #dee2e6;
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+}
+
+.economic-detail-form .stat-title {
+  font-size: 14px;
+  color: #606266;
+  margin-bottom: 10px;
+  font-weight: 500;
+}
+
+.economic-detail-form .stat-value {
+  font-size: 24px;
+  font-weight: bold;
+  margin-bottom: 5px;
+}
+
+.economic-detail-form .stat-value.amount {
+  color: #409EFF;
+}
+
+.economic-detail-form .stat-value.success {
+  color: #67C23A;
+}
+
+.economic-detail-form .stat-value.info {
+  color: #909399;
+}
+
+.economic-detail-form .stat-value.warning {
+  color: #E6A23C;
+}
+
+.economic-detail-form .stat-unit {
+  font-size: 12px;
+  color: #909399;
+}
+
+.economic-detail-form >>> .el-table {
+  margin: 0;
+}
+
+.economic-detail-form >>> .el-table th {
+  background-color: #f8f9fa !important;
+  color: #606266;
+  font-weight: 600;
+}
+
+.economic-detail-form >>> .el-table__footer-wrapper .el-table__footer {
+  font-weight: bold;
+  background-color: #f0f9ff;
+}
+
+.economic-detail-form >>> .el-table td {
+  border-color: #ebeef5;
+}
+
+/* 分解表对话框样式 */
+.submission-dialog {
+  margin-top: 5vh !important;
+}
+
+.submission-dialog .el-dialog__body {
+  padding: 10px 20px !important;
+  max-height: 80vh;
+  overflow-y: auto;
+}
+
+/* 多包汇总对话框样式 */
+.multi-package-dialog {
+  margin-top: 3vh !important;
+}
+
+.multi-package-dialog .el-dialog__body {
+  padding: 10px 20px !important;
+  max-height: 90vh;
+  overflow-y: auto;
+}
+
 </style>
 
 <style>