From 2c947a24d56801c4c48c5d6ac7c43f1ede04d3d7 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Thu, 12 Sep 2024 15:39:47 +0800
Subject: [PATCH] feat: 大厅来访完善
---
gz-customerSystem/src/views/register/index.less | 181 +++++++++++++++++++++++++++++++++++++++-----
1 files changed, 159 insertions(+), 22 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index 38205be..1e933e1 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,13 +141,13 @@
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 {
background-color: #fff;
margin: 8px 16px 0px 16px;
- padding: 12px 16px 64px 16px;
+ padding: 12px 16px 16px 16px;
.arco-tabs-header-nav {
margin-left: 0 !important;
@@ -342,12 +342,13 @@
background-color: #FAFAFA;
border-radius: 8px;
position: relative;
-
+
&-icon {
width: 12px;
height: 12px;
margin-right: 12px;
+ cursor: pointer;
}
&-edit {
@@ -465,7 +466,7 @@
padding: 0px 8px;
color: #1A6FB8;
width: fit-content;
- margin: 4px 0px 8px 0px;
+ margin: 12px 0px 8px 0px;
}
}
@@ -473,6 +474,7 @@
display: flex;
gap: 8px;
margin-bottom: 8px;
+ margin-top: 12px;
}
.MyDrawer {
@@ -704,15 +706,9 @@
}
.gradient-box {
- position: fixed;
+ position: absolute;
right: 0;
- top: 50%;
- transform: translateY(-50%);
- background: linear-gradient(to right, #6a1b9a, #e040fb);
- display: flex;
- align-items: center;
- padding: 12px 8px;
- border-radius: 12px 0px 0px 12px;
+ top: 60%;
}
.aiBox {
@@ -759,50 +755,191 @@
height: 24px;
}
- &-name{
+ &-name {
margin: 0px 16px 0px 8px;
max-width: 828px;
width: fit-content;
}
- &-btn{
+ &-btn {
color: #1A6FB8;
width: 30px;
+ cursor: pointer;
}
}
}
}
-.marginLeft{
+.marginLeft {
margin-left: 55px;
+
+ &-tip{
+ margin-top: -12px;
+ margin-bottom: 12px;
+ 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 {
+ margin: 16px;
+
+ &-top {
+ background: #ffffff;
+ padding: 12px 16px 16px 16px;
+
+ &-list {
+ display: flex;
+ gap: 24px;
+ margin-top: 16px;
+ cursor: pointer;
+
+ &-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 {
+ background: #ffffff;
+ padding: 12px 16px 16px 16px;
+ margin-top: 12px;
+ // height: 54vh;
+ }
+
+ &-bottom {
+ background-color: #fff;
+ padding: 12px 16px 16px 16px;
+ margin-top: 12px;
+
+ &-title {
+ width: 140px;
+ font-family: DingTalk;
+ font-size: 30px;
+ }
+
+ &-img {
+ width: 72px;
+ height: 72px;
+ }
+ }
+
+}
+
+.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);
+ flex: 1;
+ padding: 12px 16px 16px 16px;
+ justify-content: center;
+
+}
+
+.bottomTab2 {
+ display: flex;
+ background: linear-gradient(to right, #FFF7E6, #FFD591);
+ padding: 12px 16px 16px 16px;
+ flex: 1;
+justify-content: center;
+
+}
+
+.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