From 374f2e430d2535af0a51dd9011a66b8272789aec Mon Sep 17 00:00:00 2001
From: zhujiyan <17812234322@163.com>
Date: Mon, 3 Jun 2024 20:00:24 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B5=81=E7=A8=8B=E6=B7=BB=E5=8A=A0=E6=97=B6?=
 =?UTF-8?q?=E9=97=B4=E7=BA=BF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../detail/ProcessInstanceTaskList.vue        | 59 +++++++++++++++----
 1 file changed, 46 insertions(+), 13 deletions(-)

diff --git a/src/views/system/bpm/processInstance/detail/ProcessInstanceTaskList.vue b/src/views/system/bpm/processInstance/detail/ProcessInstanceTaskList.vue
index d138169e..7afb2886 100644
--- a/src/views/system/bpm/processInstance/detail/ProcessInstanceTaskList.vue
+++ b/src/views/system/bpm/processInstance/detail/ProcessInstanceTaskList.vue
@@ -1,20 +1,24 @@
 <template>
     <el-card v-loading="loading" class="box-card">
         <el-col :offset="3" :span="17">
-            <div class="block">
+            <div class="item_line">
                 <el-timeline>
-                    <el-timeline-item
-                        v-if="processInstance.endTime"
-                        :type="getProcessInstanceTimelineItemType(processInstance)"
-                    >
-                        <p style="font-weight: 700">
-                            结束流程：在 {{ formatDate(processInstance?.endTime) }} 结束
-                            <el-tag :type="getTaskTimelineItemType(processInstance.status)">
-                                {{ getTaskNameItemType(processInstance.status) }}
-                            </el-tag>
-                        </p>
-                    </el-timeline-item>
-                    <div class="return_send" v-for="(item, index) in tasksList" :key="index">
+                    <div class="end_item_line">
+                        <div class="end_item_lines"></div>
+                        <el-timeline-item
+                            v-if="processInstance.endTime"
+                            :type="getProcessInstanceTimelineItemType(processInstance)"
+                        >
+                            <p style="font-weight: 700">
+                                结束流程：在 {{ formatDate(processInstance?.endTime) }} 结束
+                                <el-tag :type="getTaskTimelineItemType(processInstance.status)">
+                                    {{ getTaskNameItemType(processInstance.status) }}
+                                </el-tag>
+                            </p>
+                        </el-timeline-item>
+                    </div>
+                    <div class="start_item_line" v-for="(item, index) in tasksList" :key="index">
+                        <div class="start_item_lines"></div>
                         <!-- 最后一条不显示重新发起 -->
                         <el-timeline-item type="success" v-if="index != 0 && item.status != '1'">
                             <p style="font-weight: 700">
@@ -219,3 +223,32 @@ const refresh = () => {
     emit('refresh')
 }
 </script>
+<style lang="scss" scoped>
+.item_line {
+    .end_item_line {
+        position: relative;
+        .end_item_lines {
+            position: absolute;
+            left:4px;
+            top:10px;
+            width: 2px;
+            height: 100%;
+            background: #eeeeee;
+        }
+    }
+    .start_item_line {
+        position: relative;
+        .start_item_lines {
+            position: absolute;
+            left:4px;
+            top:10px;
+            width: 2px;
+            height: 100%;
+            background: #eeeeee;
+        }
+    }
+}
+::v-deep .el-timeline-item__tail {
+    display: none !important;
+}
+</style>