From f588538658eb2c95ed09489d64f2438bef612023 Mon Sep 17 00:00:00 2001
From: XaoLi717 <144221124+XaoLi717@users.noreply.github.com>
Date: Wed, 31 Jul 2024 10:27:03 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=B5=81=E7=A8=8B=E4=B8=8D?=
 =?UTF-8?q?=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA=E5=BD=93=E5=89=8D=E6=AD=A5?=
 =?UTF-8?q?=E9=AA=A4BUG?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/bpm/processInstance/detail/index.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/views/bpm/processInstance/detail/index.vue b/src/views/bpm/processInstance/detail/index.vue
index ef8b829..ecef698 100644
--- a/src/views/bpm/processInstance/detail/index.vue
+++ b/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' }]
 })