[improvement][semantic-fe] Redesigning the indicator homepage to incorporate trend charts and table functionality for indicators (#347)

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

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

@@ -6,7 +6,6 @@ import ClassDataSourceTable from './ClassDataSourceTable';
 import ClassDimensionTable from './ClassDimensionTable';
 import ClassMetricTable from './ClassMetricTable';
 import PermissionSection from './Permission/PermissionSection';
-// import DatabaseSection from './Database/DatabaseSection';
 import EntitySettingSection from './Entity/EntitySettingSection';
 import ChatSettingSection from '../ChatSetting/ChatSettingSection';
 import OverView from './OverView';
@@ -16,6 +15,7 @@ import { LeftOutlined } from '@ant-design/icons';
 import { ISemantic } from '../data';
 import SemanticGraphCanvas from '../SemanticGraphCanvas';
 import RecommendedQuestionsSection from '../components/Entity/RecommendedQuestionsSection';
+import DatabaseTable from '../components/Database/DatabaseTable';
 
 import type { Dispatch } from 'umi';
 
@@ -39,10 +39,10 @@ const DomainManagerTab: React.FC<Props> = ({
   onMenuChange,
 }) => {
   const defaultTabKey = 'xflow';
-  const { selectDomainId, domainList } = domainManger;
+  const { selectDomainId, domainList, selectModelId } = domainManger;
   const tabItem = [
     {
-      label: '模型',
+      label: '模型管理',
       key: 'overview',
       children: (
         <OverView
@@ -53,16 +53,16 @@ const DomainManagerTab: React.FC<Props> = ({
         />
       ),
     },
-    // {
-    //   label: '数据库',
-    //   key: 'dataBase',
-    //   children: <DatabaseSection />,
-    // },
     {
       label: '权限管理',
       key: 'permissonSetting',
       children: <PermissionSection permissionTarget={'domain'} />,
     },
+    {
+      label: '数据库管理',
+      key: 'database',
+      children: <DatabaseTable />,
+    },
   ].filter((item) => {
     const target = domainList.find((domain) => domain.id === selectDomainId);
     if (target?.hasEditPermission) {
@@ -76,7 +76,7 @@ const DomainManagerTab: React.FC<Props> = ({
       label: '画布',
       key: 'xflow',
       children: (
-        <div style={{ width: '100%', marginTop: -20 }}>
+        <div style={{ width: '100%' }}>
           <SemanticGraphCanvas />
         </div>
       ),
@@ -131,20 +131,35 @@ const DomainManagerTab: React.FC<Props> = ({
         items={!isModel ? tabItem : isModelItem}
         activeKey={activeKey || defaultTabKey}
         destroyInactiveTabPane
-        tabBarExtraContent={
-          isModel ? (
-            <Button
-              type="primary"
-              icon={<LeftOutlined />}
-              onClick={() => {
-                onBackDomainBtnClick?.();
-              }}
-              style={{ marginRight: 10 }}
-            >
-              返回主题域
-            </Button>
-          ) : undefined
-        }
+        size="large"
+        tabBarExtraContent={{
+          left: (
+            <>
+              {!!selectModelId && (
+                <div
+                  className={styles.backBtn}
+                  onClick={() => {
+                    onBackDomainBtnClick?.();
+                  }}
+                >
+                  <LeftOutlined />
+                </div>
+              )}
+            </>
+          ),
+          // right: isModel ? (
+          //   <Button
+          //     type="primary"
+          //     icon={<LeftOutlined />}
+          //     onClick={() => {
+          //       onBackDomainBtnClick?.();
+          //     }}
+          //     style={{ marginRight: 10, marginBottom: 5 }}
+          //   >
+          //     返回主题域
+          //   </Button>
+          // ) : undefined,
+        }}
         onChange={(menuKey: string) => {
           onMenuChange?.(menuKey);
         }}