n20-common-lib 3.1.5 → 3.1.6

package/src/components/Pivot/index.vue

@@ -24,7 +24,7 @@
           ref="mainToolbar"
           :report-name="currentReport.name"
           :calculate-time="calculateTime"
-          :data-count="dataCount"
+          :data-count="rawDataCount"
           :view-mode="viewMode"
           :view-mode-options="viewModeOptions"
           :is-cross-mode="isCrossMode"
@@ -58,6 +58,8 @@
             :data-count="dataCount"
             :dimension-label="getFirstDimensionLabel"
             :is-cross-mode="isCrossMode"
+            :row-dimension-label="getRowDimensionLabel"
+            :column-dimension-label="getColumnDimensionLabel"
             :table-columns="tableColumns"
             :cross-table-columns="crossTableColumns"
             :table-data="paginatedTableData"
@@ -190,8 +192,6 @@ export default {
       reportList: [],
       // 当前选中的报表索引
       currentReportIndex: 0,
-      // 视图模式: chart / table
-      viewMode: 'chart',
       // 计算耗时
       calculateTime: 0,
       // 数据条数
@@ -237,6 +237,11 @@ export default {
       return this.data || []
     },
 
+    // 原始数据条数（用于工具栏显示）
+    rawDataCount() {
+      return this.actualData.length
+    },
+
     visibleC: {
       get() {
         return this.visible
@@ -260,6 +265,16 @@ export default {
       return this.currentReport.statType === 'cross'
     },
 
+    // 视图模式：从报表配置中读取，交叉统计强制为 table
+    viewMode() {
+      // 交叉统计模式强制使用表格视图
+      if (this.isCrossMode) {
+        return 'table'
+      }
+      // 从报表配置中读取，默认为 chart
+      return this.currentReport.viewMode || 'chart'
+    },
+
     // 是否有数据
     hasData() {
       return this.processedData.length > 0
@@ -488,7 +503,7 @@ export default {
       return cols
     },
 
-    // 交叉表列定义
+    // 交叉表列定义（支持多级表头）
     crossTableColumns() {
       const { rowDimension, columnDimension, metrics: rawMetrics } = this.currentReport
       const metrics = (rawMetrics || []).filter((m) => m && m.prop)
@@ -496,6 +511,7 @@ export default {
 
       const cols = []
 
+      // 行维度列（第一列）
       const rowDimDef = this.columns.find((c) => c.prop === rowDimension)
       cols.push({
         key: rowDimension,
@@ -504,22 +520,55 @@ export default {
         isPrimary: true
       })
 
-      const uniqueColumnValues = [...new Set(this.actualData.map((item) => item[columnDimension]))]
+      // 获取列维度的唯一值，使用 getEnumDisplayValue 处理枚举和对象类型
+      const uniqueColumnValues = [
+        ...new Set(
+          this.actualData.map((item) => this.getEnumDisplayValue(item, columnDimension))
+        )
+      ]
 
-      uniqueColumnValues.forEach((colValue) => {
-        metrics.forEach((metric) => {
-          const metricDef = this.columns.find((c) => c.prop === metric.prop)
-          const colMetricKey = `${colValue}_${metric.prop}`
+      // 如果有多个指标，使用多级表头结构
+      if (metrics.length > 1) {
+        // 每个列维度值作为一个父列
+        uniqueColumnValues.forEach((colValue) => {
+          const safeColValue = String(colValue)
+          const children = metrics.map((metric) => {
+            const metricDef = this.columns.find((c) => c.prop === metric.prop)
+            const colMetricKey = `${safeColValue}_${metric.prop}`
+            return {
+              key: colMetricKey,
+              title: metricDef ? metricDef.label : metric.prop,
+              type: 'metric',
+              aggregateType: metric.aggregateType,
+              columnValue: colValue,
+              metricKey: metric.prop
+            }
+          })
           cols.push({
-            key: colMetricKey,
-            title: `${colValue} - ${metricDef ? metricDef.label : metric.prop}`,
-            type: 'metric',
-            aggregateType: metric.aggregateType,
-            columnValue: colValue,
-            metricKey: metric.prop
+            key: `group_${safeColValue}`,
+            title: colValue,
+            type: 'group',
+            children
           })
         })
-      })
+      } else {
+        // 单个指标时，使用原来的扁平结构
+        uniqueColumnValues.forEach((colValue) => {
+          metrics.forEach((metric) => {
+            const metricDef = this.columns.find((c) => c.prop === metric.prop)
+            const safeColValue = String(colValue)
+            const colMetricKey = `${safeColValue}_${metric.prop}`
+            cols.push({
+              key: colMetricKey,
+              title: `${colValue} - ${metricDef ? metricDef.label : metric.prop}`,
+              type: 'metric',
+              aggregateType: metric.aggregateType,
+              columnValue: colValue,
+              metricKey: metric.prop
+            })
+          })
+        })
+      }
 
       return cols
     },
@@ -557,6 +606,22 @@ export default {
       return dimDef ? dimDef.label : dim
     },
 
+    // 获取行维度标签（交叉统计用）
+    getRowDimensionLabel() {
+      const dim = this.currentReport.rowDimension
+      if (!dim) return '未选择'
+      const dimDef = this.columns.find((c) => c.prop === dim)
+      return dimDef ? dimDef.label : dim
+    },
+
+    // 获取列维度标签（交叉统计用）
+    getColumnDimensionLabel() {
+      const dim = this.currentReport.columnDimension
+      if (!dim) return '未选择'
+      const dimDef = this.columns.find((c) => c.prop === dim)
+      return dimDef ? dimDef.label : dim
+    },
+
     // 图表配置
     chartOption() {
       if (!this.hasData) return {}
@@ -736,6 +801,27 @@ export default {
   },
 
   watch: {
+    // 弹窗打开时重新加载数据
+    visible(newVal) {
+      if (newVal) {
+        // 弹窗打开时重新加载持久化数据
+        this.loadFromStorage()
+        // 如果没有报表则新建
+        if (this.reportList.length === 0) {
+          this.addNewReport()
+        }
+        // 初始化图表
+        if (this.viewMode === 'chart') {
+          this.$nextTick(() => {
+            this.initChart()
+          })
+        }
+      } else {
+        // 弹窗关闭时保存数据
+        this.saveToStorage()
+      }
+    },
+
     actualData: {
       handler(newData) {
         if (newData && newData.length > 0) {
@@ -754,7 +840,10 @@ export default {
     columns: {
       handler(newColumns) {
         if (newColumns && newColumns.length > 0) {
-          this.initDefaultConfig()
+          // 仅在首次初始化或没有配置时调用
+          if (!this.currentReport.selectedDimension && !this.currentReport.rowDimension) {
+            this.initDefaultConfig()
+          }
         }
       },
       immediate: true
@@ -804,6 +893,7 @@ export default {
       immediate: true
     },
 
+    // 视图模式变化时初始化图表
     viewMode(newVal) {
       if (newVal === 'chart') {
         this.$nextTick(() => {
@@ -811,6 +901,7 @@ export default {
         })
       }
     },
+
     chartOption: {
       deep: true,
       handler() {
@@ -917,17 +1008,30 @@ export default {
     // 初始化默认配置
     initDefaultConfig() {
       if (!this.currentReport) return
-      if (this.currentReport.selectedDimension) {
-        return
-      }
 
       const allColumns = this.availableDimensions
       const numericCols = this.availableMetrics
 
-      if (allColumns.length > 0 && !this.currentReport.selectedDimension) {
+      // 分组统计模式：初始化分组维度
+      if (
+        this.currentReport.statType === 'group' &&
+        !this.currentReport.selectedDimension &&
+        allColumns.length > 0
+      ) {
         this.currentReport.selectedDimension = allColumns[0].prop
       }
 
+      // 交叉统计模式：初始化行列维度
+      if (this.currentReport.statType === 'cross') {
+        if (!this.currentReport.rowDimension && allColumns.length > 0) {
+          this.currentReport.rowDimension = allColumns[0].prop
+        }
+        if (!this.currentReport.columnDimension && allColumns.length > 1) {
+          this.currentReport.columnDimension = allColumns[1].prop
+        }
+      }
+
+      // 初始化指标（仅当没有任何指标时）
       if (numericCols.length > 0 && this.currentReport.metrics.length === 0) {
         this.currentReport.metrics = [
           {
@@ -948,12 +1052,21 @@ export default {
         selectedDimension: null,
         rowDimension: null,
         columnDimension: null,
-        metrics: []
+        metrics: [],
+        // 添加视图模式持久化
+        viewMode: 'chart'
       }
     },
 
     // 迁移旧格式报表数据
     migrateReportFormat(report) {
+      if (!report) return this.getDefaultReport()
+
+      // 确保 statType 存在，默认为 'group'
+      if (!report.statType) {
+        report.statType = 'group'
+      }
+
       if (!report.metrics) {
         report.metrics = []
       }
@@ -963,7 +1076,7 @@ export default {
           if (typeof m === 'string') {
             return { prop: m, aggregateType: report.aggregateType || 'sum' }
           }
-          if (m.key && !m.prop) {
+          if (m && m.key && !m.prop) {
             return { prop: m.key, aggregateType: m.aggregateType || 'sum' }
           }
           return m
@@ -981,6 +1094,14 @@ export default {
       if (!report.selectedDimension) {
         report.selectedDimension = null
       }
+      // 确保图表类型存在
+      if (!report.chartType) {
+        report.chartType = 'bar'
+      }
+      // 确保 viewMode 存在，交叉统计默认为 table，分组统计默认为 chart
+      if (!report.viewMode) {
+        report.viewMode = report.statType === 'cross' ? 'table' : 'chart'
+      }
       delete report.aggregateType
       delete report.dimensions
       return report
@@ -1051,7 +1172,15 @@ export default {
 
     // ========== MainToolbar 事件处理 ==========
     handleViewModeChange(val) {
-      this.viewMode = val
+      // 将视图模式保存到报表配置中
+      this.currentReport.viewMode = val
+      this.saveToStorage()
+      // 切换到图表视图时初始化图表
+      if (val === 'chart') {
+        this.$nextTick(() => {
+          this.initChart()
+        })
+      }
     },
 
     handleRefresh() {
@@ -1143,13 +1272,17 @@ export default {
     handleStatTypeChange(type) {
       this.currentReport.statType = type
       if (type === 'cross') {
-        // 切换到交叉统计时清除分组维度
+        // 切换到交叉统计时清除分组维度，并强制使用表格视图
         this.currentReport.selectedDimension = null
-        this.viewMode = 'table'
+        this.currentReport.viewMode = 'table'
       } else {
         // 切换到分组统计时清除行列维度
         this.currentReport.rowDimension = null
         this.currentReport.columnDimension = null
+        // 如果之前是表格视图，可以保持；否则默认图表视图
+        if (!this.currentReport.viewMode || this.currentReport.viewMode === 'table') {
+          this.currentReport.viewMode = 'chart'
+        }
       }
       this.saveToStorage()
     },
@@ -1234,11 +1367,18 @@ export default {
         if (saved) {
           const configs = JSON.parse(saved)
           if (Array.isArray(configs) && configs.length > 0) {
+            // 迁移格式并加载报表列表
             this.reportList = configs.map((report) => this.migrateReportFormat(report))
+            // 确保 currentReportIndex 有效
+            if (this.currentReportIndex >= this.reportList.length) {
+              this.currentReportIndex = 0
+            }
           }
         }
       } catch (e) {
         console.warn('Failed to load pivot configs from storage:', e)
+        // 加载失败时清空报表列表
+        this.reportList = []
       }
     },
 

package/src/components/ProFilterView/index.vue

@@ -213,11 +213,12 @@
 
 <script>
 import advancedQuery from './advancedQuery.vue'
+
+import axios from '../../utils/axios.js'
 import ClAdvancedFilter from '../AdvancedFilter/index.vue'
-import ClInputSearch from '../InputSearch/index.vue'
-import ClDragList from '../DragList/index.vue'
 import ClDialog from '../Dialog/index.vue'
-import axios from '../../utils/axios.js'
+import ClDragList from '../DragList/index.vue'
+import ClInputSearch from '../InputSearch/index.vue'
 
 const VIEW_TYPE = { ADVANCED: '0', BASIC: '1' }
 
@@ -299,13 +300,21 @@ export default {
 
     getInitialSearchValue() {
       const obj = {}
-      // 遍历 filterList，为每个 type 为 slot 且有 value 字段的项初始化值
-      // 注意：跳过无 value 的 slot（如 startDate/endDate 多值绑定），这些由父组件在 slot 内部管理
-      this.filterList.forEach((item) => {
-        if (item.type === 'slot' && item.value) {
-          obj[item.value] = undefined
-        }
-      })
+      // 为 slot 类型筛选项初始化值
+      this.filterList
+        .filter((item) => item.type === 'slot')
+        .forEach((item) => {
+          // 单值绑定
+          if (item.value) {
+            obj[item.value] = undefined
+          }
+          // 多值绑定（slotFields 数组）
+          if (item.slotFields?.length) {
+            item.slotFields.forEach((field) => {
+              obj[field] = undefined
+            })
+          }
+        })
       return obj
     },
     filterObj() {
@@ -411,27 +420,38 @@ export default {
     handleClear() {
       // 收集 required 项的当前值，清空时保留
       const preserved = {}
-      this.filterList.forEach((item) => {
-        if (!item.required) return
-        if (item.type === 'daterange' || item.type === 'datetimerange' || item.type === 'monthrange') {
+      this.filterList
+        .filter((item) => item.required)
+        .forEach((item) => {
+          // 日期范围类型
           if (item.startDate && this.searchValue[item.startDate] !== undefined) {
             preserved[item.startDate] = this.searchValue[item.startDate]
           }
           if (item.endDate && this.searchValue[item.endDate] !== undefined) {
             preserved[item.endDate] = this.searchValue[item.endDate]
           }
-        } else if (item.type === 'numberrange') {
+          // 数字范围类型
           if (item.startValue && this.searchValue[item.startValue] !== undefined) {
             preserved[item.startValue] = this.searchValue[item.startValue]
           }
           if (item.endValue && this.searchValue[item.endValue] !== undefined) {
             preserved[item.endValue] = this.searchValue[item.endValue]
           }
-        } else if (item.value && this.searchValue[item.value] !== undefined) {
-          preserved[item.value] = this.searchValue[item.value]
-        }
-      })
-      this.searchValue = { ...this.getInitialSearchValue, ...preserved }
+          // 普通单值
+          if (item.value && this.searchValue[item.value] !== undefined) {
+            preserved[item.value] = this.searchValue[item.value]
+          }
+          // slot 多值绑定
+          if (item.slotFields?.length) {
+            item.slotFields.forEach((field) => {
+              if (this.searchValue[field] !== undefined) {
+                preserved[field] = this.searchValue[field]
+              }
+            })
+          }
+        })
+
+      this.searchValue = { ...this.initialValue, ...this.getInitialSearchValue, ...preserved }
       // 直接构建 payload，绕过 filterObj 避免 initialValue 重新注入
       this.$emit(
         'filter',