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 | 258 ++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 252 insertions(+), 6 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index d5732f0..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 {
@@ -623,7 +625,7 @@
.applyInfoClass {
width: 100%;
- height: 82px;
+ min-height: 82px;
background: #ffffff;
border-radius: 4px;
padding: 12px;
@@ -682,6 +684,11 @@
right: 16px;
cursor: pointer;
top: 28px;
+ z-index: 1;
+ }
+
+ .ant-row {
+ margin: 16px 0;
}
}
@@ -696,4 +703,243 @@
align-items: center;
margin-bottom: 4px;
+}
+
+.gradient-box {
+ position: absolute;
+ right: 0;
+ top: 60%;
+}
+
+.aiBox {
+ flex: 1 1 0%;
+ background-color: rgb(242, 243, 245);
+ height: 100vh;
+ overflow-y: auto;
+
+ &-case {
+ display: flex;
+ margin: 16px;
+ gap: 10px;
+
+ &-logo {
+ width: 30px;
+ padding-top: 3px;
+
+ &-img {
+ width: 26px;
+ height: 26px;
+ }
+ }
+ }
+
+ &-list {
+
+ &-item {
+ display: flex;
+ background-color: #fff;
+ width: fit-content;
+ padding: 8px 12px;
+ border-radius: 8px;
+ margin-bottom: 8px;
+ margin-right: 16px;
+ align-items: center;
+
+
+ &-type {
+ border: 1px solid #1A6FB8;
+ padding: 0px 8px;
+ color: #1A6FB8;
+ border-radius: 4px;
+ width: 79px;
+ height: 24px;
+ }
+
+ &-name {
+ margin: 0px 16px 0px 8px;
+ max-width: 828px;
+ width: fit-content;
+ }
+
+ &-btn {
+ color: #1A6FB8;
+ width: 30px;
+ cursor: pointer;
+ }
+ }
+ }
+}
+
+.marginLeft {
+ margin-left: 55px;
+
+ &-tip{
+ margin-top: -12px;
+ margin-bottom: 12px;
+ margin-left: 55px;
+ }
+
+
+ //fontWeight: '600', marginBottom: '16px'
+ &-title {
+ font-weight: 600;
+ margin-bottom: 16px;
+ }
+}
+
+.layerDetail {
+ margin-top: -8px;
+
+ &-title {
+ color: rgb(26, 111, 184);
+ margin-bottom: 16px;
+ }
+
+ &-name {
+ font-size: 16px;
+ margin-bottom: 16px;
+ max-width: 400px;
+ }
+
+ &-littleTitle {
+ margin-bottom: 16px;
+ }
+
+ &-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