From cd9cefa2c8a6cc6327bc76488181ec63764a533a Mon Sep 17 00:00:00 2001
From: YunaiV <zhijiantianya@gmail.com>
Date: Sun, 20 Oct 2024 10:24:35 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E5=8A=9F=E8=83=BD=E4=BF=AE=E6=94=B9?=
 =?UTF-8?q?=E3=80=91=E5=B7=A5=E4=BD=9C=E6=B5=81=EF=BC=9A=E5=AE=A1=E6=89=B9?=
 =?UTF-8?q?=E6=84=8F=E8=A7=81=E7=9B=B4=E6=8E=A5=E5=B1=95=E7=A4=BA=EF=BC=8C?=
 =?UTF-8?q?=E4=B8=8D=E9=80=9A=E8=BF=87=20tooltip?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/ProcessInstanceTimeline.vue        | 80 +++++--------------
 .../bpm/processInstance/detail/index.vue      |  4 +-
 2 files changed, 24 insertions(+), 60 deletions(-)

diff --git a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
index c7152001..f36afd60 100644
--- a/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
+++ b/src/views/bpm/processInstance/detail/ProcessInstanceTimeline.vue
@@ -17,42 +17,21 @@
             <div class="flex flex-col pr-2">
               <div class="position-relative" v-if="task.assigneeUser || task.ownerUser">
                 <!-- 信息：头像 -->
-                <el-tooltip
-                  :content="task.reason"
-                  placement="bottom"
+                <el-avatar
                   v-if="task.assigneeUser && task.assigneeUser.avatar"
-                  effect="light"
-                >
-                  <el-avatar :size="36" :src="task.assigneeUser.avatar" />
-                </el-tooltip>
-                <el-tooltip
-                  :content="task.reason"
-                  placement="bottom"
-                  v-else-if="task.assigneeUser && task.assigneeUser.nickname"
-                  effect="light"
-                >
-                  <el-avatar>
-                    {{ task.assigneeUser.nickname.substring(0, 1) }}
-                  </el-avatar>
-                </el-tooltip>
-                <el-tooltip
-                  :content="task.reason"
-                  placement="bottom"
+                  :size="36"
+                  :src="task.assigneeUser.avatar"
+                />
+                <el-avatar v-else-if="task.assigneeUser && task.assigneeUser.nickname">
+                  {{ task.assigneeUser.nickname.substring(0, 1) }}
+                </el-avatar>
+                <el-avatar
                   v-else-if="task.ownerUser && task.ownerUser.avatar"
-                  effect="light"
-                >
-                  <el-avatar :src="task.ownerUser.avatar" />
-                </el-tooltip>
-                <el-tooltip
-                  :content="task.reason"
-                  placement="bottom"
-                  v-else-if="task.ownerUser && task.ownerUser.nickname"
-                  effect="light"
-                >
-                  <el-avatar>
-                    {{ task.ownerUser.nickname.substring(0, 1) }}
-                  </el-avatar>
-                </el-tooltip>
+                  :src="task.ownerUser.avatar"
+                />
+                <el-avatar v-else-if="task.ownerUser && task.ownerUser.nickname">
+                  {{ task.ownerUser.nickname.substring(0, 1) }}
+                </el-avatar>
                 <!-- 信息：任务 ICON -->
                 <div
                   class="position-absolute top-26px left-26px bg-#fff rounded-full flex items-center p-2px"
@@ -78,16 +57,12 @@
                 >
                   {{ task.ownerUser.nickname }}
                 </div>
-                <!--
-                <div v-if="task.reason" class="text-#a5a5a5 my-4px text-12px flex items-center w-100%">
-                  <div
-                    :title="task.reason"
-                    class="text-truncate w-200px border-1px border-#a5a5a5 border-dashed rounded py-5px px-15px text-#2d2d2d"
-                  >
-                    {{ task.reason }}
-                  </div>
+                <div
+                  v-if="task.reason && activity.nodeType === NodeType.USER_TASK_NODE"
+                  class="text-#a5a5a5 text-13px mt-1"
+                >
+                  审批意见：{{ task.reason }}
                 </div>
-                -->
               </div>
             </div>
           </div>
@@ -131,20 +106,6 @@
         >
           {{ getApprovalNodeTime(activity) }}
         </div>
-
-        <!-- TODO @jason：审批意见，要展示哈。 -->
-        <!-- <div class="color-#a1a6ae text-12px mb-10px"> {{ activity.assigneeUser.nickname }}</div>
-        <div v-if="activity.opinion" class="text-#a5a5a5 text-12px w-100%">
-          <div class="mb-5px">审批意见：</div>
-          <div
-            class="w-100% border-1px border-#a5a5a5 border-dashed rounded py-5px px-15px text-#2d2d2d"
-          >
-            {{ activity.opinion }}
-          </div>
-        </div>
-        <div v-if="activity.createTime" class="text-#a5a5a5 text-13px">
-          {{ formatDate(activity.createTime) }}
-        </div> -->
       </div>
     </el-timeline-item>
   </el-timeline>
@@ -219,8 +180,11 @@ const getApprovalNodeColor = (taskStatus: number) => {
 }
 
 const getApprovalNodeTime = (node: ProcessInstanceApi.ApprovalNodeInfo) => {
+  if (node.nodeType === NodeType.START_USER_NODE && node.startTime) {
+    return `发起时间：${formatDate(node.startTime)}`
+  }
   if (node.endTime) {
-    return `结束时间：${formatDate(node.endTime)}`
+    return `审批时间：${formatDate(node.endTime)}`
   }
   if (node.startTime) {
     return `创建时间：${formatDate(node.startTime)}`
diff --git a/src/views/bpm/processInstance/detail/index.vue b/src/views/bpm/processInstance/detail/index.vue
index 204746c3..ab04d4a9 100644
--- a/src/views/bpm/processInstance/detail/index.vue
+++ b/src/views/bpm/processInstance/detail/index.vue
@@ -42,7 +42,7 @@
             <div class="form-scroll-area">
               <el-scrollbar>
                 <el-row>
-                  <el-col :span="18" class="!flex !flex-col formCol">
+                  <el-col :span="17" class="!flex !flex-col formCol">
                     <!-- 表单信息 -->
                     <div
                       v-loading="processInstanceLoading"
@@ -63,7 +63,7 @@
                       </div>
                     </div>
                   </el-col>
-                  <el-col :span="6">
+                  <el-col :span="7">
                     <!-- 审批记录时间线 -->
                     <ProcessInstanceTimeline ref="timelineRef" :approve-nodes="approveNodes" />
                   </el-col>