From 735837f0f96ac35ba3ef3242f3c99bbbc5192e45 Mon Sep 17 00:00:00 2001
From: GoldenZqqq <1361001127@qq.com>
Date: Wed, 13 Nov 2024 08:53:52 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BC=98=E5=8C=96=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E9=A1=B5=E6=B5=81=E7=A8=8B=E7=8A=B6=E6=80=81?=
 =?UTF-8?q?svg=E5=9B=BE=E6=A0=87=E5=91=BD=E5=90=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../svgs/bpm/{audit2.svg => approve.svg}      |  0
 .../svgs/bpm/{audit4.svg => cancel.svg}       |  0
 .../svgs/bpm/{audit3.svg => reject.svg}       |  0
 .../svgs/bpm/{audit1.svg => running.svg}      |  0
 .../bpm/processInstance/detail/index.vue      | 23 +++++++++----------
 5 files changed, 11 insertions(+), 12 deletions(-)
 rename src/assets/svgs/bpm/{audit2.svg => approve.svg} (100%)
 rename src/assets/svgs/bpm/{audit4.svg => cancel.svg} (100%)
 rename src/assets/svgs/bpm/{audit3.svg => reject.svg} (100%)
 rename src/assets/svgs/bpm/{audit1.svg => running.svg} (100%)

diff --git a/src/assets/svgs/bpm/audit2.svg b/src/assets/svgs/bpm/approve.svg
similarity index 100%
rename from src/assets/svgs/bpm/audit2.svg
rename to src/assets/svgs/bpm/approve.svg
diff --git a/src/assets/svgs/bpm/audit4.svg b/src/assets/svgs/bpm/cancel.svg
similarity index 100%
rename from src/assets/svgs/bpm/audit4.svg
rename to src/assets/svgs/bpm/cancel.svg
diff --git a/src/assets/svgs/bpm/audit3.svg b/src/assets/svgs/bpm/reject.svg
similarity index 100%
rename from src/assets/svgs/bpm/audit3.svg
rename to src/assets/svgs/bpm/reject.svg
diff --git a/src/assets/svgs/bpm/audit1.svg b/src/assets/svgs/bpm/running.svg
similarity index 100%
rename from src/assets/svgs/bpm/audit1.svg
rename to src/assets/svgs/bpm/running.svg
diff --git a/src/views/bpm/processInstance/detail/index.vue b/src/views/bpm/processInstance/detail/index.vue
index 26141f53..0680e66c 100644
--- a/src/views/bpm/processInstance/detail/index.vue
+++ b/src/views/bpm/processInstance/detail/index.vue
@@ -5,7 +5,7 @@
         <img
           class="position-absolute right-20px"
           width="150"
-          :src="auditIcons[processInstance.status]"
+          :src="auditIconsMap[processInstance.status]"
           alt=""
         />
         <div class="text-#878c93 h-15px">编号：{{ id }}</div>
@@ -137,11 +137,11 @@ import ProcessInstanceTaskList from './ProcessInstanceTaskList.vue'
 import ProcessInstanceOperationButton from './ProcessInstanceOperationButton.vue'
 import ProcessInstanceTimeline from './ProcessInstanceTimeline.vue'
 import { FieldPermissionType } from '@/components/SimpleProcessDesignerV2/src/consts'
-// TODO 代码优化，换个明确的 icon 名字
-import audit1 from '@/assets/svgs/bpm/audit1.svg'
-import audit2 from '@/assets/svgs/bpm/audit2.svg'
-import audit3 from '@/assets/svgs/bpm/audit3.svg'
-import audit4 from '@/assets/svgs/bpm/audit4.svg'
+import { TaskStatusEnum } from '@/api/bpm/task'
+import runningSvg from '@/assets/svgs/bpm/running.svg'
+import approveSvg from '@/assets/svgs/bpm/approve.svg'
+import rejectSvg from '@/assets/svgs/bpm/reject.svg'
+import cancelSvg from '@/assets/svgs/bpm/cancel.svg'
 
 defineOptions({ name: 'BpmProcessInstanceDetail' })
 const props = defineProps<{
@@ -155,11 +155,11 @@ const processInstance = ref<any>({}) // 流程实例
 const processDefinition = ref<any>({}) // 流程定义
 const processModelView = ref<any>({}) // 流程模型视图
 const operationButtonRef = ref() // 操作按钮组件 ref
-const auditIcons = {
-  1: audit1,
-  2: audit2,
-  3: audit3,
-  4: audit4
+const auditIconsMap = {
+  [TaskStatusEnum.RUNNING]: runningSvg,
+  [TaskStatusEnum.APPROVE]: approveSvg,
+  [TaskStatusEnum.REJECT]: rejectSvg,
+  [TaskStatusEnum.CANCEL]: cancelSvg
 }
 
 // ========== 申请信息 ==========
@@ -242,7 +242,6 @@ const getApprovalDetail = async () => {
 
 /** 获取流程模型视图*/
 const getProcessModelView = async () => {
-
   if (BpmModelType.BPMN === processDefinition.value?.modelType) {
     // 重置，解决 BPMN 流程图刷新不会重新渲染问题
     processModelView.value = {