diff --git a/src/assets/styles/variables.module.scss b/src/assets/styles/variables.module.scss
index 36a8df6..e7d66cd 100644
--- a/src/assets/styles/variables.module.scss
+++ b/src/assets/styles/variables.module.scss
@@ -14,11 +14,6 @@
   --tableHeaderBg: #f8f8f9;
   --tableHeaderTextColor: #515a6e;
 
-  // 工作流
-  --bpmn-panel-border: #eeeeee;
-  --bpmn-panel-box-shadow: #cccccc;
-  --bpmn-panel-bar-background-color: #f5f7fa;
-
   // ele
   --brder-color: #e8e8e8;
 }
@@ -54,11 +49,6 @@ html.dark {
   --vxe-table-border-color: #37373a;
   --vxe-toolbar-background-color: #37373a;
 
-  // 工作流
-  --bpmn-panel-border: #37373a;
-  --bpmn-panel-box-shadow: #37373a;
-  --bpmn-panel-bar-background-color: #37373a;
-
   // ele
   --brder-color: #37373a;
 }
diff --git a/src/components/Process/approvalRecord.vue b/src/components/Process/approvalRecord.vue
index 17e166d..837b3b7 100644
--- a/src/components/Process/approvalRecord.vue
+++ b/src/components/Process/approvalRecord.vue
@@ -56,7 +56,7 @@
   </div>
 </template>
 <script lang="ts" setup>
-import processApi from 'src/api/workflow/instance';
+import { flowImage } from 'src/api/workflow/instance';
 import { propTypes } from '@/utils/propTypes';
 
 const { proxy } = getCurrentInstance() as ComponentInternalInstance;
@@ -77,7 +77,7 @@ const init = async (businessKey: string | number) => {
   loading.value = true;
   tabActiveName.value = 'bpmn';
   historyList.value = [];
-  processApi.getFlowImage(businessKey).then((resp) => {
+  flowImage(businessKey).then((resp) => {
     if (resp.data) {
       historyList.value = resp.data.list;
       imgUrl.value = 'data:image/gif;base64,' + resp.data.image;