修复流程不高亮显示当前步骤BUG

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

@@ -1,6 +1,6 @@
 <template>
   <ContentWrap>
-    <el-tabs type="card" style="margin-bottom: 20px">
+    <el-tabs @tab-click="handleClick" type="card" style="margin-bottom: 20px">
       <el-tab-pane label="申请信息">
         <!-- 申请信息 -->
         <el-card v-loading="processInstanceLoading" class="box-card">
@@ -22,7 +22,7 @@
           </div>
         </el-card>
       </el-tab-pane>
-      <el-tab-pane :lazy="true" label="流程图">
+      <el-tab-pane label="流程图" name="flowChart">
         <!-- 高亮流程图 -->
         <ProcessInstanceBpmnViewer
           :id="`${id}`"
@@ -157,6 +157,7 @@ import TaskSignCreateForm from './dialog/TaskSignCreateForm.vue'
 import { registerComponent } from '@/utils/routerHelper'
 import { isEmpty } from '@/utils/is'
 import * as UserApi from '@/api/system/user'
+import {TabsPaneContext} from "element-plus";
 
 defineOptions({ name: 'BpmProcessInstanceDetail' })
 
@@ -174,6 +175,11 @@ const tasks = ref<any[]>([]) // 任务列表
 // ========== 审批信息 ==========
 const runningTasks = ref<any[]>([]) // 运行中的任务
 const auditForms = ref<any[]>([]) // 审批任务的表单
+const handleClick = (tab: TabsPaneContext) => {
+  if (tab.props.name==="flowChart"){
+    getProcessInstance()
+  }
+}
 const auditRule = reactive({
   reason: [{ required: true, message: '审批建议不能为空', trigger: 'blur' }]
 })