From 4a8e6048ba529a84f11ba74e4f90558bcd7b1075 Mon Sep 17 00:00:00 2001
From: hejianhao <15708179461@qq.com>
Date: 星期四, 03 四月 2025 16:31:58 +0800
Subject: [PATCH] Merge branch 'main' of http://120.76.84.145:10101/gitblit/r/H5/leshan-laboratory
---
src/components/approvalProcess/index.vue | 76 ++++++++++++++++++++++++++++++++++----
1 files changed, 68 insertions(+), 8 deletions(-)
diff --git a/src/components/approvalProcess/index.vue b/src/components/approvalProcess/index.vue
index a4409dc..ebec184 100644
--- a/src/components/approvalProcess/index.vue
+++ b/src/components/approvalProcess/index.vue
@@ -1,13 +1,19 @@
<template>
<div class="approval-process">
<el-timeline>
- <el-timeline-item
- v-for="(activity, index) in processData"
- :key="index"
- :type="activity.type"
- :timestamp="activity.time"
- >
- {{ activity.content }}
+ <el-timeline-item v-for="(activity, index) in processData" :key="index" :type="activity.type"
+ :timestamp="activity.time">
+ <div class="approval-process-item" :class="activity.type == 'primary' ? '' : 'approval-process-item1'">
+ <div class="approval-process-item-name">
+ 提交人：李雷雷
+ </div>
+
+ <div class="approval-process-item-time">
+ 提交时间：2020-12-01 12:30
+ </div>
+
+
+ </div>
</el-timeline-item>
</el-timeline>
</div>
@@ -71,4 +77,58 @@
height: 100%;
overflow-y: auto;
}
-</style>
\ No newline at end of file
+
+.approval-process-item {
+ padding: 12px 17px 20px 12px;
+ border-radius: 10px;
+ background: rgba(236, 252, 254, 1);
+}
+
+.approval-process-item1 {
+ padding: 12px 17px 20px 12px;
+ border-radius: 10px;
+ background: rgba(241, 243, 245, 1);
+}
+
+.approval-process-item-name {
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 500;
+ font-size: 16px;
+ color: #333333;
+ line-height: 22px;
+}
+
+.approval-process-item-time {
+ margin-top: 10px;
+ font-family: PingFangSC, PingFang SC;
+ font-weight: 400;
+ font-size: 14px;
+ color: #999999;
+ line-height: 20px;
+}
+
+::v-deep .el-timeline {
+ padding: unset;
+
+ .el-timeline-item__node {
+ width: 20px !important;
+ height: 20px !important;
+ background: #FFFFFF;
+ box-shadow: 0px 2px 6px 0px rgba(4, 156, 154, 0.36) !important;
+ border: 4px solid rgba(144, 147, 153, 0.40) !important;
+ left: -10px;
+ top: -8px;
+ }
+
+ .el-timeline-item__node--primary {
+ width: 20px !important;
+ height: 20px !important;
+ background: #FFFFFF;
+ box-shadow: 0px 2px 6px 0px rgba(4, 156, 154, 0.36) !important;
+ border: 4px solid rgba(10, 203, 202, 1) !important;
+ left: -10px !important;
+ top: -8px !important;
+ // border-image: linear-gradient(180deg, rgba(10, 203, 202, 1), rgba(4, 156, 154, 1)) 4 4 !important;
+ }
+}
+</style>
\ No newline at end of file
--
Gitblit v1.7.1