src/views/task/aside/TaskList.vue

@@ -14,6 +14,7 @@ defineProps({
 const taskStore = useTaskStore();
 const data = ref<any[]>([]);
 const activeId = ref("");
+const taskIndex = ref("")
 const el = ref<HTMLDivElement | null>(null);
 const keyword = ref("");
 const canloadMore = ref(true);
@@ -27,6 +28,7 @@ const pagination = reactive({
 
 function selectHandler(item, index: number) {
   activeId.value = item.id;
+  taskIndex.value = item.taskIndex
   console.log(activeId.value, item.id);
   console.log(index);
   taskStore.setActive(index, item.id);
@@ -76,6 +78,7 @@ watch(
   () => taskStore.activeId,
   (newVal) => {
     activeId.value = newVal;
+    taskIndex.value = taskStore.getApprovalList.find(i => i.id === newVal)?.taskIndex
   },
 );
 
@@ -94,6 +97,7 @@ watch(
     });
     data.value = newlist;
     activeId.value = newlist[index].id;
+    taskIndex.value = newlist[index]?.taskIndex
 
     taskStore.setActive(index, newlist[index].id);
     // taskStore.setActive(index)
@@ -136,6 +140,7 @@ onMounted(() => {
     searchId.value = id;
     data.value = await fetchList();
     activeId.value = data.value[0]?.id;
+    taskIndex.value = data.value[0]?.taskIndex
     console.log(data.value);
   });
 });
@@ -166,7 +171,7 @@ defineExpose({
         v-for="(item, index) in data"
         :key="item.id"
         :show-field-list="showFieldList"
-        :selected="activeId === item.id"
+        :selected="`${activeId}_${taskIndex}` === `${item.id}_${item.taskIndex}`"
         :list-item="item"
         @click="selectHandler(item, index)"
       />