【功能修复】审批详情页，审批通过后，bpmn 不会重新渲染高亮的问题

Author: YunaiV

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

@@ -24,6 +24,11 @@ const view = ref({
 watch(
   () => props.loading,
   async (value) => {
+    // 重置
+    view.value = {
+      bpmnXml: ''
+    }
+    // 加载最新
     if (value && props.id) {
       view.value = await ProcessInstanceApi.getProcessInstanceBpmnModelView(props.id)
     }

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

@@ -76,13 +76,19 @@
           <el-tab-pane label="流程图" name="diagram">
             <div class="form-scroll-area">
               <ProcessInstanceSimpleViewer
-                v-show="processDefinition.modelType && processDefinition.modelType === BpmModelType.SIMPLE"
+                v-show="
+                  processDefinition.modelType && processDefinition.modelType === BpmModelType.SIMPLE
+                "
                 :id="`${id}`"
                 :loading="processInstanceLoading"
               />
               <ProcessInstanceBpmnViewer
-                v-show="processDefinition.modelType && processDefinition.modelType === BpmModelType.BPMN"
-                :id="`${id}`" :loading="processInstanceLoading" />
+                v-show="
+                  processDefinition.modelType && processDefinition.modelType === BpmModelType.BPMN
+                "
+                :id="`${id}`"
+                :loading="processInstanceLoading"
+              />
             </div>
           </el-tab-pane>