From 27cd042df9aca0383a49f3514bc21958dd890912 Mon Sep 17 00:00:00 2001
From: gaoluyang <2820782392@qq.com>
Date: 星期一, 29 六月 2026 15:42:23 +0800
Subject: [PATCH] 银川 1.联调产品维护页面 2.添加IM即时通讯模块
---
src/views/im/manager/statistics/index.vue | 45 +++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 45 insertions(+), 0 deletions(-)
diff --git a/src/views/im/manager/statistics/index.vue b/src/views/im/manager/statistics/index.vue
new file mode 100644
index 0000000..a969b7a
--- /dev/null
+++ b/src/views/im/manager/statistics/index.vue
@@ -0,0 +1,45 @@
+<script lang="ts" setup>
+import type { ImManagerStatisticsApi } from '#/api/im/manager/statistics';
+
+import { onMounted, ref } from 'vue';
+
+import { Page } from '#/packages/effects/common-ui/src';
+
+import { getStatisticsOverview } from '#/api/im/manager/statistics';
+
+import {
+ DistributionChart,
+ OverviewCards,
+ TrendChart,
+} from './components';
+
+defineOptions({ name: 'ImManagerStatistics' });
+
+const overview = ref<ImManagerStatisticsApi.Overview>();
+
+/** 鍔犺浇姒傝鏁版嵁 */
+async function loadOverview() {
+ overview.value = await getStatisticsOverview();
+}
+
+onMounted(loadOverview);
+</script>
+
+<template>
+ <Page auto-content-height>
+ <div class="space-y-4">
+ <OverviewCards v-if="overview" :overview="overview" />
+
+ <div class="grid grid-cols-2 gap-4 max-xl:grid-cols-1">
+ <TrendChart type="message" />
+ <TrendChart type="user" />
+ </div>
+
+ <div class="grid grid-cols-3 gap-4 max-2xl:grid-cols-2 max-xl:grid-cols-1">
+ <DistributionChart type="messageType" />
+ <DistributionChart type="groupSize" />
+ <DistributionChart type="topSenders" />
+ </div>
+ </div>
+ </Page>
+</template>
--
Gitblit v1.9.3