From 6c94563390d4e101156d1953cda8b706d1189e6e Mon Sep 17 00:00:00 2001
From: dminyi <1301963064@qq.com>
Date: Fri, 06 Sep 2024 10:28:35 +0800
Subject: [PATCH] 督办组件
---
gz-customerSystem/src/views/register/index.less | 150 ++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 146 insertions(+), 4 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index 19075be..5d26710 100644
--- a/gz-customerSystem/src/views/register/index.less
+++ b/gz-customerSystem/src/views/register/index.less
@@ -85,9 +85,15 @@
}
&-file {
+ width: 14px;
+ height: 14px;
+ margin-right: 4px;
+ margin-top: 4px;
+ }
+
+ &-register {
width: 12px;
- margin-right: 4px;
- margin-top: -5px;
+ margin-left: 4px;
}
}
@@ -310,14 +316,13 @@
display: flex;
flex-direction: row;
column-gap: 8px;
- margin: 0px 8px 22px 16px;
+ margin: 0px 8px 0 16px;
&-left {
flex: 3 1 0%;
background-color: rgb(255, 255, 255);
padding: 12px 0px 12px 16px;
- margin-bottom: -25px;
&-record {
border: 1px solid #D9D9D9;
@@ -331,12 +336,21 @@
align-items: center;
background-color: #FAFAFA;
border-radius: 8px;
+ position: relative;
&-icon {
width: 12px;
height: 12px;
margin-right: 12px;
+ }
+
+ &-edit {
+ position: absolute;
+ right: 25px;
+ top: 15px;
+ width: 18px;
+ cursor: pointer;
}
&-remark {
@@ -461,8 +475,136 @@
z-index: 9999;
}
+.myTag {
+ border: 1px solid rgb(229, 230, 235);
+ border-radius: 2px;
+ display: inline-block;
+ padding: 3px 6px;
+ cursor: pointer;
+
+ &:hover {
+ border: 1px solid #1A6FB8;
+ color: #1A6FB8;
+ }
+}
+
.gap {
height: 8px;
background-color: #F2F3F5;
margin: 16px -18px 0px -16px;
+}
+
+.reviewProgress {
+ .reviewCircle {
+ width: 14px;
+ height: 14px;
+ border: 2px solid #3491fa;
+ border-radius: 50%;
+ margin-top: 4px;
+ }
+
+ .reviewLine {
+ height: calc(100% - 19px);
+ width: 14px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ position: relative;
+
+ &::before {
+ content: '';
+ height: 100%;
+ width: 1px;
+ background-color: #e5e6eb;
+ position: absolute;
+ left: 50%;
+ transform: translateX(-50%);
+ }
+ }
+
+ .deepTitle {
+ font-size: 14px;
+ font-family: PingFang SC, PingFang SC-400;
+ font-weight: 400;
+ text-align: LEFT;
+ color: #1d2129;
+ line-height: 22px;
+ }
+
+ .shallowTitle {
+ font-size: 14px;
+ font-family: PingFang SC, PingFang SC-400;
+ font-weight: 400;
+ text-align: LEFT;
+ color: #86909c;
+ line-height: 22px;
+ }
+}
+
+.Supervising {
+ background: #ffffff;
+ border: 1px solid #e5e6eb;
+ border-radius: 8px;
+ margin: 12px 16px 0px 16px;
+ padding: 12px 16px;
+
+ &-item {
+ display: flex;
+ margin-bottom: 4px;
+
+ &-title {
+ color: #86909C;
+ }
+
+ }
+
+ &-info{
+ display: flex;
+
+ &-time{
+ margin-right: 8px;
+ }
+
+ &-detail{
+ color: #1A6FB8;
+ }
+ }
+
+ &-btn {
+ margin-top: 12px;
+ color: rgb(26, 111, 184);
+ border: 1px solid rgb(26, 111, 184);
+ background-color: rgb(255, 255, 255);
+ }
+
+}
+
+.modal {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 24px;
+
+ &-mark{
+ color: rgb(26, 111, 184);
+ border: 1px solid rgb(26, 111, 184);
+ padding: 0px 8px;
+ margin-right: 8px;
+ border-radius: 4px;
+ }
+
+ &-title{
+ color: #1D2129;
+ font-size: 16px;
+ font-weight: 500;
+ }
+}
+
+.icon{
+// width: '14px', height: '14px', marginLeft: '8px', marginTop: '4px'
+ &-register{
+ width: 14px;
+ height: 14px;
+ margin-left: 8px;
+ margin-top: -2px;
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0