+
+
+
+ )
+ },
+})
+
+export default statistics
diff --git a/dolphinscheduler-ui-next/src/views/monitor/statistics/statistics/use-statistics.ts b/dolphinscheduler-ui-next/src/views/monitor/statistics/statistics/use-statistics.ts
new file mode 100644
index 0000000000..8742e43eba
--- /dev/null
+++ b/dolphinscheduler-ui-next/src/views/monitor/statistics/statistics/use-statistics.ts
@@ -0,0 +1,47 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements. See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License. You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import {
+ countQueueState,
+ countCommandState,
+} from '@/service/modules/projects-analysis'
+import { useAsyncState } from '@vueuse/core'
+import type { Ref } from 'vue'
+import type {
+ TaskQueueRes,
+ CommandStateRes,
+} from '@/service/modules/projects-analysis/types'
+
+export function useStatistics() {
+ const getTask = () => {
+ const { state } = useAsyncState(countQueueState(), {})
+ return state
+ }
+
+ const getCommand = () => {
+ const { state } = useAsyncState(countCommandState(), [])
+ return state
+ }
+
+ const getStatistics = () => {
+ const task: Ref = getTask()
+ const command: Ref> = getCommand()
+ return { task, command }
+ }
+
+ return { getStatistics }
+}