From 61f77fc8ebbfaa7cd516aa24e628da8fab9c8794 Mon Sep 17 00:00:00 2001
From: zhangyongtian <1181606322@qq.com>
Date: Thu, 05 Sep 2024 10:00:06 +0800
Subject: [PATCH] feat: 事件流转静态
---
gz-customerSystem/src/views/register/index.less | 220 ++++++++++++++++++++++++++++++++++++++++++++++++++----
1 files changed, 203 insertions(+), 17 deletions(-)
diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index fe386b3..af2ad81 100644
--- a/gz-customerSystem/src/views/register/index.less
+++ b/gz-customerSystem/src/views/register/index.less
@@ -57,6 +57,7 @@
width: 100%;
border-color: #E5E6EB;
+ margin-bottom: 20px;
&-title {
color: #86909C;
@@ -72,9 +73,9 @@
}
&-personRemark {
- color: rgb(26, 111, 184);
+ color: #879AAB;
+ background-color: #EDEEF0;
padding: 0px 8px;
- border: 1px solid rgb(26, 111, 184);
border-radius: 4px;
font-size: 14px;
margin-left: 8px;
@@ -88,12 +89,19 @@
margin-right: 4px;
margin-top: -5px;
}
+
+ &-register {
+ width: 12px;
+ margin-left: 4px;
+ }
}
.dataSync {
+ position: relative;
+
&-page {
background-color: #fff;
- margin: 8px 8px 0px 16px;
+ margin: 0px 8px 0px 16px;
padding: 12px 16px 16px 16px;
height: calc(100vh - 228px);
overflow-y: scroll;
@@ -124,6 +132,31 @@
box-shadow: 0px -1px 2px 0px rgba(0, 0, 0, 0.25);
z-index: 1;
}
+
+ &-hasTabPage {
+ background-color: #fff;
+ margin: 8px 16px 0px 16px;
+ padding: 12px 16px 64px 16px;
+ height: calc(100vh - 288px);
+
+ .arco-tabs-header-nav {
+ margin-left: 0 !important;
+ }
+
+ .scrollTabContent {
+ overflow-y: scroll;
+ }
+ }
+
+ &-noBackTabPage {
+ margin: 0 16px 0px 16px;
+ height: calc(100vh - 219px);
+
+ .whiteBox {
+ background-color: #fff;
+ padding: 12px;
+ }
+ }
}
.applyDialog {
@@ -131,14 +164,14 @@
margin-bottom: 8px;
padding-left: 8px;
}
+}
- .dialogTag {
- line-height: 22px;
- padding: 0 8px;
- border-radius: 4px;
- margin-top: 4px;
- color: #fff;
- }
+.dialogTag {
+ line-height: 22px;
+ padding: 0 8px;
+ border-radius: 4px;
+ margin-top: 4px;
+ color: #fff;
}
.visitTableClass {
@@ -210,7 +243,7 @@
.mapPopconfirm {
width: 300px;
- height: 90px;
+ min-height: 90px;
background: #fff;
border-radius: 4px;
box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.10);
@@ -235,21 +268,28 @@
padding: 3px 10px;
width: 80px;
text-align: center;
- position: absolute;
- right: 15px;
- bottom: 15px;
}
}
.mapVicinity {
margin-bottom: 5px;
cursor: pointer;
+ display: flex;
+ align-items: center;
&:hover {
color: #1A6FB8;
}
.mapVicinityIcon {}
+
+ .mapVicinityIcon {
+ background: url('../../assets/images/icon/selectIcon.png') no-repeat center center;
+ width: 14px;
+ height: 14px;
+ background-size: contain;
+ border: 1px dashed #1A6FB8;
+ }
}
.steps {
@@ -261,7 +301,7 @@
.container {
background-color: rgb(242, 243, 245);
- height: calc(-281px + 100vh);
+ height: calc(-293px + 100vh);
overflow-y: scroll;
&-top {
@@ -275,15 +315,64 @@
display: flex;
flex-direction: row;
column-gap: 8px;
- /* margin: 8px 16px 22px; */
margin: 0px 8px 22px 16px;
- // height: 100vh;
&-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;
+ margin-right: 16px;
+ margin-top: 8px;
+
+ &-top {
+ padding: 12px;
+ display: flex;
+ align-items: center;
+ background-color: #FAFAFA;
+ border-radius: 8px;
+
+
+ &-icon {
+ width: 12px;
+ height: 12px;
+ margin-right: 12px;
+ }
+
+ &-remark {
+ border: 1px solid #FFD591;
+ padding: 0px 8px;
+ color: #FA8C16;
+ background-color: #FFF7E6;
+ border-radius: 4px;
+ margin-left: 8px;
+ }
+
+ &-hostOrg {
+ border: 1px solid #89C2E3;
+ padding: 0px 8px;
+ color: #1A6FB8;
+ background-color: #E8F8FF;
+ border-radius: 4px;
+ margin-left: 8px;
+
+ }
+ }
+
+ &-bottom {
+ margin: 16px 12px;
+
+ &-table {
+ border: 1px solid #d9d9d9;
+ width: 100%;
+ }
+ }
+ }
}
&-right {
@@ -291,4 +380,101 @@
background-color: rgb(255, 255, 255);
}
}
+}
+
+.Form {
+ padding: 12px 16px 16px 16px;
+ border: 1px dashed #1a6fb8;
+ border-radius: 10px;
+ margin-top: 16px;
+ margin-right: 16px;
+}
+
+.tabs-container {
+ .arco-tabs-header {
+ position: relative;
+ display: inline-block;
+ transition: transform .2s cubic-bezier(.34, .69, .1, 1);
+ white-space: nowrap;
+ transform: translateX(0px);
+ width: 300px;
+ flex: 1;
+ display: flex;
+ justify-content: space-evenly;
+ }
+
+ .arco-tabs-header-ink {
+ left: 83.988px;
+ width: 82px;
+ }
+}
+
+.progress {
+ margin: 16px 0px 0px 16px;
+}
+
+.myTabContent {
+ .arco-tabs-header-nav {
+ margin-left: 16px
+ }
+
+ .arco-tabs-header-nav-line.arco-tabs-header-nav-horizontal>.arco-tabs-header-scroll .arco-tabs-header-title:first-of-type {
+ margin-left: 0;
+ }
+
+ .arco-tabs-header-nav-line .arco-tabs-header-title {
+ margin: 0 16px 0 0;
+ }
+}
+
+.caseResult {
+ &-title {
+ padding-top: 4px;
+ margin-bottom: 8px;
+ }
+
+ &-tabs {
+ display: flex;
+ margin-bottom: 18px;
+ }
+
+ &-tips {
+ padding: 9px 16px;
+ background-color: #E8F3FF;
+ border-radius: 2px;
+ margin-top: 8px;
+ }
+
+ &-textarea {
+ border: 1px solid #1a6fb8;
+ border-radius: 2px;
+ padding: 0px 8px;
+ color: #1A6FB8;
+ width: fit-content;
+ margin: 4px 0px 8px 0px;
+ }
+}
+
+.tabs1 {
+ display: flex;
+ gap: 8px;
+ margin-bottom: 8px;
+}
+
+.MyDrawer {
+ position: absolute;
+ 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;
+ }
}
\ No newline at end of file
--
Gitblit v1.8.0