修改菜单问题

admin/dashboard/templates/message_list.html

@@ -3,6 +3,7 @@
 {% block title %}消息列表{% endblock %}
 
 {% block content %}
+<!-- 消息列表 -->
 <div>
     <h1>消息列表</h1>
     
@@ -20,6 +21,7 @@
                 </el-select>
             </el-form-item>
             
+            <!-- 其他筛选条件保持不变 -->
             <el-form-item label="日期范围">
                 <el-date-picker
                     {% raw %}v-model="dateRange"
@@ -43,7 +45,7 @@
         </el-form>
     </el-card>
     
-    <!-- 消息列表 -->
+    <!-- 消息列表内容保持不变 -->
     <el-card class="message-card">
         <el-table
             {% raw %}:data="messages"
@@ -51,6 +53,7 @@
             size="small"
             v-loading="loading"{% endraw %}
             border>
+            <!-- 表格列保持不变 -->
             <el-table-column
                 prop="timestamp"
                 label="时间"
@@ -122,6 +125,7 @@
         </div>
     </el-card>
     
+    <!-- 对话框保持不变 -->
     <!-- 消息详情对话框 -->
     <el-dialog title="消息详情" {% raw %}:visible.sync="detailDialogVisible"{% endraw %} width="60%">
         <div {% raw %}v-if="selectedMessage"{% endraw %}>
@@ -156,16 +160,9 @@
 
 {% block scripts %}
 <script>
-    // 设置当前菜单项
+    new Vue({
-    document.addEventListener('DOMContentLoaded', function() {
+        el: '#app',
-        if (typeof app !== 'undefined' && app.$data) {
+        mixins: [baseApp],
-            app.$data.activeIndex = '7';
-        }
-    });
-    
-    // 消息列表Vue实例
-    var messageListApp = new Vue({
-        el: '#content',
         data() {
             return {
                 loading: false,
@@ -215,7 +212,9 @@
                 selectedMessage: null
             }
         },
-        created() {
+        mounted() {
+            this.currentView = '7'; // 设置当前菜单项
+            
             // 设置默认日期为今天
             const today = new Date();
             this.dateRange = [this.formatDate(today), this.formatDate(today)];