@ibiz-template/runtime 0.7.41-alpha.105 → 0.7.41-alpha.107

package/src/controller/control/report-panel/generator/bi-converter/cross-table-converter.ts

@@ -0,0 +1,426 @@
+/* eslint-disable eqeqeq */
+/* eslint-disable camelcase */
+/* eslint-disable @typescript-eslint/explicit-function-return-type */
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+import { clone, plus } from '@ibiz-template/core';
+import { IAppBIReportDimension } from '@ibiz/model-core';
+import { GridConverterBase } from './base';
+import { CodeListItem } from '../../../../../interface';
+
+/**
+ * @description 交叉表转化器
+ * @export
+ * @class CrossTableConverter
+ * @extends {GridConverterBase}
+ */
+export class CrossTableConverter extends GridConverterBase {
+  /**
+   * @description 仿真模型
+   * @type {IModel}
+   * @memberof CrossTableConverter
+   */
+  mockModel: IModel = {
+    fetchControlAction: {
+      id: 'fetch',
+      appDEMethodId: 'fetchdefault',
+      appId: this.appBIReport.appId,
+      appDataEntityId: this.appBIReport.appDataEntityId,
+    },
+    controlParam: { id: this.appBIReport.id, appId: this.appBIReport.appId },
+    pagingMode: 1,
+    pagingSize: 20,
+    autoLoad: true,
+    aggMode: 'NONE',
+    gridStyle: 'USER',
+    groupMode: 'NONE',
+    sortMode: 'REMOTE',
+    singleSelect: true,
+    controlType: 'GRID',
+    columnEnableLink: 2,
+    modelType: 'PSDEGRID',
+    columnEnableFilter: 2,
+    enablePagingBar: false,
+    id: this.appBIReport.id,
+    showBusyIndicator: true,
+    enableCustomized: false,
+    name: this.appBIReport.id,
+    modelId: this.appBIReport.id,
+    appId: this.appBIReport.appId,
+    codeName: this.appBIReport.id,
+    logicName: this.appBIReport.name,
+    appDataEntityId: this.appBIReport.appDataEntityId,
+  };
+
+  /**
+   * @description 百分比数据
+   * @type {string[]}
+   * @memberof CrossTableConverter
+   */
+  percentKeys: string[] = [];
+
+  /**
+   * @description 合计列标识
+   * @type {string}
+   * @memberof CrossTableConverter
+   */
+  totalColTag: string = 'col_sum';
+
+  /**
+   * @description 指标总数
+   * @type {IData}
+   * @memberof CrossTableConverter
+   */
+  measuresTotalResult: IData = {};
+
+  /**
+   * @description 维度列
+   * @type {IAppBIReportDimension}
+   * @memberof CrossTableConverter
+   */
+  dimensionCol?: IAppBIReportDimension;
+
+  /**
+   * @description 维度列代码表
+   * @type {CodeListItem[]}
+   * @memberof CrossTableConverter
+   */
+  codelistItems?: readonly CodeListItem[];
+
+  /**
+   * @description 初始化
+   * - 处理列顺序
+   * @protected
+   * @returns {*}  {Promise<void>}
+   * @memberof CrossTableConverter
+   */
+  protected async onInit(): Promise<void> {
+    const { appBIReportDimensions } = this.appBIReport;
+    const { grid_col_sort } = this.reportUIModel;
+    this.dimensions = [];
+    grid_col_sort.forEach((col: IData) => {
+      const dimension = appBIReportDimensions?.find(
+        d => d.dimensionTag?.toLowerCase() === col.codename.toLowerCase(),
+      );
+      if (dimension) this.dimensions.push(dimension);
+    });
+    this.dimensionCol = appBIReportDimensions?.find(
+      d => d.placement === 'COLHEADER',
+    );
+    if (this.dimensionCol?.appCodeListId) {
+      const app = ibiz.hub.getApp(this.appBIReport.appId);
+      this.codelistItems = await app.codeList.get(
+        this.dimensionCol.appCodeListId,
+        this.context,
+        this.params,
+      );
+    }
+  }
+
+  /**
+   * @description 计算维度（列）
+   * @param {IData[]} items
+   * @returns {*}  {string[]}
+   * @memberof CrossTableConverter
+   */
+  calcDimensionCols(items: IData[]): string[] {
+    if (!this.dimensionCol) return [];
+
+    if (this.codelistItems)
+      return this.codelistItems.map(item => item.value as string);
+
+    const result: Set<string> = new Set();
+    const dimensionTag = this.dimensionCol.dimensionTag!.toLowerCase();
+
+    let hasBlank = false;
+    for (const item of items) {
+      const value = item[dimensionTag];
+      if (!value) {
+        hasBlank = true;
+      } else {
+        result.add(value);
+      }
+    }
+    const resultArray = Array.from(result);
+    if (hasBlank) resultArray.push('');
+
+    return resultArray;
+  }
+
+  /**
+   * 通过指标计算表格列
+   *
+   * @author tony001
+   * @date 2024-12-19 17:12:52
+   * @param {IData} data
+   * @param {string} [type]
+   * @return {*}  {IModel[]}
+   */
+  clacMeasureColumns(parentName?: string): IModel[] {
+    return this.measures.map(item => {
+      let codeName = item.measureTag!.toLowerCase();
+      if (parentName) codeName = `${parentName}@${codeName}`;
+      const totalCodename = `${this.totalColTag}@${codeName}`;
+      this.percentKeys.push(codeName);
+      return {
+        codeName,
+        width: 150,
+        id: codeName,
+        totalCodename,
+        widthUnit: 'STAR',
+        valueType: 'SIMPLE',
+        measureTag: codeName,
+        dataItemName: codeName,
+        appDEFieldId: codeName,
+        format: item.jsonFormat,
+        caption: item.measureName,
+        columnType: 'DEFGRIDCOLUMN',
+        appId: this.appBIReport.appId,
+        appCodeListId: item.appCodeListId,
+        ...this.calcGridColumnStyle(),
+      };
+    });
+  }
+
+  /**
+   * @description 计算合计表格列
+   * @param {string} position
+   * @param {IModel[]} degridColumns
+   * @memberof CrossTableConverter
+   */
+  calcAggGridCol(position: string, degridColumns: IModel[]) {
+    const { grid_show_agg, grid_agg_col_position } = this.reportUIModel;
+    if (
+      this.dimensionCol &&
+      grid_show_agg == '1' &&
+      grid_agg_col_position === position
+    ) {
+      const children = this.clacMeasureColumns(this.totalColTag);
+      const column = {
+        caption: '合计',
+        id: this.totalColTag,
+        degridColumns: children,
+        codeName: this.totalColTag,
+        measureTag: this.totalColTag,
+        appId: this.appBIReport.appId,
+        columnType: 'GROUPGRIDCOLUMN',
+        dataItemName: this.totalColTag,
+      };
+      degridColumns.push(column);
+    }
+  }
+
+  /**
+   * @description 计算合计列数据
+   * @param {IData[]} items
+   * @memberof CrossTableConverter
+   */
+  calcAggTotalData(items: IData[]) {
+    this.measures.forEach(measure => {
+      const codeName = `${this.totalColTag}@${measure.measureTag!.toLowerCase()}`;
+      this.measuresTotalResult[codeName] = 0;
+    });
+    items.forEach((item: IData) => {
+      this.measures.forEach(measure => {
+        const codeName = `${
+          this.totalColTag
+        }@${measure.measureTag!.toLowerCase()}`;
+        const total = this.percentKeys.reduce((a, b) => {
+          const bvalue = Number(item[b]) || 0;
+          return plus(a, bvalue);
+        }, 0);
+        this.measuresTotalResult[codeName] += total;
+        item[codeName] = total;
+      });
+    });
+  }
+
+  /**
+   * @description 计算交叉表
+   * @param {string[]} dimensionCols 维度列
+   * @returns {*}  {IModel[]}
+   * @memberof CrossTableConverter
+   */
+  calcCrossTableColumns(dimensionCols: string[]): IModel[] {
+    const deGridColumns: IModel[] = [];
+    if (this.dimensions) {
+      deGridColumns.push(
+        ...this.dimensions.map(item => {
+          const codeName = item.dimensionTag!.toLowerCase();
+          return {
+            codeName,
+            width: 150,
+            id: codeName,
+            widthUnit: 'STAR',
+            measureTag: codeName,
+            appDEFieldId: codeName,
+            dataItemName: codeName,
+            caption: item.dimensionName,
+            columnType: 'DEFGRIDCOLUMN',
+            appId: this.appBIReport.appId,
+            appCodeListId: item.appCodeListId,
+            ...this.calcGridColumnStyle(false),
+          };
+        }),
+      );
+    }
+    this.calcAggGridCol('left', deGridColumns);
+    if (this.dimensionCol) {
+      const codeNme = this.dimensionCol!.dimensionTag!.toLowerCase();
+      const groupColumns = dimensionCols.map((key, index) => {
+        const children = this.clacMeasureColumns(key);
+        return {
+          degridColumns: children,
+          id: `${codeNme}-${index}`,
+          appId: this.appBIReport.appId,
+          columnType: 'GROUPGRIDCOLUMN',
+          codeName: `${codeNme}-${index}`,
+          measureTag: `${codeNme}-${index}`,
+          dataItemName: `${codeNme}-${index}`,
+          appDEFieldId: `${codeNme}-${index}`,
+          appCodeListId: this.dimensionCol!.appCodeListId,
+          caption:
+            this.codelistItems?.find(item => item.value == key)?.text || key,
+        };
+      });
+      deGridColumns.push(...groupColumns);
+    } else {
+      const children = this.clacMeasureColumns();
+      deGridColumns.push(...children);
+    }
+    this.calcAggGridCol('right', deGridColumns);
+    return deGridColumns;
+  }
+
+  /**
+   * @description 获取数据项
+   * @param {IData[]} items
+   * @param {IData} item
+   * @returns {*}  {(IData | undefined)}
+   * @memberof CrossTableConverter
+   */
+  getItem(items: IData[], item: IData): IData | undefined {
+    return items.find(x => {
+      return (
+        this.dimensions.findIndex(
+          c =>
+            x[c.dimensionTag!.toLowerCase()] !==
+            item[c.dimensionTag!.toLowerCase()],
+        ) === -1
+      );
+    });
+  }
+
+  /**
+   * @description 计算交叉表数据
+   * @param {IData[]} items
+   * @returns {*}  {IData[]}
+   * @memberof CrossTableConverter
+   */
+  calcCrossTableData(items: IData[]): IData[] {
+    if (this.dimensionCol) {
+      const result: IData[] = [];
+      const codeName = this.dimensionCol.dimensionTag!.toLowerCase();
+      items.forEach((item: IData) => {
+        this.measures.forEach(_item => {
+          const type = _item.measureTag!.toLowerCase() || '';
+          const value = item[codeName];
+          let key = type || '';
+          if (value) key = `${value}@${type}`;
+          const oldData = this.getItem(result, item);
+          if (oldData) {
+            oldData[key] = item[type];
+          } else {
+            const newItem = { [key]: item[type] };
+            this.dimensions.forEach(x => {
+              newItem[x.dimensionTag!.toLowerCase()] =
+                item[x.dimensionTag!.toLowerCase()];
+            });
+            result.push(newItem);
+          }
+        });
+      });
+      return result;
+    }
+    return items;
+  }
+
+  /**
+   * @description 计算交叉表数据项
+   * @param {IData[]} columns
+   * @returns {*}  {IModel[]}
+   * @memberof CrossTableConverter
+   */
+  calcCrossTableDataItems(columns: IData[]): IModel[] {
+    const degridDataItems: IModel[] = [];
+    const { grid_function_setting } = this.reportUIModel;
+    columns.forEach((column: IData) => {
+      const otherParams: IData = {};
+      if (
+        column.totalCodename &&
+        this.measuresTotalResult[column.totalCodename]
+      ) {
+        if (
+          grid_function_setting &&
+          grid_function_setting.indexOf('showPercent') !== -1
+        ) {
+          otherParams.customCode = true;
+          otherParams.scriptCode = `
+        if (Object.prototype.hasOwnProperty.call(data, '${
+          column.measureTag
+        }')) {
+          const value = data['${column.measureTag}'] / ${
+            this.measuresTotalResult[column.totalCodename]
+          };
+          let formatValue = data['${column.measureTag}'];
+          return formatValue + '(' + ibiz.util.text.format(value, '0.##%') + ')'
+        }`;
+        } else {
+          otherParams.customCode = true;
+          otherParams.scriptCode = `
+          if (Object.prototype.hasOwnProperty.call(data, '${column.measureTag}')) {
+            let formatValue = data['${column.measureTag}'];
+            return formatValue
+          }`;
+        }
+      }
+      degridDataItems.push({
+        dataType: 25,
+        id: column.id,
+        valueType: 'SIMPLE',
+        format: column.format,
+        measureTag: column.measureTag,
+        appId: this.appBIReport.appId,
+        ...otherParams,
+      });
+      if (column.columnType === 'GROUPGRIDCOLUMN')
+        degridDataItems.push(
+          ...this.calcCrossTableDataItems(column.degridColumns),
+        );
+    });
+    return degridDataItems;
+  }
+
+  /**
+   * @description 转化数据到报表
+   * @param {IData[]} items
+   * @returns {*}  {({ model: IModel; options: IData; data: IData[] } | undefined)}
+   * @memberof CrossTableConverter
+   */
+  translateDataToReport(
+    items: IData[],
+  ): { model: IModel; options: IData; data: IData[] } | undefined {
+    if (!this.measures) return;
+    const tempModel = clone(this.mockModel);
+    const dimensionCols = this.calcDimensionCols(items);
+    const degridColumns = this.calcCrossTableColumns(dimensionCols);
+    const mockDatas = this.calcCrossTableData(items);
+    this.calcAggTotalData(mockDatas);
+    const degridDataItems = this.calcCrossTableDataItems(degridColumns);
+    Object.assign(tempModel, { degridColumns, degridDataItems });
+    const { vars, classList, model } = this.getGridStyle();
+    Object.assign(tempModel, model);
+    const spanMethod = this.calcGridColumnMerge(mockDatas);
+    Object.assign(tempModel, spanMethod);
+    return { model: tempModel, options: { vars, classList }, data: mockDatas };
+  }
+}

