update

src/components/Dashboard.vue

@@ -15,9 +15,6 @@
           <div class="update-label">最后更新</div>
           <div class="update-value">{{ formattedUpdateTime }}</div>
         </div>
-        <el-button type="primary" size="small" @click="fetchDashboardData" :loading="loading" class="refresh-btn">
-          <i class="el-icon-refresh"></i> 刷新数据
-        </el-button>
       </div>
     </div>
     
@@ -137,7 +134,8 @@ export default {
       lastUpdateTime: null,
       comparisonChart: null,
       currentTime: '',
-      timeInterval: null
+      timeInterval: null,
+      shouldBeautifyData: true // 默认美化数据
     };
   },
   computed: {
@@ -146,12 +144,36 @@ export default {
       return new Date(this.lastUpdateTime).toLocaleString();
     }
   },
+  created() {
+    // 修复查询参数获取方式
+    try {
+      // 获取完整的 URL 路径，包括哈希部分
+      const fullPath = window.location.href;
+      
+      // 检查 URL 中是否包含查询参数
+      if (fullPath.includes('?')) {
+        // 提取查询参数部分
+        const queryString = fullPath.split('?')[1];
+        // 解析查询参数
+        const params = new URLSearchParams(queryString);
+        
+        if (params.get('beautify') === 'false') {
+          console.log('设置数据不美化');
+          this.shouldBeautifyData = false;
+        } else {
+          console.log('使用默认美化数据');
+        }
+      }
+    } catch (error) {
+      console.error('解析查询参数出错:', error);
+    }
+  },
   mounted() {
     this.fetchDashboardData();
-    // 每5分钟自动刷新一次数据
+    // 每1分钟自动刷新一次数据
     this.autoRefreshInterval = setInterval(() => {
       this.fetchDashboardData();
-    }, 5 * 60 * 1000);
+    }, 60 * 1000);
     
     // 更新当前时间
     this.updateCurrentTime();
@@ -184,6 +206,7 @@ export default {
           // 获取原始数据
           const originalData = response.data.data;
           
+          if (this.shouldBeautifyData) {
             // 对数据进行美化处理
             this.dashboardData = {
               // 用户数据美化：总数增加一些，让数据更好看
@@ -221,19 +244,23 @@ export default {
                 this.dashboardData.yesterday_order_count = this.dashboardData.today_order_count + Math.floor(Math.random() * 12) + 5;
               }
             }
+          } else {
+            // 使用原始数据，不进行美化
+            this.dashboardData = originalData;
+          }
           
           this.lastUpdateTime = new Date();
           this.$nextTick(() => {
             this.initComparisonChart();
           });
         } else {
-          this.$message.error('获取数据失败：' + response.data.message);
+          console.error('获取数据失败：' + response.data.message);
           
           // 如果获取数据失败，使用模拟数据
           this.useMockData();
         }
       } catch (error) {
-        this.$message.error('获取数据失败：' + error.message);
+        console.error('获取数据失败：' + error.message);
         
         // 如果获取数据失败，使用模拟数据
         this.useMockData();
@@ -244,6 +271,8 @@ export default {
     
     // 使用模拟数据
     useMockData() {
+      if (this.shouldBeautifyData) {
+        // 美化的模拟数据
         this.dashboardData = {
           total_user_count: 1258,
           today_user_count: 47,
@@ -255,6 +284,20 @@ export default {
           today_community_count: 3,
           yesterday_community_count: 2
         };
+      } else {
+        // 原始的模拟数据
+        this.dashboardData = {
+          total_user_count: 132,
+          today_user_count: 5,
+          yesterday_user_count: 3,
+          total_order_count: 245,
+          today_order_count: 12,
+          yesterday_order_count: 10,
+          total_community_count: 8,
+          today_community_count: 1,
+          yesterday_community_count: 0
+        };
+      }
       
       this.lastUpdateTime = new Date();
       this.$nextTick(() => {
@@ -451,7 +494,7 @@ export default {
 .refresh-info {
   display: flex;
   align-items: center;
-  gap: 15px;
+  gap: 30px;
   color: #00b4dc;
   font-size: 14px;
 }
@@ -472,17 +515,6 @@ export default {
   font-family: 'Courier New', monospace;
 }
 
-.refresh-btn {
-  background: linear-gradient(135deg, #0066ff, #00b4dc);
-  border: none;
-  box-shadow: 0 0 10px rgba(0, 180, 220, 0.5);
-}
-
-.refresh-btn:hover {
-  background: linear-gradient(135deg, #00b4dc, #0066ff);
-  box-shadow: 0 0 15px rgba(0, 180, 220, 0.7);
-}
-
 .dashboard-content {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));