为转存记录页面增加快速筛选功能

可以通过点击任务名称来快速筛选或取消筛选任务

app/static/css/main.css

@@ -4119,3 +4119,13 @@ select.task-filter-select,
   position: relative;
   z-index: 2;
 }
+
+/* 添加任务名称悬停样式 */
+.task-name-hover {
+  cursor: pointer;
+  transition: color 0.2s ease-in-out;
+}
+
+.task-name-hover:hover {
+  color: var(--focus-border-color) !important;
+}

app/templates/index.html

@@ -768,13 +768,15 @@
                       <div v-if="!record._expandedFields || !record._expandedFields.includes('task_name')" 
                            class="text-truncate" 
                            :title="record.task_name" 
-                           v-check-overflow="index + '|task_name'">
+                           v-check-overflow="index + '|task_name'"
+                           :class="{'task-name-hover': true}"
+                           @click.stop="filterByTaskName(record.task_name, $event)">
                         {{ record.task_name }}
                       </div>
                       <div class="expand-button" v-if="isTextTruncated(record.task_name, index, 'task_name')" @click.stop="toggleExpand(index, 'task_name', $event)">
                         <i :class="record._expandedFields && record._expandedFields.length > 0 ? 'bi bi-chevron-up' : 'bi bi-chevron-down'"></i>
                       </div>
-                      <div class="expanded-text" v-if="record._expandedFields && record._expandedFields.includes('task_name')">
+                      <div class="expanded-text task-name-hover" v-if="record._expandedFields && record._expandedFields.includes('task_name')" @click.stop="filterByTaskName(record.task_name, $event)">
                         {{ record.task_name }}
                       </div>
                     </td>
@@ -3684,6 +3686,23 @@
               alert("刷新 AList 目录失败: " + (error.response?.data?.message || error.message || "未知错误"));
             });
         },
+        filterByTaskName(taskName, event) {
+          // 防止事件冒泡，避免触发行选择
+          if (event) {
+            event.stopPropagation();
+          }
+          
+          // 如果当前已经筛选了该任务，则取消筛选
+          if (this.historyTaskSelected === taskName) {
+            this.historyTaskSelected = "";
+          } else {
+            // 设置任务筛选值
+            this.historyTaskSelected = taskName;
+          }
+          
+          // 重新加载记录
+          this.loadHistoryRecords();
+        },
       }
     });
   </script>