package/src/controller/control/report-panel/generator/bi-converter/gauge-converter.ts

@@ -0,0 +1,186 @@
+/* eslint-disable camelcase */
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import { clone } from 'ramda';
+import { IAppBIReportDimension, IAppBIReportMeasure } from '@ibiz/model-core';
+import { EchartConverterBase } from './base/echart-converter-base';
+
+/**
+ * @description 仪表盘转换器
+ * @export
+ * @class GaugeConverter
+ * @extends {EchartConverterBase}
+ */
+export class GaugeConverter extends EchartConverterBase {
+  /**
+   * @description 仿真模型
+   * @type {IModel}
+   * @memberof GaugeConverter
+   */
+  mockModel: IModel = {
+    userParam: {},
+    dechartLegend: {
+      id: 'legend',
+      showLegend: false,
+      appId: this.appBIReport.appId,
+    },
+    dechartTitle: {
+      id: 'title',
+      showTitle: false,
+      appId: this.appBIReport.appId,
+    },
+    readOnly: true,
+    autoLoad: true,
+    dechartSerieses: [],
+    controlType: 'CHART',
+    showBusyIndicator: true,
+    id: this.appBIReport.id,
+    name: this.appBIReport.id,
+    appId: this.appBIReport.appId,
+    codeName: this.appBIReport.id,
+    caption: this.appBIReport.name,
+    logicName: this.appBIReport.name,
+    appDataEntityId: this.appBIReport.appDataEntityId,
+  };
+
+  /**
+   * @description 仿真序列模型
+   * @type {IModel}
+   * @memberof GaugeConverter
+   */
+  mockSerieModel: IModel = {
+    seriesType: 'gauge',
+    echartsType: 'gauge',
+    chartDataSetId: '0',
+    seriesLayoutBy: 'column',
+    enableChartDataSet: true,
+    chartCoordinateSystemId: '0',
+    appId: this.appBIReport.appId,
+  };
+
+  /**
+   * @description 计算序列模型
+   * @param {IAppBIReportMeasure[]} measures
+   * @param {IAppBIReportDimension} dimension
+   * @param {IAppBIReportDimension} [groupDimension]
+   * @returns {*}  {IModel[]}
+   * @memberof GaugeConverter
+   */
+  calcSeriesModel(
+    measures: IAppBIReportMeasure[],
+    dimension: IAppBIReportDimension,
+    groupDimension?: IAppBIReportDimension,
+  ): IModel[] {
+    const seriesModels: IModel[] = [];
+    measures.forEach((item, index) => {
+      const seriesModel = clone(this.mockSerieModel);
+      Object.assign(seriesModel, {
+        id: `${seriesModel.seriesType}_${index}`,
+        caption: item.measureName,
+        serieText: item.measureName,
+        catalogName: item.measureName,
+        valueField: item.measureTag!.toLowerCase(),
+        catalogField: item.measureTag!.toLowerCase(),
+      });
+      // 分组维度
+      if (groupDimension)
+        Object.assign(seriesModel, {
+          seriesCodeListId: groupDimension.appCodeListId,
+          seriesField: groupDimension.dimensionTag!.toLowerCase(),
+        });
+      seriesModels.push(seriesModel);
+    });
+    return seriesModels;
+  }
+
+  /**
+   * @description 转化数据到报表
+   * @param {IData[]} items
+   * @returns {*}  {({ model: IModel; options: IData; data: IData[] } | undefined)}
+   * @memberof GaugeConverter
+   */
+  translateDataToReport(
+    items: IData[],
+  ): { model: IModel; options: IData; data: IData[] } | undefined {
+    if (!this.measures.length) return;
+    const model = clone(this.mockModel);
+    const seriesModels = this.calcSeriesModel(
+      this.measures,
+      this.dimensions[0],
+      this.groupDimension,
+    );
+    if (model.dechartSerieses) model.dechartSerieses.push(...seriesModels);
+    // 图表颜色
+    const chartColorParams = this.getChartColorParams();
+    Object.assign(model.userParam, chartColorParams);
+    // 处理序列参数
+    const serieParam = this.commputeSeriesParam();
+    model.dechartSerieses?.forEach((series: IData) => {
+      Object.assign(series, {
+        userParam: serieParam,
+      });
+    });
+    return { model, options: {}, data: items };
+  }
+
+  /**
+   * @description 计算序列参数
+   * @returns {*}  {IData}
+   * @memberof GaugeConverter
+   */
+  commputeSeriesParam(): IData {
+    const {
+      series_max,
+      series_detail_fontsize,
+      series_detail_fontstyle,
+      series_detail_fontcolor,
+    } = this.reportUIModel;
+    const seriesParams: IData = {
+      'EC.radius': '90%',
+      'EC.startAngle': '220',
+      'EC.endAngle': '-40',
+      'EC.splitNumber': '4',
+      'EC.tooltip': `{
+          formatter:function(param){
+            return "<div style='min-width:150px'><div>"+ param.seriesId +"</div><div><span style='margin-right:16px'>"+ param.marker + param.name+"</span>"+ param.value+"</div></div>"
+          }
+        }`,
+      'EC.axisTick':
+        '{"splitNumber":5,"distance":5,"lineStyle":{"width":2,"color":"#ddd"}}',
+      'EC.splitLine':
+        '{"length":10,"distance":5,"lineStyle":{"width":2,"color":"#ddd"}}',
+      'EC.title': '{"show":false}',
+      'EC.pointer': '{"length":"50%"}',
+      'EC.detail': '{"offsetCenter":[0,"60%"]}',
+      'EC.progress': '{"show":true,"width":60}',
+      'EC.axisLine':
+        '{"lineStyle":{"width":60,"color":[[1,"rgb(245, 245, 245)"]]}}',
+      'EC.axisLabel':
+        '{"distance":76,"color":"#333","fontSize":12,"formatter": "function (num){return (num * 100) / 100 + `%` }"}',
+    };
+
+    const options: IData = {
+      offsetCenter: [0, '60%'],
+      fontSize: series_detail_fontsize,
+      color: series_detail_fontcolor,
+    };
+    if (series_detail_fontstyle) {
+      if (series_detail_fontstyle === 'bold') {
+        options.fontWeight = series_detail_fontstyle;
+      } else {
+        options.fontWeight = 'normal';
+        options.fontStyle = series_detail_fontstyle;
+      }
+    }
+    seriesParams['EC.detail'] = JSON.stringify(options);
+    if (series_max) {
+      seriesParams['EC.max'] = JSON.stringify(series_max);
+      seriesParams['EC.axisLabel'] = JSON.stringify({
+        distance: 76,
+        color: '#333',
+        fontSize: 12,
+        formatter: `function (num){return (num * 100) / '${series_max}' + '%' }`,
+      });
+    }
+    return seriesParams;
+  }
+}