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 |  179 ++++++++++++++++++++++++++++++++++++++++++++++++++++-------
 1 files changed, 158 insertions(+), 21 deletions(-)

diff --git a/gz-customerSystem/src/views/register/index.less b/gz-customerSystem/src/views/register/index.less
index b559ae7..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,13 +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;
@@ -128,10 +135,27 @@
 
 	&-hasTabPage {
 		background-color: #fff;
-		margin: 8px 8px 0px 16px;
-		padding: 12px 16px 16px 16px;
+		margin: 8px 16px 0px 16px;
+		padding: 12px 16px 64px 16px;
 		height: calc(100vh - 288px);
-		overflow-y: scroll;
+
+		.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;
+		}
 	}
 }
 
@@ -291,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 {
@@ -309,21 +382,31 @@
 	}
 }
 
-.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;
+.Form {
+	padding: 12px 16px 16px 16px;
+	border: 1px dashed #1a6fb8;
+	border-radius: 10px;
+	margin-top: 16px;
+	margin-right: 16px;
 }
 
-.tabs-container .arco-tabs-header-ink {
-	left: 83.988px;
-	width: 82px;
+.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 {
@@ -334,10 +417,64 @@
 	.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