flat: 演示版

components/renderJobs/renderJobs.vue

@@ -82,9 +82,36 @@ watch(
     () => props.list,
     (newList) => {
         if (!Array.isArray(newList)) return;
-        const newItems = newList.filter((item) => !processedIds.has(item.id));
+
+        // --- 新增逻辑开始 ---
+        // 判断是否需要重置数据 (例如：点击了搜索、切换了Tab、或下拉刷新)
+        let shouldReset = false;
+
+        // 场景1: 新列表长度比当前渲染的列表短，说明发生了重置（如从20条变成了10条）
+        if (dataSource.value.length > newList.length) {
+            shouldReset = true;
+        }
+        // 场景2: 列表不为空，且第一条数据的ID发生了变化，说明是全新的搜索结果
+        else if (dataSource.value.length > 0 && newList.length > 0) {
+            const oldId = dataSource.value[0].id || dataSource.value[0].jobId;
+            const newId = newList[0].id || newList[0].jobId;
+            if (oldId !== newId) {
+                shouldReset = true;
+            }
+        }
+
+        // 如果判定为重置，则清空现有数据和ID记录
+        if (shouldReset) {
+            dataSource.value = [];
+            processedIds.clear();
+        }
+        // --- 新增逻辑结束 ---
+
+        const newItems = newList.filter((item) => !processedIds.has(item.id || item.jobId));
+
         if (newItems.length === 0) return;
-        newItems.forEach((item) => processedIds.add(item.id));
+
+        newItems.forEach((item) => processedIds.add(item.id || item.jobId));
         const delay = 50;
         newItems.forEach((item, index) => {
             setTimeout(() => {
@@ -92,7 +119,7 @@ watch(
             }, index * delay);
         });
     },
-    { immediate: true }
+    { immediate: true, deep: true } // 建议加上 deep，虽然这里监听的是数组引用变化
 );
 
 function nextDetail(job) {