fix: 修复进入审核页面后跳转至其他页面报错

src/views/bpm/processInstance/detail/ProcessInstanceOperationButton.vue

 <template>
 <template>
-  <Teleport v-if="runningTask?.id" to=".section-container">
   <div
   <div
-      class="h-50px position-fixed bottom-10 pl-50px text-14px flex items-center color-#32373c dark:color-#fff font-bold btn-container"
+    class="h-50px position-fixed bottom-10 text-14px flex items-center color-#32373c dark:color-#fff font-bold btn-container"
   >
   >
     <el-popover :visible="passVisible" placement="top-end" :width="500" trigger="click">
     <el-popover :visible="passVisible" placement="top-end" :width="500" trigger="click">
       <template #reference>
       <template #reference>
@@ -26,9 +25,7 @@
           </el-form-item>
           </el-form-item>
           <el-card v-if="runningTask.formId > 0" class="mb-15px !-mt-10px">
           <el-card v-if="runningTask.formId > 0" class="mb-15px !-mt-10px">
             <template #header>
             <template #header>
-                <span class="el-icon-picture-outline">
-                  填写表单【{{ runningTask?.formName }}】
-                </span>
+              <span class="el-icon-picture-outline"> 填写表单【{{ runningTask?.formName }}】 </span>
             </template>
             </template>
             <form-create
             <form-create
               v-model="approveForm.value"
               v-model="approveForm.value"
@@ -83,9 +80,7 @@
           </el-form-item>
           </el-form-item>
           <el-card v-if="runningTask.formId > 0" class="mb-15px !-mt-10px">
           <el-card v-if="runningTask.formId > 0" class="mb-15px !-mt-10px">
             <template #header>
             <template #header>
-                <span class="el-icon-picture-outline">
-                  填写表单【{{ runningTask?.formName }}】
-                </span>
+              <span class="el-icon-picture-outline"> 填写表单【{{ runningTask?.formName }}】 </span>
             </template>
             </template>
             <form-create
             <form-create
               v-model="approveForm.value"
               v-model="approveForm.value"
@@ -125,7 +120,6 @@
     <div @click="handleSign"> <Icon :size="14" icon="ep:plus" />&nbsp;加签 </div>
     <div @click="handleSign"> <Icon :size="14" icon="ep:plus" />&nbsp;加签 </div>
     <div @click="handleBack"> <Icon :size="14" icon="fa:mail-reply" />&nbsp;退回 </div>
     <div @click="handleBack"> <Icon :size="14" icon="fa:mail-reply" />&nbsp;退回 </div>
   </div>
   </div>
-  </Teleport>
   <!-- 弹窗：转派审批人 -->
   <!-- 弹窗：转派审批人 -->
   <TaskTransferForm ref="taskTransferFormRef" @success="getDetail" />
   <TaskTransferForm ref="taskTransferFormRef" @success="getDetail" />
   <!-- 弹窗：回退节点 -->
   <!-- 弹窗：回退节点 -->

src/views/bpm/processInstance/detail/index_new.vue

@@ -46,6 +46,14 @@
                 <BusinessFormComponent :id="processInstance.businessKey" />
                 <BusinessFormComponent :id="processInstance.businessKey" />
               </div>
               </div>
             </div>
             </div>
+
+            <!-- 操作栏按钮 -->
+            <ProcessInstanceOperationButton
+              ref="operationButtonRef"
+              :processInstance="processInstance"
+              :userOptions="userOptions"
+              @success="getDetail"
+            />
           </el-col>
           </el-col>
           <el-col :span="6">
           <el-col :span="6">
             <!-- TODO @GoldenZqqq：后续这个，也拆个小组件出来 -->
             <!-- TODO @GoldenZqqq：后续这个，也拆个小组件出来 -->
@@ -118,14 +126,6 @@
       <!-- 流转评论 -->
       <!-- 流转评论 -->
       <el-tab-pane label="流转评论"> 流转评论 </el-tab-pane>
       <el-tab-pane label="流转评论"> 流转评论 </el-tab-pane>
     </el-tabs>
     </el-tabs>
-
-    <!-- 操作栏按钮 -->
-    <ProcessInstanceOperationButton
-      ref="operationButtonRef"
-      :processInstance="processInstance"
-      :userOptions="userOptions"
-      @success="getDetail"
-    />
   </ContentWrap>
   </ContentWrap>
 </template>
 </template>
 <script lang="ts" setup>
 <script lang="ts" setup>