From 92e258fd2f911df1e04d81ea847cfacdc7b8b874 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Wed, 11 Sep 2024 11:54:58 +0800
Subject: [PATCH] feat: 工作台时限组件
---
gz-customerSystem/src/views/register/index.less | 142 ++++++++++++++++++++++++++++++++++++++++-------
1 files changed, 120 insertions(+), 22 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index 94212ee..21c7963 100644
--- a/gz-customerSystem/src/views/register/index.less
+++ b/gz-customerSystem/src/views/register/index.less
@@ -88,7 +88,7 @@
width: 14px;
height: 14px;
margin-right: 4px;
- margin-top: 4px;
+ margin-top: -2px;
}
&-register {
@@ -141,7 +141,7 @@
align-items: center;
justify-content: space-between;
box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
- z-index: 1;
+ z-index: 2;
}
&-hasTabPage {
@@ -760,13 +760,13 @@
height: 24px;
}
- &-name{
+ &-name {
margin: 0px 16px 0px 8px;
max-width: 828px;
width: fit-content;
}
- &-btn{
+ &-btn {
color: #1A6FB8;
width: 30px;
}
@@ -774,66 +774,164 @@
}
}
-.marginLeft{
+.marginLeft {
margin-left: 55px;
//fontWeight: '600', marginBottom: '16px'
- &-title{
+ &-title {
font-weight: 600;
margin-bottom: 16px;
}
}
-.layerDetail{
+.layerDetail {
margin-top: -8px;
- &-title{
+ &-title {
color: rgb(26, 111, 184);
margin-bottom: 16px;
}
- &-name{
+ &-name {
font-size: 16px;
margin-bottom: 16px;
max-width: 400px;
}
- &-littleTitle{
+ &-littleTitle {
margin-bottom: 16px;
}
- &-content{
+ &-content {
margin-bottom: 16px;
}
}
-.VisitWorkBench{
- &-top{
- background: #ffffff;
- padding: 12px 16px 16px 16px;
+.VisitWorkBench {
+ margin: 16px;
- &-list{
+ &-top {
+ background: #ffffff;
+ padding: 12px 16px 16px 16px;
+
+ &-list {
display: flex;
- &-tabsItem{
+ gap: 24px;
+ margin-top: 16px;
+
+ &-tabsItem {
+ display: flex;
padding: 12px 16px;
flex: 1;
+ justify-content: space-between;
+
+ &-title {
+ font-size: 18px;
+ margin-right: 4px;
+ }
+
+ &-imgView {
+ width: 48px;
+ height: 48px;
+ }
}
-
+
}
}
- &-middle{
-
+ &-middle {
+ background: #ffffff;
+ padding: 12px 16px 16px 16px;
+ margin-top: 12px;
+ height: 54vh;
}
- &-bottom{}
+ &-bottom {
+ background-color: #fff;
+ padding: 12px 16px 16px 16px;
+ margin-top: 12px;
+
+ &-title {
+ width: 140px;
+ font-family: DingTalk;
+ font-size: 22px;
+ }
+
+ &-img {
+ width: 72px;
+ height: 72px;
+ }
+ }
}
-.modeMore{
+.modeMore {
display: flex;
justify-content: space-between;
align-items: center;
+}
+
+.bottomTab1 {
+ // display: 'flex', background: linear-gradient(to right, #6a1b9a, #e040fb)
+ display: flex;
+ background: linear-gradient(to right, #E8F7FF, #9FD4FD);
+ padding: 12px 16px 16px 16px;
+}
+
+.bottomTab2 {
+ display: flex;
+ background: linear-gradient(to right, #FFF7E6, #FFD591);
+ padding: 12px 16px 16px 16px;
+
+}
+
+.timeTip {
+ display: inline-block;
+
+ &-red {
+ color: #F53F3F;
+ background: #ffece8;
+ border-radius: 4px;
+ padding: 2px 8px 4px 8px;
+
+ &-drop {
+ display: inline-block;
+ width: 6px;
+ height: 6px;
+ background: #F53F3F;
+ border-radius: 2px;
+ margin: 0 5px 2px 0;
+ }
+
+ &-tips {
+ display: inline-block;
+ width: 24px;
+ height: 24px;
+ background: #f53f3f;
+ border-radius: 6px;
+ color: #fff;
+ text-align: center;
+ margin-left: 5px;
+ font-size: 12px;
+ line-height: 24px;
+ }
+ }
+
+ &-green {
+ color: #00b42a;
+ background: #E8FFEA;
+ border-radius: 4px;
+ padding: 2px 8px 4px 8px;
+
+ &-drop {
+ display: inline-block;
+ width: 6px;
+ height: 6px;
+ background: #00b42a;
+ border-radius: 2px;
+ margin: 0 5px 2px 0;
+ }
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0