Feature/resource overview

packages/base/src/data/EmitterKey.ts

@@ -13,7 +13,8 @@ enum EmitterKey {
   DMS_Refresh_Export_Data_Workflow = 'DMS_Refresh_Export_Data_Workflow',
   DMS_Refresh_Sync_Data_Source = 'DMS_Refresh_Sync_Data_Source',
   DMS_Refresh_Global_Data_Source = 'DMS_Refresh_Global_Data_Source',
-  DMS_Batch_Test_Data_Source_Connection = 'DMS_Batch_Test_Data_Source_Connection'
+  DMS_Batch_Test_Data_Source_Connection = 'DMS_Batch_Test_Data_Source_Connection',
+  Refresh_Resource_Overview_Page = 'Refresh_Resource_Overview_Page'
 }
 
 export default EmitterKey;

packages/base/src/hooks/useBusinessTag/index.tsx

@@ -0,0 +1,48 @@
+import { useRequest } from 'ahooks';
+import { DmsApi } from '@actiontech/shared/lib/api';
+import { ResponseCode } from '@actiontech/shared/lib/enum';
+import { useMemo } from 'react';
+
+const useBusinessTag = () => {
+  const {
+    data,
+    loading,
+    run: updateBusinessTagList
+  } = useRequest(
+    () => {
+      return DmsApi.ProjectService.ListBusinessTags({
+        page_size: 1000
+      })
+        .then((res) => {
+          if (res.data.code === ResponseCode.SUCCESS) {
+            return res.data.data;
+          }
+          return [];
+        })
+        .catch(() => {
+          return [];
+        });
+    },
+    {
+      manual: true
+    }
+  );
+
+  const businessTagOptions = useMemo(() => {
+    return (
+      data?.map((businessTag) => ({
+        label: businessTag.name,
+        value: businessTag.uid
+      })) ?? []
+    );
+  }, [data]);
+
+  return {
+    businessTagList: data ?? [],
+    businessTagOptions,
+    loading,
+    updateBusinessTagList
+  };
+};
+
+export default useBusinessTag;

packages/base/src/hooks/useProjectTips/index.ts

@@ -3,26 +3,33 @@ import { DmsApi } from '@actiontech/shared/lib/api';
 import { ResponseCode } from '@actiontech/shared/lib/enum';
 import { useBoolean } from 'ahooks';
 import { IListProjectV2 } from '@actiontech/shared/lib/api/base/service/common';
+import { IListProjectsV2Params } from '@actiontech/shared/lib/api/base/service/Project/index.d';
 
 const useProjectTips = () => {
   const [projectList, setProjectList] = useState<IListProjectV2[]>([]);
   const [loading, { setTrue, setFalse }] = useBoolean();
 
-  const updateProjects = useCallback(() => {
-    setTrue();
-    DmsApi.ProjectService.ListProjectsV2({ page_size: 9999 })
-      .then((res) => {
-        if (res.data.code === ResponseCode.SUCCESS) {
-          setProjectList(res.data.data ?? []);
-        }
+  const updateProjects = useCallback(
+    (params?: Omit<IListProjectsV2Params, 'page_size'>) => {
+      setTrue();
+      DmsApi.ProjectService.ListProjectsV2({
+        ...(params ?? {}),
+        page_size: 9999
       })
-      .catch(() => {
-        setProjectList([]);
-      })
-      .finally(() => {
-        setFalse();
-      });
-  }, [setFalse, setTrue]);
+        .then((res) => {
+          if (res.data.code === ResponseCode.SUCCESS) {
+            setProjectList(res.data.data ?? []);
+          }
+        })
+        .catch(() => {
+          setProjectList([]);
+        })
+        .finally(() => {
+          setFalse();
+        });
+    },
+    [setFalse, setTrue]
+  );
 
   const projectIDOptions = useMemo(() => {
     return projectList.map((project) => {

packages/base/src/hooks/useThemeStyleData/__snapshots__/index.test.tsx.snap

@@ -84,6 +84,18 @@ exports[`test base/hooks/useThemeStyleData should match snapshot 1`] = `
       "modify": "#292C33",
     },
   },
+  "resourceOverview": {
+    "chart": {
+      "activeStroke": "#ffffff",
+      "markShowdowColor": "rgba(26, 206, 219, 0.2)",
+      "markStroke": "rgba(26, 206, 219, 0.2)",
+      "pieStroke": "#ffffff",
+    },
+    "icon": {
+      "databaseFilled": "#4583FF",
+      "schemaFilled": "#15C7D4",
+    },
+  },
   "sideMenu": {
     "projectSelector": {
       "dropdown": {

packages/base/src/locale/zh-CN/dmsProject.ts

@@ -89,5 +89,6 @@ export default {
       '业务：在项目的基础上，业务作为子项目或特定业务领域的标签，帮助您进一步组织和细化数据资源。业务层使您能够针对特定需求进行数据的集中管理和操作。',
     dataSource:
       '数据源：数据源是构建在业务基础上的实际操作对象。您可以在数据源层面执行具体的数据操作，如查询、更新和管理数据。'
-  }
+  },
+  resourceOverview: '资源全景视图'
 };

packages/base/src/locale/zh-CN/index.ts

@@ -13,7 +13,7 @@ import dmsMenu from './dmsMenu';
 import dmsAccount from './dmsAccount';
 import dmsDataExport from './dmsDataExport';
 import dmsGlobalDataSource from './dmsGlobalDataSource';
-
+import resourceOverview from './resourceOverview';
 // eslint-disable-next-line import/no-anonymous-default-export
 export default {
   translation: {
@@ -30,6 +30,7 @@ export default {
     dmsMenu,
     dmsAccount,
     dmsDataExport,
-    dmsGlobalDataSource
+    dmsGlobalDataSource,
+    resourceOverview
   }
 };

packages/base/src/locale/zh-CN/resourceOverview.ts

@@ -0,0 +1,37 @@
+// eslint-disable-next-line import/no-anonymous-default-export
+export default {
+  title: '资源全景视图',
+  baseInfo: {
+    businessCount: '业务总数',
+    projectCount: '项目总数',
+    sourceCount: '数据源总数'
+  },
+
+  expandAll: '展开全部',
+  collapseAll: '折叠全部',
+
+  resourceTopology: '资源拓扑',
+  resourceDetail: '资源详情',
+  selectProjectFirst: '请先选择所属项目',
+  unboundProject: '暂未关联项目',
+  resourceList: {
+    resourceName: '资源名称',
+    type: '资源类型',
+    business: '所属业务',
+    project: '所属项目',
+    environment: '所属环境',
+    auditScore: '审核质量评分',
+    auditScoreTips: '分数区间是(0-100)分',
+    highPrioritySqlCount: '高优先级SQL数',
+    pendingWorkflowCount: '待处理工单数量',
+    viewDetail: '查看详情'
+  },
+  distributionChart: {
+    title: '资源类型分布',
+    emptyText: '暂无数据，购买数据源后回到本页查看',
+    sourceTotal: '数据源总计',
+    sourceNumItem: '数据源数量',
+    sourceProportionItem: '数据源占比'
+  },
+  export: '导出'
+};