From 896e03af3a8e6e516183cc16cadb9db7bb0d5507 Mon Sep 17 00:00:00 2001
From: liuwei <liuwei@wdtrgf.com.cn>
Date: Wed, 26 Mar 2025 14:45:23 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=8D=E6=96=B0=E5=BC=80=E5=A7=8B=EF=BC=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 plugins/stats_dashboard/templates/base.html   |  2 -
 .../templates/robot_management.html           | 91 ++++++++++++++++++-
 2 files changed, 90 insertions(+), 3 deletions(-)

diff --git a/plugins/stats_dashboard/templates/base.html b/plugins/stats_dashboard/templates/base.html
index 5dc6262..72c2553 100644
--- a/plugins/stats_dashboard/templates/base.html
+++ b/plugins/stats_dashboard/templates/base.html
@@ -14,8 +14,6 @@
     <script src="https://unpkg.com/element-ui/lib/index.js"></script>
     <!-- Axios -->
     <script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
-    <!-- ECharts -->
-    <script src="https://cdn.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js"></script>
     <style>
         body {
             margin: 0;
diff --git a/plugins/stats_dashboard/templates/robot_management.html b/plugins/stats_dashboard/templates/robot_management.html
index 64e8c27..64117d9 100644
--- a/plugins/stats_dashboard/templates/robot_management.html
+++ b/plugins/stats_dashboard/templates/robot_management.html
@@ -45,7 +45,7 @@
                             </el-tag>
                         </template>
                     </el-table-column>
-                    <el-table-column label="操作" width="200">
+                    <el-table-column label="操作" width="280">
                         <template slot-scope="scope">
                             <el-button 
                                 size="mini" 
@@ -59,6 +59,12 @@
                                 @click="toggleRobotStatus(scope.row)">
                                 {% raw %}{{ scope.row.robot_status === 'enabled' ? '关闭' : '启用' }}{% endraw %}
                             </el-button>
+                            <el-button 
+                                size="mini" 
+                                type="info" 
+                                @click="viewMessageTrend(scope.row)">
+                                消息趋势
+                            </el-button>
                         </template>
                     </el-table-column>
                 </el-table>
@@ -130,6 +136,17 @@
             <el-button type="primary" @click="submitAddGroup">确定</el-button>
         </span>
     </el-dialog>
+    
+    <!-- 群组消息趋势对话框 -->
+    <el-dialog 
+        title="群组消息趋势" 
+        :visible.sync="messageTrendDialogVisible"
+        width="70%">
+        <div class="chart-container">
+            <h3>{% raw %}{{ currentGroupName }}{% endraw %} 消息趋势</h3>
+            <canvas id="messageTrendChart" width="800" height="400"></canvas>
+        </div>
+    </el-dialog>
 </div>
 {% endblock %}
 
@@ -157,6 +174,12 @@
                         { required: true, message: '请输入群组ID', trigger: 'blur' },
                         { pattern: /^\S+$/, message: '群组ID不能包含空格', trigger: 'blur' }
                     ]
+                },
+                // 添加消息趋势相关数据
+                messageTrendDialogVisible: false,
+                messageTrendData: {
+                    dates: [],
+                    counts: []
                 }
             }
         },
@@ -377,6 +400,72 @@
                         this.$message.error('批量移除失败: ' + error.message);
                     });
                 }).catch(() => {});
+            },
+            // 添加查看消息趋势的方法
+            viewMessageTrend(group) {
+                this.currentGroupId = group.group_id;
+                this.currentGroupName = group.group_name || group.group_id;
+                
+                // 获取消息趋势数据
+                const days = parseInt(this.timeRange || 7);
+                axios.get(`/api/robot/group/${group.group_id}/message_trend?days=${days}`)
+                    .then(response => {
+                        if (response.data.success) {
+                            this.messageTrendData = response.data.data || { dates: [], counts: [] };
+                            this.messageTrendDialogVisible = true;
+                            
+                            // 在下一个DOM更新周期渲染图表
+                            this.$nextTick(() => {
+                                this.renderMessageTrendChart();
+                            });
+                        } else {
+                            this.$message.error('加载消息趋势失败');
+                        }
+                    })
+                    .catch(error => {
+                        console.error('加载消息趋势失败:', error);
+                        this.$message.error('加载消息趋势失败: ' + error.message);
+                    });
+            },
+            // 渲染消息趋势图表
+            renderMessageTrendChart() {
+                const ctx = document.getElementById('messageTrendChart').getContext('2d');
+                
+                // 销毁旧图表
+                if (this.charts && this.charts.messageTrendChart) {
+                    this.charts.messageTrendChart.destroy();
+                }
+                
+                // 确保charts对象存在
+                if (!this.charts) {
+                    this.charts = {};
+                }
+                
+                // 创建新图表
+                this.charts.messageTrendChart = new Chart(ctx, {
+                    type: 'line',
+                    data: {
+                        labels: this.messageTrendData.dates,
+                        datasets: [
+                            {
+                                label: '消息数量',
+                                data: this.messageTrendData.counts,
+                                fill: false,
+                                backgroundColor: 'rgba(75, 192, 192, 0.6)',
+                                borderColor: 'rgba(75, 192, 192, 1)',
+                                tension: 0.1
+                            }
+                        ]
+                    },
+                    options: {
+                        responsive: true,
+                        scales: {
+                            y: {
+                                beginAtZero: true
+                            }
+                        }
+                    }
+                });
             }
         }
     });