添加Tab键滚动跟随功能，优化可见区域滚动逻辑

yyb

2 天以前 0af12dc242cd9b771b8ea7c2cff6ace54441718f

 src/views/procurementManagement/procurementReport/index.vue

@@ -54,6 +54,10 @@
              <span class="stat-label">商品种类：</span>
              <span class="stat-value">{{ businessSummaryStats.productTypes }}</span>
            </div>
            <div class="stat-item">
              <span class="stat-label">退款总额：</span>
              <span class="stat-value">¥{{ businessSummaryStats.returnAmount.toLocaleString() }}</span>
            </div>
          </div>
        </div>
        
@@ -77,7 +81,7 @@
import { ElMessage } from 'element-plus'
import { Download } from '@element-plus/icons-vue'
import PIMTable from '@/components/PIMTable/PIMTable.vue'
import { procurementBusinessSummaryListPage } from '@/api/procurementManagement/procurementReport'
import { procurementBusinessSummaryListPage, procurementBusinessSummaryStatistics } from '@/api/procurementManagement/procurementReport'
import { productTreeList } from '@/api/basicData/product'

const { proxy } = getCurrentInstance()
@@ -97,7 +101,8 @@
// 统计数据
const businessSummaryStats = ref({
  totalAmount: 0,
  productTypes: 0
  productTypes: 0,
  returnAmount: 0
})

// 表格列配置（根据后端字段定义）
@@ -111,6 +116,10 @@
    prop: 'specificationModel',
  },
  {
    label: '厚度(mm)',
    prop: 'thickness',
  },
  {
    label: '采购数量',
    prop: 'purchaseNum',
    width: 120,
@@ -119,7 +128,23 @@
    }
  },
  {
    label: '采购金额',
    label: '退货数量',
    prop: 'returnQuantity',
    width: 120,
    formatData: (val) => {
      return val ? parseFloat(val).toLocaleString() : '0'
    }
  },
  {
    label: '退货金额',
    prop: 'returnAmount',
    width: 120,
    formatData: (val) => {
      return val ? `¥${parseFloat(val).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : '¥0.00'
    }
  },
  {
    label: '退款储量',
    prop: 'purchaseAmount',
    formatData: (val) => {
      return val ? `¥${parseFloat(val).toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })}` : '¥0.00'
@@ -233,18 +258,15 @@
        page.current = Number(res.data.current ?? page.current)
        page.size = Number(res.data.size ?? page.size)
      }
      
      // 计算统计数据
      if (businessSummaryData.value.length > 0) {
        businessSummaryStats.value.totalAmount = businessSummaryData.value.reduce((sum, item) => {
          return sum + (parseFloat(item.purchaseAmount) || 0)
        }, 0)
        businessSummaryStats.value.productTypes = new Set(businessSummaryData.value.map(item => item.productCategory)).size
      } else {
        businessSummaryStats.value = {
          totalAmount: 0,
          productTypes: 0
        }
    }

    // 获取统计数据
    const statsRes = await procurementBusinessSummaryStatistics(params)
    if (statsRes && statsRes.data) {
      businessSummaryStats.value = {
        totalAmount: statsRes.data.purchaseTotalAmount || 0,
        productTypes: statsRes.data.productCategoryCount || 0,
        returnAmount: statsRes.data.returnTotalAmount || 0
      }
    }
  } catch (error) {