From b45592c00933d0324cb023d4776bb3958bb3aad4 Mon Sep 17 00:00:00 2001
From: tristanliu <37809633+sevenliu1896@users.noreply.github.com>
Date: Wed, 6 Dec 2023 11:34:51 +0800
Subject: [PATCH] [improvement][semantic-fe] Adding the ability to download and
 transpose data. (#474)

* [improvement][semantic-fe] Add model alias setting & Add view permission restrictions to the model permission management tab.
[improvement][semantic-fe] Add permission control to the action buttons for the main domain; apply high sensitivity filtering to the authorization of metrics/dimensions.
[improvement][semantic-fe] Optimize the editing mode in the dimension/metric/datasource components to use the modelId stored in the database for data, instead of relying on the data from the state manager.

* [improvement][semantic-fe] Add time granularity setting in the data source configuration.

* [improvement][semantic-fe] Dictionary import for dimension values supported in Q&A visibility

* [improvement][semantic-fe] Modification of data source creation prompt wording"

* [improvement][semantic-fe] metric market experience optimization

* [improvement][semantic-fe] enhance the analysis of metric trends

* [improvement][semantic-fe] optimize the presentation of metric trend permissions

* [improvement][semantic-fe] add metric trend download functionality

* [improvement][semantic-fe] fix the dimension initialization issue in metric correlation

* [improvement][semantic-fe] Fix the issue of database changes not taking effect when creating based on an SQL data source.

* [improvement][semantic-fe] Optimizing pagination logic and some CSS styles

* [improvement][semantic-fe] Fixing the API for the indicator list by changing "current" to "pageNum"

* [improvement][semantic-fe] Fixing the default value setting for the indicator list

* [improvement][semantic-fe] Adding batch operations for indicators/dimensions/models

* [improvement][semantic-fe] Replacing the single status update API for indicators/dimensions with a batch update API

* [improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators

* [improvement][semantic-fe] Optimizing the logic for setting dimension values and editing data sources, and adding system settings functionality

* [improvement][semantic-fe] Upgrading antd version to 5.x, extracting the batch operation button component, optimizing the interaction for system settings, and expanding the configuration generation types for list-to-select component.

* [improvement][semantic-fe] Adding the ability to filter dimensions based on whether they are tags or not.

* [improvement][semantic-fe] Adding the ability to edit relationships between models in the canvas.

* [improvement][semantic-fe] Updating the datePicker component to use dayjs instead.

* [improvement][semantic-fe] Fixing the issue with passing the model ID for dimensions in the indicator market.

* [improvement][semantic-fe] Fixing the abnormal state of the popup when creating a model.

* [improvement][semantic-fe] Adding permission logic for bulk operations in the indicator market.

* [improvement][semantic-fe] Adding the ability to download and transpose data.
---
 .../Metric/components/MetricTrendSection.tsx  | 45 +++++++++++++------
 .../src/pages/SemanticModel/service.ts        |  3 ++
 2 files changed, 34 insertions(+), 14 deletions(-)

diff --git a/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx b/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx
index 025db547a..3fb507977 100644
--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx
@@ -10,6 +10,7 @@ import {
   LineChartOutlined,
   TableOutlined,
   DownloadOutlined,
+  PoweroffOutlined,
 } from '@ant-design/icons';
 import DimensionAndMetricRelationModal from '../../components/DimensionAndMetricRelationModal';
 import TrendChart from '@/pages/SemanticModel/Metric/components/MetricTrend';
@@ -66,6 +67,8 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
   const [chartType, setChartType] = useState<'chart' | 'table'>('chart');
   const [tableColumnConfig, setTableColumnConfig] = useState<ColumnConfig[]>([]);
 
+  const [transformState, setTransformState] = useState<boolean>(false);
+
   const [groupByDimensionFieldName, setGroupByDimensionFieldName] = useState<string>();
 
   const getMetricTrendData = async (params: any = { download: false }) => {
@@ -107,6 +110,7 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
       startDate: periodDate.startDate,
       endDate: periodDate.endDate,
       download,
+      isTransform: transformState,
     });
     if (download) {
       setDownloadLoding(false);
@@ -301,20 +305,33 @@ const MetricTrendSection: React.FC<Props> = ({ metircData }) => {
                   </Space>
                 </Button>
               )}
-              <Button
-                type="primary"
-                key="download"
-                loading={downloadLoding}
-                disabled={downloadBtnDisabledState}
-                onClick={() => {
-                  getMetricTrendData({ download: true, ...queryParams });
-                }}
-              >
-                <Space>
-                  <DownloadOutlined />
-                  下载
-                </Space>
-              </Button>
+
+              <Space.Compact block>
+                <Button
+                  type="primary"
+                  key="download"
+                  loading={downloadLoding}
+                  disabled={downloadBtnDisabledState}
+                  onClick={() => {
+                    getMetricTrendData({ download: true, ...queryParams });
+                  }}
+                >
+                  <Space>
+                    <DownloadOutlined />
+                    下载
+                  </Space>
+                </Button>
+
+                <Tooltip title="开启转置">
+                  <Button
+                    type={transformState ? 'primary' : 'default'}
+                    icon={<PoweroffOutlined />}
+                    onClick={() => {
+                      setTransformState(!transformState);
+                    }}
+                  />
+                </Tooltip>
+              </Space.Compact>
             </Space>
           </Col>
         </Row>
diff --git a/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts b/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts
index 3e198e505..b3884f26a 100644
--- a/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts
+++ b/webapp/packages/supersonic-fe/src/pages/SemanticModel/service.ts
@@ -455,6 +455,7 @@ export async function queryStruct({
   download = false,
   groups = [],
   dimensionFilters = [],
+  isTransform,
 }: {
   modelIds: number[];
   bizName: string;
@@ -464,6 +465,7 @@ export async function queryStruct({
   download?: boolean;
   groups?: string[];
   dimensionFilters?: string[];
+  isTransform: boolean;
 }): Promise<any> {
   const response = await request(
     `${process.env.API_BASE_URL}query/${download ? 'download/' : ''}struct`,
@@ -474,6 +476,7 @@ export async function queryStruct({
         modelIds,
         groups: [dateField, ...groups],
         dimensionFilters,
+        isTransform,
         aggregators: [
           {
             column: bizName,