From 159d0a98310210768b2e0c57a68a523c2739e2ee Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Sun, 15 Sep 2024 22:35:51 +0800
Subject: [PATCH] feat: 事件流转组件，配合部门可多个
---
gz-customerSystem/src/components/ProgressStep/index.less | 59 ++++++++++++++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 52 insertions(+), 7 deletions(-)
diff --git a/gz-customerSystem/src/components/ProgressStep/index.less b/gz-customerSystem/src/components/ProgressStep/index.less
index 1945e31..93245ce 100644
--- a/gz-customerSystem/src/components/ProgressStep/index.less
+++ b/gz-customerSystem/src/components/ProgressStep/index.less
@@ -3,7 +3,7 @@
.myStep {
&-item {
position: relative;
- padding-bottom: 32px;
+ padding-bottom: 34px;
&-success {
background-color: @main-color;
@@ -12,6 +12,7 @@
border-color: #bfbfbf;
}
}
+
&-success1 {
background-color: @main-color;
@@ -25,6 +26,14 @@
&::after {
border-color: #1890ff;
+ }
+ }
+
+ &-noStarted1 {
+ background-color: rgba(185, 99, 211, 1);
+
+ &::after {
+ border-color: rgba(185, 99, 211, 1);
}
}
@@ -65,16 +74,15 @@
&-divider {
position: absolute;
- top: 0;
+ top: 56px;//52+4
left: 24px;
- width: 3px;
- height: 32px+52px;
- padding-top: 22px;
+ width: 2px;
+ bottom: 4px;
&::after {
content: '';
display: inline-block;
- height: 32px+52px;
+ height: 100%;
border-left: 2px solid;
border-color: @divider-color;
}
@@ -109,7 +117,7 @@
}
}
- &-divider2 {
+ &-divider2 {
position: absolute;
top: 0;
left: 24px;
@@ -150,18 +158,21 @@
margin-top: 4px;
display: flex;
align-items: flex-start;
+
&-flex {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin-top: 8px;
+
&-title {
font-size: 12px;
line-height: 20px;
color: @text-color-secondary;
}
}
+
&-yy {
display: flex;
flex-direction: column;
@@ -170,6 +181,7 @@
border-radius: 5px;
padding: 4px 8px;
color: rgba(0, 0, 0, 0.5);
+
&-l {
overflow: hidden;
white-space: nowrap;
@@ -189,3 +201,36 @@
}
}
}
+
+.tabBtn {
+ display: flex;
+ margin-bottom: 12px;
+
+ &-btn {
+ height: 32px;
+ background: #ffffff;
+ border: 1px solid #e5e6eb;
+ border-radius: 4px;
+ color: #e5e6eb;
+ padding: 3px 8px 4px 8px;
+ cursor: pointer;
+ }
+
+ &-active {
+ color: #1a6fb8;
+ border-color: #1a6fb8;
+ }
+
+ &-unit {
+ height: 32px;
+ border-radius: 21px;
+ color: #1D2129;
+ padding: 3px 12px 4px 12px;
+ cursor: pointer;
+ }
+
+ &-unitActive {
+ background: #f3f2f7;
+ color: #1a6fb8;
+ }
+}
\ No newline at end of file
--
Gitblit v1.8.0