[improvement][headless-fe] Added view management functionality. (#701)

* [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.

* [improvement][semantic-fe] Fixing the initialization issue with the date selection component in the indicator details page when switching time granularity.

* [improvement][semantic-fe] Fixing the logic error in the dimension value setting.

* [improvement][semantic-fe] Fixing the synchronization issue with the question and answer settings information.

* [improvement][semantic-fe] Optimizing the canvas functionality for better performance and user experience.

* [improvement][semantic-fe] Optimizing the update process for drawing model relationship edges in the canvas.

* [improvement][semantic-fe] Changing the line type for canvas connections.

* [improvement][semantic-fe] Replacing the initialization variable from "semantic" to "headless".

* [improvement][semantic-fe] Fixing the missing migration issue for default drill-down dimension configuration in model editing. Additionally, optimizing the data retrieval method for initializing fields in the model.

* [improvement][semantic-fe] Updating the logic for the fieldName.

* [improvement][semantic-fe] Adjusting the position of the metrics tab.

* [improvement][semantic-fe] Changing the 字段名称 to 英文名称.

* [improvement][semantic-fe] Fix metric measurement deletion.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI optimization for metric details page.

* [improvement][semantic-fe] UI adjustment for metric details page.

* [improvement][semantic-fe] The granularity field in the time type of model editing now supports setting it as empty.

* [improvement][semantic-fe] Added field type and metric type to the metric creation options.

* [improvement][semantic-fe] The organization structure selection feature has been added to the permission management.

* [improvement][semantic-fe] Improved user experience for the metric list.

* [improvement][semantic-fe] fix update the metric list.

* [improvement][headless-fe] Added view management functionality.

webapp/packages/supersonic-fe/src/pages/SemanticModel/Metric/components/MetricTrendSection.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useRef } from 'react';
 import { message, Row, Col, Button, Space, Select, Form, Tooltip } from 'antd';
 import { queryStruct } from '@/pages/SemanticModel/service';
-import { DownloadOutlined, PoweroffOutlined, ArrowLeftOutlined } from '@ant-design/icons';
+import { DownloadOutlined, PoweroffOutlined, SearchOutlined } from '@ant-design/icons';
 import TrendChart from '@/pages/SemanticModel/Metric/components/MetricTrend';
 import MetricTrendDimensionFilterContainer from './MetricTrendDimensionFilterContainer';
 import MDatePicker from '@/components/MDatePicker';
@@ -11,7 +11,6 @@ import StandardFormRow from '@/components/StandardFormRow';
 import MetricTable from './Table';
 import { ColumnConfig } from '../data';
 import dayjs from 'dayjs';
-import { history } from 'umi';
 import { ISemantic } from '../../data';
 import { DateFieldMap } from '@/pages/SemanticModel/constant';
 import ProCard from '@ant-design/pro-card';
@@ -119,6 +118,9 @@ const MetricTrendSection: React.FC<Props> = ({
         setMetricColumnConfig(targetConfig);
       }
       setDownloadBtnDisabledState(false);
+      if (dimensionGroup[dimensionGroup.length - 1]) {
+        setGroupByDimensionFieldName(dimensionGroup[dimensionGroup.length - 1]);
+      }
     } else {
       if (code === 401 || code === 400) {
         setAuthMessage(msg);
@@ -135,7 +137,7 @@ const MetricTrendSection: React.FC<Props> = ({
     if (metircData?.id) {
       getMetricTrendData({ ...queryParams });
     }
-  }, [metircData, periodDate]);
+  }, [metircData]);
 
   return (
     <div className={styles.metricTrendSection}>
@@ -186,8 +188,6 @@ const MetricTrendSection: React.FC<Props> = ({
                     onChange={(value) => {
                       const params = { ...queryParams, dimensionGroup: value || [] };
                       setQueryParams(params);
-                      getMetricTrendData({ ...params });
-                      setGroupByDimensionFieldName(value[value.length - 1]);
                     }}
                   />
                 </FormItem>
@@ -212,8 +212,20 @@ const MetricTrendSection: React.FC<Props> = ({
                         dimensionFilters,
                       };
                       setQueryParams(params);
-                      getMetricTrendData({ ...params });
                     }}
+                    afterSolt={
+                      <Button
+                        type="primary"
+                        icon={<SearchOutlined />}
+                        size="middle"
+                        loading={metricTrendLoading}
+                        onClick={() => {
+                          getMetricTrendData({ ...queryParams });
+                        }}
+                      >
+                        查 询
+                      </Button>
+                    }
                   />
                 </FormItem>
               </StandardFormRow>
@@ -221,31 +233,21 @@ const MetricTrendSection: React.FC<Props> = ({
           </Col>
           <Col flex="0 1" />
         </Row>
-        <Button
-          style={{
-            position: 'absolute',
-            top: 20,
-            right: 20,
-          }}
-          size="middle"
-          type="link"
-          key="backListBtn"
-          onClick={() => {
-            history.push('/metric/market');
-          }}
-        >
-          <Space>
-            <ArrowLeftOutlined />
-            返回列表页
-          </Space>
-        </Button>
-        {/* <div className={styles.btnWrapper}>
+        {/* <Row style={{ paddingLeft: 82, paddingBottom: 8 }}>
 
-        </div> */}
+        </Row> */}
       </div>
-      {authMessage && <div style={{ color: '#d46b08', marginBottom: 15 }}>{authMessage}</div>}
+
       <div className={styles.sectionBox}>
-        <ProCard size="small" title="数据趋势">
+        <ProCard
+          size="small"
+          title={
+            <>
+              <span>数据趋势</span>
+              {authMessage && <div style={{ color: '#d46b08' }}>{authMessage}</div>}
+            </>
+          }
+        >
           <TrendChart
             data={metricTrendData}
             isPer={
@@ -272,7 +274,7 @@ const MetricTrendSection: React.FC<Props> = ({
         </ProCard>
       </div>
 
-      <div className={styles.sectionBox}>
+      <div className={styles.sectionBox} style={{ paddingBottom: 0 }}>
         <ProCard
           size="small"
           title="数据明细"
@@ -307,7 +309,7 @@ const MetricTrendSection: React.FC<Props> = ({
             </Space.Compact>
           }
         >
-          <div style={{ minHeight: '528px' }}>
+          <div style={{ minHeight: '450px' }}>
             <MetricTable
               loading={metricTrendLoading}
               columnConfig={tableColumnConfig}