更新逻辑，缓存

src/components/CacheManager.vue

@@ -92,22 +92,22 @@ export default {
     },
     async refreshCaches() {
       if (!this.serviceWorkerActive) return;
-      
+
       this.loading = true;
       this.message = '';
       this.caches = [];
-      
+
       try {
         // 获取所有缓存名称
         const cacheNames = await this.sendMessageToSW({ type: 'CACHE_KEYS' });
-        
+
         // 获取每个缓存的内容
         for (const cacheName of cacheNames.cacheNames) {
-          const cacheContent = await this.sendMessageToSW({ 
-            type: 'CACHE_CONTENT', 
-            cacheName 
+          const cacheContent = await this.sendMessageToSW({
+            type: 'CACHE_CONTENT',
+            cacheName
           });
-          
+
           this.caches.push({
             name: cacheName,
             urls: cacheContent.urls || []
@@ -122,11 +122,11 @@ export default {
     async clearCache(cacheName) {
       this.loading = true;
       try {
-        const result = await this.sendMessageToSW({ 
-          type: 'CLEAR_CACHE', 
-          cacheName 
+        const result = await this.sendMessageToSW({
+          type: 'CLEAR_CACHE',
+          cacheName
         });
-        
+
         if (result.success) {
           this.showMessage(`已清除缓存: ${this.formatCacheName(cacheName)}`, 'success');
           await this.refreshCaches();
@@ -142,12 +142,12 @@ export default {
     async clearUrl(cacheName, url) {
       this.loading = true;
       try {
-        const result = await this.sendMessageToSW({ 
-          type: 'CLEAR_URL', 
+        const result = await this.sendMessageToSW({
+          type: 'CLEAR_URL',
           cacheName,
-          url 
+          url
         });
-        
+
         if (result.success) {
           this.showMessage(`已从缓存中删除: ${this.getFileName(url)}`, 'success');
           await this.refreshCaches();
@@ -164,11 +164,11 @@ export default {
       if (!confirm('确定要清除所有缓存吗？这可能会导致应用需要重新下载资源。')) {
         return;
       }
-      
+
       this.loading = true;
       try {
         const result = await this.sendMessageToSW({ type: 'CLEAR_ALL_CACHES' });
-        
+
         if (result.success) {
           this.showMessage('已清除所有缓存', 'success');
           await this.refreshCaches();
@@ -187,14 +187,14 @@ export default {
           reject(new Error('Service Worker 未控制页面'));
           return;
         }
-        
+
         const messageChannel = new MessageChannel();
         messageChannel.port1.onmessage = (event) => {
           resolve(event.data);
         };
-        
+
         navigator.serviceWorker.controller.postMessage(message, [messageChannel.port2]);
-        
+
         // 设置超时
         setTimeout(() => {
           reject(new Error('Service Worker 响应超时'));
@@ -218,14 +218,15 @@ export default {
         const urlObj = new URL(url);
         const pathParts = urlObj.pathname.split('/');
         return pathParts[pathParts.length - 1] || urlObj.hostname;
-      } catch (e) {
+      } catch (error) {
+        console.error('获取文件名失败:', error);
         return url;
       }
     },
     showMessage(message, type = 'info') {
       this.message = message;
       this.messageType = type;
-      
+
       // 5秒后自动清除消息
       setTimeout(() => {
         if (this.message === message) {
@@ -235,4 +236,4 @@ export default {
     }
   }
 }
-</script> 
+</script>

src/components/settings/cards/RandomPickerSettingsCard.vue

@@ -1,117 +0,0 @@
-<template>
-  <v-card border class="mb-4">
-    <v-card-title class="d-flex align-center">
-      <v-icon icon="mdi-account-question" class="mr-2" />
-      随机点名设置
-    </v-card-title>
-
-    <v-card-text>
-      <v-switch
-        v-model="randomPickerEnabled"
-        label="启用随机点名功能"
-        color="primary"
-        hide-details
-        class="mb-4"
-      />
-      
-      <v-switch
-        v-model="randomPickerAnimation"
-        label="启用随机点名动画效果"
-        color="primary"
-        hide-details
-        class="mb-4"
-        :disabled="!randomPickerEnabled"
-      />
-      
-      <v-slider
-        v-model="defaultCount"
-        label="默认抽取人数"
-        min="1"
-        max="10"
-        step="1"
-        thumb-label
-        :disabled="!randomPickerEnabled"
-        class="mb-4"
-      />
-      
-      <v-divider class="my-4" />
-      
-      <div class="text-subtitle-1 mb-2">学生过滤设置</div>
-      
-      <v-switch
-        v-model="excludeAbsent"
-        label="排除请假学生"
-        color="primary"
-        hide-details
-        class="mb-2"
-        :disabled="!randomPickerEnabled"
-      />
-      
-      <v-switch
-        v-model="excludeLate"
-        label="排除迟到学生"
-        color="primary"
-        hide-details
-        class="mb-2"
-        :disabled="!randomPickerEnabled"
-      />
-      
-      <v-switch
-        v-model="excludeExcluded"
-        label="排除不参与学生"
-        color="primary"
-        hide-details
-        class="mb-2"
-        :disabled="!randomPickerEnabled"
-      />
-      
-      <v-alert
-        v-if="randomPickerEnabled"
-        type="info"
-        variant="tonal"
-        class="mt-4"
-        density="compact"
-      >
-        随机点名功能将在主页显示一个按钮，点击后可以随机抽取学生。
-      </v-alert>
-    </v-card-text>
-  </v-card>
-</template>
-
-<script>
-import { getSetting, setSetting } from '@/utils/settings';
-
-export default {
-  name: 'RandomPickerSettingsCard',
-  data() {
-    return {
-      randomPickerEnabled: getSetting('randomPicker.enabled'),
-      randomPickerAnimation: getSetting('randomPicker.animation'),
-      defaultCount: getSetting('randomPicker.defaultCount'),
-      excludeAbsent: getSetting('randomPicker.excludeAbsent'),
-      excludeLate: getSetting('randomPicker.excludeLate'),
-      excludeExcluded: getSetting('randomPicker.excludeExcluded')
-    };
-  },
-  watch: {
-    randomPickerEnabled(newValue) {
-      setSetting('randomPicker.enabled', newValue);
-    },
-    randomPickerAnimation(newValue) {
-      setSetting('randomPicker.animation', newValue);
-    },
-    defaultCount(newValue) {
-      setSetting('randomPicker.defaultCount', newValue);
-    },
-    excludeAbsent(newValue) {
-      setSetting('randomPicker.excludeAbsent', newValue);
-    },
-    excludeLate(newValue) {
-      setSetting('randomPicker.excludeLate', newValue);
-    },
-    excludeExcluded(newValue) {
-      setSetting('randomPicker.excludeExcluded', newValue);
-    }
-  }
-};
-</script>