diff --git a/apps/web-antd/src/views/bpm/processInstance/detail/modules/time-line.vue b/apps/web-antd/src/views/bpm/processInstance/detail/modules/time-line.vue
index 0e9f2ab7e..0952993e6 100644
--- a/apps/web-antd/src/views/bpm/processInstance/detail/modules/time-line.vue
+++ b/apps/web-antd/src/views/bpm/processInstance/detail/modules/time-line.vue
@@ -273,10 +273,7 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
           </div>
         </template>
 
-        <div
-          class="ml-2 flex flex-col items-start gap-2"
-          :id="`activity-task-${activity.id}-${index}`"
-        >
+        <div class="ml-2 flex flex-col items-start gap-2">
           <!-- 第一行：节点名称、时间 -->
           <div class="flex w-full">
             <div class="font-bold">
@@ -350,12 +347,12 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
             </div>
           </div>
 
-          <div v-else class="mt-1 flex flex-wrap items-center gap-2">
+          <div v-else class="mt-1 flex w-full flex-wrap items-center gap-2">
             <!-- 情况一：遍历每个审批节点下的【进行中】task 任务 -->
             <div
               v-for="(task, idx) in activity.tasks"
               :key="idx"
-              class="flex flex-col gap-2 pr-2"
+              class="flex w-full flex-col gap-2 pr-2"
             >
               <div
                 class="relative flex flex-wrap gap-2"
@@ -416,11 +413,10 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
               </div>
 
               <!-- 审批意见,附件和签名 -->
-              <teleport defer :to="`#activity-task-${activity.id}-${index}`">
-                <div
-                  v-if="shouldShowReasonAndAttachment(task, activity.nodeType)"
-                  class="mt-1 w-full rounded-md bg-gray-100 p-2 text-sm text-gray-500"
-                >
+              <div
+                v-if="shouldShowReasonAndAttachment(task, activity.nodeType)"
+                class="mt-1 w-full rounded-md bg-gray-100 p-2 text-sm text-gray-500"
+              >
                   <div v-if="task.reason">审批意见：{{ task.reason }}</div>
                   <div
                     v-if="(task.attachments?.length || 0) > 0"
@@ -486,7 +482,6 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
                     :preview="{ src: task.signPicUrl }"
                   />
                 </div>
-              </teleport>
             </div>
 
             <!-- 情况二：遍历每个审批节点下的【候选的】task 任务 -->
diff --git a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue
index 5369dcdb5..86c980e86 100644
--- a/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue
+++ b/apps/web-antdv-next/src/views/bpm/processInstance/detail/modules/time-line.vue
@@ -280,10 +280,7 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
           </div>
         </template>
 
-        <div
-          class="ml-2 flex flex-col items-start gap-2"
-          :id="`activity-task-${activity.id}-${index}`"
-        >
+        <div class="ml-2 flex flex-col items-start gap-2">
           <!-- 第一行：节点名称、时间 -->
           <div class="flex w-full">
             <div class="font-bold">
@@ -357,12 +354,12 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
             </div>
           </div>
 
-          <div v-else class="mt-1 flex flex-wrap items-center gap-2">
+          <div v-else class="mt-1 flex w-full flex-wrap items-center gap-2">
             <!-- 情况一：遍历每个审批节点下的【进行中】task 任务 -->
             <div
               v-for="(task, idx) in activity.tasks"
               :key="idx"
-              class="flex flex-col gap-2 pr-2"
+              class="flex w-full flex-col gap-2 pr-2"
             >
               <div
                 class="relative flex flex-wrap gap-2"
@@ -423,77 +420,73 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
               </div>
 
               <!-- 审批意见、附件和签名 -->
-              <teleport defer :to="`#activity-task-${activity.id}-${index}`">
+              <div
+                v-if="shouldShowReasonAndAttachment(task, activity.nodeType)"
+                class="mt-1 w-full rounded-md bg-gray-100 p-2 text-sm text-gray-500"
+              >
+                <div v-if="task.reason">审批意见：{{ task.reason }}</div>
                 <div
-                  v-if="shouldShowReasonAndAttachment(task, activity.nodeType)"
-                  class="mt-1 w-full rounded-md bg-gray-100 p-2 text-sm text-gray-500"
+                  v-if="(task.attachments?.length || 0) > 0"
+                  :class="{
+                    'mt-2 border-t border-dashed border-gray-300 pt-2':
+                      task.reason,
+                  }"
                 >
