PullRequest: 792 优化定时模块展示逻辑

Merge branch 'feat/control-schedule-display of [email protected]:oceanbase/oceanbase-developer-center.git into dev-4.3.4

https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/792


Signed-off-by: 晓康 <[email protected]>


* feat: 新用户配置
* refactor: 调整变量名称
* feat: 新增 totalCount 控制定时模块显示
* feat: 修改定时模块展示条件
* fix: 调整依赖项
* fix: 补充数值校验

Author: 之瑛

src/d.ts/index.ts

@@ -2737,6 +2737,7 @@ export interface IDatabaseHistoriesParam {
 export interface ICycleTaskStatRecord {
   type: string;
   successEnabledCount: number;
+  totalCount?: number;
   taskStats: {
     type: string;
     successExecutionCount: number;

src/page/Console/index.tsx

@@ -55,26 +55,27 @@ const Console = () => {
   } = useRequest((params: ICycleTaskStatParam) => getScheduleStat(params), {
     manual: true,
   });
-  const res = useMemo(() => {
-    const scheduleData = {};
+  const schedulesData = useMemo(() => {
+    const _schedules = { totalCount: 0 };
     data?.forEach((item) => {
       const taskStat = sumTaskStats(item.taskStats);
       const schedule = { ...item, taskStat };
-      scheduleData[item?.type] = schedule;
+      _schedules[item?.type] = schedule;
+      _schedules.totalCount += Number(item?.totalCount || 0);
     });
-    return scheduleData;
+    return _schedules;
   }, [data]);
 
   useEffect(() => {
-    const enable = setting.configurations['odc.user.guidePromptEnabled'];
-    const guidePromptEnabled = enable !== 'true';
-    const hasData = data?.length > 0;
+    const enable = setting.configurations?.['odc.user.guidePromptEnabled'];
+    const guidePromptEnabled = enable && enable !== 'true';
+    const hasData = schedulesData?.totalCount > 0;
     if (guidePromptEnabled) {
       setTopAreaLayout(hasData ? areaLayout.schedules : areaLayout.hideTop);
     } else {
       setTopAreaLayout(hasData ? areaLayout.both : areaLayout.quickStart);
     }
-  }, [data]);
+  }, [schedulesData]);
 
   useMount(() => {
     runGetScheduleStat({
@@ -144,15 +145,15 @@ const Console = () => {
             return (
               <ScheduleItem
                 title={title}
-                progress={res[schdules.scheduleType[index]]}
+                progress={schedulesData[schdules.scheduleType[index]]}
                 type={schdules.scheduleType[index]}
               />
             );
           })}
         </div>
       </Card>
     );
-  }, [res]);
+  }, [schedulesData]);
   return (
     <>
       <div className={styles.consoleBackgroud} />