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 | 520 +++++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 files changed, 503 insertions(+), 17 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index 6a077e0..d1ba534 100644
--- a/gz-customerSystem/src/views/register/index.less
+++ b/gz-customerSystem/src/views/register/index.less
@@ -85,9 +85,19 @@
}
&-file {
- width: 12px;
+ width: 14px;
+ height: 14px;
margin-right: 4px;
- margin-top: -5px;
+ margin-top: -2px;
+ }
+
+ &-register {
+ width: 12px;
+ margin-left: 4px;
+ }
+
+ &-downUp {
+ width: 24px
}
}
@@ -98,8 +108,14 @@
background-color: #fff;
margin: 0px 8px 0px 16px;
padding: 12px 16px 16px 16px;
- height: calc(100vh - 228px);
+ height: calc(100vh - 231px);
overflow-y: scroll;
+ }
+
+ &-noScrollPage {
+ background-color: #fff;
+ margin: 0px 16px 0px 16px;
+ padding: 12px 16px 16px 16px;
}
&-addBtn {
@@ -124,22 +140,17 @@
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;
- height: calc(100vh - 288px);
+ padding: 12px 16px 16px 16px;
.arco-tabs-header-nav {
margin-left: 0 !important;
- }
-
- .scrollTabContent {
- overflow-y: scroll;
}
}
@@ -310,18 +321,21 @@
display: flex;
flex-direction: row;
column-gap: 8px;
- margin: 0px 8px 22px 16px;
+ margin: 0px 8px 0 16px;
+ // max-height: 600px;
+ // min-height: fit-content;
+ // overflow-y: auto;
+
&-left {
flex: 3 1 0%;
background-color: rgb(255, 255, 255);
padding: 12px 0px 12px 16px;
- margin-bottom: -25px;
&-record {
border: 1px solid #D9D9D9;
- border-radius: 8px;
+ // border-radius: 8px;
margin-right: 16px;
margin-top: 8px;
@@ -330,20 +344,23 @@
display: flex;
align-items: center;
background-color: #FAFAFA;
- border-radius: 8px;
+ // border-radius: 8px 8px 0px 0px;
+ position: relative;
&-icon {
width: 12px;
height: 12px;
margin-right: 12px;
+ cursor: pointer;
}
&-edit {
position: absolute;
right: 25px;
- top: 45px;
+ top: 15px;
width: 18px;
+ cursor: pointer;
}
&-remark {
@@ -380,6 +397,7 @@
&-right {
flex: 1 1 0%;
background-color: rgb(255, 255, 255);
+ // height: fit-content;
}
}
}
@@ -445,6 +463,7 @@
background-color: #E8F3FF;
border-radius: 2px;
margin-top: 8px;
+ margin-bottom: -2px;
}
&-textarea {
@@ -453,7 +472,7 @@
padding: 0px 8px;
color: #1A6FB8;
width: fit-content;
- margin: 4px 0px 8px 0px;
+ margin: 12px 0px 8px 0px;
}
}
@@ -461,6 +480,7 @@
display: flex;
gap: 8px;
margin-bottom: 8px;
+ margin-top: 12px;
}
.MyDrawer {
@@ -468,10 +488,76 @@
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;
+ }
+}
+
+.highlighted {
+ color: #1a6fb8;
+ border: 1px solid #1a6fb8;
+ border-radius: 2px;
+}
+
.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 {
@@ -485,10 +571,29 @@
display: flex;
margin-bottom: 4px;
+ &-file {
+ width: 16px;
+ height: 16px;
+ margin-top: 4px;
+ }
+
&-title {
color: #86909C;
}
+ }
+
+ &-info {
+ display: flex;
+
+ &-time {
+ margin-right: 8px;
+ }
+
+ &-detail {
+ color: #1A6FB8;
+ cursor: pointer;
+ }
}
&-btn {
@@ -498,4 +603,385 @@
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;
+ }
+}
+
+.applyInfoClass {
+ width: 100%;
+ min-height: 82px;
+ background: #ffffff;
+ border-radius: 4px;
+ padding: 12px;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-around;
+ margin-bottom: 16px;
+ position: relative;
+
+ &-title {
+ display: flex;
+ align-items: center;
+
+ &-txt {
+ font-size: 16px;
+ font-family: PingFang SC, PingFang SC-400;
+ font-weight: 400;
+ text-align: LEFT;
+ color: #1d2129;
+ line-height: 24px;
+ margin-right: 8px;
+ }
+
+ &-tag {
+ &-1 {
+ height: 24px;
+ border: 1px solid #00b42a;
+ border-radius: 2px;
+ padding: 0 8px;
+ text-align: center;
+ color: #00b42a;
+ }
+
+ &-2 {
+ height: 24px;
+ border: 1px solid #3491FA;
+ border-radius: 2px;
+ padding: 0 8px;
+ text-align: center;
+ color: #3491FA;
+ }
+
+ &-3 {
+ height: 24px;
+ border: 1px solid #F53F3F;
+ border-radius: 2px;
+ padding: 0 8px;
+ text-align: center;
+ color: #F53F3F;
+ }
+ }
+ }
+
+ &-img {
+ position: absolute;
+ right: 16px;
+ cursor: pointer;
+ top: 28px;
+ z-index: 1;
+ }
+
+ .ant-row {
+ margin: 16px 0;
+ }
+}
+
+.auditView {
+ background: #ffffff;
+ margin: 0px 16px 8px 16px;
+ padding: 12px 0px 12px 16px;
+}
+
+.title {
+ display: flex;
+ align-items: center;
+ margin-bottom: 4px;
+
+}
+
+.gradient-box {
+ position: absolute;
+ right: 0;
+ 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;
+}
+
+.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