-                  <div v-if="task.reason">审批意见：{{ task.reason }}</div>
-                  <div
-                    v-if="(task.attachments?.length || 0) > 0"
-                    :class="{
-                      'mt-2 border-t border-dashed border-gray-300 pt-2':
-                        task.reason,
-                    }"
-                  >
-                    <div class="mb-1 text-xs font-semibold text-gray-400">
-                      附件列表：
-                    </div>
-                    <div class="flex flex-col gap-1.5">
-                      <template
-                        v-for="(
-                          attachment, attachmentIndex
-                        ) in task.attachments"
-                        :key="attachmentIndex"
-                      >
-                        <div class="flex items-center gap-2">
-                          <IconifyIcon
-                            :icon="
-                              isImageAttachment(attachment)
-                                ? 'lucide:image'
-                                : 'lucide:file-text'
-                            "
-                            class="text-gray-400"
-                          />
-                          <Image
-                            v-if="isImageAttachment(attachment)"
-                            :width="32"
-                            :height="32"
-                            class="rounded border border-solid border-gray-200 object-cover"
-                            :src="attachment"
-                            :preview="{ src: attachment }"
-                          />
-                          <a
-                            v-else
-                            :href="attachment"
-                            target="_blank"
-                            class="max-w-[240px] truncate text-blue-500 hover:text-blue-600 hover:underline"
-                            :title="getAttachmentName(attachment)"
-                          >
-                            {{ getAttachmentName(attachment) }}
-                          </a>
-                        </div>
-                      </template>
-                    </div>
+                  <div class="mb-1 text-xs font-semibold text-gray-400">
+                    附件列表：
+                  </div>
+                  <div class="flex flex-col gap-1.5">
+                    <template
+                      v-for="(attachment, attachmentIndex) in task.attachments"
+                      :key="attachmentIndex"
+                    >
+                      <div class="flex items-center gap-2">
+                        <IconifyIcon
+                          :icon="
+                            isImageAttachment(attachment)
+                              ? 'lucide:image'
+                              : 'lucide:file-text'
+                          "
+                          class="text-gray-400"
+                        />
+                        <Image
+                          v-if="isImageAttachment(attachment)"
+                          :width="32"
+                          :height="32"
+                          class="rounded border border-solid border-gray-200 object-cover"
+                          :src="attachment"
+                          :preview="{ src: attachment }"
+                        />
+                        <a
+                          v-else
+                          :href="attachment"
+                          target="_blank"
+                          class="max-w-[240px] truncate text-blue-500 hover:text-blue-600 hover:underline"
+                          :title="getAttachmentName(attachment)"
+                        >
+                          {{ getAttachmentName(attachment) }}
+                        </a>
+                      </div>
+                    </template>
                   </div>
                 </div>
-                <div
-                  v-if="
-                    task.signPicUrl &&
-                    activity.nodeType === BpmNodeTypeEnum.USER_TASK_NODE
-                  "
-                  class="mt-1 flex w-full items-center rounded-md bg-gray-100 p-2 text-sm text-gray-500"
-                >
-                  签名：
-                  <Image
-                    class="ml-2"
-                    :width="180"
-                    :height="60"
-                    :src="task.signPicUrl"
-                    :preview="{ src: task.signPicUrl }"
-                  />
-                </div>
-              </teleport>
+              </div>
+              <div
+                v-if="
+                  task.signPicUrl &&
+                  activity.nodeType === BpmNodeTypeEnum.USER_TASK_NODE
+                "
+                class="mt-1 flex w-full items-center rounded-md bg-gray-100 p-2 text-sm text-gray-500"
+              >
+                签名：
+                <Image
+                  class="ml-2"
+                  :width="180"
+                  :height="60"
+                  :src="task.signPicUrl"
+                  :preview="{ src: task.signPicUrl }"
+                />
+              </div>
             </div>
 
             <!-- 情况二：遍历每个审批节点下的【候选的】task 任务 -->
diff --git a/apps/web-ele/src/views/bpm/processInstance/detail/modules/time-line.vue b/apps/web-ele/src/views/bpm/processInstance/detail/modules/time-line.vue
index a7c19037f..905840c6e 100644
--- a/apps/web-ele/src/views/bpm/processInstance/detail/modules/time-line.vue
+++ b/apps/web-ele/src/views/bpm/processInstance/detail/modules/time-line.vue
@@ -280,10 +280,7 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
           </div>
         </template>
 
-        <div
-          class="ml-2 flex flex-col items-start gap-2"
-          :id="`activity-task-${activity.id}-${index}`"
-        >
+        <div class="ml-2 flex flex-col items-start gap-2">
           <!-- 第一行：节点名称、时间 -->
           <div class="flex w-full items-center">
             <div class="font-bold">
@@ -355,12 +352,12 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
             </div>
           </div>
 
-          <div v-else class="mt-1 flex flex-wrap items-center gap-2">
+          <div v-else class="mt-1 flex w-full flex-wrap items-center gap-2">
             <!-- 情况一：遍历每个审批节点下的【进行中】task 任务 -->
             <div
               v-for="(task, idx) in activity.tasks"
               :key="idx"
-              class="flex flex-col gap-2 pr-2"
+              class="flex w-full flex-col gap-2 pr-2"
             >
               <div
                 class="relative flex flex-wrap gap-2"
@@ -421,11 +418,10 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
               </div>
 
               <!-- 审批意见,附件和签名 -->
-              <teleport defer :to="`#activity-task-${activity.id}-${index}`">
-                <div
-                  v-if="shouldShowReasonAndAttachment(task, activity.nodeType)"
-                  class="mt-1 w-full rounded-md bg-gray-100 p-2 text-sm text-gray-500"
-                >
+              <div
+                v-if="shouldShowReasonAndAttachment(task, activity.nodeType)"
+                class="mt-1 w-full rounded-md bg-gray-100 p-2 text-sm text-gray-500"
+              >
                   <div v-if="task.reason">审批意见：{{ task.reason }}</div>
                   <div
                     v-if="(task.attachments?.length || 0) > 0"
@@ -489,7 +485,6 @@ defineExpose({ setCustomApproveUsers, batchSetCustomApproveUsers });
                     :preview-src-list="[task.signPicUrl]"
                   />
                 </div>
-              </teleport>
             </div>
 
             <!-- 情况二：遍历每个审批节点下的【候选的】task 任务 -->