From 621a3268a8c2cebf899e3ba824c49a1513cb619b Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Fri, 13 Sep 2024 18:32:35 +0800
Subject: [PATCH] feat: 图片
---
gz-customerSystem/src/views/register/index.less | 297 ++++++++++++++++++++++++++++++++++++++++++++++++++++++++--
1 files changed, 284 insertions(+), 13 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index 8c3d3c7..d1ba534 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 {
@@ -108,7 +108,7 @@
background-color: #fff;
margin: 0px 8px 0px 16px;
padding: 12px 16px 16px 16px;
- height: calc(100vh - 228px);
+ height: calc(100vh - 231px);
overflow-y: scroll;
}
@@ -140,14 +140,14 @@
display: flex;
align-items: center;
justify-content: space-between;
- box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
- z-index: 1;
+ box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.12);
+ 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;
@@ -322,6 +322,10 @@
flex-direction: row;
column-gap: 8px;
margin: 0px 8px 0 16px;
+ // max-height: 600px;
+ // min-height: fit-content;
+ // overflow-y: auto;
+
&-left {
@@ -331,7 +335,7 @@
&-record {
border: 1px solid #D9D9D9;
- border-radius: 8px;
+ // border-radius: 8px;
margin-right: 16px;
margin-top: 8px;
@@ -340,7 +344,7 @@
display: flex;
align-items: center;
background-color: #FAFAFA;
- border-radius: 8px;
+ // border-radius: 8px 8px 0px 0px;
position: relative;
@@ -348,6 +352,7 @@
width: 12px;
height: 12px;
margin-right: 12px;
+ cursor: pointer;
}
&-edit {
@@ -392,6 +397,7 @@
&-right {
flex: 1 1 0%;
background-color: rgb(255, 255, 255);
+ // height: fit-content;
}
}
}
@@ -457,6 +463,7 @@
background-color: #E8F3FF;
border-radius: 2px;
margin-top: 8px;
+ margin-bottom: -2px;
}
&-textarea {
@@ -465,7 +472,7 @@
padding: 0px 8px;
color: #1A6FB8;
width: fit-content;
- margin: 4px 0px 8px 0px;
+ margin: 12px 0px 8px 0px;
}
}
@@ -473,6 +480,7 @@
display: flex;
gap: 8px;
margin-bottom: 8px;
+ margin-top: 12px;
}
.MyDrawer {
@@ -491,6 +499,12 @@
border: 1px solid #1A6FB8;
color: #1A6FB8;
}
+}
+
+.highlighted {
+ color: #1a6fb8;
+ border: 1px solid #1a6fb8;
+ border-radius: 2px;
}
.gap {
@@ -578,6 +592,7 @@
&-detail {
color: #1A6FB8;
+ cursor: pointer;
}
}
@@ -706,11 +721,267 @@
.gradient-box {
position: absolute;
right: 0;
- top: 50%;
- transform: translateY(-50%);
- background: linear-gradient(to right, #6a1b9a, #e040fb);
+ top: 60%;
+ cursor: pointer;
+}
+
+.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;
+ font-size: 14px;
+
+
+ &-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;
+ position: relative;
+
+ &-search {
+ position: absolute;
+ right: 16px;
+ top: 12px;
+
+ .arco-form-item {
+ margin-right: 16px;
+ }
+
+ .arco-form-layout-vertical>.arco-form-label-item {
+ margin-bottom: 0;
+ }
+ }
+
+ &-select {
+ position: absolute;
+ left: 0;
+ bottom: 12px;
+
+ .linkBtnColor {
+ color: #1A6FB8;
+ cursor: pointer;
+ margin-left: 16px;
+ }
+ }
+ }
+
+ &-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;
- padding: 12px 8px;
- border-radius: 12px 0px 0px 12px;
+}
+
+.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;
+ cursor: pointer;
+
+}
+
+.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